.placeholder {
  pointer-events: none;
  -webkit-transition: 0.3s opacity linear;
  -ms-transition: 0.3s opacity linear;
  transition: 0.3s opacity linear;
  position: absolute; }
  .placeholder.faded {
    opacity: 0.5; }
  .placeholder.hide {
    display: none; }

.video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  width: 100%;
  display: block; }
  .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

body.home .highlights .wrap .row .content article p {
  line-height: 1.2; }
body.aboutHome .slider {
  padding: 0 50px; }
  body.aboutHome .slider:before {
    height: 336px; }
body.workHome .highlights {
  padding-bottom: 0;
  padding-top: 50px; }
body.workHome .grid .wrap figure.half {
  width: -moz-calc(50% - 10px);
  width: -o-calc(50% - 10px);
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px); }
body.workHome .grid .wrap .testimonial blockquote {
  max-width: 907px; }
body.projectHome .hero {
  padding-top: 100px; }
body.projectHome .highlights.full {
  padding-top: 140px;
  padding-bottom: 0; }
  body.projectHome .highlights.full .wrap .row .content {
    padding-bottom: 60px; }
body.expertiseHome .hero + .textPanel {
  margin-top: 160px; }
body.journalHome footer {
  background-color: #282f4f; }
  body.journalHome footer .wrap .cols .col + .col {
    margin-top: 0; }
  body.journalHome footer .wrap .cols .col:first-of-type:after {
    display: none; }

h2 {
  font-size: 2.8125rem;
  line-height: 1.19; }

h3 {
  font-size: 1.375rem;
  line-height: 1.18; }

h4 {
  font-size: 1.25rem; }

p {
  font-size: 1.25rem; }

header[role="banner"] .wrap .navButton {
  margin-left: 50px; }

.hero + .textPanel.greenBg {
  margin-top: 0; }

.hero {
  padding-top: 140px;
  padding-bottom: 72px; }
  .hero.bgImage {
    padding: 0; }
    .hero.bgImage figure.mobile {
      display: none; }
    .hero.bgImage figure.desktop {
      display: block; }
    .hero.bgImage .wrap {
      top: 90px; }
      .hero.bgImage .wrap figure {
        margin-bottom: 0; }
  .hero .wrap {
    margin: 0 50px;
    position: relative; }
    .hero .wrap h2 {
      font-size: 1.875rem; }
    .hero .wrap h2 + h4 {
      margin-top: 50px; }
    .hero .wrap figure + h2 {
      margin-top: 40px; }
    .hero .wrap h4 {
      font-size: 3.125rem; }
    .hero .wrap a.desktop {
      display: block;
      position: absolute;
      bottom: 11px;
      right: 0; }
      .hero .wrap a.desktop:before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }

.hero + .textPanel {
  margin-top: 220px; }

.profileDetails + .textPanel.whiteBg {
  margin-top: -280px; }

.textPanel {
  margin-top: 75px; }
  .textPanel.greenBg {
    margin-top: 0;
    padding: 88px 0 140px; }
    .textPanel.greenBg .wrap article {
      width: 620px; }
  .textPanel.greenText {
    padding-bottom: 104px;
    margin-top: 145px; }
  .textPanel.whiteBg {
    margin-top: 0;
    padding: 145px 0 240px; }
    .textPanel.whiteBg .wrap h2 {
      font-size: 2.8125rem; }
  .textPanel .wrap {
    margin: 0 50px;
    /*
    		.clocks {
    			
    			div {
    				
    				figure {
    					width: 166px;
    				}
    				
    				h4 {
    					font-size: 1.125rem;
    				}
    			}
    		}
    */ }
    .textPanel .wrap h2 + h2 {
      margin-top: 32px; }
    .textPanel .wrap article + figure {
      margin-top: 60px;
      width: 340px;
      margin: 60px 0 0 auto; }
    .textPanel .wrap .hold .clock {
      width: 166px; }
    .textPanel .wrap .hold h4 {
      font-size: 1.125rem;
      margin-top: 20px; }
    .textPanel .wrap .groupImages {
      width: 340px; }
      .textPanel .wrap .groupImages figure {
        width: 340px; }
        .textPanel .wrap .groupImages figure + figure {
          margin-top: 28px; }
    .textPanel .wrap .groupImages + figure {
      width: 620px; }
    .textPanel .wrap .info {
      margin-top: 120px;
      width: 350px; }
      .textPanel .wrap .info h2 {
        font-size: 1.25rem;
        padding-bottom: 25px; }
      .textPanel .wrap .info p {
        padding-right: 0; }

.textPanel + .highlights {
  margin-top: 200px; }

.fullWidth figure {
  padding-top: 50%; }

.fullWidth + .details {
  padding-top: 0;
  margin-top: -50px;
  position: relative; }

.slider.profileSlider {
  margin: 0 50px; }
.slider .swiper-menu {
  margin-bottom: 48px; }
