@charset "UTF-8";
/* ==== Buttons and text links === */
/* ==== Slide in transition === */
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    position: relative;
    left: 100px;
  }
  100% {
    opacity: 1;
    position: relative;
    left: 0;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    position: relative;
    top: 100px;
  }
  100% {
    opacity: 1;
    position: relative;
    top: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@font-face {
  font-family: "maaxbold";
  src: url("../fonts/maax-bold-webfont.woff2") format("woff2"), url("../fonts/maax-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "maaxmedium";
  src: url("../fonts/maax-medium-webfont.woff2") format("woff2"), url("../fonts/maax-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "maaxregular";
  src: url("../fonts/maax-regular-webfont.woff2") format("woff2"), url("../fonts/maax-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Quarto-Bold";
  src: url("../fonts/Quarto-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*------------------------------------*\
  #RESET
\*------------------------------------*/
/**
 * As well as using Normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body,
h1, h2, h3, h4, h5, h6,
blockquote, pre,
dl, dd,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}

p {
  margin-top: 0;
}

/**
 * Remove trailing margins from nested lists.
 */
li > ul,
li > ol {
  margin-bottom: 0;
}

/**
 * Remove trailing margins from nested lists.
 */
li > ul,
li > ol {
  margin-bottom: 0;
}

/*------------------------------------*\
  #FORMS
\*------------------------------------*/
button:hover,
html [type=button]:hover,
[type=reset]:hover,
[type=submit]:hover {
  cursor: pointer;
}

form input,
form textarea {
  border: solid 1px #E1EDEB;
  padding: 12px 10px;
  width: 100%;
  display: block;
  font-size: 1rem;
  color: #384757;
  background-color: #E1EDEB;
  margin-bottom: 10px;
  font-family: "maaxregular", serif;
  font-weight: 500;
  font-style: normal;
}
form textarea {
  height: 140px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #384757;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #384757;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #384757;
}

.errors {
  color: red;
}
.errors li {
  display: inline-block;
}

.c-contact-form .wf-checkbox input {
  display: inline-block;
  width: 25px;
  vertical-align: top;
}
.c-contact-form .fui-field:not(.fui-type-hidden-field) {
  margin-bottom: 0;
}
.c-contact-form .fui-input {
  border: solid 1px #E1EDEB;
  padding: 12px 10px;
  width: 100%;
  display: block;
  font-size: 1rem;
  background-color: #E1EDEB;
  margin-bottom: 10px;
  font-family: "maaxregular", serif;
  font-weight: 500;
  font-style: normal;
  border-radius: 0;
}
.c-contact-form .fui-field label {
  display: none;
}
.c-contact-form .fui-field.c-gdpr-checkbox label {
  display: block;
  font-family: "maaxregular", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 18px;
  display: inline-block;
  margin-bottom: 10px;
}
.c-contact-form .message.error {
  padding: 10px;
  background-color: #C74848;
  margin-bottom: 10px;
  font-weight: bold;
  color: white;
}
.c-contact-form .message.success {
  padding: 10px;
  background-color: #67B774;
  margin-bottom: 10px;
  font-weight: bold;
  color: white;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #384757;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #384757;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #384757;
}

.cssgrid .l-cssgrid-wrapper {
  display: grid;
  grid-gap: 0;
  grid-template-columns: 1fr;
}
@media (min-width: 48em) {
  .cssgrid .l-cssgrid-wrapper {
    grid-gap: 16px;
    grid-template-columns: repeat(12, 1fr);
  }
}
.cssgrid .l-cssgrid-wrapper.align-center {
  align-items: center;
}
@media (min-width: 48em) {
  .cssgrid .l-cssgrid-wrapper.nogap {
    grid-gap: 0;
  }
}
.cssgrid .l-cssgrid-wrapper.nogap .l-6-left {
  margin-bottom: 0;
}
.cssgrid .l-cssgrid-wrapper .img {
  line-height: 0;
}

.l-flex-grid {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  width: 100%;
}

.grid__item {
  width: 100%;
  margin-bottom: 1em;
  list-style-type: none;
  position: relative;
  display: block;
}
@media (min-width: 48em) {
  .grid__item {
    margin: 0 2% 2% 0;
    width: auto;
  }
}
@media (min-width: 83.375em) {
  .grid__item {
    margin: 0 2% 2% 0;
    width: auto;
  }
}
.grid__item:last-child {
  margin-right: 0;
}
@media (min-width: 48em) {
  .grid__item {
    width: 100%;
    margin-bottom: 1em;
    list-style-type: none;
    position: relative;
    display: flex;
  }
}
@media (min-width: 48em) and (min-width: 48em) {
  .grid__item {
    margin: 0 2% 2% 0;
    width: auto;
  }
}
@media (min-width: 48em) and (min-width: 83.375em) {
  .grid__item {
    margin: 0 2% 2% 0;
    width: auto;
  }
}
@media (min-width: 48em) {
  .grid__item:last-child {
    margin-right: 0;
  }
}
.grid--columns-2 .grid__item {
  width: 100%;
  margin-bottom: 1em;
  list-style-type: none;
  position: relative;
}
@media (min-width: 48em) {
  .grid--columns-2 .grid__item {
    margin: 0 2% 2% 0;
    width: auto;
  }
}
@media (min-width: 83.375em) {
  .grid--columns-2 .grid__item {
    margin: 0 2% 2% 0;
    width: auto;
  }
}
.grid--columns-2 .grid__item:last-child {
  margin-right: 0;
}
@media (min-width: 48em) {
  .grid--columns-2 .grid__item {
    width: 49%;
  }
  .grid--columns-2 .grid__item:nth-child(2n) {
    margin-right: 0;
  }
}
.grid--columns-3 .grid__item {
  width: 100%;
  margin-bottom: 1em;
  list-style-type: none;
  position: relative;
}
@media (min-width: 48em) {
  .grid--columns-3 .grid__item {
    margin: 0 2% 2% 0;
    width: auto;
  }
}
@media (min-width: 83.375em) {
  .grid--columns-3 .grid__item {
    margin: 0 2% 2% 0;
    width: auto;
  }
}
.grid--columns-3 .grid__item:last-child {
  margin-right: 0;
}
@media (min-width: 48em) {
  .grid--columns-3 .grid__item {
    width: 32%;
  }
  .grid--columns-3 .grid__item:nth-child(2n) {
    margin-right: 2%;
  }
  .grid--columns-3 .grid__item:nth-child(3n) {
    margin-right: 0;
  }
}
.grid--columns-5 .grid__item {
  width: 100%;
  margin-bottom: 1em;
  list-style-type: none;
  position: relative;
}
@media (min-width: 48em) {
  .grid--columns-5 .grid__item {
    margin: 0 2% 2% 0;
    width: auto;
  }
}
@media (min-width: 83.375em) {
  .grid--columns-5 .grid__item {
    margin: 0 2% 2% 0;
    width: auto;
  }
}
.grid--columns-5 .grid__item:last-child {
  margin-right: 0;
}
@media (min-width: 37.5em) {
  .grid--columns-5 .grid__item {
    width: 49%;
  }
  .grid--columns-5 .grid__item:nth-child(1n) {
    margin-right: 2%;
  }
  .grid--columns-5 .grid__item:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 64em) {
  .grid--columns-5 .grid__item {
    width: 32%;
  }
  .grid--columns-5 .grid__item:nth-child(2n) {
    margin-right: 2%;
  }
  .grid--columns-5 .grid__item:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 83.375em) {
  .grid--columns-5 .grid__item {
    width: 23%;
  }
  .grid--columns-5 .grid__item:nth-child(3n) {
    margin-right: 2%;
  }
}
@media (min-width: 1920px) {
  .grid--columns-5 .grid__item {
    width: 18%;
  }
  .grid--columns-5 .grid__item:nth-child(3n) {
    margin-right: 2%;
  }
}

h1 {
  font-family: "Quarto-Bold";
  font-weight: 500;
  font-style: normal;
  font-size: 2.375rem;
  color: white;
  margin-bottom: 20px;
  animation: fadeInLeft 1s both 0.5s;
  line-height: 40px;
  padding-top: 10px;
}
@media (min-width: 48em) {
  h1 {
    font-size: 3rem;
    line-height: 54px;
    color: white;
    margin-bottom: 40px;
    padding-top: 0;
  }
}
@media (min-width: 64em) {
  h1 {
    font-size: 3.75rem;
    line-height: 72px;
  }
}
h1.c-blue-text {
  color: #384757;
}

h2 {
  color: #99B9AE;
  margin-bottom: 20px;
  font-family: "Quarto-Bold";
  font-weight: 500;
  font-style: normal;
  font-size: 2.125rem;
  line-height: 40px;
}

h3 {
  font-family: "maaxbold", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #384757;
  margin-bottom: 20px;
}

h4 {
  color: #384757;
  font-family: "Quarto-Bold";
  font-weight: 500;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 48px;
}

h5 {
  color: #384757;
  margin-bottom: 20px;
}
@media (min-width: 48em) {
  h5 {
    margin-bottom: 20px;
  }
}

.text-centre {
  text-align: center;
}

.mobile-pad {
  padding: 0 20px;
}
@media (min-width: 48em) {
  .mobile-pad {
    padding: 0;
  }
}

.mar-btm-0 {
  margin-bottom: 0;
}

.mar-btm-20 {
  margin-bottom: 20px;
}

.mar-btm-50 {
  margin-bottom: 20px;
}
@media (min-width: 64em) {
  .mar-btm-50 {
    margin-bottom: 50px;
  }
}

.mar-top-0 {
  margin-top: 0;
}

.mar-top-10 {
  margin-top: 10px;
}

.c-space-list ol li {
  margin-bottom: 50px;
}
.c-space-list ol li li {
  margin-bottom: 0;
}

/*------------------------------------*\
  #IMAGES
\*------------------------------------*/
img {
  width: 100%;
  height: auto;
  line-height: 0;
}

/**
 * High-level, page-level styling.
 *
 * 1. Set the default `font-size` and `line-height` for the entire project,
 *    sourced from our default variables. The `font-size` is calculated to exist
 *    in ems, the `line-height` is calculated to exist unitlessly.
 * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 * 3. Ensure the page always fills at least the entire height of the viewport.
 * 4. Prevent certain mobile browsers from automatically zooming fonts.
 * 5. Fonts on OSX will look more consistent with other systems that do not
 *    render text using sub-pixel anti-aliasing.
 */
html {
  font-size: 1em; /* [1] */
  line-height: 1.625; /* [1] */
  overflow-y: scroll; /* [2] */
  min-height: 100%; /* [3] */
  -webkit-text-size-adjust: 100%; /* [4] */
  -ms-text-size-adjust: 100%; /* [4] */
  -moz-osx-font-smoothing: grayscale; /* [5] */
  -webkit-font-smoothing: antialiased; /* [5] */
  color: #384757;
  font-family: "maaxregular", serif;
  font-weight: 500;
  font-style: normal;
  background-color: #E1EDEB;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* Instead use this non-standard one: */
  word-break: break-word;
  scroll-behavior: smooth;
}

a {
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  color: #384757;
}
a:hover {
  text-decoration: underline;
  color: #4BAA99;
}

@media (min-width: 48em) {
  .c-tel-link:hover {
    text-decoration: none;
    color: inherit;
    cursor: default;
  }
}

.l-row-wrap {
  display: inline-block;
  width: 100%;
  position: relative;
  float: left;
  z-index: 2;
}

.l-header .l-row-restricted {
  padding: 0 20px;
}
@media (min-width: 83.375em) {
  .l-header {
    padding: 0;
  }
}

#map {
  background-color: beige;
  width: 100%;
  height: 505px;
}

@media (min-width: 83.375em) {
  .c-contact-header {
    height: 80px;
  }
}

.l-7-left .c-contact-header {
  margin-bottom: 0;
}
@media (min-width: 83.375em) {
  .l-7-left .c-contact-header {
    margin-bottom: 20px;
  }
}

.l-5-right .c-contact-header {
  margin-bottom: 20px;
}
@media (min-width: 83.375em) {
  .l-5-right .c-contact-header {
    margin-bottom: 20px;
  }
}

.c-standfirst {
  margin-bottom: 20px;
}

.c-bkgd-green {
  background-color: #C4DAD6;
}

.c-caps-bold {
  font-family: "maaxbold", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  line-height: 22px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #384757;
}

.c-caps-med, .c-standfirst {
  font-family: "maaxmedium", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  line-height: 28px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #384757;
}

.size-12 {
  font-size: 0.75rem;
  line-height: 18px;
}

.size-14 {
  font-size: 0.875rem;
  line-height: 24px;
}

.c-green-text {
  color: #99B9AE;
}
.c-green-text a {
  color: #99B9AE;
}
.c-green-text a:hover {
  color: #384757;
}

.c-greendark-text {
  color: #728981;
}
.c-greendark-text a {
  color: #728981;
}
.c-greendark-text a:hover {
  color: #384757;
}

.c-blue-text {
  color: #384757;
}

.c-white-text {
  color: #ffffff;
}

/*------------------------------------*\
  #VARIOUS BLOCK STYLES
\*------------------------------------*/
.l-white-block-wrap {
  width: 100%;
  position: relative;
  z-index: 3;
  clear: both;
}

.l-white-block {
  background-color: white;
  width: 100%;
  padding: 20px 0;
}
@media (min-width: 48em) {
  .l-white-block {
    width: calc(100% - 80px);
    margin: 0 40px;
    padding: 0 0 100px 0;
  }
}
@media (min-width: 83.375em) {
  .l-white-block {
    margin: 0 auto;
    max-width: 1600px;
  }
}

.l-blue-block {
  background-color: #384757;
  color: #ffffff;
  width: 100%;
  padding-bottom: 20px;
}
@media (min-width: 48em) {
  .l-blue-block {
    width: calc(100% - 80px);
    margin: 0 40px;
    padding-bottom: 74px;
  }
}
@media (min-width: 83.375em) {
  .l-blue-block {
    margin: 0 auto;
    max-width: 1600px;
  }
}
.l-blue-block .c-block-row {
  padding: 40px 20px 0 20px;
}
@media (min-width: 48em) {
  .l-blue-block .c-block-row {
    padding: 74px 60px 0 60px;
  }
}
@media (min-width: 64em) {
  .l-blue-block .c-block-row {
    padding: 74px 100px 0 100px;
  }
}

.c-block-row {
  width: 100%;
  display: inline-block;
  position: relative;
  padding: 20px;
}
@media (min-width: 48em) {
  .c-block-row {
    padding: 74px 60px 0;
  }
}
@media (min-width: 64em) {
  .c-block-row {
    padding: 74px 100px 0 100px;
  }
}
.c-block-row.wide {
  padding: 20px 0;
}
@media (min-width: 48em) {
  .c-block-row.wide {
    padding: 74px 0 0 0;
  }
}
.c-block-row.c-mobile-nopad {
  padding: 20px 0;
}
@media (min-width: 48em) {
  .c-block-row.c-mobile-nopad {
    padding: 74px 60px 0;
  }
}
@media (min-width: 64em) {
  .c-block-row.c-mobile-nopad {
    padding: 74px 100px 0 100px;
  }
}
.c-block-row ul {
  padding: 0;
}
.c-block-row ul li {
  list-style-type: none;
  background: transparent url("/images/bullet-square.png") no-repeat 0 8px;
  padding-left: 25px;
  padding-bottom: 10px;
}

.l-black-block,
.l-row-restricted {
  padding: 20px;
  width: 100%;
}
@media (min-width: 48em) {
  .l-black-block,
  .l-row-restricted {
    width: calc(100% - 80px);
    margin: 0 40px;
    padding: 30px 60px;
  }
}
@media (min-width: 64em) {
  .l-black-block,
  .l-row-restricted {
    padding: 74px 100px;
  }
}
@media (min-width: 83.375em) {
  .l-black-block,
  .l-row-restricted {
    margin: 0 auto;
    max-width: 1600px;
    padding: 80px;
  }
}

.cssgrid .l-6-left {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/span 2;
  align-items: center;
  order: 1;
  margin-bottom: 30px;
}
@media (min-width: 48em) {
  .cssgrid .l-6-left {
    -ms-grid-column: 1;
    -ms-grid-column-span: 13;
    grid-column: 1/span 13;
    margin-bottom: 0;
  }
}
@media (min-width: 64em) {
  .cssgrid .l-6-left {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1/span 6;
    position: relative;
  }
}
.cssgrid .l-6-right {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/span 2;
  align-items: center;
  order: 2;
}
@media (min-width: 48em) {
  .cssgrid .l-6-right {
    -ms-grid-column: 1;
    -ms-grid-column-span: 13;
    grid-column: 1/span 13;
  }
}
@media (min-width: 64em) {
  .cssgrid .l-6-right {
    -ms-grid-column: 7;
    -ms-grid-column-span: 6;
    grid-column: 7/span 6;
  }
}
.cssgrid .l-3-left {
  grid-column: 1/span 2;
  align-items: center;
  order: 1;
}
@media (min-width: 48em) {
  .cssgrid .l-3-left {
    grid-column: 1/span 13;
  }
}
@media (min-width: 64em) {
  .cssgrid .l-3-left {
    grid-column: 1/span 4;
  }
}
.cssgrid .l-9-right {
  grid-column: 1/span 2;
  align-items: center;
  order: 1;
}
@media (min-width: 48em) {
  .cssgrid .l-9-right {
    grid-column: 1/span 13;
  }
}
@media (min-width: 64em) {
  .cssgrid .l-9-right {
    grid-column: 5/span 9;
  }
}
.cssgrid .l-4-left {
  grid-column: 1/span 2;
  align-items: center;
  order: 1;
  margin-bottom: 30px;
}
@media (min-width: 48em) {
  .cssgrid .l-4-left {
    grid-column: 1/span 13;
    position: relative;
    margin-bottom: 0;
  }
}
@media (min-width: 64em) {
  .cssgrid .l-4-left {
    grid-column: 1/span 6;
  }
}
@media (min-width: 83.375em) {
  .cssgrid .l-4-left {
    grid-column: 1/span 4;
  }
}
.cssgrid .l-8-right {
  grid-column: 1/span 2;
  align-items: center;
  order: 2;
}
@media (min-width: 48em) {
  .cssgrid .l-8-right {
    grid-column: 1/span 13;
  }
}
@media (min-width: 64em) {
  .cssgrid .l-8-right {
    grid-column: 7/span 6;
  }
}
@media (min-width: 83.375em) {
  .cssgrid .l-8-right {
    grid-column: 5/span 8;
  }
}
.cssgrid .l-7-left {
  grid-column: 1/span 2;
  align-items: center;
  order: 1;
  margin-bottom: 30px;
}
@media (min-width: 48em) {
  .cssgrid .l-7-left {
    grid-column: 1/span 13;
    margin-bottom: 0;
  }
}
@media (min-width: 64em) {
  .cssgrid .l-7-left {
    grid-column: 1/span 7;
  }
}
.cssgrid .l-5-right {
  grid-column: 1/span 2;
  align-items: center;
  order: 2;
}
@media (min-width: 48em) {
  .cssgrid .l-5-right {
    grid-column: 1/span 13;
  }
}
@media (min-width: 64em) {
  .cssgrid .l-5-right {
    grid-column: 8/span 5;
  }
}
.cssgrid .l-services-left {
  grid-column: 1/span 2;
  align-items: center;
  order: 2;
}
@media (min-width: 48em) {
  .cssgrid .l-services-left {
    grid-column: 1/span 13;
    grid-row: 1/span 2;
  }
}
@media (min-width: 64em) {
  .cssgrid .l-services-left {
    grid-column: 1/span 4;
  }
}
.cssgrid .l-services-right {
  grid-column: 1/span 2;
  align-items: center;
  order: 2;
  display: grid;
  grid-gap: 0;
  grid-template-columns: 1fr;
}
@media (min-width: 48em) {
  .cssgrid .l-services-right {
    grid-column: 1/span 13;
  }
}
@media (min-width: 64em) {
  .cssgrid .l-services-right {
    grid-column: 5/span 8;
    grid-gap: 16px;
    grid-template-columns: repeat(8, 1fr);
  }
}
.cssgrid .l-about-col1 {
  grid-column: 1/span 2;
  align-items: center;
  order: 2;
}
@media (min-width: 48em) {
  .cssgrid .l-about-col1 {
    grid-column: 1/span 13;
    grid-row: 1/span 2;
  }
}
@media (min-width: 64em) {
  .cssgrid .l-about-col1 {
    grid-column: 1/span 4;
  }
}
.cssgrid .l-about-col1 h3 {
  margin-top: 15px;
}
@media (min-width: 48em) {
  .cssgrid .l-about-col1 h3 {
    margin-top: 0;
  }
}
.cssgrid .l-3-cols-title {
  grid-column: 1/span 2;
  order: 1;
}
@media (min-width: 48em) {
  .cssgrid .l-3-cols-title {
    grid-column: 1/span 13;
  }
}
@media (min-width: 64em) {
  .cssgrid .l-3-cols-title {
    grid-column: 1/span 8;
  }
}
.cssgrid .l-services-col2 {
  grid-column: 1/span 2;
  align-items: center;
  order: 2;
  align-self: start;
}
@media (min-width: 48em) {
  .cssgrid .l-services-col2 {
    grid-column: 1/span 13;
  }
}
@media (min-width: 64em) {
  .cssgrid .l-services-col2 {
    grid-column: 1/span 4;
  }
}
.cssgrid .l-services-col3 {
  grid-column: 1/span 2;
  align-items: center;
  order: 2;
  align-self: start;
}
@media (min-width: 48em) {
  .cssgrid .l-services-col3 {
    grid-column: 1/span 13;
  }
}
@media (min-width: 64em) {
  .cssgrid .l-services-col3 {
    grid-column: 5/span 4;
  }
}
.cssgrid .l-services-col2 p,
.cssgrid .l-services-col3 p,
.cssgrid .l-about-col1 p,
.cssgrid .l-about-col2 p,
.cssgrid .l-about-col3 p {
  padding-right: 40px;
}
@media (min-width: 64em) {
  .cssgrid .l-services-col2 p,
  .cssgrid .l-services-col3 p,
  .cssgrid .l-about-col1 p,
  .cssgrid .l-about-col2 p,
  .cssgrid .l-about-col3 p {
    padding-right: 20px;
  }
}
@media (min-width: 83.375em) {
  .cssgrid .l-services-col2 p,
  .cssgrid .l-services-col3 p,
  .cssgrid .l-about-col1 p,
  .cssgrid .l-about-col2 p,
  .cssgrid .l-about-col3 p {
    padding-right: 40px;
  }
}
.cssgrid .l-about-col2 {
  grid-column: 1/span 2;
  align-items: center;
  order: 2;
  align-self: start;
}
@media (min-width: 48em) {
  .cssgrid .l-about-col2 {
    grid-column: 1/span 13;
  }
}
@media (min-width: 64em) {
  .cssgrid .l-about-col2 {
    grid-column: 5/span 4;
  }
}
.cssgrid .l-about-col2 h3 {
  margin-top: 15px;
}
@media (min-width: 48em) {
  .cssgrid .l-about-col2 h3 {
    margin-top: 0;
  }
}
.cssgrid .l-about-col3 {
  grid-column: 1/span 2;
  align-items: center;
  order: 2;
  align-self: start;
}
@media (min-width: 48em) {
  .cssgrid .l-about-col3 {
    grid-column: 1/span 13;
  }
}
@media (min-width: 64em) {
  .cssgrid .l-about-col3 {
    grid-column: 9/span 4;
  }
}
.cssgrid .l-about-col3 h3 {
  margin-top: 15px;
}
@media (min-width: 48em) {
  .cssgrid .l-about-col3 h3 {
    margin-top: 0;
  }
}

.c-btn {
  transition: all 0.3s ease-in-out;
  font-size: 18px;
  padding: 15px 30px;
  text-decoration: none;
  display: inline-block;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
}

.c-btn-primary {
  background-color: #384757;
  font-weight: bold;
  font-size: 0.75rem;
  color: #C4DAD6;
}
.c-btn-primary:hover {
  background-color: #4BAA99;
  color: white;
  text-decoration: none;
}

.c-btn-secondary {
  background-color: #C4DAD6;
  font-weight: bold;
  font-size: 0.75rem;
  color: #384757;
}
.c-btn-secondary:hover {
  background-color: #4BAA99;
  color: white;
  text-decoration: none;
}

button.c-btn {
  transition: all 0.3s ease-in-out;
  font-size: 18px;
  padding: 15px 30px;
  text-decoration: none;
  display: inline-block;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  background-color: #384757;
  font-weight: bold;
  font-size: 0.75rem;
  color: #C4DAD6;
}
button.c-btn:hover {
  background-color: #4BAA99;
  color: white;
  text-decoration: none;
}

.fui-btn-container .fui-btn {
  border: solid 2px #384757;
  border-color: #384757;
  border-radius: 0;
  transition: all 0.3s ease-in-out;
  font-size: 18px;
  padding: 15px 30px;
  text-decoration: none;
  display: inline-block;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  background-color: #384757;
  font-weight: bold;
  font-size: 0.75rem;
  color: #C4DAD6;
}

.fui-submit:hover {
  background-color: #4BAA99;
  border: solid 2px #384757;
  border-color: #384757;
}

.g-recaptcha {
  padding-bottom: 10px;
}

.c-contact-header .c-contact--title {
  display: block;
  vertical-align: top;
}
@media (min-width: 83.375em) {
  .c-contact-header .c-contact--title {
    width: 210px;
    display: inline-block;
  }
}
.c-contact-header .c-contact--addy {
  display: block;
  padding-bottom: 10px;
}
@media (min-width: 83.375em) {
  .c-contact-header .c-contact--addy {
    display: inline-block;
    width: calc(100% - 220px);
  }
}

.c-map-content {
  font-family: "maaxregular", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.c-map-content .title {
  font-family: "maaxmedium", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
}

.c-modal--logo {
  height: 70px;
  position: relative;
  top: 30px;
  left: 20px;
  z-index: 99;
  display: inline-block;
}
@media (min-width: 48em) {
  .c-modal--logo {
    position: absolute;
    top: 17px;
    left: 80px;
    max-width: 1600px;
    margin: 0 auto;
    width: calc(100% - 126px);
    left: 50%;
    transform: translate(-50%, 0);
  }
}
.c-modal--logo .c-modal-logo {
  width: 141px;
  height: 29px;
}

.c-modal-look {
  background-color: white;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
@media (min-width: 48em) {
  .c-modal-look .info {
    padding-right: 20px;
  }
}

.l-ml-block {
  background-color: #E1EDEB;
  width: 100%;
  height: 100%;
  max-width: 1600px;
  padding: 80px 20px 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: auto;
  margin: 0 auto;
}
@media (min-width: 48em) {
  .l-ml-block {
    width: calc(100% - 126px);
    height: calc(100% - 126px);
    padding: 80px;
  }
}
@media (min-width: 83.375em) {
  .l-ml-block {
    padding: 120px;
  }
}
.l-ml-block h1 {
  font-size: 2.5rem;
  line-height: 50px;
  margin-bottom: 10px;
}

.c-back-button {
  position: absolute;
  top: 40px;
  right: 40px;
}
.c-back-button:hover {
  cursor: pointer;
}
.c-back-button img {
  width: 18px;
}

.l-black-block {
  background-color: #384757;
  position: relative;
  padding-top: 40px;
  padding-bottom: 20px;
}
@media (min-width: 48em) {
  .l-black-block {
    padding-top: 50px;
  }
}
@media (min-width: 64em) {
  .l-black-block {
    padding-top: 80px;
  }
}
.l-black-block a {
  color: #ffffff;
}
.l-black-block a:hover {
  color: #4BAA99;
}
.l-black-block a.c-tel-link:hover {
  text-decoration: none;
  color: white;
  cursor: default;
}
.l-black-block .footer-3-cols .grid__item {
  width: 100%;
  margin-bottom: 1em;
  list-style-type: none;
  position: relative;
}
@media (min-width: 48em) {
  .l-black-block .footer-3-cols .grid__item {
    margin: 0 2% 2% 0;
    width: 49%;
  }
  .l-black-block .footer-3-cols .grid__item:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 64em) {
  .l-black-block .footer-3-cols .grid__item {
    margin: 0 2% 2% 0;
    width: 31%;
  }
  .l-black-block .footer-3-cols .grid__item:nth-child(2n) {
    margin-right: 2%;
  }
  .l-black-block .footer-3-cols .grid__item:nth-child(3n) {
    margin-right: 0;
  }
}
.l-black-block .footer-3-cols .grid__item.first {
  display: none;
}
@media (min-width: 64em) {
  .l-black-block .footer-3-cols .grid__item.first {
    display: inline-block;
  }
}

.c-toptop {
  position: absolute;
  top: -20px;
  right: 0;
  background-color: #384757;
  padding: 10px 15px;
  display: block;
}
@media (min-width: 48em) {
  .c-toptop {
    transform: translate(50%, 0);
    right: 50%;
  }
}

footer .c-footer-col {
  display: inline-block;
  width: 100%;
  color: white;
  vertical-align: top;
  font-family: "maaxmedium", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 34px;
}
footer .c-footer-col p {
  font-size: 0.875rem;
  text-transform: uppercase;
}
footer .c-footer-col .c-branding {
  top: 0;
  display: inline-block;
}
footer .c-footer-menu {
  padding: 0;
  text-transform: uppercase;
}
footer .c-footer-menu li {
  list-style-type: none;
}
footer .c-footer-menu li ul {
  padding-left: 20px;
}
footer h2 {
  font-size: 1.875rem;
}

.c-subfooter {
  font-family: "maaxmedium", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.625rem;
  width: 100%;
  position: relative;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 20px;
}
@media (min-width: 48em) {
  .c-subfooter {
    width: calc(100% - 80px);
    margin: 0 40px;
    height: 80px;
    padding: 30px 20px 20px 20px;
  }
}
@media (min-width: 83.375em) {
  .c-subfooter {
    margin: 0 auto;
    max-width: 1600px;
  }
}
.c-subfooter .c-copyright {
  position: relative;
}
@media (min-width: 48em) {
  .c-subfooter .c-copyright {
    position: absolute;
    left: 0;
  }
}
.c-subfooter .c-subfooter-links {
  position: relative;
}
@media (min-width: 48em) {
  .c-subfooter .c-subfooter-links {
    position: absolute;
    right: 0;
  }
}
.c-subfooter .c-cube-footerlogo {
  width: 58px;
}

.l-header {
  height: 80px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 350;
  padding: 0 20px;
}
@media (min-width: 48em) {
  .l-header {
    height: 70px;
    padding: 0 40px;
  }
}
.l-header .c-header--block {
  width: 100%;
  height: 70px;
  position: relative;
}
.l-header .c-header--block .c-header--padding {
  max-width: 100%;
  height: 70px;
  padding: 0;
  margin: 0;
  position: initial;
  background-color: transparent;
  transition: background-color 0.3s ease-in-out;
}
.l-header .c-header--block .c-branding {
  position: relative;
  top: 20px;
  display: inline-block;
}
@media (min-width: 48em) {
  .l-header .c-header--block .c-branding {
    top: 30px;
  }
}
.l-header .c-header--block .c-header-logo {
  width: 190px;
  height: 39px;
}
.l-header .c-header--block .c-logo-light {
  display: block;
}
.l-header .c-header--block .c-logo-dark {
  display: none;
}
.l-header .c-header--block .c-burger-menu {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  top: 22px;
  right: 0;
  z-index: 610;
  width: 27px;
  height: 30px;
}
.l-header .c-header--block .c-burger-menu .bar1,
.l-header .c-header--block .c-burger-menu .bar2,
.l-header .c-header--block .c-burger-menu .bar3 {
  width: 26px;
  height: 2px;
  background-color: white;
  margin: 7px 0px;
  transition: 0.4s;
}
.l-header.menuopen .c-burger-menu {
  right: 0;
  top: 20px;
}
@media (min-width: 48em) {
  .l-header.menuopen .c-burger-menu {
    right: 40px;
    top: 22px;
  }
}
.l-header.menuopen .c-burger-menu .bar1 {
  background-color: #384757;
  -webkit-transform: rotate(-45deg) translate(-4px, 5px);
  transform: rotate(-45deg) translate(-4px, 5px);
}
.l-header.menuopen .c-burger-menu .bar2 {
  opacity: 0;
}
.l-header.menuopen .c-burger-menu .bar3 {
  background-color: #384757;
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}
.l-header.menuopen .c-nav-logo {
  width: 141px;
  height: 29px;
}
.l-header.scrolling {
  position: fixed;
  padding: 0;
}
.l-header.scrolling .c-header--block {
  width: 100%;
  height: 80px;
  position: relative;
}
.l-header.scrolling .c-header--block .c-header--padding {
  max-width: 1600px;
  height: 70px;
  padding: 0 20px;
  margin: 0 auto;
  position: relative;
  background-color: white;
  border-bottom: solid 1px #E1EDEB;
}
@media (min-width: 48em) {
  .l-header.scrolling .c-header--block .c-header--padding {
    width: calc(100% - 80px);
    margin: 0 40px;
    padding: 0 50px;
    height: 80px;
  }
}
@media (min-width: 83.375em) {
  .l-header.scrolling .c-header--block .c-header--padding {
    margin: 0 auto;
    max-width: 1600px;
  }
}
.l-header.scrolling .c-header--block .c-branding {
  position: relative;
  top: 20px;
  display: inline-block;
}
@media (min-width: 48em) {
  .l-header.scrolling .c-header--block .c-branding {
    top: 25px;
  }
}
.l-header.scrolling .c-header--block .c-header-logo {
  width: 141px;
  height: 29px;
}
.l-header.scrolling .c-header--block .c-logo-light {
  display: none;
}
.l-header.scrolling .c-header--block .c-logo-dark {
  display: block;
}
.l-header.scrolling .c-header--block .c-burger-menu {
  right: 20px;
}
@media (min-width: 48em) {
  .l-header.scrolling .c-header--block .c-burger-menu {
    right: 50px;
  }
}
.l-header.scrolling .c-header--block .c-burger-menu .bar1,
.l-header.scrolling .c-header--block .c-burger-menu .bar2,
.l-header.scrolling .c-header--block .c-burger-menu .bar3 {
  background-color: #384757;
}
.l-header.scrolling.menuopen .c-burger-menu {
  right: 20px;
}
@media (min-width: 48em) {
  .l-header.scrolling.menuopen .c-burger-menu {
    right: 40px;
  }
}
.l-header.scrolling.menuopen .c-nav-logo {
  width: 141px;
  height: 29px;
}

.c-nav-branding {
  position: relative;
  top: 0;
  display: inline-block;
}

.c-nav--menu {
  transition: transform 0.5s ease-in-out;
  transform: translateX(100%);
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 600;
  background-color: #E1EDEB;
  text-align: left;
  color: #ffffff;
  overflow: hidden;
}
.c-nav--menu .c-nav--padding {
  background-color: transparent;
  margin: 20px;
  position: relative;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
}
@media (min-width: 48em) {
  .c-nav--menu .c-nav--padding {
    background-color: white;
    margin: 80px;
    width: calc(100% - 160px);
    height: calc(100% - 160px);
  }
}
.c-nav--menu .c-nav--header {
  height: 70px;
  position: relative;
  top: -20px;
}
@media (min-width: 48em) {
  .c-nav--menu .c-nav--header {
    position: absolute;
    top: -70px;
  }
}
.c-nav--menu .c-nav-branding {
  padding-top: 20px;
}
.c-nav--menu .c-nav-content {
  position: relative;
}
@media (min-width: 48em) {
  .c-nav--menu .c-nav-content {
    height: 100%;
  }
}
@media (min-width: 64em) {
  .c-nav--menu .c-nav-content {
    width: 58%;
  }
}
@media (min-width: 1920px) {
  .c-nav--menu .c-nav-content {
    width: calc(100% - 650px);
  }
}
.c-nav--menu .navigation_main {
  position: absolute;
  top: 0;
  padding-left: 0;
}
@media (min-width: 48em) {
  .c-nav--menu .navigation_main {
    padding-left: 80px;
    top: 50%;
    transform: translate(0, -50%);
  }
}
@media (min-width: 83.375em) {
  .c-nav--menu .navigation_main {
    padding-left: 140px;
  }
}
.c-nav--menu .navigation_main > li {
  font-family: "Quarto-Bold";
  font-weight: 500;
  font-style: normal;
  font-size: 2.125rem;
  line-height: 26px;
  list-style-type: none;
  padding-bottom: 10px;
  position: relative;
  margin-bottom: 15px;
  color: #384757;
}
@media (min-width: 48em) {
  .c-nav--menu .navigation_main > li {
    margin-bottom: 15px;
  }
}
@media (min-width: 64em) {
  .c-nav--menu .navigation_main > li {
    font-size: 1.75rem;
    line-height: 20px;
    margin-bottom: 15px;
  }
}
.c-nav--menu .navigation_main > li:before {
  content: "";
  height: 2px;
  background-color: #99B9AE;
  width: 20px;
  position: absolute;
  top: 15px;
  left: 0px;
}
@media (min-width: 64em) {
  .c-nav--menu .navigation_main > li:before {
    width: 20px;
    top: 10px;
  }
}
.c-nav--menu .navigation_main > li a {
  display: block;
  text-decoration: none;
  color: #384757;
  transition: all 0.3s ease-in-out;
  padding-left: 40px;
}
.c-nav--menu .navigation_main > li a:hover {
  color: #4BAA99;
  text-decoration: none;
  cursor: pointer;
}
.c-nav--menu .navigation_main > li .no-link {
  display: block;
  text-decoration: none;
  color: #384757;
  transition: all 0.3s ease-in-out;
  padding-left: 40px;
}
.c-nav--menu .navigation_main > li.mar-btm-alt {
  margin-bottom: 15px;
}
.c-nav--menu .navigation_main li > ul {
  padding: 15px 0 0 45px;
}
.c-nav--menu .navigation_main > li li {
  display: block;
  font-family: "maaxmedium", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 18px;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 4px 0;
}
@media (min-width: 48em) {
  .c-nav--menu .navigation_main > li li {
    line-height: 18px;
  }
}
@media (min-width: 64em) {
  .c-nav--menu .navigation_main > li li {
    padding: 0 0 10px 0;
    line-height: 22px;
  }
}
.c-nav--menu .navigation_main > li li a {
  padding-left: 0;
}
.c-nav--menu.open {
  transform: translateX(0%);
}
.c-nav--menu.open .c-nav-logo {
  position: relative;
  display: inline-block;
}
.c-nav--menu .c-nav-address {
  display: none;
}
@media (min-width: 48em) {
  .c-nav--menu .c-nav-address {
    position: absolute;
    bottom: 0;
    display: inline-block;
    padding-left: 80px;
    height: 50px;
  }
}
@media (min-width: 48em) {
  .c-nav--menu .c-nav-address {
    padding-left: 0;
    bottom: -68px;
  }
}
@media (min-width: 48em) {
  .c-nav--menu .c-nav-address p {
    margin-bottom: 5px;
  }
}
@media (min-width: 64em) {
  .c-nav--menu .c-nav-address p {
    margin-bottom: 5px;
  }
}
@media (min-width: 83.375em) {
  .c-nav--menu .c-nav-address p {
    margin-bottom: 1em;
  }
}
.c-nav--menu .c-nav-address .c-tel {
  display: block;
}
@media (min-width: 48em) {
  .c-nav--menu .c-nav-address .c-tel {
    display: inline-block;
    padding-right: 20px;
  }
}
.c-nav--menu .c-nav-content-2 {
  display: none;
}
@media (min-width: 64em) {
  .c-nav--menu .c-nav-content-2 {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-color: pink;
    height: 100%;
    width: 40%;
  }
}
@media (min-width: 1920px) {
  .c-nav--menu .c-nav-content-2 {
    width: 650px;
  }
}
.c-nav--menu .c-nav-content-2 .navigation_alt {
  display: flex;
  flex-wrap: no-wrap;
  flex-direction: column;
  height: 100%;
}
.c-nav--menu .c-nav-content-2 .navigation_alt .c-alt-row {
  height: 33.33%;
  background-color: #384757;
  position: relative;
}
.c-nav--menu .c-nav-content-2 .navigation_alt .c-alt-row a {
  width: 100%;
  height: 100%;
  display: block;
  transition: all 0.3s ease-in-out;
}
.c-nav--menu .c-nav-content-2 .navigation_alt .c-alt-row a:hover .c-alt_title {
  color: #4BAA99;
  text-decoration: none;
}
.c-nav--menu .c-nav-content-2 .navigation_alt .c-alt-row .c-alt-row-pos {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0 20% 0 8%;
  width: 100%;
  background: transparent url("/images/slider-right-light.png") no-repeat 90% 50%;
}
@media (min-width: 83.375em) {
  .c-nav--menu .c-nav-content-2 .navigation_alt .c-alt-row .c-alt-row-pos {
    padding: 0 20% 0 15%;
  }
}
.c-nav--menu .c-nav-content-2 .navigation_alt .c-alt-row .c-alt_title {
  color: #E1EDEB;
  margin-bottom: 20px;
  font-family: "Quarto-Bold";
  font-weight: 500;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 28px;
  transition: all 0.3s ease-in-out;
}
.c-nav--menu .c-nav-content-2 .navigation_alt .c-alt-row:nth-child(even) {
  background-color: #99B9AE;
}
.c-nav--menu .c-nav-content-2 .navigation_alt .c-alt-row:nth-child(even) .c-alt-row-pos {
  background: transparent url("/images/slider-right.png") no-repeat 90% 50%;
}
.c-nav--menu .c-nav-content-2 .navigation_alt .c-alt-row:nth-child(even) .c-alt_title {
  color: #384757;
}

.c-hero-img {
  position: relative;
  line-height: 0;
}
@media (min-width: 48em) {
  .c-hero-img {
    position: absolute;
    max-height: 1080px;
    overflow: hidden;
  }
}
@media (min-width: 1920px) {
  .c-hero-img img {
    width: 100vw;
  }
}

.c-hero-title-mobile {
  display: block;
  position: absolute;
  top: 60%;
  transform: translate(0, -60%);
  left: 20px;
}
@media (min-width: 48em) {
  .c-hero-title-mobile {
    display: none;
  }
}

.l-clear-block-wrap {
  position: absolute;
  z-index: 10;
}
@media (min-width: 48em) {
  .l-clear-block-wrap {
    position: relative;
    width: 100%;
  }
}
.l-clear-block-wrap .c-hero-title {
  display: none;
}
@media (min-width: 48em) {
  .l-clear-block-wrap .c-hero-title {
    display: block;
    width: calc(100% - 80px);
    margin: 0 40px;
    position: absolute;
    bottom: 60px;
    z-index: 300;
    padding-right: 100px;
  }
}
@media (min-width: 64em) {
  .l-clear-block-wrap .c-hero-title {
    padding-right: 240px;
    bottom: 140px;
  }
}
@media (min-width: 83.375em) {
  .l-clear-block-wrap .c-hero-title {
    max-width: 1600px;
  }
}

@media (min-width: 48em) {
  .c-hero .l-clear-block-wrap {
    height: 310px;
  }
}
@media (min-width: 64em) {
  .c-hero .l-clear-block-wrap {
    height: 500px;
  }
}

.test {
  visibility: hidden;
}

.c-list {
  margin: 0;
  padding: 0;
}
.c-list li {
  list-style-type: none;
}
.c-list li h2 {
  transition: all 0.3s ease-in-out;
}
.c-list li a:hover {
  text-decoration: none;
}
.c-list li a:hover h2 {
  color: #4BAA99;
}

.c-cat-tag span {
  display: inline-block;
  background-color: lightgrey;
  padding: 4px 10px;
  margin: 2px 0 0 0;
  font-size: 0.875rem;
}

.c-property-list h2,
.c-team-list h2 {
  font-family: "Quarto-Bold";
  font-weight: 500;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 28px;
  text-transform: capitalize;
  color: #384757;
  margin-bottom: 10px;
  padding-right: 50px;
}
@media (min-width: 83.375em) {
  .c-property-list h2,
  .c-team-list h2 {
    padding-right: 0;
  }
}
.c-property-list .img,
.c-team-list .img {
  position: relative;
  line-height: 0;
  margin-bottom: 20px;
}
.c-property-list .info,
.c-team-list .info {
  position: relative;
}
.c-property-list .info .c-left,
.c-team-list .info .c-left {
  display: inline-block;
  width: 100%;
}
@media (min-width: 83.375em) {
  .c-property-list .info .c-left,
  .c-team-list .info .c-left {
    width: 70%;
  }
}
.c-property-list .info .c-right,
.c-team-list .info .c-right {
  position: relative;
  width: 100%;
}
@media (min-width: 83.375em) {
  .c-property-list .info .c-right,
  .c-team-list .info .c-right {
    position: absolute;
    top: 5px;
    right: 0;
    width: 30%;
    text-align: right;
  }
}
.c-property-list .c-color-hover,
.c-team-list .c-color-hover {
  background-color: rgba(181, 209, 204, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
}
.c-property-list .c-color-hover .c-hover-icon,
.c-team-list .c-color-hover .c-hover-icon {
  width: 28px;
  position: absolute;
  bottom: -51px;
  right: 23px;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 48em) {
  .c-property-list .c-color-hover .c-hover-icon,
  .c-team-list .c-color-hover .c-hover-icon {
    width: 54px;
    top: 50%;
    right: initial;
    bottom: initial;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
  }
}
.c-property-list .grid__item,
.c-team-list .grid__item {
  background-image: none;
  padding-left: 0;
  margin-bottom: 40px;
}
.c-property-list .grid__item:hover .c-color-hover,
.c-team-list .grid__item:hover .c-color-hover {
  background-color: rgba(181, 209, 204, 0.8);
  opacity: 1;
}
.c-property-list .grid__item:hover .c-hover-icon,
.c-team-list .grid__item:hover .c-hover-icon {
  opacity: 1;
}

.c-team-list .info a:hover {
  cursor: pointer;
}
.c-team-list .grid__item {
  margin-bottom: 16px;
}

.c-block-row .c-filter-list li {
  background-image: none;
  padding-left: 0;
}

.c-filter-list li {
  font-family: "maaxbold", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-bottom: solid 2px transparent;
}
@media (min-width: 48em) {
  .c-filter-list li {
    font-size: 0.875rem;
    letter-spacing: 2px;
  }
}
.c-filter-list li.active {
  background-color: #EFF0F0;
}
.c-filter-list li.active a {
  color: #969696;
}

.c-block-row .c-client-logos li {
  background-image: none;
  padding: 0;
}
.c-block-row .c-client-logos li.grid__item {
  width: 32%;
}
.c-block-row .c-client-logos li.grid__item:nth-child(1n) {
  margin-right: 2%;
}
.c-block-row .c-client-logos li.grid__item:nth-child(2n) {
  margin-right: 2%;
}
.c-block-row .c-client-logos li.grid__item:nth-child(3n) {
  margin-right: 0;
}

.no-cssgrid .l-services-cssgrid,
.no-cssgrid .l-cssgrid-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.no-cssgrid .l-6-left,
.no-cssgrid .l-6-right {
  width: 100%;
  position: relative;
}
@media (min-width: 64em) {
  .no-cssgrid .l-6-left,
  .no-cssgrid .l-6-right {
    margin: 0 2% 2% 0;
    width: 48%;
  }
}
.no-cssgrid .l-3-left {
  width: 100%;
}
@media (min-width: 64em) {
  .no-cssgrid .l-3-left {
    margin: 0 2% 2% 0;
    width: 23%;
  }
}
.no-cssgrid .l-9-right {
  width: 100%;
}
@media (min-width: 64em) {
  .no-cssgrid .l-9-right {
    margin: 0 2% 2% 0;
    width: 73%;
  }
}
.no-cssgrid .l-4-left {
  width: 100%;
}
@media (min-width: 64em) {
  .no-cssgrid .l-4-left {
    margin: 0 2% 2% 0;
    width: 31%;
  }
}
.no-cssgrid .l-8-right {
  width: 100%;
}
@media (min-width: 64em) {
  .no-cssgrid .l-8-right {
    margin: 0 2% 2% 0;
    width: 64%;
  }
}
.no-cssgrid .l-7-left {
  width: 100%;
}
@media (min-width: 64em) {
  .no-cssgrid .l-7-left {
    margin: 0 2% 2% 0;
    width: 56%;
  }
}
.no-cssgrid .l-5-right {
  width: 100%;
}
@media (min-width: 64em) {
  .no-cssgrid .l-5-right {
    margin: 0 2% 2% 0;
    width: 40%;
  }
}
.no-cssgrid .l-services-left {
  width: 100%;
}
@media (min-width: 64em) {
  .no-cssgrid .l-services-left {
    margin: 0 2% 2% 0;
    width: 31%;
  }
}
.no-cssgrid .l-services-right {
  width: 100%;
}
@media (min-width: 64em) {
  .no-cssgrid .l-services-right {
    width: 66%;
  }
}
.no-cssgrid .l-services-col2,
.no-cssgrid .l-services-col3,
.no-cssgrid .l-about-col1,
.no-cssgrid .l-about-col2,
.no-cssgrid .l-about-col3 {
  width: 100%;
}
@media (min-width: 64em) {
  .no-cssgrid .l-services-col2,
  .no-cssgrid .l-services-col3,
  .no-cssgrid .l-about-col1,
  .no-cssgrid .l-about-col2,
  .no-cssgrid .l-about-col3 {
    margin: 0 2% 2% 0;
    width: 31%;
  }
}
.no-cssgrid .l-3-cols-title {
  width: 100%;
}
@media (min-width: 64em) {
  .no-cssgrid .l-3-cols-title {
    width: 66%;
  }
}
.no-cssgrid .l-services-right .l-services-col2,
.no-cssgrid .l-services-right .l-services-col3 {
  width: 100%;
}
@media (min-width: 64em) {
  .no-cssgrid .l-services-right .l-services-col2,
  .no-cssgrid .l-services-right .l-services-col3 {
    margin: 0;
    width: 100%;
  }
}

.no-csstransforms .c-nav--menu {
  transform: translateX(0%);
  right: 0;
}
.no-csstransforms .c-nav--menu.open {
  transform: translateX(0%);
  right: 100%;
}

.c-pager {
  text-align: center;
}
.c-pager .c-pager-text {
  padding: 3px 8px;
}
.c-pager .c-pager-number {
  background-color: #E1EDEB;
  padding: 6px 12px;
  margin: 5px 5px 5px 0;
  display: inline-block;
}
@media (min-width: 48em) {
  .c-pager .c-pager-number {
    margin-right: 5px;
    border-radius: 50%;
    padding: 3px 11px;
  }
}
.c-pager .c-pager-number:hover {
  background-color: #C4DAD6;
  color: #384757;
}
.c-pager .c-pager-number.current {
  background-color: #728981;
  color: white;
}

.c-feature-property .info {
  padding: 20px;
}
@media (min-width: 48em) {
  .c-feature-property .info {
    position: relative;
  }
}
@media (min-width: 64em) {
  .c-feature-property .info {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translate(0, -50%);
    padding: 0 20px 0 0;
  }
}
@media (min-width: 83.375em) {
  .c-feature-property .info {
    left: 118px;
    padding: 0 62px 0 0;
  }
}
.c-feature-property h3 {
  margin-bottom: 10px;
}

.l-blue-block .slick-slider {
  color: #384757;
}

.c-block-row .c-slider-home-feat li {
  padding-left: 0;
}

.c-slider-home-feat h2 {
  margin-bottom: 10px;
}

.dropdown {
  list-style: none;
  position: relative;
  border: 1px solid #A2A4B2;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  width: 100%;
  height: 40px;
  cursor: pointer;
  margin: 0 0 30px 0;
  padding: 0;
  z-index: 15;
}
@media (min-width: 48em) {
  .dropdown {
    border: solid 0 transparent;
    width: auto;
    height: auto;
  }
}
.dropdown__arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  transition: transform 0.2s linear;
  z-index: 8;
}
.dropdown__arrow.expanded {
  transform: rotate(-180deg);
}
@media (min-width: 48em) {
  .dropdown__arrow {
    display: none;
  }
}
.dropdown__list {
  width: 100%;
  position: absolute;
  left: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  box-shadow: 0px 3px 2px 0 #a2a4b2;
  transition: opacity 0.1s cubic-bezier(0, 0, 0.38, 0.9), max-height 0.5s cubic-bezier(0, 0, 0.38, 0.9);
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  background-color: white;
}
@media (min-width: 48em) {
  .dropdown__list {
    position: relative;
    overflow: visible;
    opacity: 1;
    max-height: unset;
    box-shadow: 0 0 0 0 transparent;
  }
}
.dropdown__list-container {
  position: relative;
}
.dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dropdown__list-item {
  font-family: Lato, sans-serif;
  color: #444444;
  padding: 10px 0px;
  padding-left: 15px;
  transition: background-color 0.1s linear, color 0.1s linear;
  list-style-position: inside;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown__list-item:hover, .dropdown__list-item:focus {
  background-color: #00C2FF;
  color: white;
}
@media (min-width: 48em) {
  .dropdown__list-item:hover, .dropdown__list-item:focus {
    background-color: transparent;
  }
}
@media (min-width: 48em) {
  .dropdown__list-item {
    display: inline-block;
    margin-right: 20px;
  }
}

#dropdown__selected {
  font-family: Lato, sans-serif;
  color: #444444;
  padding: 12px 0px;
  padding-left: 15px;
  list-style-position: inside;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 20;
}
#dropdown__selected:focus {
  outline: 1px solid #00C2FF;
}
@media (min-width: 48em) {
  #dropdown__selected {
    display: none;
  }
}

.openX {
  opacity: 1;
  overflow: auto;
  max-height: 15rem;
}

.c-block-row .c-filter-list li.dropdown__list-item {
  background-image: none;
  padding: 15px;
}
@media (min-width: 48em) {
  .c-block-row .c-filter-list li.dropdown__list-item {
    padding: 5px 0;
  }
}

.c-cat-title {
  display: block;
}
@media (min-width: 48em) {
  .c-cat-title {
    display: none;
  }
}

.c-feature-services .grid__item {
  overflow: hidden;
  max-width: 456px;
  background-image: none;
  padding: 0;
  margin-bottom: 0;
  transition: all 0.5s ease-in-out;
}
@media (min-width: 48em) {
  .c-feature-services .grid__item {
    margin-bottom: 2%;
    width: 48%;
  }
}
@media (min-width: 64em) {
  .c-feature-services .grid__item {
    margin-bottom: 2%;
    width: 23%;
  }
}
.c-feature-services .grid__item .img {
  line-height: 0;
}
.c-feature-services .grid__item .info {
  display: block;
  background-color: rgba(181, 209, 204, 0.8);
  color: #ffffff;
  position: absolute;
  bottom: 0%;
  width: 100%;
  left: 0%;
  height: 50%;
  transition: all 0.5s ease-in-out;
  text-align: center;
}
.c-feature-services .grid__item .info h2 {
  font-size: 1.75rem;
  line-height: 32px;
}
@media (min-width: 48em) {
  .c-feature-services .grid__item .info h2 {
    font-size: 1.125rem;
    line-height: 22px;
  }
}
@media (min-width: 64em) {
  .c-feature-services .grid__item .info h2 {
    font-size: 1rem;
    line-height: 20px;
  }
}
@media (min-width: 83.375em) {
  .c-feature-services .grid__item .info h2 {
    font-size: 1.375rem;
    line-height: 25px;
    margin-bottom: 0;
  }
}
.c-feature-services .grid__item .c-xxx {
  position: relative;
  width: 100%;
  height: 100%;
}
.c-feature-services .grid__item .c-vert-centre {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
}
@media (min-width: 48em) {
  .c-feature-services .grid__item .c-vert-centre {
    top: 60%;
    transform: translate(-50%, -40%);
  }
}
@media (min-width: 64em) {
  .c-feature-services .grid__item .c-vert-centre {
    top: 70%;
    transform: translate(-50%, -50%);
  }
}
@media (min-width: 83.375em) {
  .c-feature-services .grid__item .c-vert-centre {
    top: 60%;
    transform: translate(-50%, -50%);
  }
}
.c-feature-services .grid__item .c-vert-centre img {
  height: 0;
  width: 55px;
  transition: all 0.3s ease-in-out;
}
.c-feature-services .grid__item:hover, .c-feature-services .grid__item:focus {
  cursor: pointer;
  outline: solid 0 transparent;
}
.c-feature-services .grid__item:hover h2, .c-feature-services .grid__item:focus h2 {
  color: #384757;
  margin-bottom: 10px;
}
@media (min-width: 48em) {
  .c-feature-services .grid__item:hover .info, .c-feature-services .grid__item:focus .info {
    bottom: 0%;
    opacity: 1;
    height: 100%;
    transform: translate(0%, 0%);
    background-color: rgba(181, 209, 204, 0.8);
  }
}
.c-feature-services .grid__item:hover .c-vert-centre, .c-feature-services .grid__item:focus .c-vert-centre {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
}
@media (min-width: 48em) {
  .c-feature-services .grid__item:hover .c-vert-centre, .c-feature-services .grid__item:focus .c-vert-centre {
    top: 50%;
  }
}
.c-feature-services .grid__item:hover .c-vert-centre img, .c-feature-services .grid__item:focus .c-vert-centre img {
  height: 0;
}
@media (min-width: 48em) {
  .c-feature-services .grid__item:hover .c-vert-centre img, .c-feature-services .grid__item:focus .c-vert-centre img {
    width: 55px;
    height: 49px;
  }
}

.c-block-row .c-slider-cat-feat li {
  padding: 0 20px 0 0;
  margin: 0;
}

#service-development .l-3-cols-2 ul {
  margin-bottom: 0;
}
#service-development .l-3-cols-2 ul li:last-child {
  padding-bottom: 0;
}
#service-development .l-3-cols-3 ul {
  margin-top: 0;
}

.c-block-row ul.c-slider li {
  background-image: none;
}

.c-slider-item {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  overflow: hidden;
  vertical-align: top;
}
.c-slider-item h3 {
  color: #384757;
}
.c-slider-item .img {
  line-height: 0;
}

.slick-prev {
  left: 0;
  z-index: 500;
}

.slick-next {
  right: 0;
  z-index: 500;
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  position: absolute;
  top: 40%;
  display: block;
  width: 31px;
  height: 29px;
  padding: 0;
  -webkit-transform: translate(0, -40%);
  -ms-transform: translate(0, -40%);
  transform: translate(0, -40%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 300;
}

.slick-prev {
  left: 0px;
  background-image: url("../images/slider-left.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 31px 29px;
}
@media (min-width: 48em) {
  .slick-prev {
    left: 10px;
  }
}
.slick-prev.slick-disabled {
  display: none !important;
}

.slick-next {
  right: 20px;
  background-image: url("../images/slider-right.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 31px 29px;
}
@media (min-width: 48em) {
  .slick-next {
    right: 20px;
  }
}
.slick-next.slick-disabled {
  display: none !important;
}

.c-block-row .slick-dots {
  position: relative;
  padding-left: 20px;
  list-style-type: none;
}
@media (min-width: 48em) {
  .c-block-row .slick-dots {
    padding-left: 0;
  }
}
.c-block-row .slick-dots li {
  display: inline-block;
  margin: 0 10px 0 0;
  padding-left: 0;
  background-image: none;
}
.c-block-row .slick-dots li:last-child {
  margin: 0;
}
.c-block-row .slick-dots button {
  display: block;
  width: 14px;
  height: 14px;
  padding: 0;
  background: transparent url("../images/slider-dot.png") no-repeat 0;
  border: solid 0 transparent;
  border-radius: 50%;
  text-indent: -9999px;
}
.c-block-row .slick-dots li.slick-active button {
  background: transparent url("../images/slider-dot-active.png") no-repeat 0;
  border: solid 0 transparent;
}
.c-block-row.c-on-dark .slick-dots button {
  background: transparent url("../images/slider-dot-ondark.png") no-repeat 0;
}
.c-block-row.c-on-dark .slick-dots li.slick-active button {
  background: transparent url("../images/slider-dot-ondark-active.png") no-repeat 0;
}

.c-slider-people {
  position: relative;
}
.c-slider-people .slick-list {
  overflow: hidden;
}
.c-slider-people .slick-prev:hover,
.c-slider-people .slick-prev:focus,
.c-slider-people .slick-next:hover,
.c-slider-people .slick-next:focus {
  background-color: white;
}
.c-slider-people .slick-prev {
  left: 10px;
  width: 56px;
  height: 56px;
  top: 35%;
  transform: translate(0, -35%);
  background-image: none;
  background-color: white;
}
.c-slider-people .slick-prev:before {
  content: "";
  background-image: url("../images/slider-left.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 24px 27px;
  display: block;
  width: 24px;
  height: 27px;
  margin-left: 15px;
}
.c-slider-people .slick-next {
  right: 10px;
  width: 56px;
  height: 56px;
  top: 35%;
  transform: translate(0, -35%);
  background-image: none;
  background-color: white;
}
.c-slider-people .slick-next:before {
  content: "";
  background-image: url("../images/slider-right.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 24px 27px;
  display: block;
  width: 24px;
  height: 27px;
  margin-left: 15px;
}

.c-block-row ul.c-slider-picture li {
  padding-left: 0;
  background-image: none;
}
.c-block-row ul.c-slider-picture .slick-prev:hover,
.c-block-row ul.c-slider-picture .slick-prev:focus,
.c-block-row ul.c-slider-picture .slick-next:hover,
.c-block-row ul.c-slider-picture .slick-next:focus {
  background-color: white;
}
.c-block-row ul.c-slider-picture .slick-prev {
  left: 10px;
  width: 56px;
  height: 56px;
  top: 35%;
  transform: translate(0, -35%);
  background-image: none;
  background-color: white;
}
.c-block-row ul.c-slider-picture .slick-prev:before {
  content: "";
  background-image: url("../images/slider-left.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 24px 27px;
  display: block;
  width: 24px;
  height: 27px;
  margin-left: 15px;
}
.c-block-row ul.c-slider-picture .slick-next {
  right: 10px;
  width: 56px;
  height: 56px;
  top: 35%;
  transform: translate(0, -35%);
  background-image: none;
  background-color: white;
}
.c-block-row ul.c-slider-picture .slick-next:before {
  content: "";
  background-image: url("../images/slider-right.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 24px 27px;
  display: block;
  width: 24px;
  height: 27px;
  margin-left: 15px;
}

.c-slider-services {
  padding-left: 0;
  margin-top: 0;
}
.c-slider-services .c-slider-textwrap {
  height: 170px;
}
@media (min-width: 48em) {
  .c-slider-services .c-slider-textwrap {
    height: auto;
  }
}
.c-slider-services .c-slider-item {
  margin: 0px 7px 0 7px;
  text-align: center;
  position: relative;
}
@media (min-width: 48em) {
  .c-slider-services .c-slider-item {
    margin: 0 2% 2% 0;
    text-align: left;
  }
}
.c-slider-services .slick-prev:hover,
.c-slider-services .slick-prev:focus,
.c-slider-services .slick-next:hover,
.c-slider-services .slick-next:focus {
  background-color: white;
}
.c-slider-services .slick-prev {
  left: 10px;
  width: 56px;
  height: 56px;
  top: 45%;
  transform: translate(0, -45%);
  background-image: none;
  background-color: white;
}
.c-slider-services .slick-prev:before {
  content: "";
  background-image: url("../images/slider-left.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 24px 27px;
  display: block;
  width: 24px;
  height: 27px;
  margin-left: 15px;
}
.c-slider-services .slick-next {
  right: 10px;
  width: 56px;
  height: 56px;
  top: 45%;
  transform: translate(0, -45%);
  background-image: none;
  background-color: white;
}
.c-slider-services .slick-next:before {
  content: "";
  background-image: url("../images/slider-right.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 24px 27px;
  display: block;
  width: 24px;
  height: 27px;
  margin-left: 15px;
}

.c-slider-cat-feat {
  padding-left: 0;
  margin-top: 0;
}
.c-slider-cat-feat .c-slider-textwrap {
  height: 170px;
}
@media (min-width: 48em) {
  .c-slider-cat-feat .c-slider-textwrap {
    height: auto;
  }
}
.c-slider-cat-feat .slick-prev:hover,
.c-slider-cat-feat .slick-prev:focus,
.c-slider-cat-feat .slick-next:hover,
.c-slider-cat-feat .slick-next:focus {
  background-color: white;
}
.c-slider-cat-feat .slick-prev {
  left: 10px;
  width: 56px;
  height: 56px;
  top: 30%;
  transform: translate(0, -30%);
  background-image: none;
  background-color: white;
}
.c-slider-cat-feat .slick-prev:before {
  content: "";
  background-image: url("../images/slider-left.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 24px 27px;
  display: block;
  width: 24px;
  height: 27px;
  margin-left: 15px;
}
.c-slider-cat-feat .slick-next {
  right: 10px;
  width: 56px;
  height: 56px;
  top: 30%;
  transform: translate(0, -30%);
  background-image: none;
  background-color: white;
}
.c-slider-cat-feat .slick-next:before {
  content: "";
  background-image: url("../images/slider-right.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 24px 27px;
  display: block;
  width: 24px;
  height: 27px;
  margin-left: 15px;
}

.c-slider-propertypics .slick-dots {
  position: relative;
  padding-left: 20px;
  list-style-type: none;
}
@media (min-width: 48em) {
  .c-slider-propertypics .slick-dots {
    padding-left: 0;
  }
}
.c-slider-propertypics .slick-dots li {
  display: inline-block;
  margin: 0 10px 0 0;
  padding-left: 0;
  background-image: none;
}
.c-slider-propertypics .slick-dots li:last-child {
  margin: 0;
}
.c-slider-propertypics .slick-dots button {
  display: block;
  width: 14px;
  height: 14px;
  padding: 0;
  background: transparent url("../images/slider-dot-ongreen.png") no-repeat 0;
  border: solid 0 transparent;
  border-radius: 50%;
  text-indent: -9999px;
}
.c-slider-propertypics .slick-dots li.slick-active button {
  background: transparent url("../images/slider-dot-active.png") no-repeat 0;
  border: solid 0 transparent;
}

.c-slider-people .c-slider-item .c-team-info {
  background-color: rgba(181, 209, 204, 0);
  bottom: 0;
  width: 100%;
  height: auto;
  transition: all 0.6s ease-in-out;
  padding: 10px 0;
}
@media (min-width: 48em) {
  .c-slider-people .c-slider-item .c-team-info {
    position: absolute;
    height: 0;
    padding: 0;
  }
}
.c-slider-people .c-slider-item .c-team-info .c-blue-text {
  transition: all 0.6s ease-in-out;
}
@media (min-width: 48em) {
  .c-slider-people .c-slider-item .c-team-info .c-blue-text {
    opacity: 0;
  }
}
@media (min-width: 48em) {
  .c-slider-people .c-slider-item:hover .c-team-info {
    height: 100%;
    background-color: rgba(181, 209, 204, 0.8);
  }
}
@media (min-width: 48em) {
  .c-slider-people .c-slider-item:hover .c-team-info .c-blue-text {
    opacity: 1;
  }
}
@media (min-width: 48em) {
  .c-slider-people .c-slider-item .c-vert-centre {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
  }
}
@media (min-width: 48em) {
  .c-slider-people .c-slider-item h2 {
    font-size: 1.875rem;
    line-height: 36px;
  }
}
@media (min-width: 64em) {
  .c-slider-people .c-slider-item h2 {
    font-size: 1.5rem;
    line-height: 28px;
  }
}
@media (min-width: 83.375em) {
  .c-slider-people .c-slider-item h2 {
    font-size: 2.125rem;
    line-height: 40px;
  }
}

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