@charset "UTF-8";
@import url("//hello.myfonts.net/count/351d73");
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

* {
  -webkit-tap-highlight-color: transparent;
  word-wrap: break-word;
  box-sizing: border-box; }

html {
  -webkit-overflow-scrolling: touch;
  min-height: 100%;
  margin-top: 0 !important;
  background: #ffffff;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media (max-width: 479px) {
    html {
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%; } }

body {
  color: #2f3233;
  font-family: Gilroy, Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.4;
  width: 100%;
  font-size: 16px; }
  @media (min-width: 860px) {
    body {
      font-size: 19.2px; } }

img {
  max-width: 100%; }

.container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 40px 20px; }

@font-face {
  font-family: 'Gilroy';
  font-weight: light;
  font-style: normal;
  src: url("./fonts/girloy/351D73_0_0.eot");
  src: url("./fonts/girloy/351D73_0_0.eot?#iefix") format("embedded-opentype"), url("./fonts/gilroy/351D73_0_0.woff2") format("woff2"), url("./fonts/gilroy/351D73_0_0.woff") format("woff"), url("./fonts/gilroy/351D73_0_0.ttf") format("truetype"), url("./fonts/gilroy/351D73_0_0.svg#wf") format("svg"); }

@font-face {
  font-family: 'Gilroy';
  font-weight: bold;
  font-style: normal;
  src: url("./fonts/girloy/351D73_1_0.eot");
  src: url("./fonts/girloy/351D73_1_0.eot?#iefix") format("embedded-opentype"), url("./fonts/gilroy/351D73_1_0.woff2") format("woff2"), url("./fonts/gilroy/351D73_1_0.woff") format("woff"), url("./fonts/gilroy/351D73_1_0.ttf") format("truetype"), url("./fonts/gilroy/351D73_1_0.svg#wf") format("svg"); }

p {
  margin-bottom: 30px; }

a {
  text-decoration: none;
  color: inherit; }

li {
  margin-bottom: 10px; }

h1 {
  display: block;
  margin-bottom: 1em;
  line-height: 1.2;
  font-family: Gilroy, "Gilroy Bold", sans-serif;
  font-weight: bold;
  text-transform: lowercase;
  font-size: 40px;
  margin-bottom: 0; }
  @media (min-width: 860px) {
    h1 {
      font-size: 60px; } }
  @media (min-width: 1200px) {
    h1 {
      font-size: 70px; } }

h2 {
  display: block;
  margin-bottom: 1em;
  line-height: 1.2;
  font-family: Gilroy, "Gilroy Bold", sans-serif;
  font-weight: bold;
  text-transform: lowercase;
  font-size: 30px; }
  @media (min-width: 860px) {
    h2 {
      font-size: 40px; } }

h3 {
  display: block;
  margin-bottom: 1em;
  line-height: 1.2;
  font-family: Gilroy, "Gilroy Bold", sans-serif;
  font-weight: bold;
  text-transform: lowercase;
  font-size: 20px; }
  @media (min-width: 860px) {
    h3 {
      font-size: 30px; } }

h4 {
  display: block;
  margin-bottom: 1em;
  line-height: 1.2;
  font-family: Gilroy, "Gilroy Bold", sans-serif;
  font-weight: bold;
  text-transform: lowercase;
  font-size: 20px; }

h5 {
  display: block;
  margin-bottom: 1em;
  line-height: 1.2;
  font-family: Gilroy, "Gilroy Bold", sans-serif;
  font-weight: bold;
  text-transform: lowercase;
  font-size: 20px; }

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "icomoon";
  src: url("./fonts/icomoon/icomoon.eot?l0tuy4");
  src: url("./fonts/icomoon/icomoon.eot?#iefixl0tuy4") format("embedded-opentype"), url("./fonts/icomoon/icomoon.ttf?l0tuy4") format("truetype"), url("./fonts/icomoon/icomoon.woff?l0tuy4") format("woff"), url("./fonts/icomoon/icomoon.svg?l0tuy4#icomoon") format("svg"); }

