.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.showNav header[role="banner"] .wrap h1 {
  left: 20px;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }
body.list-view .hero + .text {
  margin-top: 142px; }
body.list-view .text + .list {
  margin-top: 166px; }
body.list-view .text .wrap .cols .col {
  text-align: center; }
body.list-view .list + .grey-slider {
  margin-top: 252px; }
body.list-view .list .wrap .cols.mobile .infoBox {
  margin-bottom: 145px; }
body.list-view .list .wrap .cols .load {
  bottom: -55px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%); }
body.list-view .image-with-cols {
  margin: 0 20px; }
  body.list-view .image-with-cols .wrap .cols .col {
    width: -moz-calc(50% - 10px);
    width: -o-calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px); }
body.blog .hero.with-subheading .wrap .content {
  max-width: unset;
  text-align: center;
  left: 50%;
  top: 50%;
  bottom: unset;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  margin-top: 0; }
  body.blog .hero.with-subheading .wrap .content h2 {
    color: white; }
  body.blog .hero.with-subheading .wrap .content h3 {
    text-transform: uppercase; }
    body.blog .hero.with-subheading .wrap .content h3.desktop {
      display: block; }
body.blog .image-with-cols + .list {
  margin-top: 153px; }
body.blog .image-with-cols .wrap .cols .col .image figure {
  height: 313px; }
body.blog .image-with-cols .wrap .cols .col.desktop {
  display: none; }
body.blog .image-with-cols .wrap .full-image {
  position: relative; }
  body.blog .image-with-cols .wrap .full-image .content {
    position: absolute;
    bottom: 50px;
    left: 23px;
    color: white;
    z-index: 1; }
    body.blog .image-with-cols .wrap .full-image .content h3 {
      max-width: 325px; }
body.blog .list + .newsletter {
  margin-top: 100px; }
body.blog-article .sideNav {
  width: -moz-calc(100% - 36px);
  width: -o-calc(100% - 36px);
  width: -webkit-calc(100% - 36px);
  width: calc(100% - 36px); }

.sideNav .wrap h1 {
  width: 182px;
  height: 46px;
  top: 30px;
  left: 57px; }
.sideNav .wrap button {
  width: 26px;
  height: 16px;
  top: 46px;
  right: 54px; }
.sideNav .wrap .content {
  margin: 104px 18px 0 18px; }
  .sideNav .wrap .content ul {
    padding: 171px 0 255px 0; }
    .sideNav .wrap .content ul li {
      font-size: 2.25rem; }
      .sideNav .wrap .content ul li + li {
        margin-top: 45px; }

.engagement .wrap .cols .col {
  width: -moz-calc(25% - 10px);
  width: -o-calc(25% - 10px);
  width: -webkit-calc(25% - 10px);
  width: calc(25% - 10px); }

.pricing-cols .wrap .cols {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between; }
  .pricing-cols .wrap .cols .col {
    width: -moz-calc(33% - 4px);
    width: -o-calc(33% - 4px);
    width: -webkit-calc(33% - 4px);
    width: calc(33% - 4px); }
    .pricing-cols .wrap .cols .col + .col {
      margin-top: 0; }
    .pricing-cols .wrap .cols .col .pricing {
      height: 65px; }
    .pricing-cols .wrap .cols .col .button {
      max-width: 237px; }

.hero {
  margin: 104px 18px 0 18px; }
  .hero.with-subheading .wrap figure, .hero.with-subheading .wrap .final-img, .hero.with-subheading .wrap .blur-img {
    height: 485px; }
  .hero.with-subheading .wrap .blur-img img {
    height: 485px; }
  .hero.with-subheading .wrap .content {
    position: absolute;
    left: 50%;
    width: 100%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    bottom: unset;
    margin-top: 0; }
    .hero.with-subheading .wrap .content h2 {
      font-size: 2.25rem;
      margin: 0;
      color: white;
      max-width: unset;
      position: unset;
      margin-bottom: 10px; }
    .hero.with-subheading .wrap .content h3 {
      font-size: 1.25rem;
      margin: 0;
      color: white;
      max-width: 935px;
      margin: 0 auto;
      max-width: unset; }
  .hero .wrap .final-img {
    width: 100%;
    height: 486px;
    background-position: center 100%; }
    .hero .wrap .final-img img {
      height: 486px; }
  .hero .wrap figure {
    width: 100%;
    height: 486px;
    background-position: center 100%; }
  .hero .wrap .content {
    max-width: 550px; }
    .hero .wrap .content h2 {
      top: unset;
      left: unset;
      font-size: 3.625rem;
      right: 170px;
      bottom: 130px; }

