/* Theme Name: Edit Theme Author: Edit Author URI: https://edit.co.uk Description: This is custom Edit Theme which are optimised for SEO. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: Edit Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready */
 @font-face {
     font-family: 'CenturyGothic-Bold';
     src: url('css/fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'), url('css/fonts/CenturyGothic-Bold.woff') format('woff'), url('css/fonts/CenturyGothic-Bold.ttf') format('truetype'), url('css/fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'CenturyGothic';
     src: url('css/fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'), url('css/fonts/CenturyGothic.woff') format('woff'), url('css/fonts/CenturyGothic.ttf') format('truetype'), url('css/fonts/CenturyGothic.svg#CenturyGothic') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'Calibri-Bold';
     src: url('css/fonts/Calibri-Bold.eot?#iefix') format('embedded-opentype'), url('css/fonts/Calibri-Bold.woff') format('woff'), url('css/fonts/Calibri-Bold.ttf') format('truetype'), url('css/fonts/Calibri-Bold.svg#Calibri-Bold') format('svg');
     font-weight: bold;
     font-style: normal;
}
 @font-face {
     font-family: 'Calibri';
     src: url('css/fonts/Calibri.eot?#iefix') format('embedded-opentype'), url('css/fonts/Calibri.woff') format('woff'), url('css/fonts/Calibri.ttf') format('truetype'), url('css/fonts/Calibri.svg#Calibri') format('svg');
     font-weight: normal;
     font-style: normal;
}
 .noscroll {
     position:fixed;
     overflow:hidden;
}
 .greyBG_whiteC.gform_button *, :after, :before {
     background-repeat: no-repeat;
     -webkit-box-sizing: inherit;
     box-sizing: inherit
}
 :after, :before {
     text-decoration: inherit;
     vertical-align: inherit
}
 html {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     cursor: default;
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%
}
 article, aside, footer, header, nav, section {
     display: block
}
 body {
     margin: 0
}
 h1 {
     font-size: 2em;
     margin: .67em auto 1em;
}
 figcaption, figure, main {
     display: block
}
 figure {
     margin: 1em 40px
}
 hr {
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
     height: 0;
     overflow: visible
}
 nav ol, nav ul {
     list-style: none
}
 pre {
     font-family: monospace, monospace;
     font-size: 1em
}
 a {
     background-color: transparent;
     text-decoration: none;
}
 abbr[title] {
     border-bottom: none;
     text-decoration: underline;
     -webkit-text-decoration: underline dotted;
     text-decoration: underline dotted
}
 b, strong {
     font-weight: inherit;
     font-weight: bolder
}
 code, kbd, samp {
     font-family: monospace, monospace;
     font-size: 1em
}
 dfn {
     font-style: italic
}
 mark {
     background-color: #ff0;
     color: #000
}
 small {
     font-size: 80%
}
 sub, sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline
}
 sub {
     bottom: -.25em
}
 sup {
     top: -.5em
}
 ::-moz-selection {
     background-color: #b3d4fc;
     color: #000;
     text-shadow: none
}
 ::selection {
     background-color: #b3d4fc;
     color: #000;
     text-shadow: none
}
 audio, canvas, iframe, img, svg, video {
     vertical-align: middle
}
 audio, video {
     display: inline-block
}
 audio:not([controls]) {
     display: none;
     height: 0
}
 img {
     border-style: none
}
 svg {
     fill: currentColor
}
 svg:not(:root) {
     overflow: hidden
}
 table {
     border-collapse: collapse
}
 button, input, optgroup, select, textarea {
     margin: 0
}
 button, input, select, textarea {
     background-color: transparent;
     color: inherit;
     font-size: inherit;
     line-height: inherit
}
 button, input {
     overflow: visible
}
 button, select {
     text-transform: none
}
 [type=reset], [type=submit], button, html [type=button] {
     -webkit-appearance: button
}
 [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
     border-style: none;
     padding: 0
}
 [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
     outline: 1px dotted ButtonText
}
 legend {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     color: inherit;
     display: table;
     max-width: 100%;
     padding: 0;
     white-space: normal
}
 progress {
     display: inline-block;
     vertical-align: baseline
}
 textarea {
     overflow: auto;
     resize: vertical
}
 [type=checkbox], [type=radio] {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0
}
 [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
     height: auto
}
 [type=search] {
     -webkit-appearance: textfield;
     outline-offset: -2px
}
 [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
     -webkit-appearance: none
}
 ::-webkit-file-upload-button {
     -webkit-appearance: button;
     font: inherit
}
 details, menu {
     display: block
}
 summary {
     display: list-item
}
 canvas {
     display: inline-block
}
 template {
     display: none
}
 [tabindex], a, area, button, input, label, select, summary, textarea {
     -ms-touch-action: manipulation;
     touch-action: manipulation
}
 [hidden] {
     display: none
}
 [aria-busy=true] {
     cursor: progress
}
 [aria-controls] {
     cursor: pointer
}
 [aria-hidden=false][hidden]:not(:focus) {
     clip: rect(0, 0, 0, 0);
     display: inherit;
     position: absolute
}
 [aria-disabled] {
     cursor: default
}
 :root {
     font-family: "Calibri" !important;
     font-weight: 300;
     line-height: 1.2;
}
 h1, h2, h3, h4, h5, h6 {
     font-family: CenturyGothic;
     font-weight: 300;
     text-align: left;
}
 .u-Grid .articleItemStyle.service h1, .u-Grid .articleItemStyle.service h2, .u-Grid .articleItemStyle.service h3, .u-Grid .articleItemStyle.service h4, .u-Grid .articleItemStyle.service h5, .u-Grid .articleItemStyle.service h6, .u-Grid .articleItemStyle.about h1, .u-Grid .articleItemStyle.about h2, .u-Grid .articleItemStyle.about h3, .u-Grid .articleItemStyle.about h4, .u-Grid .articleItemStyle.about h5, .u-Grid .articleItemStyle.about h6 {
     letter-spacing: 1.5px;
}
 .nav-logo {
     height:20px;
     position: absolute;
     top:10px;
     left:10px;
}
 @media (max-width:750px) {
     .introHeader.singleJob h1 {
         font-size:2.6em;
    }
}
 @media (min-width:800px) {
     .nav-logo {
         height:25px;
         top:0;
         left:0;
    }
     .navWrapper .nav-logo {
         display:none;
    }
     .navWrapper.sticky .nav-logo {
         display:block;
    }
}
 .nav-logo img {
     height:100%;
     width:auto;
}
 .mobile-nav {
     position: relative;
     float:right;
     display:block;
}
 @media (min-width:800px) {
     .navWrapper {
         max-width: 75em;
         left: 50%;
         transform: translateX(-50%);
    }
     .mobile-nav {
         display:none !important;
    }
}
 .hamburger {
     padding: 10px 10px 2px 10px;
     display: inline-block;
     cursor: pointer;
     transition-property: opacity, filter;
     transition-duration: 0.15s;
     transition-timing-function: linear;
     font: inherit;
     color: inherit;
     text-transform: none;
     background-color: transparent;
     border: 0;
     outline:0;
     margin: 0;
     overflow: visible;
}
/*.hamburger:hover {
     opacity: 0.7;
}
*/
 .hamburger-box {
     width: 30px;
     height: 24px;
     display: inline-block;
     position: relative;
}
 .hamburger-inner {
     display: block;
     top: 50%;
     margin-top: -2px;
}
 .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
     width: 30px;
     height: 3px;
     background-color: #fff;
     border-radius: 4px;
     position: absolute;
     transition-property: transform;
     transition-duration: 0.15s;
     transition-timing-function: ease;
}
 .hamburger-inner::before, .hamburger-inner::after {
     content: "";
     display: block;
}
 .hamburger-inner::before {
     top: -10px;
}
 .hamburger-inner::after {
     bottom: -10px;
}
 .hamburger--spring .hamburger-inner {
     top: 2px;
     transition: background-color 0s 0.13s linear;
}
 .hamburger--spring .hamburger-inner::before {
     top: 10px;
     transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 .hamburger--spring .hamburger-inner::after {
     top: 20px;
     transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 .hamburger--spring.is-active .hamburger-inner {
     transition-delay: 0.22s;
     background-color: transparent;
}
 .hamburger--spring.is-active .hamburger-inner::before {
     top: 0;
     transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
     transform: translate3d(0, 10px, 0) rotate(45deg);
}
 .hamburger--spring.is-active .hamburger-inner::after {
     top: 0;
     transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
     transform: translate3d(0, 10px, 0) rotate(-45deg);
}
 .searchleeds-item {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-align: center;
}
 @media (min-width: 30em) {
     .searchleeds-item {
         display: flex;
        /* -webkit-box-orient: vertical;
         */
        /* -webkit-box-direction: normal;
         */
         -ms-flex-direction: column;
         flex-direction: column;
    }
}
 .greyHeaderContainer {
     margin-bottom: 1rem;
     background-color: #2f393e;
     color: #fff
}
 form.job_filters, .job_listings img.company_logo {
     display:none;
}
 .job_listings .position, .job_listings .position h3 {
     text-align: left;
     padding-left: 0;
}
 div.job_listings ul.job_listings {
     margin-top:4em !important;
}
 .postSingleContent img.ri-loading-image {
     display:none;
}
 .postSingleContent .job_listings h3 {
     margin:0 !important;
}


header.pura-data h1.u-headerHeading {
  background:url(img/Pura-logo-white.png) no-repeat center center;
  font-size:0;
  text-indent: -99999px;
  width:80%;
  max-width:377px;
   padding-bottom: 40%;
}


.pura-data .blueBG_whiteC {
  color:#000;
}
.pura-data .blueBG_whiteC h2{
  color:#000;
  text-align:center;
}
.pura-data .content-column ul{
 padding: 0 20px;
}
.pura-data .content-column ul li{
     margin-bottom: 20px;
}
.pura-data h3{
 text-align:center;
}
.pura-data .blueBG_whiteC blockquote, .pura-data .blueBG_whiteC blockquote cite, .pura-data .blueBG_whiteC blockquote::before, .pura-data .blueBG_whiteC blockquote::after{
  color:#000 !important;
}
.pura-data .blueBG_whiteC blockquote {
    padding: 15px 40px;
    font-family: CenturyGothic;
    font-style: normal;
    font-size: 2em;
    margin: 0 2em 2em;
    box-sizing: border-box;
}
.pura-data .blueBG_whiteC blockquote:last-child {
  margin-bottom: 0;
}
.pura-data blockquote::before {
    display: block!important;
    content: "\201C";
    font-size: 52px !important;
    position: absolute!important;
       left: 5px !important;
    top: -1px !important;
    color: #000;
}
.pura-data blockquote::after {
    display: block!important;
    content: "\201D";
   font-size: 52px !important;
    position: absolute!important;
       right: 5px !important;
    bottom: -1px !important;
    color: #000;
}

.flex-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    margin:1em 0;
}
.flex-grid.mainAbout {
margin-top:0;
  }
.flex-grid:after {
  content: "";
  flex: auto;
}
.f-GridItem {
   justify-content: space-between;
   width:100%;
   margin: 1em 0;
}
.f-GridItem article, .f-GridItem article.article-about a, .f-GridItem article.article-service a { display:flex;}

.f-GridItem article.article-service a {     color: #2f393e;  }
.f-GridItem article.article-service a h2 {  margin-top:0;  }

.f-GridItem article.article-service a:hover h2 {  color: #d40872;  }

.f-GridItem article img.icon{ 
  width:60px;
  height:60px;
  flex-shrink: 0;
  display:block;
  margin-right: 10px;
 }

 @media (min-width: 750px) {
  .f-GridItem article img.icon{ 
  width:100px;
  height:100px;
  flex-shrink: 0;
  display:block;
 }
    .flex-grid.two-col .f-GridItem {
        width: 50%;
    }
    .flex-grid.three-col .f-GridItem {
        width: 33%;
    }
    .flex-grid.three-col .f-GridItem article img.icon{
          width:60px;
          height:60px;
    }

    .flex-grid.three-col.contact-grid  .f-GridItem {
        width: 32%;
    }
     .flex-grid.three-col.contact-grid  .f-GridItem:nth-child(2) {
       margin-right:2%;
       margin-left:2%;
    }
     .flex-grid.three-col.contact-grid  .f-GridItem {
       margin-top:0;
       
    }
     .flex-grid.three-col.contact-grid {
      margin-top:0;
     }

    .article-content {
      padding-right:20px;
    }

    .flex-grid {   
        margin:3em 0;
    }
}
 @media (min-width: 900px) {
 .flex-grid.two-col .f-GridItem article img.icon{
          width:100px;
          height:100px;
    }
 }

 .job-manager-application-wrapper .application .application_button, .single_job_listing .application .application_button {
     text-align: center;
     font-size: 1.5em;
     display: inline-block;
     margin: 0 .5em 0 0;
     padding: .5em 1em;
     outline: 0;
     border: 0;
     background: #d40872;
     color: #fff;
     font-family: "CenturyGothic";
     letter-spacing: 1.5px;
     transition:.2s linear;
     cursor:pointer;
}

 .u-Grid.grid-about-list.mainAbout {
    /* margin-top:4em;
    */
}
 .job-manager-application-wrapper .application .application_button:hover, .single_job_listing .application .application_button:hover {
     background:#2a2a43
}
 @media (min-width:800px) {
     #gform_wrapper_4 {
         max-width: 50%;
    }
}
 .ginput_container input[type=text], .ginput_container textarea, .ginput_full input[type=text] {
     padding-left: 100px;
}
 .ri-grid.apif-ri-grid {
     margin-top:0px !important;
}
 .pageContainer.breadcrumb-container {
}
 .PageContainer.instagramFull {
     max-width:100%;
     padding:0;
}
 .PageContainer.instagramFull .u-BasePadding {
     padding: 0 0 3em;
}
 ul.job_listings li.job_listing a div.position {
     padding-left:0 !important;
}
 header.bgAbout, header.bgService, header.bgContact, header.bgWork {
     background-size: contain;
     background-repeat: no-repeat;
     background-position: right;
     height: 0;
     padding-top: 29%;
     position:relative;
}
 header a {
     color:#d40872;
}
 header.bgAbout {
     background-image: url('img/About-Us-Header.png');
}
 header.bgWork {
     background-color: #57b6e9;
     background-image: url('img/Case-Study-Header.png');
}
 header.bgWork.single {
     background-image: none !important;
}
 header.bgWork .masking {
     background-image: url('img/Case-Study-Header.png');
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height:100%;
     background-size: cover;
}
 header.bgWork .image {
     -webkit-filter: grayscale(100%) opacity(.4) contrast(1.5);
     -moz-filter: grayscale(100%) opacity(.4) contrast(1.5);
     -ms-filter: grayscale(100%) opacity(.4) contrast(1.5);
     -o-filter: grayscale(100%) opacity(.4) contrast(1.5);
     filter: grayscale(100%) opacity(.4) contrast(1.5);
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height:100%;
     background-size: cover;
}
 header.bgService {
     background-color: #74a7b7;
     background-image: url('img/Services-Header.png');
}
 .defaultHeaderSubpage p.intro {
     margin-bottom:1em;
     font-size: 1.2em;
}
 .introHeader {
     margin: auto;
     position: relative;
     margin-bottom:0;
     bottom: 0;
     right: 0;
     text-align: center;
     z-index: 2;
}
 .introHeader h1 {
     font-family: "CenturyGothic";
     font-size: 3.8em;
     letter-spacing: 1.5px;
     padding: .5em;
}
 .introHeader.singleBlog h1 {
     font-size: 1.6em;
     padding: 0 .5em;
     margin-bottom: 0.25em;
     margin-top: 0;
     text-align: center;
}
 @media (min-width:750px) {
     .introHeader {
         max-width:80%;
    }
     .introHeader.singleBlog h1 {
         font-size: 2.2em;
         padding: 0 2em;
         margin-bottom: 0.25em;
         margin-top:.67em;
    }
}
 @media (min-width:800px) {
     .introHeader.singleBlog h1 {
         font-size:2.6em;
         padding: 0 2em;
         margin-bottom: 0.25em;
    }
     .introHeader p {
         max-width: 60% !important;
    }
}
 .introHeader p {
     font-size:18px;
}
 .postSingleMetadata time {
     opacity:0.6;
}
 .postSingleAuthor {
     text-align: center;
     width: auto;
     display: block;
     margin: 0 auto;
}
 header.bgService h1, header.bgService p, header.bgWork h1 ,header.bgAbout h1, header.bgAbout p, header.bgContact h1, header.bgContact p {
    /*position:absolute;
    */
}
 header.bgService h1, header.bgAbout h1, header.bgContact h1, header.bgWork h1 {
    /*top:3em;
    */
}
 header.bgAbout p, header.bgContact p {
     width: 70%;
     white-space: nowrap;
    /*top: 10em;
    */
     font-size: 1.2em;
    /*position: absolute;
    */
}
 header.bgWork p, header.bgService p {
     white-space: normal;
     width: 70%;
}
 header.bgContact {
     background-color: #57b6e9;
     background-image: url('img/Contact-Us-Header.png');
}
 .greyHeaderContainer > p.intro {
     font-size: 1.3em;
}
 .greyHeaderContainer h1, .greyHeaderContainer p {
     margin: 0;
     line-height: 1.5
}
 .u-Grid {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-left: -1rem
}
 .grid-blog-list, .grid-related-list {
     grid-auto-rows: auto !important;
}

 .u-GridItem {
     margin-bottom: 1rem;
     padding-left: 1rem
}
 @supports (display:grid) {
     .u-Grid {
         display: grid;
         grid-gap: 1rem;
         margin-left: 0;
         margin-bottom: 1rem
    }
     .u-GridItem {
         margin-bottom: 0;
         padding-left: 0
    }
}
 .o-Categories {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin: 0;
     padding-left: 0;
     list-style: none outside
}
 .o-Lozenge {
     display: inline-block;
     margin: .25rem;
     padding: .33rem .5rem;
     border-radius: 1.25rem;
     background-color: #d40872;
     color: #fff;
     font-size: .75rem;
     line-height: 1.25;
     text-decoration: none;
}
 .o-Lozenge.nuxt-link-exact-active {
     -webkit-box-shadow: inset 0 0 0 1px #6cb5e4;
     box-shadow: inset 0 0 0 1px #6cb5e4;
     background-color: transparent;
     color: #6cb5e4;
}
 .o-Lozenge:link:hover {
     -webkit-box-shadow: none;
     box-shadow: none;
     background-color: #b0005a;
     color: #fff;
}
 @media (min-width:45em) {
     .o-Lozenge {
         padding: .5rem .75rem;
         font-size: .875rem
    }
}
 .fade-enter-active, .fade-leave-active {
     will-change: opacity;
     -webkit-transition: opacity .3s;
     transition: opacity .3s
}
 .fade-enter, .fade-leave-active {
     opacity: 0
}
 .u-SmallHeading {
     font-size: 1.25rem;
     letter-spacing: 1.5px;
}
 .u-BasePadding {
     padding: 1rem 0;
     box-sizing: border-box;
     text-align:justify;
}
 @media (min-width:800px) {
     .u-BasePadding {
         padding: 3.5rem 0;
    }
}
 .homeblocks .u-BasePadding {
     padding: 2rem ;
     box-sizing: border-box;
}
 .u-VisuallyHidden {
     position: absolute;
     width: 1px;
     height: 1px;
     margin: -1px;
     clip: rect(0, 0, 0, 0);
     overflow: hidden
}
 .u-Unauthorized {
     opacity: .5
}
 .mainWrapper {
     min-height: 100vh
}
 .mainWrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     position: absolute;
     width:100%;
     top:0px;
     overflow:hidden;
}
 .mpJ2AAv-y5daerZ_Hn6oL_0 {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     overflow: scroll;
     max-height: calc(100vh - 3.75rem)
}
 .MobileMenuIcon {
     padding: 0 1.25rem
}
 @media (min-width:45em) {
     .MobileMenuIcon {
         display: none
    }
}
 .MobileMenuIcon path {
     stroke: #fff;
     stroke-width: 3px;
     stroke-linecap: round
}
 .PageWrapper {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     min-height: 100vh;
     background: #fff;
     background-size: 3px 3px;
     width: 100%;
}
/*@media (min-width:45em) {
     .PageWrapper {
         padding-left: 200px
    }
}
*/
 .B3LogoHref {
     display: block;
     padding: 1.25rem
}
 @media (min-width:45em) {
     .B3LogoHref {
         padding: 2rem
    }
}
 .footer-cert-logo {
     display: flex;
     cursor:pointer;
     justify-content: flex-end;
     margin-top: 10px;
}
 .footer-cert-logo a:hover img{
     opacity:.8;
}
 .footer-cert-logo img{
     height: 30px !important;
     margin-left: 14px !important;
     opacity: 0.3;
     transition:.2s linear;
}

.gform_validation_container  {
    display:none;
 
}
 .PageContainer {
     margin-right: auto;
     margin-left: auto;
     padding: 1rem;
     max-width: 75rem;
     overflow: hidden;
}
}
 .PageContainer.breadcrumb-container {
     padding: 0 1rem
}
 .postSingleContent .footerBlue-column img {
     margin: 0;
     opacity: .3;
}
 @media (min-width:45em) {
     .PageContainer {
         margin-top: 0;
         padding: 0 2rem
    }
     .PageContainer.breadcrumb-container {
         padding: 0 2rem
    }
}
 @media (min-width:75em) {
     .PageContainer {
         padding: 0 4.5rem
    }
}
 ._3JACNDNsl7KTEvvuAQaicy_0 {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: fixed;
     z-index: 10;
     padding: 1.25rem;
     top: 3.75rem;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: hsla(0, 0%, 100%, .95)
}
 @media (min-width:60em) {
     ._3JACNDNsl7KTEvvuAQaicy_0 {
         padding: 3rem;
         top: 0;
         left: 200px;
         padding: 4.5rem
    }
}
 @media (min-width:75em) {
     ._3JACNDNsl7KTEvvuAQaicy_0 {
         padding: 6rem
    }
}
 ._1A2WfHYJtm4SzbwPQ2CC6I_0 {
     -webkit-appearance: none;
     position: absolute;
     padding: .25rem;
     top: 1rem;
     right: 1rem;
     border: none;
     border-radius: 0;
     background: none
}
 @media (min-width:45em) {
     ._1A2WfHYJtm4SzbwPQ2CC6I_0 {
         top: 1.5rem;
         right: 1.5rem
    }
}
 ._1A2WfHYJtm4SzbwPQ2CC6I_0 span {
     display: none
}
 ._1A2WfHYJtm4SzbwPQ2CC6I_0 svg {
     width: 32px;
     height: 32px
}
 ._1A2WfHYJtm4SzbwPQ2CC6I_0 path {
     fill: #2f393e
}
 ._1A2WfHYJtm4SzbwPQ2CC6I_0:hover path {
     fill: #6cb5e4
}
 ._1A2WfHYJtm4SzbwPQ2CC6I_0:focus {
     -webkit-box-shadow: inset 0 0 0 .2rem orange;
     box-shadow: inset 0 0 0 .2rem orange;
     outline: 0
}
 ._2Hd37b55ZcIJYodGwN1mPJ_0 {
     width: 100%;
     height: auto
}
 .scrollSpacer {
     height:25px;
     display: block;
     width: 100%;
}
 .scrollSpacer a {
     color:#fff;
     display: block;
     width: 100%;
     height: 100%;
     background: #2f393e;
     text-align: center;
     transition: all ease-in-out .3s;
     cursor: pointer;
     line-height: 1.6em;
}
 .scrollSpacer a:hover {
    /*color:#2f393e;
    */
     color:#6cb5e4;
     background: #fff;
     background: rgba(82, 98, 107,.5);
    /*opacity: .7;
    */
}
 .rotate90up {
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     transform: rotate(90deg);
}
 .rotate90down {
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
     transform: rotate(-90deg);
}
 .HeroBannerBlue {
     height: 15rem
}
 @media (min-width:60em) {
     .HeroBannerBlue {
         height: 30rem
    }
     .PageSection .u-GridItem {
        /* width: 3;*/
         min-height: 15rem
    }
}
 @supports (display:grid) {
     .PageSection .u-Grid, .yarpp-related .u-Grid {
         grid-auto-rows: 20rem
    }
     .PageSection .u-GridItem, .yarpp-related .u-GridItem {
         width: auto;
         min-height: 0
    }
     @media (min-width:750px) {
         .PageSection .u-Grid.grid-blog-list, .yarpp-related .u-Grid.grid-related-list {
             grid-template-columns:repeat(auto-fill, minmax(17em, 1fr));
        }
         .PageSection .u-Grid.grid-services-list.mainServices, .PageSection .u-Grid.grid-about-list.mainAbout{
             grid-template-columns:repeat(auto-fill, minmax(17em, 1fr));
        }
    }
     @media (min-width:900px) {
         .PageSection .u-Grid.grid-blog-list, .yarpp-related .u-Grid.grid-related-list {
             grid-template-columns:repeat(auto-fill, minmax(20em, 1fr));
        }
    }
     @media (min-width:60em) {
         .PageSection .u-Grid, .yarpp-related .u-Grid {
            /*grid-template-columns: repeat(2, 1fr);
            */
             grid-template-columns:repeat(auto-fill, minmax(27em, 1fr));
             grid-auto-rows: auto !important;
             grid-auto-flow: dense
        }
         .PageSection .u-Grid.grid-services-list, .PageSection .u-Grid.grid-about-list {
             grid-template-columns:repeat(auto-fill, minmax(20em, 1fr));
        }
         .PageSection .u-Grid.grid-services-list.mainServices, .PageSection .u-Grid.grid-about-list.mainAbout{
             grid-template-columns:repeat(auto-fill, minmax(27em, 1fr));
        }
         .PageSection .u-Grid.workList {
             grid-template-columns:repeat(auto-fill, minmax(20em, 1fr));
        }
         .squareGrid {
             grid-row: span 2
        }
         .squareGrid:nth-of-type(2n) {
             grid-column: 2
        }
    }
}
 .grid-blog-list .articleItemStyle .u-BasePadding.articleItemHref, .grid-related-list .articleItemStyle .u-BasePadding.articleItemHref {
     padding: 1em;
     flex-grow: 1;
}
 .grid-blog-list .articleItemHref h2, .grid-related-list .articleItemHref h2 {
     text-align:left;
     margin:0 0 1em;
     font-size:1.4em;
}
 @media (min-width:750px) {
     .grid-blog-list .articleItemHref h2, .grid-related-list .articleItemHref h2 {
         font-size:1.75em;
    }
     .grid-blog-list .articleItemStyle .u-BasePadding.articleItemHref, .grid-related-list .articleItemStyle .u-BasePadding.articleItemHref {
         padding: 2em;
    }
}
 .grid-blog-list .articleItemStyle p{
     margin:0;
}
 .grid-services-list .articleItemStyle .u-BasePadding.articleItemHref, .grid-about-list .articleItemStyle .u-BasePadding.articleItemHref {
     padding: 2em;
}
 .grid-services-list .articleItemHref h2, .grid-about-list .articleItemHref h2 {
     text-align:left;
     margin:0 0 1em;
}
 .grid-services-list .articleItemStyle p, .grid-about-list .articleItemStyle p {
     margin:0;
}
 .authorDetails.articleItemContentStyle {
     padding:2em 0;
}
 .authorDetails.articleItemContentStyle a{
     color: #d40872;
}
 .postSingleContent ol {
     margin:1em 0;
     padding:0 0 0 15px;
}
 .postSingleContent ol li{
     margin:10px 0;
}
 .error404 p {
     font-size: 1.25rem !important;
     line-height: 1.4 !important;
}
 .error404 h1 {
     font-size: 6em !important;
     position: relative;
}
 .error404 h1:after {
     content:"";
     background: #ccc;
     position: absolute;
     top: 1.35em;
     bottom: 0;
     left: 0;
     height: 2px;
     width: 35px;
}
/* edit new sticky navigation */
 .navWrapper {
     z-index: 99999;
     width: 100%;
     height: 40px;
     position: absolute;
     top: 0;
     text-align: right;
}
 @media (min-width:800px) {
     .navWrapper {
         top: 30px;
         text-align: center;
    }
}
 nav#b3menu {
     position: fixed;
     right:-100%;
     width: 100%;
     transition: .5s right ;
     top:40px;
}
 @media (min-width:800px) {
     nav#b3menu {
         display: inline-block;
         margin: 0 auto;
         position: relative;
         right: auto;
         width:auto;
         top:0;
         z-index: 8;
         height:44px;
    }
}
 nav#b3menu.active {
     right:0;
     bottom:0;
     background: rgba(0,0,0,.8);
}
 .sticky:before {
     background: #2a2a43;
     content:'';
     height:40px;
     width:50%;
     position: absolute;
     left:-50%;
}
 .sticky:after {
     background: #2a2a43;
     content:'';
     height:40px;
     width:50%;
     position: absolute;
     right:-50%;
}
 nav#b3menu ul {
     font-family: 'CenturyGothic';
     font-size: 14px;
     position: relative;
     z-index: 9999;
     display: block;
     padding: 0;
}
 @media (max-width:800px) {
     nav#b3menu ul {
         overflow-y: auto;
    }
}
 @media (min-width:800px) {
     nav#b3menu ul {
         overflow-y: initial;
    }
     .nav-logo img {
         height: 100%;
         width: auto;
         top: 10px;
         left: 10px;
         margin: 7px;
    }
     nav#b3menu ul {
         display: flex;
    }
     nav#b3menu ul li {
         text-align: center;
         position:relative;
         margin: 0 10px;
    }
     nav#b3menu li a:hover {
         background-color: #d40872;
    }
     nav#b3menu li:hover a {
         background-color: #d40872;
    }
     nav#b3menu ul li a {
        /*width:100%;
         display: inline-block;
        */
         color:#fff;
         padding: 4px 10px;
         transition: all .2s linear;
    }
     nav#b3menu ul li ul {
         display: none;
         position: absolute;
         top: 20px;
         left: 0;
         background: transparent;
         min-width: 100%;
    }
     nav#b3menu ul li ul li ul {
         display: none;
         position: absolute;
         top: 0;
         left: 100%;
         background: transparent;
         min-width: 100%;
    }
     nav#b3menu ul li ul li {
         text-align: left;
         display: block;
         transition: all .2s linear;
         margin: 0;
         padding: 0;
    }
     nav#b3menu ul li ul li a, nav#b3menu ul li:hover ul li a, nav#b3menu ul li ul li:hover ul li a, nav#b3menu ul li:focus ul li a, nav#b3menu ul li ul li:focus ul li a {
         background-color: #2a2a43;
         border-left:5px solid #2a2a43;
         border-bottom:1px solid #34354a;
         white-space: nowrap;
         box-sizing: border-box;
         display: block;
         padding: 8px;
    }
     nav#b3menu ul li ul li a:hover, nav#b3menu ul li ul li:hover a , nav#b3menu ul li ul li:hover ul li a:hover {
         background-color: #424161;
         border-left:5px solid #d40872;
    }
     nav#b3menu ul li:hover ul, nav#b3menu ul li:focus ul {
         display: block;
    }
     nav#b3menu ul li:hover ul li ul, nav#b3menu ul li:focus ul li ul  {
         display:none;
    }
     nav#b3menu ul li ul li:hover ul,    nav#b3menu ul li ul li:focus ul{
         display: block;
    }
     #b3menu ul.sub-menu .back {
        display:none;
    }
}


 ul.sub-menu {
     -webkit-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.75);
     -moz-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.75);
     box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.75);
}
 @media (max-width:800px) {
     .back img {
         width: 12px;
         margin-right: 5px;
    }
     nav#b3menu ul {
         margin: 0;
         width:60%;
         float:right;
         background-color: #2a2a43;
         bottom:0;
         height: 100%;
         -webkit-box-shadow: -8px 15px 15px 0px rgba(0,0,0,0.75);
         -moz-box-shadow: -8px 15px 15px 0px rgba(0,0,0,0.75);
         box-shadow: -8px 15px 15px 0px rgba(0,0,0,0.75);
    }
     nav#b3menu ul li {
         margin: 0;
         text-align:right;
    }
     nav#b3menu ul li a{
         width:100%;
         padding:10px 15px;
         background-color: #2a2a43;
         border-left: 5px solid #2a2a43;
         border-bottom: 1px solid #34354a;
         box-sizing: border-box;
         display: block;
         color:white;
         font-size: 1.2em;
         letter-spacing: 1.5px;
    }
     nav#b3menu ul.sub-menu {
         width:60%;
         display: block;
         position: fixed;
         z-index: 999999999999;
         top: 40px;
         background-color: #2a2a43;
         bottom:0;
         right:-100%;
         transition:right .5s linear;
         -webkit-box-shadow: none;
         -moz-box-shadow: none;
         box-shadow: none;
    }
     nav#b3menu.active ul.sub-menu.show {
         right:0;
    }
}
 .header-logo {
     margin-top: 3px;
     align-items: center;
     justify-content: center;
}
 .header-Herologo {
     width: 100%;
     display: block;
     margin-top: 3em;
}
 .header-Herologo img {
     max-width: 120px;
     display: block;
     margin: 0 auto 30px;
     height:auto;
     width:100%;
}
 @media (min-width:750px) {
     .header-Herologo img {
        max-width: 200px;
         margin: 65px auto 50px;
    }
}
 @media (min-width:800px) {
     .header-Herologo img {
         max-width: 280px;
         margin: 65px auto 50px;
    }
}
 .header-logo img{
     width: auto;
     height: 20px;
     display: inline-block;
     position: relative;
}
 .centerRow {
     max-width: 75rem;
     margin: 0 auto;
     z-index: 2;
     position: relative;
}
 .sticky {
     background: #2a2a43;
     position: fixed !important;
     top: 0;
}
 .sticky-header {
     background: transparent;
     height: 70px;
     display:flex;
}
 .header-wrapper {
     background: #2a2a43;
     z-index: 99999;
     width: 100%;
     display:none;
}
 @media (min-width:800px) {
     .header-wrapper {
         display:block;
         height: 30px;
    }
}
 .postSingleContent.homepage-content article {
     padding: 0em 0;
}
 .postSingleContent.homepage-content .u-BasePadding {
     padding: 2em 1em 0;
     text-align: center;
}
 .postSingleContent.homepage-content .u-BasePadding p {
     font-family: CenturyGothic;
     font-size: 1.2em;
}
 @media (min-width:750px) {
     .postSingleContent.homepage-content .u-BasePadding {
         padding: 3.5em 2em 0;
    }
     .postSingleContent.homepage-content .u-BasePadding p {
         font-size: 1.6em;
    }
}
 @media (min-width:800px) {
     .postSingleContent.homepage-content .u-BasePadding {
         padding: 3.5em 6em 0;
    }
     .postSingleContent.homepage-content .u-BasePadding p {
         font-size: 1.6em;
    }
}
 .search-form {
     display: inline-block;
     z-index: 9;
     width:100%;
     border-radius:20px;
}
 @media (min-width:800px) {
     .search-form {
         position: absolute !important;
         right: -45px;
         top: -8px;
         width: 30px;
         overflow: hidden;
         height:30px;
         transition:.3s ease-in-out;
         border: 1px solid rgba(255,255,255,0);
    }
}
 .search-form form {
     display:flex;
     position: absolute;
     right: 0;
     width: 93%;
     margin-right: 3%;
     border-radius:20px;
     border: 1px solid rgba(255,255,255,.1);
}
 @media (min-width:800px) {
     .search-form form {
         display:flex;
         position: absolute;
         right: 0;
         border: none;
         margin-right: 0;
         width: 100%;
    }
     .search-form:hover {
         background-color: #2a2a43;
         width: 670px;
         border: 1px solid rgba(255,255,255,.1);
    }
     .search-form:hover form{
         background-color: #2a2a43;
         width: 670px;
    }
}
 #searchsubmit {
     border:0;
     background: url(img/search.svg);
     background-size:cover;
     width: 25px;
     height: 25px;
     text-indent:-99999px;
     cursor:pointer;
     margin: 3px 5px 5px;
}
 @media (min-width:800px) {
     #searchsubmit {
         position:absolute;
         right:0;
    }
}
 .search-form input#s {
     display: block;
     border: 0;
     padding: 5px 10px 7px;
     color: #fff;
     font-family: 'CenturyGothic';
     font-size: 14px;
     box-sizing: border-box;
     caret-color: transparent;
     transition:.3s ease-in-out;
     outline: none;
     width:100%;
     right:30px;
}
 .search-form:hover input#s {
     background-color: #2a2a43;
     caret-color: rgb(212, 8, 114);
}
 @media (min-width:800px) {
     .search-form input#s {
         margin-left: 40px;
         width:630px;
         padding: 5px 10px 7px 10px;
         position: absolute;
    }
}
 .defaultHeaderSubpage .u-headerHeading.searchpage {
     font-size: 2.6em;
}
 .search-results {
     padding:1em 0;
}
 @media (min-width:800px) {
     .search-results {
         padding:3em 0;
    }
}
 .no-results form {
     width:100%;
     margin: 0 auto;
}
 @media (min-width:800px) {
     .no-results form {
         width: 50%;
         margin: 0 auto;
    }
}
 .no-results #searchsubmit{
     background: url(img/search2.svg);
     background-size: cover;
     width: 50px;
     height: 50px;
     text-indent: -99999px;
     position: relative;
     margin: -5px 0 0 0;
     outline: none;
}
 .no-results #s{
     border:1px solid #1d1a35;
     padding: 10px;
     border-radius: 3px;
     width: calc(100% - 80px);
}
 .header-inner {
     background: #2a2a43;
     position: relative;
     z-index: 99999;
     display:flex;
     height: 30px;
}
 .header-contactInfo {
     color: #fff;
     line-height: 20px;
     display: inline-flex;
     right: 0px;
     position: absolute;
}
 .header-contactInfo a, .header-contactInfo span {
     font-family: "CenturyGothic";
     font-size:11px;
     line-height: 20px;
     position:relative;
     top: 6px;
     color: #fff;
     visibility: visible;
     transition: opacity .25s ease-in-out;
     opacity: .5;
}
 .header-contactInfo a:hover {
     opacity: 1;
}
.header-socialIcons-holder {
    display: flex;
}
 .header-socialIcons {
     display: block;
     width: 24px;
     height: 24px;
     border: 0;
     margin-left: 5px;
     visibility: visible;
     left: 10px;
     position: relative;
}
 a.header-socialIcons {
     opacity: .5;
     transition: opacity .2s ease-in-out;
}
 a.header-socialIcons:hover {
     opacity: 1;
}
 .header-socialIcons img {
     display: block;
     width: 14px;
     height: 14px;
     margin: 8px 5px;
}
 .defaultHeaderSubpage {
    /* margin-bottom: 1rem;
    */
     background: #2a2a43;
     color: #fff;
     background-size: cover;
     overflow: hidden;
     text-align:center;
     position: relative;
     display:flex;
    justify-content:center;
    align-items:center;
}
 @media (min-width:800px) {
     .defaultHeaderSubpage {
         min-height:25em;
    }
}
 .careers-table {
     width: 100%;
}
 .careers-table a{
     font-size:1.6em;
     font-family: CenturyGothic;
     padding: 10px 0;
     display: block;
}
 .careers-table tr td {
     width:auto;
}
 .careers-table tr td:first-child {
     width:100%;
     text-align:left;
}
 @media (min-width:800px) {
     .careers-table tr td:first-child {
         width:80%;
         text-align:left;
    }
}
 .careers-table tr {
     padding:10px 0;
}
 .defaultHeaderSubpage .u-headerHeading.image-header img{
     max-width: 80%;
     max-height: 200px;
}
 .defaultHeaderSubpage .u-headerHeading, .defaultHeaderSubpage p {
     max-width: 90%;
     margin: 0 auto;
}
 .defaultHeaderSubpage .u-headerHeading {
     font-size: 2.3em;
     font-weight: normal;
     font-family: CenturyGothic;
     letter-spacing: 1.5px;
     margin: .67em auto 1em;
     padding:0;
     text-align: center;
}
 @media (min-width:800px) {
     .defaultHeaderSubpage .u-headerHeading, .defaultHeaderSubpage p {
         max-width: 70%;
    }
     .defaultHeaderSubpage .u-headerHeading {
         font-size: 3.9em;
         margin: .67em auto 0.5em;
    }
}
 .defaultHeaderSubpage .masking{
     background-image: url(img/header_gradient.png);
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 450px;
     background-repeat: repeat-x;
     opacity: .5;
     z-index: 1;
}
 .defaultHeaderSubpage .centerRow {
     padding:2em 0em 2em 0em;
     max-width: 75rem;
     width: 100%;
}
 @media (min-width:750px) {
     .defaultHeaderSubpage .centerRow {
         padding: 2em 0em 2em 0em;
    }
}
 @media (min-width:800px) {
     .defaultHeaderSubpage .centerRow {
         padding: 4em 0em 4em 0em;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
     
      .defaultHeaderSubpage .centerRow {
        margin-left:0;
    }


   .yarpp-related .u-Grid.grid-related-list {
        display:inline-block;
      }

      .yarpp-related .u-Grid.grid-related-list .u-GridItem {
        width:32%;
        float:left;
        box-sizing: border-box;
      }
       .yarpp-related .u-Grid.grid-related-list .u-GridItem .articleItemStyle {
       display:block; 
       box-sizing: border-box;
       }

       .mainContactUsWrapper .u-GridFlex .u-GridItem .articleItemStyleMapQuater{
        padding:4em !important;
       }

       .u-BasePadding.articleItemContentStyleMap {
        padding-top:1em;
       }
}


 .HeroBannerBlue, .HeroBannerGrey {
     background: #2f393e url(/uploads/2018/07/hero_banner_bg.jpg) no-repeat;
     background-size: cover;
     min-height: 34rem;
     margin-bottom: 1rem;
}
 @media (min-width:45em) {
     .HeroBannerBlue, .HeroBannerGrey {
         background-size: cover;
    }
}
 .HeroBannerGrey {
     font-family: Calibri;
     background-color: #2f393e
}
 .Edit_is_a_new_breed_of_agency__with_CRM__Media_ {
     font-size: 18px;
     font-family: "Calibri";
     color: rgb(255, 255, 255);
     line-height: 1.2;
     text-align: center;
     position: absolute;
     left: 185.662px;
     top: 467.313px;
     width: 645px;
     height: 58px;
     z-index: 79;
}
 .HeroBannerGrey p {
     margin: 0;
     font-size: 1.75rem;
     line-height: 1.3;
     text-align: center;
}
 @media (min-width:45em) {
     .HeroBannerGrey p {
         font-size: 1.0625rem;
    }
     .HeroBannerGrey p.intro {
         font-size: 1.4375rem;
    }
}
 @media (min-width:75em) {
     .HeroBannerGrey p {
         width: 60%;
         line-height: 1.2;
          display: block;
         margin: 0 auto;
    }
     .HeroBannerGrey p.intro {
         font-family: "CenturyGothic";
         font-size: 1.4375rem;
         text-align: center;
         line-height: 1.2;
         padding-bottom: 6rem;
    }
}
 @media (max-width:750px) {
     header .introHeader.singleBlog {
         margin-top: 3em;
    }
}
 .HeroBannerGrey, .HeroBannerGrey a {
     color: #fff
}
 .HeroBannerGrey a {
     text-decoration: none;
     background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(90%, hsla(0, 0%, 100%, 0)), color-stop(90%, #fff), color-stop(93%, #fff), color-stop(93%, hsla(0, 0%, 100%, 0)));
     background-image: linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0) 90%, #fff 0, #fff 93%, hsla(0, 0%, 100%, 0) 0)
}
 .HeroBannerGrey a:hover {
     color: #6cb5e4;
     background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(90%, hsla(0, 0%, 100%, 0)), color-stop(90%, #6cb5e4), color-stop(93%, #6cb5e4), color-stop(93%, hsla(0, 0%, 100%, 0)));
     background-image: linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0) 90%, #6cb5e4 0, #6cb5e4 93%, hsla(0, 0%, 100%, 0) 0)
}
 .u-Grid.homeblocks h2 {
     font-family: 'CenturyGothic-Bold' !important;
     color:#fff;
     padding-right: 3em;
     text-align: left;
}
 .u-Grid.homeblocks p {
     color:#fff;
     font-family: "CenturyGothic";
     position: relative;
}
 .VideoBanner {
     position: relative;
     margin-bottom: 1rem;
     padding-bottom: 56.25%;
     background-color: #fff
}
 .VideoBanner:after {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     color: #666;
     font-size: 1rem;
     letter-spacing: 1.5px;
     text-transform: uppercase;
     content: "Loading video...";
     z-index: 0
}
 .VideoBanner iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1
}
 .innerPadding {
     position: relative;
     width: 100%;
     height: 100%;
     overflow: hidden
}
 .innerPadding a {
     color: #fff;
     text-decoration: none
}
 .pinkColour {
     background-color: #d8006f;
}
 .blueColour {
     background-color: #a5bad7;
}
 .u-GridItem .innerPadding.blueColour{
     background-color: #1d1a35;
}
 .greyColour {
     background-color: #2f393e;
     color: #fff;
}
 .redColour {
     background-color: #e35a58;
}
 .whiteColour {
     background-color: #fff;
}
 .whiteColour a {
     color: #2f393e
}