[class^="icon--"]:before,
[class*=" icon--"]:before {
  vertical-align: middle;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: "icomoon";
  line-height: 1;
  display: block;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon--linkedin {
  display: inline-block; }
  .icon--linkedin:before {
    content: ""; }

.icon--twitter {
  display: inline-block; }
  .icon--twitter:before {
    content: ""; }

.icon--menu {
  display: inline-block; }
  .icon--menu:before {
    content: ""; }

.icon--phone {
  display: inline-block; }
  .icon--phone:before {
    content: ""; }

.icon--envelope {
  display: inline-block; }
  .icon--envelope:before {
    content: ""; }

.icon--envelope-o {
  display: inline-block; }
  .icon--envelope-o:before {
    content: ""; }

.icon--facebook {
  display: inline-block; }
  .icon--facebook:before {
    content: ""; }

.monitor-mq {
  display: block;
  height: 1px;
  overflow: hidden;
  position: absolute;
  top: -9999em;
  left: -9999em;
  width: 480px; }
  @media (min-width: 860px) {
    .monitor-mq {
      width: 860px; } }
  @media (min-width: 1200px) {
    .monitor-mq {
      width: 1200px; } }
  @media (min-width: 1400px) {
    .monitor-mq {
      width: 1400px; } }
  @media (min-width: 1920px) {
    .monitor-mq {
      width: 1920px; } }

.wordpress-content-area ul {
  list-style-type: disc;
  padding-left: 30px; }

.wordpress-content-area strong {
  color: #000; }

.wordpress-content-area blockquote {
  border-left: 2px solid #555;
  padding-left: 15px; }

section.blog {
  padding-top: 40px; }
  section.blog article {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 10%;
    margin-right: 0; }
    @media (min-width: 860px) {
      section.blog article {
        width: 45%;
        margin-right: 10%;
        margin-bottom: 40px; }
        section.blog article:nth-child(2n+2) {
          margin-right: 0; } }
  section.blog article .post-thumbnail img {
    margin-bottom: 30px; }
  section.blog article .post-thumbnail img {
    width: 100%;
    height: auto !important; }
  section.blog article .posted-on {
    padding-bottom: 20px;
    display: inline-block;
    color: #e94a7d;
    font-size: 20px;
    font-weight: 700; }
  section.blog article .hero__button {
    background-color: #ed6b49;
    color: #ffffff;
    background: linear-gradient(to bottom, #ed6b49 0%, #e94a7d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$brand-color-a', endColorstr='$brand-color-b',GradientType=0 );
    text-transform: lowercase;
    display: block;
    text-align: center;
    font-weight: bold;
    border: 1px solid transparent;
    border-radius: 20px;
    padding: 10px 0;
    display: inline-block;
    width: 50%;
    padding: 0px 10px !important; }
    @media (min-width: 860px) {
      section.blog article .hero__button {
        width: auto;
        font-size: 20px;
        padding: 10px 30px; } }
    section.blog article .hero__button span {
      font-size: 0.9rem; }

article.fullPost .hero__button {
  background-color: #ed6b49;
  color: #ffffff;
  background: linear-gradient(to bottom, #ed6b49 0%, #e94a7d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$brand-color-a', endColorstr='$brand-color-b',GradientType=0 );
  text-transform: lowercase;
  display: block;
  text-align: center;
  font-weight: bold;
  border: 1px solid transparent;
  border-radius: 20px;
  padding: 10px 0;
  display: inline-block;
  width: 50%;
  padding: 0px 10px !important; }
  @media (min-width: 860px) {
    article.fullPost .hero__button {
      width: auto;
      font-size: 20px;
      padding: 10px 30px; } }
  article.fullPost .hero__button span {
    font-size: 0.9rem; }

article.fullPost .intro.bubblebg .container {
  -ms-flex-direction: column;
      flex-direction: column; }

article.fullPost h4.posted-on {
  display: block;
  text-align: left;
  clear: both;
  text-transform: capitalize; }

article.fullPost .content {
  display: block; }
  @media (min-width: 860px) {
    article.fullPost .content {
      display: -ms-flexbox;
      display: flex; } }

article.fullPost .entry-content {
  width: 100%;
  margin-right: 0;
  margin-bottom: 60px; }
  @media (min-width: 860px) {
    article.fullPost .entry-content {
      width: 50%;
      padding-right: 5%;
      margin-bottom: 0px; } }

article.fullPost .entry-images {
  width: 100%; }
  article.fullPost .entry-images img {
    margin-bottom: 20px;
    width: 100%;
    height: auto !important; }
    @media (min-width: 860px) {
      article.fullPost .entry-images img {
        width: auto;
        margin-bottom: 80px; } }
  @media (min-width: 860px) {
    article.fullPost .entry-images {
      padding-left: 10%;
      width: 50%; } }

.blog__share {
  background: #f7f7f7;
  text-align: center; }
  .blog__share h3 {
    display: block;
    width: 100%;
    text-align: center; }
  .blog__share ul {
    margin: 0 auto;
    display: inline-block; }
    .blog__share ul li {
      float: left;
      width: 70px; }
      .blog__share ul li:last-child {
        margin: 0; }

/*
**
** Animations
**
*/
.header__nav-menu {
  transition: 0s padding 0.3s, 0.3s max-height; }

.header__nav-toggle:checked ~ .header__nav-menu {
  transition: 0.3s max-height, 0s padding 0s; }

@keyframes bubble_front_one {
  0% {
    transform: translate(0); }
  100% {
    transform: translateY(-50%) translateX(-50%); } }

@keyframes bubble_front_two {
  0% {
    transform: translate(0); }
  100% {
    transform: translateY(50%) translateX(5%); } }

@keyframes bubble_front_three {
  0% {
    transform: translate(0); }
  100% {
    transform: translateY(0%) translateX(80%); } }

@keyframes bubble_front_four {
  0% {
    transform: translate(0); }
  100% {
    transform: translateY(-80%) translateX(-20%); } }

@keyframes bubble_rear_one {
  0% {
    transform: translate(0); }
  100% {
    transform: translateY(-50%) translateX(50%); } }

@keyframes bubble_rear_two {
  0% {
    transform: translate(0); }
  100% {
    transform: translateY(50%) translateX(5%); } }

@keyframes bubble_rear_three {
  0% {
    transform: translate(0); }
  100% {
    transform: translateY(0%) translateX(80%); } }

@keyframes bubble_rear_four {
  0% {
    transform: translate(0); }
  100% {
    transform: translateY(25%) translateX(-80%); } }

.btn-arrow {
  position: relative;
  transition: background-color 300ms ease-out; }
  .btn-arrow span {
    display: inline-block;
    position: relative;
    transition: all 300ms ease-out;
    will-change: transform; }
  .btn-arrow:hover span,
  .btn-arrow:active span {
    transform: translate3d(-1rem, 0, 0); }
  .btn-arrow svg {
    position: absolute;
    width: 1.1em;
    right: 0px;
    right: 0rem;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 300ms ease-out;
    will-change: right, opacity; }
    .btn-arrow svg * {
      stroke-width: 5;
      stroke-color: transparent; }
  .btn-arrow:hover svg,
  .btn-arrow:active svg {
    opacity: 1;
    right: -2rem; }

/*
**
** Shared elements
**
*/
.header {
  position: relative; }
  .header .container {
    padding: 20px 20px; }
  .header .header__logo {
    margin: 0;
    height: 30px; }
  .header .header__nav .header__nav-toggle {
    display: none; }
  .header .header__nav .header__nav-label {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    line-height: 70px;
    height: 70px;
    text-align: center;
    font-size: 30px;
    margin-bottom: 0; }
    @media (min-width: 860px) {
      .header .header__nav .header__nav-label {
        font-size: 40px; } }
    @media (min-width: 860px) {
      .header .header__nav .header__nav-label {
        display: none; } }
    .header .header__nav .header__nav-label i::before {
      line-height: 70px; }
  .header .header__nav .header__nav-menu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    max-height: 0px;
    height: auto;
    overflow: hidden;
    z-index: 9999;
    display: block;
    background-color: #ededed;
    font-size: 30px;
    font-weight: 700;
    text-transform: lowercase; }
    @media (min-width: 860px) {
      .header .header__nav .header__nav-menu {
        font-size: 40px; } }
    @media (min-width: 860px) {
      .header .header__nav .header__nav-menu {
        position: relative;
        top: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        max-height: none;
        background-color: transparent;
        color: #7c7f7f;
        font-size: 20px; }
        .header .header__nav .header__nav-menu li {
          margin: 0 0 0 30px; } }
    .header .header__nav .header__nav-menu a {
      display: inline-block;
      position: relative;
      overflow: hidden;
      padding: 0 5px; }
      .header .header__nav .header__nav-menu a::before {
        content: '';
        position: absolute;
        transition: transform .5s ease;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background-color: #ed6b49;
        color: #ffffff;
        background: linear-gradient(to right, #e94a7d 0%, #ed6b49 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$brand-color-b', endColorstr='$brand-color-a',GradientType=1 ); }
      .header .header__nav .header__nav-menu a:not(.active)::before {
        transform: translateX(-100%); }
      .header .header__nav .header__nav-menu a:not(.active):hover::before {
        transform: translateX(0); }
  .header .header__nav .header__nav-toggle:checked ~ .header__nav-menu {
    max-height: 500px;
    padding: 20px; }
  .header .header__nav .header__nav-toggle:checked + .header__nav-label {
    background-color: #ededed; }
  .header .header__nav .header__nav-icons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: start;
        align-items: flex-start;
    padding-top: 40px;
    font-size: 20px; }
    @media (min-width: 480px) {
      .header .header__nav .header__nav-icons {
        display: none; } }
    .header .header__nav .header__nav-icons i {
      margin-right: 10px; }

.contact {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-weight: 700; }
  .contact .container {
    margin-top: 20px;
    padding-top: 0; }
  .contact .contact__divider {
    border-top: 2px solid #e94a7d;
    margin: 0 0 40px;
    width: 100%; }
  .contact .contact__heading {
    width: 100%; }
  .contact #contact__map {
    width: 100%;
    height: 40vw;
    background-color: rgba(133, 133, 132, 0.3);
    margin-bottom: 30px; }
    @media (min-width: 860px) {
      .contact #contact__map {
        margin-bottom: 60px; } }
    @media (min-width: 1200px) {
      .contact #contact__map {
        height: 512px; } }
  .contact .contact__details,
  .contact .contact__address {
    width: 50%;
    margin-bottom: 30px; }
    @media (min-width: 860px) {
      .contact .contact__details,
      .contact .contact__address {
        width: 25%; } }
    .contact .contact__details a,
    .contact .contact__address a {
      color: #e94a7d;
      display: inline-block;
      position: relative;
      overflow: hidden;
      padding: 0 5px;
      padding: 0; }
      .contact .contact__details a::before,
      .contact .contact__address a::before {
        content: '';
        position: absolute;
        transition: transform .5s ease;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background-color: #ed6b49;
        color: #ffffff;
        background: linear-gradient(to right, #e94a7d 0%, #ed6b49 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$brand-color-b', endColorstr='$brand-color-a',GradientType=1 ); }
      .contact .contact__details a:not(.active)::before,
      .contact .contact__address a:not(.active)::before {
        transform: translateX(-100%); }
      .contact .contact__details a:not(.active):hover::before,
      .contact .contact__address a:not(.active):hover::before {
        transform: translateX(0); }
  .contact .contact__newsletter {
    width: 100%; }
    @media (min-width: 860px) {
      .contact .contact__newsletter {
        width: 50%; } }
    .contact .contact__newsletter form {
      display: -ms-flexbox;
      display: flex;
      width: 100%; }
      .contact .contact__newsletter form .email {
        background-color: #ed6b49;
        color: #ffffff;
        background: linear-gradient(to bottom, #ed6b49 0%, #e94a7d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$brand-color-a', endColorstr='$brand-color-b',GradientType=0 );
        text-transform: lowercase;
        display: block;
        text-align: center;
        font-weight: bold;
        border: 1px solid transparent;
        border-radius: 20px;
        padding: 10px 0;
        margin-right: -15%;
        background: none;
        background-color: #ededed;
        text-align: left;
        padding-left: 40px;
        font-weight: 300;
        width: 100%;
        color: #1f1f1f; }
        @media (min-width: 860px) {
          .contact .contact__newsletter form .email {
            width: auto;
            font-size: 20px;
            padding: 10px 30px; } }
        @media (min-width: 860px) {
          .contact .contact__newsletter form .email {
            width: 100%; } }
        .contact .contact__newsletter form .email:focus {
          outline: none; }
      .contact .contact__newsletter form .button {
        background-color: #ed6b49;
        color: #ffffff;
        background: linear-gradient(to bottom, #ed6b49 0%, #e94a7d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$brand-color-a', endColorstr='$brand-color-b',GradientType=0 );
        text-transform: lowercase;
        display: block;
        text-align: center;
        font-weight: bold;
        border: 1px solid transparent;
        border-radius: 20px;
        padding: 10px 0;
        min-width: 33%; }
        @media (min-width: 860px) {
          .contact .contact__newsletter form .button {
            width: auto;
            font-size: 20px;
            padding: 10px 30px; } }
  .contact li {
    margin-bottom: 0; }

.finder {
  background-color: #2f3233;
  color: #ffffff;
  text-align: center; }
  .finder .container {
    display: block; }
    @media (min-width: 860px) {
      .finder .container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -ms-flex-align: center;
            align-items: center;
        padding: 70px 20px; } }
  .finder .finder__heading {
    margin-bottom: 10px;
    font-size: 30px; }
    @media (min-width: 860px) {
      .finder .finder__heading {
        font-size: 40px; } }
  .finder .finder__button {
    background-color: #ed6b49;
    color: #ffffff;
    background: linear-gradient(to bottom, #ed6b49 0%, #e94a7d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$brand-color-a', endColorstr='$brand-color-b',GradientType=0 );
    text-transform: lowercase;
    display: block;
    text-align: center;
    font-weight: bold;
    border: 1px solid transparent;
    border-radius: 20px;
    padding: 10px 0; }
    @media (min-width: 860px) {
      .finder .finder__button {
        width: auto;
        font-size: 20px;
        padding: 10px 30px; } }

.footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #1f1f1f;
  color: #ffffff; }
  .footer .container {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .footer .footer__contact,
  .footer .footer__location,
  .footer .footer__social {
    width: 50%;
    padding-bottom: 40px; }
    @media (min-width: 860px) {
      .footer .footer__contact,
      .footer .footer__location,
      .footer .footer__social {
        width: 25%; } }
    .footer .footer__contact .footer__contact-heading,
    .footer .footer__contact .footer__location-heading,
    .footer .footer__contact .footer__social-heading,
    .footer .footer__location .footer__contact-heading,
    .footer .footer__location .footer__location-heading,
    .footer .footer__location .footer__social-heading,
    .footer .footer__social .footer__contact-heading,
    .footer .footer__social .footer__location-heading,
    .footer .footer__social .footer__social-heading {
      font-size: 20px;
      margin-bottom: 5px; }
    .footer .footer__contact .footer__contact-details,
    .footer .footer__contact .footer__location-address,
    .footer .footer__contact .footer__social-details,
    .footer .footer__location .footer__contact-details,
    .footer .footer__location .footer__location-address,
    .footer .footer__location .footer__social-details,
    .footer .footer__social .footer__contact-details,
    .footer .footer__social .footer__location-address,
    .footer .footer__social .footer__social-details {
      margin-bottom: 10px;
      font-weight: 300; }
      .footer .footer__contact .footer__contact-details li,
      .footer .footer__contact .footer__location-address li,
      .footer .footer__contact .footer__social-details li,
      .footer .footer__location .footer__contact-details li,
      .footer .footer__location .footer__location-address li,
      .footer .footer__location .footer__social-details li,
      .footer .footer__social .footer__contact-details li,
      .footer .footer__social .footer__location-address li,
      .footer .footer__social .footer__social-details li {
        margin-bottom: 0; }
    .footer .footer__contact .footer__contact-details a,
    .footer .footer__location .footer__contact-details a,
    .footer .footer__social .footer__contact-details a {
      color: #ed6b49;
      display: inline-block;
      position: relative;
      overflow: hidden;
      padding: 0 5px;
      padding: 0; }
      .footer .footer__contact .footer__contact-details a::before,
      .footer .footer__location .footer__contact-details a::before,
      .footer .footer__social .footer__contact-details a::before {
        content: '';
        position: absolute;
        transition: transform .5s ease;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background-color: #ed6b49;
        color: #ffffff;
        background: linear-gradient(to right, #e94a7d 0%, #ed6b49 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$brand-color-b', endColorstr='$brand-color-a',GradientType=1 ); }
      .footer .footer__contact .footer__contact-details a:not(.active)::before,
      .footer .footer__location .footer__contact-details a:not(.active)::before,
      .footer .footer__social .footer__contact-details a:not(.active)::before {
        transform: translateX(-100%); }
      .footer .footer__contact .footer__contact-details a:not(.active):hover::before,
      .footer .footer__location .footer__contact-details a:not(.active):hover::before,
      .footer .footer__social .footer__contact-details a:not(.active):hover::before {
        transform: translateX(0); }
    .footer .footer__contact .footer__social-details,
    .footer .footer__location .footer__social-details,
    .footer .footer__social .footer__social-details {
      line-height: 50px; }
      .footer .footer__contact .footer__social-details li a,
      .footer .footer__location .footer__social-details li a,
      .footer .footer__social .footer__social-details li a {
        display: inline-block;
        transform: translateX(0%);
        transition: transform 0.3s ease-out; }
      .footer .footer__contact .footer__social-details li:hover a,
      .footer .footer__location .footer__social-details li:hover a,
      .footer .footer__social .footer__social-details li:hover a {
        transform: translateX(5%); }
      .footer .footer__contact .footer__social-details li i,
      .footer .footer__location .footer__social-details li i,
      .footer .footer__social .footer__social-details li i {
        margin-right: 5px; }
      .footer .footer__contact .footer__social-details li a,
      .footer .footer__location .footer__social-details li a,
      .footer .footer__social .footer__social-details li a {
        color: #ed6b49; }
  .footer .footer__social {
    width: 100%; }
    @media (min-width: 860px) {
      .footer .footer__social {
        width: 25%; } }

/*
**
** Homepage
**
*/
.hero {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  min-height: 30vw; }
  .hero .container {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 60px 20px; }
    @media (min-width: 860px) {
      .hero .container {
        padding: 120px 20px; } }
  .hero .hero__background {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: 1;
    opacity: 1;
    opacity: 0;
    opacity: 0;
    opacity: 0; }
    .hero .hero__background:nth-of-type(1) {
      animation: slide_fade 15s infinite;
      animation-delay: 0s;
      z-index: 3; }
    .hero .hero__background:nth-of-type(2) {
      animation: slide_fade 15s infinite;
      animation-delay: 5s;
      z-index: 2; }
    .hero .hero__background:nth-of-type(3) {
      animation: slide_fade 15s infinite;
      animation-delay: 10s;
      z-index: 1; }

@keyframes slide_fade {
  0% {
    opacity: 0; }
  3% {
    opacity: 1; }
  36.33333% {
    opacity: 1; }
  39.33333% {
    opacity: 0; }
  100% {
    opacity: 0; } }
    .hero .hero__background img {
      height: 100%;
      min-width: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .hero .hero__heading {
    color: white;
    width: 100%;
    z-index: 5;
    margin-bottom: 30px; }
    .hero .hero__heading .hero__heading-linetwo {
      display: inline; }
      @media (min-width: 860px) {
        .hero .hero__heading .hero__heading-linetwo {
          display: block; } }
  .hero .hero__button {
    background-color: #ed6b49;
    color: #ffffff;
    background: linear-gradient(to bottom, #ed6b49 0%, #e94a7d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$brand-color-a', endColorstr='$brand-color-b',GradientType=0 );
    text-transform: lowercase;
    display: block;
    text-align: center;
    font-weight: bold;
    border: 1px solid transparent;
    border-radius: 20px;
    padding: 10px 0;
    width: 50%;
    z-index: 5; }
    @media (min-width: 860px) {
      .hero .hero__button {
        width: auto;
        font-size: 20px;
        padding: 10px 30px; } }

.intro {
  background-color: #ed6b49;
  color: #ffffff;
  background: linear-gradient(to right, #e94a7d 0%, #ed6b49 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$brand-color-b', endColorstr='$brand-color-a',GradientType=1 );
  overflow: hidden;
  position: relative; }
  @media (min-width: 860px) {
    .intro {
      padding: 80px 0; } }
  .intro > * {
    z-index: 5;
    position: relative; }
  .intro .bubblebg__bubbles-front {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .intro .bubblebg__bubbles-front .bubble {
      display: block;
      position: absolute;
      left: 30%;
      bottom: 90%;
      content: '';
      background: url("/img/bubble.svg") no-repeat;
      background-size: cover;
      animation: bubble_front_one 40s linear 0s infinite alternate forwards;
      height: 30vw;
      width: 30vw;
      display: none; }
      .intro .bubblebg__bubbles-front .bubble:nth-child(2) {
        animation-name: bubble_front_two;
        left: 70%;
        bottom: 50%; }
      .intro .bubblebg__bubbles-front .bubble:nth-child(3) {
        animation-name: bubble_front_three;
        left: -10%;
        bottom: 10%; }
      .intro .bubblebg__bubbles-front .bubble:nth-child(4) {
        animation-name: bubble_front_four;
        left: 30%;
        bottom: -10%; }
      @media (min-width: 860px) {
        .intro .bubblebg__bubbles-front .bubble {
          display: block; } }
      @media (min-width: 1200px) {
        .intro .bubblebg__bubbles-front .bubble {
          height: 15vw;
          width: 15vw;
          z-index: 2;
          animation: none !important; } }
  .intro .bubblebg__bubbles-rear {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .intro .bubblebg__bubbles-rear .bubble {
      display: block;
      position: absolute;
      left: 30%;
      bottom: 90%;
      content: '';
      background: url("/img/bubble.svg") no-repeat;
      background-size: cover;
      animation: bubble_front_one 40s linear 0s infinite alternate forwards;
      height: 30vw;
      width: 30vw;
      display: none;
      height: 10vw;
      width: 10vw;
      opacity: 0.5;
      animation-name: bubble_rear_one;
      left: 5%;
      bottom: 50%; }
      @supports ((-webkit-filter: blur()) or (filter: blur())) {
        .intro .bubblebg__bubbles-rear .bubble {
          -webkit-filter: blur(5px);
                  filter: blur(5px);
          opacity: 1; } }
      .intro .bubblebg__bubbles-rear .bubble:nth-child(2) {
        animation-name: bubble_front_two;
        left: 70%;
        bottom: 50%;
        animation-name: bubble_rear_two;
        left: 50%;
        bottom: 25%; }
      .intro .bubblebg__bubbles-rear .bubble:nth-child(3) {
        animation-name: bubble_front_three;
        left: -10%;
        bottom: 10%;
        animation-name: bubble_rear_three;
        left: 25%;
        bottom: 10%; }
      .intro .bubblebg__bubbles-rear .bubble:nth-child(4) {
        animation-name: bubble_front_four;
        left: 30%;
        bottom: -10%;
        left: 80%;
        bottom: 10%;
        animation-name: bubble_rear_four; }
      @media (min-width: 860px) {
        .intro .bubblebg__bubbles-rear .bubble {
          display: block; } }
      @media (min-width: 1200px) {
        .intro .bubblebg__bubbles-rear .bubble {
          height: 5vw;
          width: 5vw;
          z-index: 1;
          opacity: 0.5;
          animation: none !important; }
          @supports ((-webkit-filter: blur()) or (filter: blur())) {
            .intro .bubblebg__bubbles-rear .bubble {
              -webkit-filter: blur(5px);
                      filter: blur(5px);
              opacity: 1; } } }
  .intro .intro__heading {
    font-size: 20px;
    text-transform: none;
    width: 75%;
    padding-right: 20px; }
    @media (min-width: 860px) {
      .intro .intro__heading {
        font-size: 30px; } }
    @media (min-width: 860px) {
      .intro .intro__heading {
        width: 50%; } }
    .intro .intro__heading .intro__heading-linetwo {
      display: inline; }
      @media (min-width: 860px) {
        .intro .intro__heading .intro__heading-linetwo {
          display: block; } }
  .intro .intro__copy {
    margin: 0;
    font-family: Gilroy, "Gilroy Bold", sans-serif;
    font-weight: 700;
    width: 100%; }
    @media (min-width: 860px) {
      .intro .intro__copy {
        width: 50%; } }

.featured .featured__heading {
  width: 100%; }

.featured .featured__listings {
  width: 100%;
  margin: 0 auto 20px;
  max-width: 100%;
  overflow-x: hidden; }
  .featured .featured__listings .featured__listings-frame {
    height: 100%;
    min-height: calc(66vw * 2);
    height: auto; }
    @media (min-width: 860px) {
      .featured .featured__listings .featured__listings-frame {
        min-height: calc(66vw); } }
    @media (min-width: 1200px) {
      .featured .featured__listings .featured__listings-frame {
        min-height: calc(1240px / 1.46); } }

.featured .featured__button {
  background-color: #ed6b49;
  color: #ffffff;
  background: linear-gradient(to bottom, #ed6b49 0%, #e94a7d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$brand-color-a', endColorstr='$brand-color-b',GradientType=0 );
  text-transform: lowercase;
  display: block;
  text-align: center;
  font-weight: bold;
  border: 1px solid transparent;
  border-radius: 20px;
  padding: 10px 0;
  width: 100%; }
  @media (min-width: 860px) {
    .featured .featured__button {
      width: auto;
      font-size: 20px;
      padding: 10px 30px; } }

/*
**
** About page
**
*/
.title {
  background-color: #ed6b49;
  color: #ffffff;
  background: linear-gradient(to right, #e94a7d 0%, #ed6b49 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$brand-color-b', endColorstr='$brand-color-a',GradientType=1 );
  overflow: hidden;
  position: relative; }
  @media (min-width: 860px) {
    .title {
      padding: 80px 0; } }
  .title > * {
    z-index: 5;
    position: relative; }
  .title .bubblebg__bubbles-front {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .title .bubblebg__bubbles-front .bubble {
      display: block;
      position: absolute;
      left: 30%;
      bottom: 90%;
      content: '';
      background: url("/img/bubble.svg") no-repeat;
      background-size: cover;
      animation: bubble_front_one 40s linear 0s infinite alternate forwards;
      height: 30vw;
      width: 30vw;
      display: none; }
      .title .bubblebg__bubbles-front .bubble:nth-child(2) {
        animation-name: bubble_front_two;
        left: 70%;
        bottom: 50%; }
      .title .bubblebg__bubbles-front .bubble:nth-child(3) {
        animation-name: bubble_front_three;
        left: -10%;
        bottom: 10%; }
      .title .bubblebg__bubbles-front .bubble:nth-child(4) {
        animation-name: bubble_front_four;
        left: 30%;
        bottom: -10%; }
      @media (min-width: 860px) {
        .title .bubblebg__bubbles-front .bubble {
          display: block; } }
      @media (min-width: 1200px) {
        .title .bubblebg__bubbles-front .bubble {
          height: 15vw;
          width: 15vw;
          z-index: 2;
          animation: none !important; } }
  .title .bubblebg__bubbles-rear {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .title .bubblebg__bubbles-rear .bubble {
      display: block;
      position: absolute;
      left: 30%;
      bottom: 90%;
      content: '';
      background: url("/img/bubble.svg") no-repeat;
      background-size: cover;
      animation: bubble_front_one 40s linear 0s infinite alternate forwards;
      height: 30vw;
      width: 30vw;
      display: none;
      height: 10vw;
      width: 10vw;
      opacity: 0.5;
      animation-name: bubble_rear_one;
      left: 5%;
      bottom: 50%; }
      @supports ((-webkit-filter: blur()) or (filter: blur())) {
        .title .bubblebg__bubbles-rear .bubble {
          -webkit-filter: blur(5px);
                  filter: blur(5px);
          opacity: 1; } }
      .title .bubblebg__bubbles-rear .bubble:nth-child(2) {
        animation-name: bubble_front_two;
        left: 70%;
        bottom: 50%;
        animation-name: bubble_rear_two;
        left: 50%;
        bottom: 25%; }
      .title .bubblebg__bubbles-rear .bubble:nth-child(3) {
        animation-name: bubble_front_three;
        left: -10%;
        bottom: 10%;
        animation-name: bubble_rear_three;
        left: 25%;
        bottom: 10%; }
      .title .bubblebg__bubbles-rear .bubble:nth-child(4) {
        animation-name: bubble_front_four;
        left: 30%;
        bottom: -10%;
        left: 80%;
        bottom: 10%;
        animation-name: bubble_rear_four; }
      @media (min-width: 860px) {
        .title .bubblebg__bubbles-rear .bubble {
          display: block; } }
      @media (min-width: 1200px) {
        .title .bubblebg__bubbles-rear .bubble {
          height: 5vw;
          width: 5vw;
          z-index: 1;
          opacity: 0.5;
          animation: none !important; }
          @supports ((-webkit-filter: blur()) or (filter: blur())) {
            .title .bubblebg__bubbles-rear .bubble {
              -webkit-filter: blur(5px);
                      filter: blur(5px);
              opacity: 1; } } }
  .title .title__heading {
    width: 50%; }

.whatwedo .whatwedo__intro {
  font-weight: 700;
  width: 100%;
  margin-bottom: 20px; }
  @media (min-width: 860px) {
    .whatwedo .whatwedo__intro {
      width: 70%; } }
  .whatwedo .whatwedo__intro .whatwedo__intro-copy {
    font-size: 20px; }

.whatwedo .whatwedo__disposals,
.whatwedo .whatwedo__acquisitions {
  width: 100%; }
  @media (min-width: 860px) {
    .whatwedo .whatwedo__disposals,
    .whatwedo .whatwedo__acquisitions {
      width: 40%;
      margin-right: 10%; } }

.collaboration {
  background-color: #ededed; }
  .collaboration .collaboration__body {
    width: 100%; }
    @media (min-width: 860px) {
      .collaboration .collaboration__body {
        width: 50%; } }
    @media (min-width: 1200px) {
      .collaboration .collaboration__body {
        width: 40%; } }
    .collaboration .collaboration__body .collaboration__body-list {
      list-style-type: none;
      width: 100%;
      column-count: 2;
      margin-bottom: 30px;
      column-gap: 1px; }
      .collaboration .collaboration__body .collaboration__body-list li::before {
        content: '•';
        font-size: 20px;
        font-weight: bold;
        padding-right: 5px; }
  .collaboration .collaboration__image {
    width: 100%; }
    @media (min-width: 860px) {
      .collaboration .collaboration__image {
        width: 40%;
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center; } }
    @media (min-width: 1200px) {
      .collaboration .collaboration__image {
        width: 50%;
        -ms-flex-item-align: start;
            align-self: flex-start; } }

.about {
  background-color: #ededed; }
  .about .container {
    padding-top: 0; }
  .about .about__body {
    width: 100%; }
    @media (min-width: 860px) {
      .about .about__body {
        width: 50%; } }
    @media (min-width: 1200px) {
      .about .about__body {
        width: 40%; } }
  .about .about__image {
    width: 100%; }
    @media (min-width: 860px) {
      .about .about__image {
        width: 40%;
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center; } }
    @media (min-width: 1200px) {
      .about .about__image {
        width: 50%;
        margin-bottom: 30px;
        -ms-flex-item-align: end;
            align-self: flex-end; } }

/*
**
** Element styles
**
*/
.icon__circled::before {
  background-color: #ed6b49;
  color: #ffffff;
  background: linear-gradient(to bottom, #ed6b49 0%, #e94a7d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$brand-color-a', endColorstr='$brand-color-b',GradientType=0 );
  border: 1px solid transparent;
  border-radius: 40px;
  padding: 10px; }