.slider .swiper-pagination {
  font-size: 1.125rem;
  margin-top: 13px;
  margin-left: 24px; }
.slider figure img {
  height: auto; }

.links {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 140px 50px; }
  .links .more {
    font-size: 2.375rem;
    margin-left: 0;
    padding-top: 60px; }
  .links .top {
    margin-right: 0; }

.highlights {
  padding: 126px 0 0; }
  .highlights.full {
    padding-top: 90px;
    padding-bottom: 90px; }
    .highlights.full .wrap .row figure {
      margin: 0 25px; }
    .highlights.full .wrap .row .content {
      padding: 54px 50px; }
      .highlights.full .wrap .row .content article p {
        font-size: 2.1875rem; }
  .highlights nav {
    margin: 0 100px;
    padding-bottom: 90px;
    gap: 18px 16px; }
  .highlights .wrap .top {
    margin-right: 70px; }
  .highlights .wrap > header {
    margin: 0 50px;
    padding-bottom: 112px; }
    .highlights .wrap > header h2 {
      font-size: 2.8125rem; }
  .highlights .wrap .row figure.mobile {
    display: none; }
  .highlights .wrap .row figure.desktop {
    display: block; }
  .highlights .wrap .row figure img {
    height: auto; }
  .highlights .wrap .row .content {
    padding: 100px 50px; }
    .highlights .wrap .row .content header {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; }
      .highlights .wrap .row .content header h4 + h6 {
        margin-top: 0;
        margin-left: 20px; }
      .highlights .wrap .row .content header h6 {
        border: 1px solid #a8a8a8;
        color: #a8a8a8;
        font-size: 1.25rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        border-radius: 30px;
        display: inline-block;
        padding: 12px 37px;
        line-height: 1; }
    .highlights .wrap .row .content article {
      margin-top: 35px; }
      .highlights .wrap .row .content article p {
        font-size: 1.25rem;
        line-height: 1.14; }
      .highlights .wrap .row .content article p + a {
        margin-top: 58px; }

.clients {
  padding: 120px 0; }
  .clients .wrap {
    margin: 0; }
    .clients .wrap header {
      margin-bottom: 100px;
      width: 660px;
      margin: 0 auto 100px; }
    .clients .wrap .lists ul {
      column-count: 3;
      list-style: none;
      padding: 0;
      margin: 0;
      text-align: center; }
    .clients .wrap .lists li {
      break-inside: avoid;
      margin: 0 0 -1px;
      line-height: 1;
      font-size: 1.25rem; }

.featuredPanel .wrap .content {
  padding: 0;
  width: 640px;
  margin: 0 auto; }
  .featuredPanel .wrap .content:hover span {
    background-color: #0020d3;
    border-color: #0020d3; }
  .featuredPanel .wrap .content span {
    font-size: 1.25rem;
    border-radius: 40px;
    padding: 26px 0;
    width: 320px;
    margin: 65px auto 0;
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 300ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 300ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 300ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 300ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 300ms;
    transition-property: all; }

.grid .wrap {
  margin: 0 25px;
  gap: 20px; }
  .grid .wrap .testimonial {
    margin: 170px 0 170px 30px; }
    .grid .wrap .testimonial .text {
      padding-right: 0;
      max-width: 570px; }
    .grid .wrap .testimonial blockquote {
      max-width: 570px; }
      .grid .wrap .testimonial blockquote p {
        font-size: 2.1875rem; }
      .grid .wrap .testimonial blockquote h5 {
        margin-top: 60px;
        font-size: 1.25rem;
        line-height: 1.3; }
  .grid .wrap .video-container + .images {
    margin-top: 20px; }
  .grid .wrap .video-container + .video-container {
    margin-top: 20px; }
  .grid .wrap .video-container + figure {
    margin-top: 20px; }
  .grid .wrap .video-container.centre {
    padding-block: 120px; }
  .grid .wrap .video-container.two-thirds .videoPanel {
    padding-bottom: -moz-calc(56.25% + 58px);
    padding-bottom: -o-calc(56.25% + 58px);
    padding-bottom: -webkit-calc(56.25% + 58px);
    padding-bottom: calc(56.25% + 58px); }
    .grid .wrap .video-container.two-thirds .videoPanel video {
      object-position: 50% 20%; }
  .grid .wrap .video-container .videoPanel {
    margin-bottom: 0; }
  .grid .wrap .video-container + .video-container {
    padding-top: 0; }
  .grid .wrap figure ~ .video-container {
    margin-top: 20px; }
  .grid .wrap figure ~ figure {
    margin-top: 20px; }
  .grid .wrap figure ~ .images {
    margin-top: 20px; }
  .grid .wrap figure.half {
    width: -moz-calc(50% - 10px);
    width: -o-calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    width: 50%; }
    .grid .wrap figure.half + .half {
      margin-top: 0; }
  .grid .wrap .textWithImage.grey .hold .text {
    display: block; }
  .grid .wrap .images + figure {
    margin-top: 20px; }
  .grid .wrap .images + .video-container {
    margin-top: 20px; }
  .grid .wrap .images.three-columns {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .grid .wrap .images.three-columns.right {
      -webkit-justify-content: end;
      -moz-justify-content: end;
      -ms-justify-content: end;
      justify-content: end;
      -ms-flex-pack: end; }
    .grid .wrap .images.three-columns.left {
      -webkit-justify-content: start;
      -moz-justify-content: start;
      -ms-justify-content: start;
      justify-content: start;
      -ms-flex-pack: start; }
    .grid .wrap .images.three-columns figure {
      width: -moz-calc((100% / 3) - 19px);
      width: -o-calc((100% / 3) - 19px);
      width: -webkit-calc((100% / 3) - 19px);
      width: calc((100% / 3) - 19px); }
      .grid .wrap .images.three-columns figure + figure {
        margin-left: 20px;
        margin-top: 0; }
  .grid .wrap .images figure.half {
    width: -moz-calc(50% - 10px);
    width: -o-calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px); }
  .grid .wrap .images.center-stacked {
    width: 600px;
    margin: 20px auto; }
    .grid .wrap .images.center-stacked .stacked + .stacked {
      margin-top: 20px; }
  .grid .wrap .videoColumns {
    padding-bottom: 166px;
    padding-top: 138px;
    gap: 28px; }

.details + .threeColumns {
  margin-top: 110px; }

.contentGrid {
  padding: 70px 50px 90px; }
  .contentGrid .wrap .boxes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 40px; }
    .contentGrid .wrap .boxes article + article {
      margin-top: 0; }
    .contentGrid .wrap .boxes article h3, .contentGrid .wrap .boxes article p {
      font-size: 1.25rem; }