.bannerImgWrapper.hpblocks {
     background-repeat:  no-repeat;
     background-position: center center;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background-size: cover;
    opacity: .4;
}
 .bannerImgWrapper img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover
}
}
 .HalfBlockBanner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     position: relative;
     z-index: 1;
     max-width: 100%;
     height: 100%
}
 @media (max-width:60em) {
     .HalfBlockBanner {
         box-sizing: border-box;
    }
}
 .HalfBlockTitle {
     margin: 0 0 1.5rem;
     font-size: 1.5rem;
      text-align: left;
}
 @media (min-width:60em) {
     .HalfBlockTitle {
         font-size: 2.25rem;
    }
}
 .HalfBlockText {
     margin: 0;
}
 @media (min-width:60em) {
     .HalfBlockText {
         font-size: 1.75rem;
    }
     .HalfBlockText.bottomText {
         bottom: 0rem !important;
         position: relative !important;
    }
}
 @media (max-width:45em) {
     .HalfBlockText.bottomText {
         top: auto !important;
         bottom: 0 !important;
         position: relative !important;
    }
}



/* client slider */
 .clientsSlider {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 100%;
     background-color: #fff
}
 .clientsSlider dl {
     -webkit-transition: -webkit-transform .5s;
     transition: -webkit-transform .5s;
     transition: transform .5s;
     transition: transform .5s, -webkit-transform .5s;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: absolute;
     margin: 2rem 0;
     top: 0;
     right: 0;
     left: 0;
     height: 5rem
}
 .clientsSlider dt {
     display: none
}
 .clientsSlider img {
     width: 100%;
     height: auto
}
 .clientsSlider-container {
     position: relative;
     width: 100%;
     height: 9rem;
     overflow: hidden;
     -webkit-box-ordinal-group: 2;
     -ms-flex-order: 1;
     order: 1
}
 .clientsSlider-item {
     margin: 0;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     -ms-flex-preferred-size: 33%;
     flex-basis: 33%
}
 @media (min-width:45em) {
     .clientsSlider-item {
         -ms-flex-preferred-size: 25%;
         flex-basis: 25%;
         max-width: 13rem;
    }
}
 .clientsSlider-back, .clientsSlider-forward {
     padding: 0 .25rem;
     width: 4.5rem;
     border: 0;
     border-radius: 0
}
 .clientsSlider-back[disabled], .clientsSlider-forward[disabled] {
     opacity: .1
}
 .clientsSlider-back span, .clientsSlider-forward span {
     display: none
}
 .clientsSlider-back svg, .clientsSlider-forward svg {
     width: 1rem;
     height: 1rem
}
 .clientsSlider-back path, .clientsSlider-forward path {
     color: #2f393e
}
 .clientsSlider-back:focus, .clientsSlider-forward:focus {
     outline: none;
     -webkit-box-shadow: inset 0 0 0 2px orange;
     box-shadow: inset 0 0 0 2px orange
}
 .clientsSlider-back {
     -webkit-box-ordinal-group: 1;
     -ms-flex-order: 0;
     order: 0
}
 .clientsSlider-forward {
     -webkit-box-ordinal-group: 3;
     -ms-flex-order: 2;
     order: 2
}
/* ==================================================================================================================== * FONT-FACE * ====================================================================================================================*/
 @font-face {
     font-family: 'flexslider-icon';
     src: url('css/fonts/flexslider-icon.eot');
     src: url('css/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('css/fonts/flexslider-icon.woff') format('woff'), url('css/fonts/flexslider-icon.ttf') format('truetype'), url('css/fonts/flexslider-icon.svg#flexslider-icon') format('svg');
     font-weight: normal;
     font-style: normal;
}
/* ==================================================================================================================== * RESETS * ====================================================================================================================*/
 .flex-container a:hover, .flex-slider a:hover {
     outline: none;
}
 .slides, .slides > li, .flex-control-nav, .flex-direction-nav {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .flex-pauseplay span {
     text-transform: capitalize;
}
/* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/
 .flexslider {
     display: none;
     margin: 0;
     padding: 0;
}
 .flexslider .slides > li {
     display: none;
     -webkit-backface-visibility: hidden;
}
 .flexslider .slides img {
     display: block;
}
 .flexslider .slides:after {
     content: "\0020";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}
 html[xmlns] .flexslider .slides {
     display: block;
}
 * html .flexslider .slides {
     height: 1%;
}
 .no-js .flexslider .slides > li:first-child {
     display: block;
}
/* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/
 .flexslider {
         margin: 20px 0 60px;
    background: #fff;
    border: 0px solid #fff;
     position: relative;
     zoom: 1;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
   
}
 .flexslider .slides {
     zoom: 1;
}
 .flexslider .slides img {
     height: auto;   
     -moz-user-select: none;   
}
 .flex-viewport {
     max-height: 2000px;
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -ms-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
     padding: 0 20px;
}
 .loading .flex-viewport {
     max-height: 300px;
}
 .carousel li {
     margin-right: 5px;
}
 .flex-direction-nav {
     *height: 0;
}
 .flex-direction-nav a {
     text-decoration: none;
     display: block;
     width: 40px;
     height: 40px;
     margin: -20px 0 0;
     position: absolute;
     top: 50%;
     z-index: 10;
     overflow: hidden;
     opacity: 0;
     cursor: pointer;
     color: rgba(0, 0, 0, 0.8);
     text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .flex-direction-nav a:before {
     font-family: "flexslider-icon";
     font-size: 40px;
     display: inline-block;
     content: '\f001';
     color: rgba(0, 0, 0, 0.8);
     text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
 .flex-direction-nav a.flex-next:before {
     content: '\f002';
}
 .flex-direction-nav .flex-prev {
     left: -50px;
}
 .flex-direction-nav .flex-next {
     right: -50px;
     text-align: right;
}
 .flexslider:hover .flex-direction-nav .flex-prev {
     opacity: 0.7;
     left: 0;
}
 .flexslider:hover .flex-direction-nav .flex-prev:hover {
     opacity: 1;
}
 .flexslider:hover .flex-direction-nav .flex-next {
     opacity: 0.7;
     right: 0;
}
 .flexslider:hover .flex-direction-nav .flex-next:hover {
     opacity: 1;
}
 .flex-direction-nav .flex-disabled {
     opacity: 0!important;
     filter: alpha(opacity=0);
     cursor: default;
     z-index: -1;
}
 .flex-pauseplay a {
     display: block;
     width: 20px;
     height: 20px;
     position: absolute;
     bottom: 5px;
     left: 10px;
     opacity: 0.8;
     z-index: 10;
     overflow: hidden;
     cursor: pointer;
     color: #000;
}
 .flex-pauseplay a:before {
     font-family: "flexslider-icon";
     font-size: 20px;
     display: inline-block;
     content: '\f004';
}
 .flex-pauseplay a:hover {
     opacity: 1;
}
 .flex-pauseplay a.flex-play:before {
     content: '\f003';
}
 .flex-control-nav {
     width: 100%;
     position: absolute;
     bottom: -40px;
     text-align: center;
}
 .flex-control-nav li {
     margin: 0 6px;
     display: inline-block;
     zoom: 1;
     *display: inline;
}
 .flex-control-thumbs {
     margin: 5px 0 0;
     position: static;
     overflow: hidden;
}
 .flex-control-thumbs li {
     width: 25%;
     float: left;
     margin: 0;
}
 .flex-control-thumbs img {
     width: 100%;
     height: auto;
     display: block;
     opacity: .7;
     cursor: pointer;
     -moz-user-select: none;
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -ms-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
}
 .flex-control-thumbs img:hover {
     opacity: 1;
}
 .flex-control-thumbs .flex-active {
     opacity: 1;
     cursor: default;
}
/* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/
 @media screen and (max-width: 860px) {
     .flex-direction-nav .flex-prev {
         opacity: 1;
         left: 0;
    }
     .flex-direction-nav .flex-next {
         opacity: 1;
         right: 0;
    }
}
 ._12y9OfNdj4G693h93_Q-oE_0 {
     -webkit-box-flex: 0;
     -ms-flex: 0;
     flex: 0;
     max-width: 2px;
     height: 2px;
     background: green
}
 .footerBlue {
     background-color: #2a2a43;
     color: #ffffff;
}
 .footerBlue h2, .footerBlue p {
     font-size: .875rem;
     line-height: 1;
     text-align:left;
}
 .footerBlue .gform_body p.small {
     font-size: .64em;
}
 .footerBlue .gform_body p.small a {
     color:#fff;
     font-weight: 800;
}
 .footerBlue .gform_body p.small a:hover {
     text-decoration: underline;
}
 .footerBlue-styles {
     margin-bottom: 1.5rem
}
 .footerBlue-styles h2 {
     margin: 8px 0 .4rem !important;
     font-weight: 500
}
 .footerBlue-styles p {
     margin: 0 0 .5rem !important;
}
 .footerGrey {
     padding: 1.25rem;
     background-color: #161525;
}
 @media (min-width:45em) {
     .footerGrey {
         padding: 1.25rem 2rem;
         -webkit-box-shadow: inset 4px 0 8px rgba(0, 0, 0, .1);
         box-shadow: inset 4px 0 8px rgba(0, 0, 0, .1)
    }
}
 .footerGrey a, .footerGrey p {
     color: #fff !important;
}
 .footerGrey p {
     margin: 0 auto !important;
     font-size: .875rem;
     line-height: 1.5;
     max-width: 75rem;
}
 .footerBlue-spacing {
     box-sizing: border-box;
     padding:0 1em;
}
 .footerBlue-spacing.footerBlue-styles {
     padding:0;
}
 @media (max-width:900px) {
     .footerBlue-spacing.footerBlue-styles {
         display:flex;
         flex-wrap: wrap;
    }
     .footerBlue-column {
         flex-grow: 1;
         padding-right: 10px;
    }
}
 p.stives img {
     display: inline;
}
 @media (min-width:420px) {
     p.stives img {
         margin-left: 20px !important;
    }
}
 @media (min-width:900px) {
     p.stives img {
         display:block;
         margin-top:10px !important;
         margin-left:0 !important;
    }
     .footerBlue-spacing {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         max-width: 75rem;
         margin-right: auto;
         margin-left: auto;
    }
     .footerBlue-column {
         width: calc(50% - 1rem)
    }
}
 @media (min-width:1250px) {
     .footerBlue-spacing {
         padding:0;
    }
}
/*Blog listing:*/
 .headerSubpageWhite {
     margin-bottom: 1rem;
     background-color: #fff;
     text-align: center
}
 .headerSubpageWhite h1 {
     margin: 0 0 1.25rem;
     color: #6cb5e4;
     text-align: center;
     @include (--md) {
         margin-bottom: 2rem
    }
}
 .articleItemStyle {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     width: 100%;
     height: 100%;
}
 .articleItemHref.service .articleItemContent div, .articleItemHref.about .articleItemContent div {
     overflow: hidden;
}
 .articleItemHref {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}


@media (max-width:750px) {
     .grid-blog-list .u-GridItem:nth-child(2) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(4) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(9) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(11) .articleItemHref {
       
         background-color: #d40872;
    }
     .grid-blog-list .u-GridItem:nth-child(1) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(6) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(8) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(10) .articleItemHref {
       
         background-color: #ffb538;
    }
    .grid-blog-list .u-GridItem:nth-child(3) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(5) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(7) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(12) .articleItemHref {
       
         background-color: #1d1a35;
    }
  }
         
@media (min-width:750px) and (max-width:1073px){
 .grid-blog-list .u-GridItem:nth-child(2) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(5) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(8) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(11) .articleItemHref {
       
         background-color: #d40872;
    }
     .grid-blog-list .u-GridItem:nth-child(1) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(4) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(7) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(10) .articleItemHref {
       
         background-color: #ffb538;
    }
      .grid-blog-list .u-GridItem:nth-child(3) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(6) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(9) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(12) .articleItemHref {
       
         background-color: #1d1a35;
    }

}

 @media (min-width:1073px) {
     .grid-blog-list .u-GridItem:nth-child(2) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(4) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(9) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(11) .articleItemHref {
       
         background-color: #d40872;
    }
     .grid-blog-list .u-GridItem:nth-child(1) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(6) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(8) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(10) .articleItemHref {
       
         background-color: #ffb538;
    }
      .grid-blog-list .u-GridItem:nth-child(3) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(5) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(7) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(12) .articleItemHref {
       
         background-color: #1d1a35;
    }
        
}
/* @media (max-width:1073px) {
     .grid-blog-list .u-GridItem:nth-child(2) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(6) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(11) .articleItemHref {
      
         background-color: #d40872;
    }
     .grid-blog-list .u-GridItem:nth-child(3) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(10) .articleItemHref {
       
         background-color: #ffb538;
    }
     .grid-blog-list .u-GridItem:nth-child(7) .articleItemHref {
       
         background-color: #1d1a35;
    }
}
 @media (min-width:1073px) {
     .grid-blog-list .u-GridItem:nth-child(2) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(6) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(10) .articleItemHref {
       
         background-color: #d40872;
    }
     .grid-blog-list .u-GridItem:nth-child(4) .articleItemHref, .grid-blog-list .u-GridItem:nth-child(12) .articleItemHref {
       
         background-color: #ffb538;
    }
     .grid-blog-list .u-GridItem:nth-child(8) .articleItemHref {
        
         background-color: #1d1a35;
    }
}*/
/* services grit item amends 
 article.articleItemStyle.service, article.articleItemStyle.about {
     background: #fff;
     padding: 1em 0em;
     flex-direction: initial;
}
 .articleItemHref.service img, .articleItemHref.about img{
     width:60px;
     height:60px;
     padding-right:10px;
     max-width: none;
     max-height:none;
}
 @media (min-width:750px) {
     .articleItemHref.service img, .articleItemHref.about img{
         width:100px;
         height:100px;
         padding-right:0px;
    }
}*/
 @media (max-width:800px) {
     .u-BasePadding.footerBlue {
         padding:1em;
    }
     .footerBlue-spacing {
         padding: 0 0;
    }
}
 @media (min-width:45em) {
     .articleItemHref {
         min-height: 20rem
    }
     .articleItemHref.service {
         min-height: auto
    }
}
 .articleItemHref, .articleItemHref h2, .articleItemHref p {
     color: #fff;
     text-decoration: none
}
 .articleItemHref h2, .articleItemHref p {
     margin: 0;
}
 .articleItemHref h2 {
     font-weight: 400;
}
 .articleItemHref.service img, .articleItemHref.about img {
     margin: 0 auto;
     display:block;
}
 @media (min-width:45em) {
     .articleItemHref.about {
         min-height: 181px;
         max-height: 254px;
    }
     .articleItemHref.service, .articleItemHref.about {
         margin-right:20px;
             width: 100px;
    }
}
/* .articleItemHref.service .articleItemContent, .articleItemHref.about .articleItemContent {
     min-height: auto;
    width: 100px;
    flex-shrink: 0;
    display: block;
}*/
 /*.articleItemStyle.service .articleItemHref.service img, .articleItemStyle.service .articleItemContentStyle h2, .articleItemStyle.about .articleItemHref.about img, .articleItemStyle.about .articleItemContentStyle h2 {
     transition:.2s linear;
}
 .articleItemStyle.service:hover .articleItemHref.service img, .articleItemStyle.about:hover .articleItemHref.about img {
     -webkit-filter: grayscale(100%) opacity(.3) ;
     -moz-filter: grayscale(100%) opacity(.3) ;
     -ms-filter: grayscale(100%) opacity(.3) ;
     -o-filter: grayscale(100%) opacity(.3) ;
     filter: grayscale(100%) opacity(.3);
}
 .articleItemStyle.service:hover .articleItemContentStyle h2, .articleItemStyle.about:hover .articleItemContentStyle h2, .articleItemStyle.article:hover .articleItemContentStyle h2{
     color:#d40872;
}
 .PageSection .u-Grid.grid-services-list, .PageSection .u-Grid.grid-about-list {
     margin:0em 0;
}
 @media (min-width:800px) {
     .PageSection .u-Grid.grid-services-list, .PageSection .u-Grid.grid-about-list {
         margin:2em 0;
    }
}*/
 .articleItemContent {
     width: 100%;
     -ms-flex-item-align: end;
     align-self: flex-end;
}
 .service .articleItemContent, .about .articleItemContent {
     align-self: flex-start;
}
 @media (min-width:990px) {
     .PageSection .u-Grid.grid-services-list.mainServices, .PageSection .u-Grid.grid-services-list.mainAbout {
         margin:4em 0;
    }
}
 .u-GridItem .articleItemHref {
     display:block;
}
 .grid-related-list .articleItemAuthorTitle {
     margin-bottom:0 !important;
}
 .grid-related-list .articleItemAuthor {
     -webkit-box-align: start !important;
     -ms-flex-align: center !important;
     align-items: start !important;
}
 .articleItemContentStyle {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     background-color: #fff;
}
 .articleItemStyle.service .articleItemContentStyle h2,.articleItemStyle.about .articleItemContentStyle h2 {
     margin:0 0 1em 0;
}
 .articleItemAuthor {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .articleItemAuthor p {
     margin: 0;
     line-height: 1.5;
}
 .articleItemAuthorImg {
     margin-right: 1.5rem;
}
 .articleItemAuthorImg img {
     width: 3.5rem;
     border-radius: 50%;
}
 .articleItemAuthorTitle {
     font-weight: 700;
}
 .articleItemContentStyle span, .articleItemContentStyle span a {
     margin-bottom: 1.5rem;
     color: #2f393e;
     text-decoration: none;
}
 .articleItemContentStyle span a:hover {
     text-decoration: underline;
}
 .articleItemHref h2 {
     margin-bottom: 1.25rem;
     font-size: 1.75rem;
     line-height: 1.125;
}
 .articleItemHref p {
     line-height: 1.5
}
 .articleItemStyle h2, .articleItemStyle p {
    /*margin: 0;
    */
     margin: .5rem;
}
 .articleItemStyle.service a, .articleItemStyle.about a {
     display:flex;
}
 .articleItemStyle.service .articleItemContentStyle, .articleItemStyle.about .articleItemContentStyle {
     display: block;
     min-height:10rem;
     color:#000;
}
 .articleItemStyle.service .articleItemContentStyle, .articleItemStyle.about .articleItemContentStyle {
     min-height: auto;
}
 .articleTime {
     display: block;
     margin-bottom: 1rem;
     color: #fff;
     font-weight: 700
}
/*Pagination for blog listing*/
 .listNavWrapper {
     -webkit-box-flex: 1;
     -ms-flex: 1 0 100%;
     flex: 1 0 100%;
     margin:1em auto 2em;
}
 .listNavMenu {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin: 0;
     background-color: #fff;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center
}
 .listNavMenu li {
     margin: 0 .5rem;
}
 .listNavMenu a {
     color: #666;
     text-decoration: none;
     font-family: 'CenturyGothic-Bold';
     font-size: 1.1em;
     transition:.2s linear;
}
 .listNavMenu a:hover {
     color: #d40872;
}
 .listNavMenuItemActive {
     color: #d40872;
     font-family: 'CenturyGothic-Bold';
     font-size: 1.1em;
}
 .listNavMenuItem {
     display: none
}
 @media (min-width:45em) {
     .listNavMenuItem {
         display: list-item
    }
}
/*Single Blog:*/
 .postSingleHeader {
     margin-bottom: 1rem;
     background-color: #6cb5e4;
     color: #fff
}
 .postSingleHeader h1 {
     margin: 0 0 2rem
}
 @media (min-width:45em) {
     .postSingleHolder {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         z-index: 3;
         position: relative;
    }
     .postSingleHolder>div {
         width: calc(50% - .5rem)
    }
}
 .postSingleHolder p, .postSingleHolder ul {
     line-height: 1.5
}
 .postSingleHolder ul {
     margin: 0;
     padding: 0;
     list-style: none outside
}
 .postSingleHolder li {
     display: inline;
     margin-right: 1rem
}
 .postSingleHolder a {
     color: #fff
}
 .postSingleAuthor {
     margin-bottom: 1.5rem
}
 @media (min-width:45em) {
     .postSingleAuthor {
         margin-bottom: 0
    }
}
 .postSingleAuthorInner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
}
 .postSingleAuthorInner p {
     margin: 0;
     line-height: 1.5;
     max-width: 100%;
}
 .postSingleAuthorImage {
     margin-right: 1.5rem
}
 .postSingleAuthorImage img {
     width: 3.5rem;
     border-radius: 50%
}
 .postSingleAuthorImage {
     margin-right: 1.5rem
}
 .postSingleAuthorImage img {
     width: 3.5rem;
     border-radius: 50%
}
 .postSingleSocialSVG {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     list-style: none;
     margin: 2em 0 !important;
     padding-left: 0
}
 .postSingleSocialSVG li {
     margin: 0 .33rem
}
 .postSingleSocialSVG a {
     display: block;
     width: 3rem;
     height: 3rem;
     border-radius: 1.5rem;
     background-color: #d40872;
}
 .postSingleSocialSVG a:hover {
     background-color: #b0005a;
}
 .postSingleSocialSVG span {
     position: absolute;
     width: 1px;
     height: 1px;
     margin: -1px;
     clip: rect(0, 0, 0, 0)
}
 .postSingleSocialSVG svg {
     margin: .75rem;
     width: 1.5rem;
     height: 1.5rem;
     fill: #fff
}
 .postSingleSocial a {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-decoration: none
}
 .postSingleAuthorDetails {
     text-align:left;
}
 .postSingleAuthorDetails li {
     margin:0;
}
 .postSingleAuthor {
     width:auto !important;
     margin: 2em auto 1em;
}
 @media (min-width:800px) {
     .postSingleAuthor {
         width:auto !important;
         margin: 3em auto 1em;
    }
}
 .postSingleSocial a, .postSingleSocial div {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex
}
 .postSingleSocial svg {
     margin: .2rem;
     width: 1.3rem;
     height: 1.3rem;
     fill: #fff;
     transition: all .2s linear;
}
 .postSingleSocial a:hover svg {
     fill: #d40872;
}
 .postSingleContent {
     background-color: #fff;
    /*padding-top: .3em;
    */
}
 .postSingleContent figcaption:not(:last-child), .postSingleContent h1:not(:last-child), .postSingleContent h2:not(:last-child), .postSingleContent h3:not(:last-child), .postSingleContent ol:not(:last-child), .postSingleContent p:not(:last-child), .postSingleContent ul:not(:last-child) {
     margin: 0 0 1.5rem
}
 .postSingleContent h2 {
    /*color: #6cb5e4;
    */
     font-size: 1.6em;
     letter-spacing: 1.5px;
     text-align: left;
}
 h2 {
     position: relative;
    /* left: 2.5em;
    */
}
 .postSingleContent .whiteBG_greyC h2:before, .whiteBG_greyC .u-BasePadding--chunky h2.u-SmallHeading:before{
     content: '';
     background-color: #d40872;
     height: 1px;
     width: 2em;
     position: absolute;
     left: -2.5em;
     bottom: 4px;
}
 .postSingleContent h3 {
    /*color: #6cb5e4;
    */
     font-size: 1.1rem;
     letter-spacing: 1.5px;
     margin: 1.5em 0 1rem !important;
}
 .postSingleContent h4 {
    /*color: #6cb5e4;
    */
     font-size: 1.16rem;
     letter-spacing: 1.5px;
}
 .postSingleContent p {
     margin: 0 0 1.5rem;
     line-height: 1.5;
}
 .postSingleContent ul li {
     line-height: 1.5;
}
 .postSingleContent img {
     max-width: 100%;
     height: auto;
     margin: 0 auto;
     display: block;
}
 .postSingleContent a {
     color:#d40872;
}
 .postSingleContent .u-Grid {
     grid-template-columns: repeat(2, 1fr);
     grid-auto-rows: auto !important;
     grid-auto-flow: dense;
     grid-gap: 0;
}
 .postSingleContent .u-Grid.grid-related-list {
     grid-gap: 1rem;
}
 .postSingleContent .u-Grid .u-GridItem .articleItemHref{
     background-color: transparent;
}
 .postSingleContent .u-Grid .u-GridItem .u-BasePadding.articleItemContentStyle p {
     text-align: justify;
}
 .u-Grid.grid-related-list .u-GridItem:nth-child(1) .articleItemStyle {
     background-color: #1d1a35;
}
 .u-Grid.grid-related-list .u-GridItem:nth-child(3) .articleItemStyle {
     background-color: #a5bad7;
}
 .u-Grid.grid-related-list .u-GridItem:nth-child(2) .articleItemStyle {
     background-color: #ffb538;
}
 .blogpost .postSingleContent h2:before {
     content: '';
     background-color: #d40872;
     height: 1px;
     width: 2em;
     position: absolute;
     left: -2.5em;
     bottom: 4px;
}
 .u-Grid.grid-related-list h2:before {
     display:none !important;
}
/*Breadcrumb styles:*/
 .breadCrumbBar {
     width: 100%;
}
 .breadCrumbBar ol {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     list-style: none outside;
     margin: 0;
     padding: 0;
     flex-wrap: wrap;
}
 .breadCrumbBar li {
     display: inline;
     font-size: .875rem;
     line-height: 1.25;
     white-space: nowrap;
}
 .breadCrumbBar li:first-child a {
     padding-left:0;
}
 .breadCrumbBar li:first-child a {
     padding-left:0;
}
 .breadCrumbBar li a:before {
     content: "/";
     padding-right:.2em;
         color: #2f393e;
}
 .breadCrumbBar li:first-child a:before {
     display:none;
}
 .breadCrumbBar a {
     text-decoration: none;
     transition:.2s linear;
}
 .breadCrumbBar a:hover {
     color:#d40872;
}
 .breadCrumbItem {
     display: inline-block;
     position: relative;
     padding: .5rem .2rem .5rem 0rem;
     background-color: #fff;
     color: #2f393e;
     white-space: nowrap
}
 @media (min-width:800px) {
     .breadCrumbItem {
         padding: .75rem 1.5rem .75rem 0rem
    }
     .breadCrumbBar li a:before {      
         padding-right:2em;
      }
}
 @media (min-width:30em) {
     .breadCrumbItem:after {
         border-top-width: 1.25rem;
         border-bottom-width: 1.25rem
    }
}
a.breadCrumbItem.last,a.breadCrumbItem.last span{
  color:#d40872;
}
 .breadCrumbItemCurrent {
     color: #d40872;
}
}
 .breadCrumbItemCurrent:after {
     border-left-color: #6cb5e4
}
 .breadCrumbItemCurrentTxt {
     display: block;
     max-width: 40vw;
     overflow: hidden;
     text-overflow: ellipsis
}

.u-BasePadding.blueBG_whiteC.ie11contactsingle-blurb {
    padding: 1em;
}
 @media (min-width:800px) {
    .u-BasePadding.blueBG_whiteC.ie11contactsingle-blurb {
        padding: 3em 2em;
    }
 }
/* form styles */
 .u-BasePadding.articleItemStyleMapQuater.blueBG_whiteC.gravityJob{
     display: none;
}
 ._1ZaMmtnR4AjxPWgOWbNVWM_0,.ginput_container input[type=text], .ginput_container textarea{
     width:100%
}
 .ginput_container input[type=text], .ginput_container textarea, .gform_button{
     -webkit-appearance:none;
     padding:.4rem .75rem;
     border:1px solid #767695;
     border-radius:.25rem;
     background-color:transparent;
     color:#fff;
     box-sizing: border-box;
}

 .ginput_container input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #2a2a43 inset;
}
 .ginput_container  input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
}
.pinkBG_whiteC  .ginput_container input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #d40872 inset;
}


 .gfield.gfield_error .ginput_container input[type=text],.gfield.gfield_error .gform_button{
     border-color:#900
}
}
/*.gfLabelTxt,.ginput_container input[type=text], .ginput_container textarea ,.gform_button{
     font-size:.8rem;
     line-height:1.5
}
*/
 .gfield_label {
     display:block;
     position:relative;
     margin-bottom:.5rem;
     top: 25px;
     left: 15px;
     font-size: .8rem;
     line-height: 1.5px;
}
 .gfield_label, .ginput_container input[type=text] {
     font-size: .8rem;
     line-height: 1.5px;
     width: 100%;
}
 .ginput_container textarea {
     font-size: .8rem;
     max-height: 6rem;
     width: 100%;
}
/*.gfLabelTxt{
     position:absolute;
     width:25%;
     padding:calc(.4rem + 1px) .75rem;
     color:#fff
}
*/
 #gform_2 p.small {
     font-size: 0.64em;
     line-height: 1.5em;
}
 #gform_2 p.small a {
     color: #ffffff;
     font-weight: bold;
}
 #gform_2 p.small a:hover{
     text-decoration: underline;
}
 .gfield.gfield_error .gfLabelTxt{
     color:#900;
     font-weight:700
}
/* gfLabelInput */
 .gfield_visibility_hidden {
     display: none !important;
}
 .ginput_container input[type=text], .ginput_container textarea, .ginput_full input[type=text] {
     padding-left:25%;
}
 .ginput_container input[type=file] {
     text-indent: -9999px;
}
 .gfield_label_before_complex {
     height: 3em;
}
 .ginput_complex > .ginput_full label, .ginput_complex >.ginput_left label, .ginput_complex > .ginput_right label {
     display: block;
     position: relative;
     margin-bottom: .5rem;
     top: -15px;
     left: 15px;
     font-size: .8rem;
     line-height: 1.5px;
}
 @media (max-width:45em) {
     .ginput_container input[type=text], .ginput_container textarea {
         padding-left: 21%;
    }
}
 .ginput_container input:hover, .ginput_container textarea:hover{
     background:hsla(0,0%,100%,.05)
}
 .ginput_container input:focus, .ginput_container textarea:focus{
     outline:0;
     background-color:hsla(0,0%,100%,.1)
}
 .gform_body .gform_fields {
     list-style: none;
     margin: 0 !important;
     padding: 0 !important;
}
 .gfield_description.validation_message, .validation_error {
     display:none;
}
 @media (max-width:750px) {
     .u-BasePadding.articleItemStyleMapQuater.greyBG_whiteC.smallGrid {
         margin-top:1em;
    }
}
/* contact us page */
 @media (max-width:800px) {
     .u-BasePadding.articleItemStyleMapQuater.pinkBG_whiteC {
         padding:1em;
    }
}
 .articleItemStyleMapQuater.smallGrid svg {
     width: 2.5rem;
     height: 2.5rem;
     margin: 0 1.5rem;
}
 .articleItemStyleMapQuater.blueBG_whiteC h2 {
     margin: 10px 0;
     font-size: 1.6em;
     letter-spacing: 1px;
}
 @media (min-width:800px) {
     .articleItemStyleMapQuater.blueBG_whiteC h2 {
         margin: 10px 0;
         font-size: 2em;
         letter-spacing: 1.5px;
    }
     .articleItemStyleMapQuater.smallGrid svg {
         width: 3.5rem;
         height: 3.5rem;
         margin: 0 2rem;
    }
}
 @media (max-width:60em) {
     .mainContactUsWrapper .u-Grid {
         grid-auto-rows: auto;
    }
}
 @media (min-width:45em) {
     .mainContactUsWrapper .u-GridItem {
         width: 50%
    }
     .mainContactUsWrapper .u-GridFlex .u-GridItem {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column
    }
     .mainContactUsWrapper .u-GridFlex .u-GridItem .articleItemStyleMapQuater {
         -webkit-box-flex: 1;
         -ms-flex: 1;
         flex: 1;
    }
     .mainContactUsWrapper .u-GridFlex .u-GridItem .articleItemStyleMapQuater:not(:last-child) {
         margin-bottom: 1rem
    }
     @supports (display:grid) {
        /*.mainContactUsWrapper .u-Grid {
             grid-template-columns: repeat(2, 1fr)
        }
        */
         .mainContactUsWrapper .u-GridItem {
             width: auto
        }
         .mainContactUsWrapper .u-GridFlex .u-GridItem {
             display: grid;
             grid-gap: 1rem;
             grid-auto-rows: 1fr
        }
         .mainContactUsWrapper .u-GridFlex .u-GridItem .articleItemStyleMapQuater:not(:last-child) {
             margin-bottom: 0;
             display: grid;
             text-align: center;
        }
    }
}
 @media (min-width:800px) {
     .mainContactUsWrapper .u-GridFlex .u-GridItem .articleItemStyleMapQuater {
         padding: 3em;
    }
}
 @media (min-width:1200px) {
     .mainContactUsWrapper .u-GridFlex .u-GridItem .articleItemStyleMapQuater {
         padding:5em;
    }
}
 .greyBG_whiteC, .greyBG_whiteC h2 {
     background-color: #d9d9d9;
}
 .darkgreyBG_whiteC, .darkgreyBG_whiteC h2 {
     background-color:#1d1a35;
     color: #fff;
}
 .blueBG_whiteC, .blueBG_whiteC h2 {
     background-color: #a5bad7;
     color:#fff;
}
 .blueBG_whiteC a {
     color: #1d1a35;
}
 .pinkBG_whiteC, .pinkBG_whiteC h2 {
     background-color: #d40872;
     color:#fff;
}
 .pinkBG_whiteC a {
     color:#1d1a35;
}
 .pinkBG_whiteC .ginput_container input[type=text], .pinkBG_whiteC .ginput_container textarea, .pinkBG_whiteC .gform_button {
     border: 1px solid #fff;
     color: #fff;
}
 .whiteBG_greyC, .whiteBG_greyC h2 {
     background-color: #fff;
     color: #000;
}
 .SflaIq0jKL7Uyr1EqYBhO_0 {
     width: 100%
}
 .SflaIq0jKL7Uyr1EqYBhO_0 a {
     text-decoration: none
}
 .articleItemHrefMap {
     height: 14rem;
     overflow: hidden;
     background-color: #fff
}
 .articleItemHrefMap img {
     -o-object-fit: cover;
     object-fit: cover;
     width: 100%;
     height: 100%
}
 .articleItemContentStyleMap {
     background-color: #fff
}
 .articleItemContentStyleMap a, .articleItemContentStyleMap h2, .articleItemContentStyleMap p {
     color: #2f393e
}
 .articleItemContentStyleMap h2, .articleItemContentStyleMap p {
     margin: 0
}
 .articleItemContentStyleMap h2:not(:last-child), .articleItemContentStyleMap p:not(:last-child) {
     margin-bottom: 1rem
}
 .articleItemContentStyleMap p {
     line-height: 1.5
}
 .articleItemContentStyleMap span {
     display: block
}
 .smallGrid {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-line-pack: center;
     align-content: center
}
 .smallGrid p {
     margin: .5rem 0;
     text-transform: uppercase;
     letter-spacing: 1.5px;
     line-height: 1.5;
     overflow-wrap: break-word;
     word-wrap: break-word;
     -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
     word-break: break-all;
    /* Instead use this non-standard one: */
     word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
     -ms-hyphens: auto;
     -moz-hyphens: auto;
     -webkit-hyphens: auto;
     hyphens: auto;
}
 .smallGrid a {
     color: #fff
}
 .smallGrid svg {
     margin: 0 1rem;
     width: 2.5rem;
     height: 2.5rem;
     fill: #fff;
     transition:.2s linear;
}
 .smallGrid svg:hover {
     fill: #d40872
}
 .u-Grid.contactDetails {
     grid-template-columns: repeat(2, 1fr);
     grid-auto-rows: auto !important;
     grid-auto-flow: dense;
}
 .u-Grid.contactDetails .articleItemHrefMap {
     height:auto;
}
 @media (max-width:45em) {
     .PageSection .u-Grid {
         grid-auto-rows: auto;
    }
     .u-Grid.contactDetails {
         grid-template-columns: repeat(2, 1fr);
         grid-auto-rows: auto !important;
         grid-auto-flow: dense;
    }
}
/* careers page */
 .u-BasePadding.articleItemContentStyleMap .alignMiddle img {
     padding-bottom: 2em;
}
/* employees / authors bottom page list */
 .peopleList .u-Grid {
     grid-template-columns: repeat(4,1fr);
     grid-auto-rows: auto;
}
 .personWrapper {
     position: relative
}
 .personWrapper:hover {
     cursor: pointer;
}
 .personWrapper img {
     width: 100%;
     height: auto
}
 .personImgStyle {
     will-change: filter,transform,opacity;
     -webkit-transition: all .75s;
     transition: all .75s;
}
 .personContainer {
     -webkit-transition: opacity .3s;
     -moz-transition: opacity .3s;
     -o-transition: opacity .3s;
     transition: opacity .3s;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     position: absolute;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-line-pack: center;
     align-content: center;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     background-color: #2a2a43;
     opacity: 0;
}
 .personWrapper:hover .personContainer {
     opacity: 1;
}
 .personWrapper:active .personContainer {
     -webkit-transition: opacity .3s;
}
 .personContainer p {
     margin: 0;
     width: 100%;
     line-height: 1.5;
     text-align: center
}
 .personTitleParagraph {
     color: #6cb5e4;
     font-weight: 700
}
 .personJobTitleParagraph, .personTeamParagraph {
     font-size: .875rem;
     color: #fff
}
/* Our people section department */
 .our-people {
     margin-top: 1rem;
}
 .our-people a {
     color:#fff;
     text-decoration: none;
}
/*.peopleList h2 {
     color: #000;
     top: 1em;
     position: relative;
     padding-bottom: 1em;
}
 .our-people h2 {
     color: #000;
     top: 1em;
     position: relative;
     text-align: center;
}
*/
/* services - single post partnership logos */
 .partnership-flex {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: row;
     padding: 0em 2em;
     flex-wrap: wrap;
}
 @media (max-width:45em) {
     .partnership-flex {
         flex-direction: column;
    }
}
 .partnership-flex > .clientsSlider-item {
     max-width: 9em;
     padding: 0em 1em;
}
/* helpers - utility classes */
 .hide-me {
     display: none;
}
 .bottomSpace {
     margin-bottom: 1em;
}
 .alignMiddle {
     display: flex;
     align-items: center;
     justify-content: center;
}
 .txtcenter {
     text-align: center;
}
 .aligncenter {
     margin-left:auto;
     margin-right:auto;
}
 .alignleft {
     margin-left:0;
     margin-right:auto;
}
 .alignright {
     margin-left:auto;
     margin-right:0;
}
/* buttons style */
 .btn-fill {
     cursor:pointer;
     -webkit-border-radius: 6;
     -moz-border-radius: 6;
     border-radius: 6px;
     -webkit-box-shadow: 0px 2px 4px #437ea3;
     -moz-box-shadow: 0px 2px 4px #437ea3;
     box-shadow: 0px 2px 4px #437ea3;
     font-family: Arial;
     color: #fff !important;
     font-size: 1empx;
     background: #6db5e5;
     padding: 10px 20px 10px 20px;
     text-decoration: none !important;
}
 .btn-fill:hover {
     background: #8fc0e0;
}
 .blueBG_whiteC .btn-fill {
     background: #000;
}
 .blueBG_whiteC .btn-fill:hover {
     background: #666;
}
 .btn-plain {
     cursor:pointer;
     -webkit-border-radius: 6;
     -moz-border-radius: 6;
     border-radius: 6px;
     font-family: Arial;
     color: #000;
     font-size: 1em;
     padding: 10px 20px 10px 20px;
     border: solid #6db5e5 1px;
     text-decoration: none !important;
}
 .btn-plain:hover {
     border: solid #eee 1px;
}
 .greyBG_whiteC .btn-plain, .blueBG_whiteC .btn-plain {
     color: #fff;
     border: solid #fff 1px;
}
 .greyBG_whiteC .btn-plain:hover {
     color: #ccc;
     border: solid #ccc 1px;
}
 .blueBG_whiteC .btn-plain:hover {
     color: #4e8db7;
     border: solid #4e8db7 1px;
}
 .whiteBG_greyC .btn-plain, .whiteBG_greyC .btn-plain {
     color: #000;
     border: solid #000 1px;
}
 .workClient-container .btn-plain:hover, .whiteBG_greyC .btn-plain:hover {
     color: #666;
     border: solid #666 1px;
}
/* blockquote styling */
 blockquote {
     font-size: 1.1em;
     font-style: italic;
     width: 80%;
     margin: 0.25em 0;
     padding: 0.25em 40px;
     line-height: 1.5;
     position: relative;
     color: #000;
}
 blockquote:before {
     display: block;
     content: "\201C";
     font-size: 4em;
     position: absolute;
     left: .1em;
     top: -.28em;
     color: #000;
}
 blockquote cite {
     color: #999;
     font-size: 1em;
     display: block;
     margin-top: .3em;
}
 blockquote cite:before {
     content: "\2014 \2009";
}
 .greyBG_whiteC blockquote, .greyBG_whiteC blockquote:before, .greyBG_whiteC blockquote cite, .blueBG_whiteC blockquote, .blueBG_whiteC blockquote:before, .blueBG_whiteC blockquote cite {
     color: #fff !important;
}
 .workClient-container blockquote, blockquote:before, blockquote cite, .whiteBG_greyC blockquote, .whiteBG_greyC blockquote:before, .whiteBG_greyC blockquote cite{
     color: #000 !important;
}
/* work - case study subpage styles */
 .articleItemWork {
     width: 100%;
     -ms-flex-item-align: end;
     align-self: flex-end;
     height: 23rem;
     position: relative;
     overflow: hidden;
}
 .articleItemWork div.logoItem {
     position: absolute;
     width:100%;
     height:100%;
     justify-content: center;
     align-items: center;
     display: flex;
    /*transform: scale(1);
    */
     opacity: 1;
}
 .articleItemWork div.logoItem img {
     margin: 0 auto;
     display: block;
     transform: scale(.7);
}
 .articleItemWork div.briefItem {
     width:100%;
     height:100%;
     justify-content: flex-start;
     align-items: center;
     display: flex;
     transform: scale(1);
     opacity: 1;
     top:0px;
     padding-left: 2em;
}
 .articleItemWork div.briefItem p.briefIntro {
     color:#fff;
     font-size: 1.7em;
     top: 0px;
     position: absolute;
     width: 60%;
}
 .articleItemWork div.briefItem p.findMore{
     color:#fff;
     font-size: 1.5em;
     bottom:0;
     position: absolute;
     top: auto;
}
 .workClient-container {
}
 @media (min-width:750px) {
     .workClient-container {
         display: flex;
         margin: 3em 0;
    }
     .workClient-img {
         width:30%;
         padding-right: 2em;
    }
}
 .workClient-img {
     width:30%;
}
 .workClient-img img{
     max-height: 150px;
     padding-bottom: 20px;
}
 .workClient-text {
     width:100%;
     box-sizing: border-box;
     text-align: left;
}
 @media (min-width:750px) {
     .workClient-img img{
         max-height: 200px;
    }
     .workClient-text {
         width:70%;
         padding-left: 5em;
    }
}
 .workResult {
     display:flex;
     width: 100%;
     height: 100%;
     justify-content: center;
     align-items: center;
     text-align: center;
}
 .workResult .resultVariable {
     width: 25%;
}
 .resultVariable .resultNumber {
     font-family: "CenturyGothic-Bold";
     color: #2a2949;
     font-weight: 400;
     font-size: 2.8em;
     margin-bottom: 0px !important;
}
 .resultVariable .resultDescription {
     color: #d8006f;
     font-size: 1.2em;
     margin-bottom: 0px !important;
     min-height: 3em;
}
/* tables style */
 table td, table th {
    /*border: 1px solid #ddd;
    */
     padding: 8px;
}
 table tr {
    /*display: flex;
     align-items: flex-start;
    */
}
 table tr td h3, table tr td h2 {
     min-height: 5em;
}
/*table tr:nth-child(even){
    background-color: #fff;
}
*/
/*table tr:hover {
    background-color: #ddd;
}
*/
/*table th {
     padding-top: 12px;
     padding-bottom: 12px;
     text-align: left;
}
*/
 @media only screen and (max-width: 75em) {
     table tr {
         display: flex;
         align-items: flex-start;
         flex-wrap: wrap;
    }
     table tr td {
         width: 46%;
         margin-left: 0%;
         margin-right: 0%;
    }
     table tr td:nth-of-type(2) {
        /*margin-left: 1%;
        */
    }
}
 @media only screen and (max-width:50em) {
     table tr td {
         width: 100%;
    }
     table tr td h3, table tr td h2 {
         min-height: 2em;
    }
}
 @media only screen and (max-width: 40em) {
     thead th:not(:first-child) {
         display: none;
    }
     td, th {
         display: block;
    }
}
 .col-wrapper h2, .col-wrapper h3, .col-wrapper h4 {
     text-align: left;
}
 @media (min-width:75em) {
     .col-wrapper {
         margin: 2em 0;
    }
     .full_width {
         width: calc(100% - 0.3em);
    }
     .one_half {
         width:47% !important;
    }
     .col-wrapper .one_third {
         width: calc(33.3% - 2em);
    }
     .col-wrapper .two_third {
         width: calc(66.6% - 2em);
    }
     .col-wrapper .one_fourth {
         width: calc(25% - 2em);
    }
     .col-wrapper .three_fourth {
         width: calc(75% - 2em);
    }
     .col-wrapper .one_fifth {
         width: calc(20% - 2em);
    }
     .col-wrapper .two_fifth {
         width: calc(40% - 2em);
    }
     .col-wrapper .three_fifth {
         width: calc(60% - 2em);
    }
     .col-wrapper .four_fifth {
         width: calc(80% - 2em);
    }
     .col-wrapper .one_sixth {
         width: calc(16.6% - 2em);
    }
     .col-wrapper .five_sixth {
         width: calc(83.4% - 2em);
    }
    /*.col-wrapper .one_half:nth-child(even) {
         margin-left: 6% !important;
         padding: 0 3px !important;
    }
     .col-wrapper .one_third {
         width:31.33% !important;
    }
     .col-wrapper .one_third:nth-of-type(2) {
         margin-left: 3% !important;
         margin-right: 3% !important;
         padding: 0 3px !important;
    }
     .col-wrapper .one_fourth {
         width:22% !important;
    }
     .col-wrapper .one_fourth:nth-of-type(2), .col-wrapper .one_fourth:nth-of-type(3) {
         margin-left: 3% !important;
         margin-right: 3% !important;
         padding: 0 3px !important;
    }
     .col-wrapper .one_fourth:nth-of-type(3) {
         margin-right: 3% !important;
         padding: 0 3px !important;
    }
    */
     .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
         padding: 0 1em !important;
    }
}
 @media (max-width:75em) {
     .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
         width:47% !important;
    }
     .col-wrapper .one_fourth:nth-of-type(3) {
         clear: both;
    }
     .col-wrapper .one_fourth, .col-wrapper .one_third {
         padding:0 3%;
         box-sizing: border-box;
    }
}
 @media screen and (max-width: 50em) {
     .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
         clear: both !important;
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-bottom: 1em !important;
    }
}
/* Clear floats after the columns */
 .content-column:after {
     content: "";
     display: table;
     clear: both;
}
 .content-column h2:before {
     display:none !important;
}