.redBanner {
  margin: 145px 0 0 0;
  background-color: #ededed;
  padding: 103px 28px 75px 28px; }
  .redBanner + .pricing-cols {
    margin-top: 0; }
  .redBanner .cols {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    padding: 75px 104px;
    max-width: 1015px;
    margin: 0 auto; }
    .redBanner .cols .col {
      max-width: 590px; }
      .redBanner .cols .col h2 {
        max-width: 335px; }
      .redBanner .cols .col ul {
        margin-top: 0; }
      .redBanner .cols .col .button {
        margin: 30px 0 0 0; }
        .redBanner .cols .col .button.desktop {
          display: block; }

.text {
  margin: 0 18px;
  text-align: unset; }
  .text + .text {
    margin-top: -80px; }
  .text .wrap .cols .col p {
    max-width: 540px;
    line-height: 1.4; }

.list {
  position: relative; }
  .list + .videoPanel {
    margin-top: 288px; }
  .list + .newsletter {
    margin-top: 115px; }
  .list .wrap figure {
    margin: 0 auto; }
  .list .wrap h2, .list .wrap h3 {
    text-align: center;
    margin: 0 auto; }
  .list .wrap .cols {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .list .wrap .cols.mobile .infoBox + .infoBox {
      margin-top: 0; }
    .list .wrap .cols.mobile .infoBox figure {
      margin-right: 0; }
    .list .wrap .cols.mobile .load {
      position: absolute;
      bottom: -138px; }

.newsletter {
  margin-top: 75px; }
  .newsletter .wrap .cols .col form {
    position: relative;
    max-width: 537px; }
    .newsletter .wrap .cols .col form .content .input {
      max-width: 537px; }
      .newsletter .wrap .cols .col form .content .input.tickbox label {
        max-width: 300px; }
      .newsletter .wrap .cols .col form .content .input ul li {
        right: 130px; }

.video-js {
  height: 682px; }

.image-with-cols {
  margin: 0 20px; }
  .image-with-cols .wrap .full-image .image figure {
    padding-top: 0;
    height: 510px;
    max-width: unset; }
  .image-with-cols .wrap .full-image .content h2 {
    max-width: 540px; }
  .image-with-cols .wrap .full-image .content h3 {
    max-width: 350px; }
  .image-with-cols .wrap .cols {
    max-width: unset; }
    .image-with-cols .wrap .cols .col {
      max-height: unset;
      margin-top: 100px; }
      .image-with-cols .wrap .cols .col:first-of-type, .image-with-cols .wrap .cols .col:nth-of-type(2) {
        margin-top: 0; }
      .image-with-cols .wrap .cols .col h3 {
        max-width: 400px; }
      .image-with-cols .wrap .cols .col .image figure {
        height: 313px;
        max-width: unset; }
      .image-with-cols .wrap .cols .col p {
        max-width: unset; }

.tabs {
  margin-top: 40px; }
  .tabs:before {
    display: none; }

.blog-article .wrap .content p, .blog-article .wrap .content h3, .blog-article .wrap .content figure {
  margin-left: 30px; }
.blog-article .wrap .content p {
  max-width: 700px; }

.book-consultation + .newsletter {
  margin-top: 292px; }
.book-consultation .wrap .cols .col form .content .input {
  position: relative; }
  .book-consultation .wrap .cols .col form .content .input ul li {
    font-size: 0.875rem; }
  .book-consultation .wrap .cols .col form .content .input button {
    font-size: 1rem;
    padding: 12px 28px;
    display: block; }

.listings .wrap .cols .col .sub-cols .infoBox + .infoBox {
  margin-top: 0; }
.listings .wrap .cols .col .sub-cols .infoBox figure {
  margin-right: 0; }
.listings .wrap .cols .col .sub-cols .load {
  position: absolute;
  bottom: -138px; }

.list {
  margin-right: 20px; }
  .list .wrap .cols {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 20px; }
    .list .wrap .cols.mobile .infoBox .final-img, .list .wrap .cols.mobile .infoBox .blur-img {
      max-width: unset; }
    .list .wrap .cols .infoBox {
      width: auto; }
      .list .wrap .cols .infoBox .final-img, .list .wrap .cols .infoBox .blur-img {
        max-width: unset; }

.image-with-cols .wrap .cols {
  margin-right: 40px; }
  .image-with-cols .wrap .cols .col {
    position: relative; }
    .image-with-cols .wrap .cols .col .final-img img, .image-with-cols .wrap .cols .col .blur-img img {
      width: 100%;
      height: 100%;
      max-width: unset; }

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