.people {
  padding: 100px 50px; }

.details {
  padding: 60px 50px 90px; }
  .details.profileDetails .wrap article + figure {
    margin-top: 150px; }
  .details .wrap .brief h3 {
    font-size: 2.8125rem; }
  .details .wrap .brief .cols .col h5 {
    font-size: 1.25rem; }
  .details .wrap .brief .cols .col ul li {
    font-size: 1.25rem; }
  .details .wrap header {
    margin-bottom: 110px; }
    .details .wrap header h2 {
      font-size: 6.25rem;
      line-height: 0.9; }
  .details .wrap article h5 {
    font-size: 1.25rem; }
  .details .wrap article p + p {
    margin-top: 20px; }

.locations .wrap figure {
  width: 460px;
  margin: 0 auto; }
  .locations .wrap figure figcaption {
    font-size: 1.875rem;
    margin-top: 22px; }

.threeColumns + .clients {
  padding-top: 150px; }

.threeColumns .wrap {
  margin: 0 50px; }
  .threeColumns .wrap header h2 {
    font-size: 2.1875rem;
    padding-bottom: 46px; }
  .threeColumns .wrap .cols .col {
    padding: 60px 0; }
    .threeColumns .wrap .cols .col .content h3 {
      font-size: 1.6875rem;
      padding-bottom: 100px; }
    .threeColumns .wrap .cols .col .content p + ul {
      margin-top: 90px; }
    .threeColumns .wrap .cols .col .content ul li {
      font-size: 1.25rem; }

.contactForm {
  margin-top: 115px; }
  .contactForm .wrap {
    margin: 0 50px; }
    .contactForm .wrap form legend {
      font-size: 2.1875rem; }
    .contactForm .wrap form p {
      margin-top: 24px;
      max-width: 350px; }
    .contactForm .wrap form button {
      margin-top: 54px;
      font-size: 1.25rem;
      width: 250px;
      height: 75px;
      border-radius: 50px; }
    .contactForm .wrap form .input input, .contactForm .wrap form .input textarea {
      font-size: 1.25rem; }

.journalGrid .wrap {
  margin: 0 50px; }
  .journalGrid .wrap .cols .col figure img {
    width: auto;
    max-width: 100%; }
  .journalGrid .wrap .cols .col .content {
    padding-top: 52px; }
    .journalGrid .wrap .cols .col .content header h4 {
      font-size: 1.25rem; }
    .journalGrid .wrap .cols .col .content header time {
      font-size: 1.25rem;
      padding: 12px 25px; }
    .journalGrid .wrap .cols .col .content article {
      margin-top: 45px; }
      .journalGrid .wrap .cols .col .content article h3, .journalGrid .wrap .cols .col .content article h2 {
        font-size: 2.1875rem;
        line-height: 1.14; }

.standardText .wrap {
  margin: 0 50px; }

footer .wrap {
  margin: 0 50px; }
  footer .wrap .copy ul {
    margin-bottom: 20px; }
    footer .wrap .copy ul li {
      font-size: 1.25rem; }
  footer .wrap figure.desktop {
    display: none; }
  footer .wrap figure.mobile {
    display: block;
    max-width: 580px; }

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