/* fix ms edge */
 @supports (-ms-ime-align:auto) {
     .sidebarNav {
         -ms-flex:1 0 80%;
         flex:1 0 80%;
    }
}
/* fix ie11 grids */
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .mainContactUsWrapper .u-GridItem {
         width: 37em;
    }
     .PageSection .u-GridItem {
         width: 47.65%;
         padding-left: 0em;
    }
     .PageSection .u-GridItem {
         margin-left: 2% !important;
    }
     .mainContactUsWrapper .u-GridItem {
         width:calc(50% - 10px) !important;
         flex:1 !important;
    }
     .ginput_container input, .ginput_container textarea, .gform_button {
         padding: auto;
    }
     .our-people.peopleList .u-GridItem {
         width: 17rem;
         min-height: 14rem;
    }
     .our-people.peopleList.u-BasePadding {
         padding: 2rem 1rem;
    }
     .articleItemWork div.logoItem {
        /*position: absolute;
        */
         width:100%;
         height:100%;
         justify-content: flex-start;
         align-items: center;
         display: -ms-flexbox;
        /*transform: scale(1);
        */
         opacity: 1;
    }
     .ie11contactmain {
         height:30em;
    }
     .ie11contactsingle-GridFlex {
         margin-left: 0em;
    }
     .ie11contactsingle-blurb {
         width:100%;
        /*margin-bottom: 1em;
        */
    }
     .u-Grid.contactDetails .articleItemHrefMap {
         height:14.35em;
         width: 100%;
    }
     .articleItemHrefMap img {
         width: 100%;
         height: auto;
         object-fit: cover;
         overflow: hidden;
    }
     .u-Grid.grid-blog-list .u-GridItem {
         max-width: calc(31% - 1em) !important;
    }
     .u-Grid.grid-services-list .u-GridItem, .u-Grid.grid-about-list .u-GridItem {
         max-width: calc(50% - 1em) !important;
    }
}
 @media all and (max-width: 1570px) and (min-width:640px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .articleItemWork div.logoItem img {
         -ms-transform: scale(.7) !important;
    }
     .articleItemWork div.briefItem p.briefIntro {
         font-size:1.42em;
    }
}
/* tablet amends */
 @media all and (device-width: 768px) and (device-height: 1024px) {
    /* and (orientation:portrait) */
    /*@media (min-width: 46em) and (max-width: 70em) {
        */
        
         .PageContainer {
             padding: 1rem;
        }
         .PageContainer iframe {
             width: 100%;
        }
         .smallGrid p {
             word-break: break-all;
             word-wrap: break-word;
        }
         header.bgService h1, header.bgContact h1, header.bgWork h1 {
             top:0;
        }
         header.bgService p, header.bgContact p, header.bgWork p {
             width: 80%;
             top: 2.5em;
        }
         .PageSection .u-Grid {
             grid-auto-flow: dense;
             grid-template-columns: repeat(2, 1fr);
             grid-auto-rows: auto !important;
        }
         .u-Grid .u-GridItem {
             flex-grow: 1;
             overflow: hidden;
        }
         .PageSection .u-Grid.workList {
             display: -webkit-flex;
             display: flex;
             flex-wrap: wrap;
             margin-left: 0;
        }
         .PageSection .u-Grid.workList .u-GridItem {
             flex: 0 calc(50% - 10px);
             margin:5px;
             padding-left: 0;
        }
         .articleItemWork {
             height: 20rem;
        }
         .articleItemWork div.logoItem img {
             transform: scale(.6);
        }
         .articleItemContentStyleMap {
             grid-template-columns: repeat(2, 1fr);
             grid-auto-rows: auto !important;
             grid-auto-flow: dense;
        }
         .u-Grid.u-GridFlex.ie11contactsingle-GridFlex {
             display: block;
             width: 100%;
             margin-left: 0;
        }
         .u-Grid.contactDetails .articleItemHrefMap, .articleItemContentStyleMap.smallGrid {
             height:100%;
        }
         .workClient-text {
             padding: 0;
             margin: 0 auto;
             width: 85%;
        }
         .workResult {
             flex-flow: column;
        }
         .workResult .resultVariable {
             width:100%;
             padding: .5em 0;
        }
         .resultVariable .resultNumber {
             font-size: 2.2em;
        }
         .resultVariable .resultDescription {
             font-size: 1.1em;
        }
         .peopleList .u-Grid {
             display: grid;
             grid-template-columns: repeat(2,1fr);
             grid-gap: 0rem;
        }
         .u-BasePadding {
             padding: 1.5rem;
        }
         .mainContactUsWrapper .u-GridItem {
             width: auto;
        }
    }
    /* mobile amends */
     @media (max-width:80em) and (min-width: 70em) {
         .articleItemWork div.logoItem img {
             transform: scale(.7);
        }
         .articleItemWork div.briefItem p.briefIntro {
             font-size: 1.4em;
        }
         .articleItemWork div.briefItem p.findMore {
             font-size: 1.3em;
        }
    }
     @media (max-width:70em) {
         header.bgService h1, header.bgAbout h1, header.bgContact h1, header.bgWork h1 {
             top:1.4em;
        }
         header.bgService p, header.bgAbout p, header.bgContact p, header.bgWork p {
             width: 70%;
             top: 6em;
        }
    }
     @media (max-width:60em) {
         header .introHeader {
             top:10%;
        }
         header.bgService h1, header.bgAbout h1, header.bgContact h1, header.bgWork h1 {
            /*top:0.4em;
            */
        }
         header.bgService p, header.bgAbout p, header.bgContact p, header.bgWork p {
             width: 90%;
            /*top: 3.3em;
            */
        }
         header.bgAbout, header.bgService, header.bgContact, header.bgWork {
             padding-top: 35%;
        }
    }
     @media (max-width: 750px) {
         header .introHeader {
             position: relative;
        }
         header.bgService h1, header.bgAbout h1, header.bgContact h1, header.bgWork h1 {
             top:0;
             position: relative;
        }
         header.bgAbout, header.bgService, header.bgContact, header.bgWork {
             height:auto;
             padding:0 1em;
             background-size: cover;
        }
         header.bgService p, header.bgAbout p, header.bgContact p, header.bgWork p {
             position: relative;
             width: 95%;
             top:0;
             white-space: initial;
             padding-bottom: 1em;
        }
         .blogpost .breadCrumbBar li:last-child {
             display: none;
        }
         .partnership-flex > .clientsSlider-item {
             padding: 1em;
        }
         .articleItemWork div.logoItem img {
             width:80%;
        }
         .workResult {
             flex-flow: column;
        }
         .workResult .resultVariable {
             width:100%;
             padding: .5em 0;
        }
         .resultVariable .resultNumber {
             font-size: 2.2em;
        }
         .resultVariable .resultDescription {
             font-size: 1.1em;
        }
         .workClient-img {
             width: 90%;
        }
         .u-Grid.contactDetails .articleItemHrefMap, .articleItemContentStyleMap.smallGrid {
             height:100%;
        }
         .peopleList .u-Grid, .postSingleContent .u-Grid {
             grid-template-columns: repeat(1,1fr);
        }
        
       
        
        /* additional class to tidy up careers listing */
         .ri-loading-image {
             display:none;
        }
         form.job_filters, .job_listings img.company_logo {
             display:none;
        }
         .job_listings .position, .job_listings .position h3 {
             text-align: left;
             padding-left: 0;
             color: #000;
        }
         .postSingleContent .PageContainer article {
             box-sizing: border-box;
             text-align:justify;
        }