:root {
  --gridGap: 8px;
  --containerGap: 30px;
  --headerHeight: 113px;
  --headerInnerHeight: 60px;
  --headerInnerItems: 40px;
  --borderRadiusBig: 20px;
  --borderRadius: 15px;
  --borderRadiusMed: 10px;
  --borderRadiusSml: 5px;
  --homeBannerNavHeight: 125px;
  --homeBannerBtnHeight: 79px;
  --homeBannerGap: 23px;
  --panelPadding: 30px 20px;
}
@media only screen and (min-width : 700px) {
  :root {
    --gridGap: 16px;
    --headerHeight: 113px;
    --homeBannerNavHeight: 125px;
    --homeBannerBtnHeight: 79px;
    --homeBannerGap: 23px;
    --panelPadding: 40px 30px;
  }
}
@media only screen and (min-width : 821px) {
  :root {
    --homeBannerGap: 23px;
  }
}
@media only screen and (min-width : 1200px) {
  :root {
    --containerGap: 50px;
    --headerInnerItems: 40px;
    --panelPadding: 40px 50px;
    --borderRadiusBig: 40px;
    --borderRadius: 30px;
    --borderRadiusMed: 20px;
    --borderRadiusSml: 10px;
  }
}
@media only screen and (min-width : 1300px) {
  :root {
    --headerInnerItems: 48px;
    --headerInnerHeight: 70px;
  }
}

b,
strong,
th {
  font-weight: 700;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

address {
  font-style: normal;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: none !important;
  cursor: inherit !important;
  text-decoration: none !important;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

[role=button] {
  cursor: pointer;
}

html {
  font-size: 100%;
  -webkit-font-smoothing: antialiased !important;
}

html,
body {
  height: 100%;
}

* {
  margin: 0;
  padding: 0;
}

:focus {
  outline: none;
}

ol,
ul {
  list-style: none;
}

img {
  border: none;
  width: auto;
  height: auto;
}

.clear {
  clear: both;
}

p:last-child {
  margin-bottom: 0;
}

::-moz-selection {
  background: #e2e2e2;
}

::selection {
  background: #e2e2e2;
  /* Safari */
}

::-moz-selection {
  background: #e2e2e2;
  /* Firefox */
}

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;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-style: normal;
}

body {
  font-weight: 500;
  font-size: 22px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  body {
    font-size: 21px;
  }
}
@media only screen and (max-width : 1299px) {
  body {
    font-size: 20px;
  }
}
@media only screen and (max-width : 1199px) {
  body {
    font-size: 19px;
  }
}
@media only screen and (max-width : 820px) {
  body {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  body {
    font-size: 16px;
    line-height: 1.6;
  }
}

h1 .line,
h2 .line,
h3 .line,
h4 .line,
h5 .line,
h6 .line {
  overflow: hidden;
}
h1 .line .line-inner,
h2 .line .line-inner,
h3 .line .line-inner,
h4 .line .line-inner,
h5 .line .line-inner,
h6 .line .line-inner {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.intropara,
.introparasml {
  padding: 0;
  margin: 1em 0 0.7em;
  color: #8E8A7C;
  font-family: "dunbar-tall", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
.h1:first-child,
.h2:first-child,
.h3:first-child,
.h4:first-child,
.h5:first-child,
.h6:first-child,
.intropara:first-child,
.introparasml:first-child {
  margin-top: 0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
.h1:last-child,
.h2:last-child,
.h3:last-child,
.h4:last-child,
.h5:last-child,
.h6:last-child,
.intropara:last-child,
.introparasml:last-child {
  margin-bottom: 0;
}
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em,
.h1 em,
.h2 em,
.h3 em,
.h4 em,
.h5 em,
.h6 em,
.intropara em,
.introparasml em {
  font-style: normal;
}
h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light,
.h1.light,
.h2.light,
.h3.light,
.h4.light,
.h5.light,
.h6.light,
.intropara.light,
.introparasml.light {
  font-weight: normal;
}
h1 a,
h1 em,
h1 span,
h2 a,
h2 em,
h2 span,
h3 a,
h3 em,
h3 span,
h4 a,
h4 em,
h4 span,
h5 a,
h5 em,
h5 span,
h6 a,
h6 em,
h6 span,
.h1 a,
.h1 em,
.h1 span,
.h2 a,
.h2 em,
.h2 span,
.h3 a,
.h3 em,
.h3 span,
.h4 a,
.h4 em,
.h4 span,
.h5 a,
.h5 em,
.h5 span,
.h6 a,
.h6 em,
.h6 span,
.intropara a,
.intropara em,
.intropara span,
.introparasml a,
.introparasml em,
.introparasml span {
  color: inherit;
}
h1 .line,
h2 .line,
h3 .line,
h4 .line,
h5 .line,
h6 .line,
.h1 .line,
.h2 .line,
.h3 .line,
.h4 .line,
.h5 .line,
.h6 .line,
.intropara .line,
.introparasml .line {
  white-space: nowrap;
}

p,
ul,
ol,
table,
.intropara {
  padding: 0;
  margin: 1.8em 0;
}
@media only screen and (max-width : 1499px) {
  p,
  ul,
  ol,
  table,
  .intropara {
    margin: 1.6em 0;
  }
}
p:first-child,
ul:first-child,
ol:first-child,
table:first-child,
.intropara:first-child {
  margin-top: 0;
}
p:last-child,
ul:last-child,
ol:last-child,
table:last-child,
.intropara:last-child {
  margin-bottom: 0;
}
p em,
ul em,
ol em,
table em,
.intropara em {
  font-style: italic;
}

.tag {
  font-size: 14px;
  font-family: "dunbar-tall", sans-serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8E8A7C;
  background-color: #F3F3EF;
  padding: 3px 10px;
  border-radius: 100px;
  width: fit-content;
  white-space: nowrap;
}
@media only screen and (max-width : 699px) {
  .tag {
    font-size: 12px;
  }
}
.bgblue .tag {
  background-color: #23282c;
}

header.heading-block h2 {
  letter-spacing: 0;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  header.heading-block h2 {
    font-size: 45px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1200px) {
  header.heading-block h2 {
    font-size: 60px;
    line-height: 1;
  }
}
@media screen and (min-width: 1500px) {
  header.heading-block h2 {
    font-size: 67px;
    line-height: 1;
  }
}
@media screen and (min-width: 1920px) {
  header.heading-block h2 {
    font-size: 70px;
    line-height: 1;
  }
}
.bgblue header.heading-block h2 {
  color: #ffffff;
}
header.heading-block h2 + p {
  margin-top: 0;
  font-family: "montserrat", sans-serif;
  font-weight: 500;
  text-transform: none;
  font-size: 21px;
  line-height: 1.6;
}
@media screen and (min-width: 700px) {
  header.heading-block h2 + p {
    font-size: 23px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1200px) {
  header.heading-block h2 + p {
    font-size: 25px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1500px) {
  header.heading-block h2 + p {
    font-size: 26px;
    line-height: 1.7;
  }
}
@media screen and (min-width: 1920px) {
  header.heading-block h2 + p {
    font-size: 26px;
    line-height: 1.7;
  }
}
header.heading-block p.tag {
  font-size: 14px;
  font-family: "dunbar-tall", sans-serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8E8A7C;
  background-color: #F3F3EF;
  padding: 3px 10px;
  border-radius: 100px;
  width: fit-content;
  white-space: nowrap;
}
@media only screen and (max-width : 699px) {
  header.heading-block p.tag {
    font-size: 12px;
  }
}
header.heading-block p.tag {
  margin-bottom: 2.4em;
}
@media only screen and (max-width : 699px) {
  header.heading-block p.tag {
    margin-bottom: 1.6em;
  }
}
.bgblue header.heading-block p.tag {
  background-color: #23282c;
}
.bggrey header.heading-block p.tag {
  background-color: #ffffff;
}
header.heading-block p.tag + h2 {
  margin-top: 0;
}
header.heading-block.centred {
  text-align: center;
}
header.heading-block.centred p.tag {
  margin-left: auto;
  margin-right: auto;
}

#header p,
#header li,
#header table,
#footer p,
#footer li,
#footer table {
  margin: 0;
  padding: 0;
}

* > h1:first-child,
* > h2:first-child,
* > h3:first-child,
* > h4:first-child,
* > h5:first-child,
* > h6:first-child {
  margin-top: 0;
}

h1,
.h1 {
  font-size: 42px;
  line-height: 1;
}
@media screen and (min-width: 700px) {
  h1,
  .h1 {
    font-size: 56px;
    line-height: 1;
  }
}
@media screen and (min-width: 821px) {
  h1,
  .h1 {
    font-size: 60px;
    line-height: 1;
  }
}
@media screen and (min-width: 1200px) {
  h1,
  .h1 {
    font-size: 78px;
    line-height: 0.9;
  }
}
@media screen and (min-width: 1500px) {
  h1,
  .h1 {
    font-size: 100px;
    line-height: 0.9;
  }
}
@media screen and (min-width: 1920px) {
  h1,
  .h1 {
    font-size: 110px;
    line-height: 0.9;
  }
}

h2,
.h2 {
  font-size: 37px;
  line-height: 1.1;
}
@media screen and (min-width: 700px) {
  h2,
  .h2 {
    font-size: 50px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1200px) {
  h2,
  .h2 {
    font-size: 68px;
    line-height: 1;
  }
}
@media screen and (min-width: 1500px) {
  h2,
  .h2 {
    font-size: 87px;
    line-height: 0.9;
  }
}
@media screen and (min-width: 1920px) {
  h2,
  .h2 {
    font-size: 92px;
    line-height: 0.9;
  }
}

h3,
.h3 {
  letter-spacing: 0;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  h3,
  .h3 {
    font-size: 45px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1200px) {
  h3,
  .h3 {
    font-size: 60px;
    line-height: 1;
  }
}
@media screen and (min-width: 1500px) {
  h3,
  .h3 {
    font-size: 67px;
    line-height: 1;
  }
}
@media screen and (min-width: 1920px) {
  h3,
  .h3 {
    font-size: 70px;
    line-height: 1;
  }
}

h4,
.h4 {
  font-size: 26px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  h4,
  .h4 {
    font-size: 32px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  h4,
  .h4 {
    font-size: 48px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  h4,
  .h4 {
    font-size: 52px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1920px) {
  h4,
  .h4 {
    font-size: 54px;
    line-height: 1.1;
  }
}

h5,
.h5 {
  font-size: 22px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  h5,
  .h5 {
    font-size: 25px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  h5,
  .h5 {
    font-size: 36px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  h5,
  .h5 {
    font-size: 42px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1920px) {
  h5,
  .h5 {
    font-size: 45px;
    line-height: 1.1;
  }
}

h6,
.h6 {
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.3;
}
@media screen and (min-width: 700px) {
  h6,
  .h6 {
    font-size: 22px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  h6,
  .h6 {
    font-size: 26px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1500px) {
  h6,
  .h6 {
    font-size: 30px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1920px) {
  h6,
  .h6 {
    font-size: 32px;
    line-height: 1.2;
  }
}

.introparabig {
  font-family: "dunbar-tall", sans-serif;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: none;
  font-size: 23px;
  line-height: 1.6;
}
@media screen and (min-width: 700px) {
  .introparabig {
    font-size: 34px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1200px) {
  .introparabig {
    font-size: 44px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1500px) {
  .introparabig {
    font-size: 50px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1920px) {
  .introparabig {
    font-size: 54px;
    line-height: 1.5;
  }
}

.intropara {
  font-weight: 400;
  font-size: 19px;
  line-height: 1.6;
}
@media screen and (min-width: 700px) {
  .intropara {
    font-size: 22px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1200px) {
  .intropara {
    font-size: 26px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1500px) {
  .intropara {
    font-size: 30px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1920px) {
  .intropara {
    font-size: 32px;
    line-height: 1.7;
  }
}

.introparasml {
  font-family: "montserrat", sans-serif;
  font-weight: 500;
  text-transform: none;
  font-size: 21px;
  line-height: 1.6;
}
@media screen and (min-width: 700px) {
  .introparasml {
    font-size: 23px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1200px) {
  .introparasml {
    font-size: 25px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1500px) {
  .introparasml {
    font-size: 26px;
    line-height: 1.7;
  }
}
@media screen and (min-width: 1920px) {
  .introparasml {
    font-size: 26px;
    line-height: 1.7;
  }
}

.l {
  font-size: 45px;
  line-height: 1.3;
}
@media screen and (min-width: 700px) {
  .l {
    font-size: 75px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  .l {
    font-size: 85px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  .l {
    font-size: 110px;
    line-height: 1.05;
  }
}
@media screen and (min-width: 1920px) {
  .l {
    font-size: 144px;
    line-height: 1.05;
  }
}

.xl {
  font-size: 45px;
  line-height: 1.3;
}
@media screen and (min-width: 700px) {
  .xl {
    font-size: 75px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  .xl {
    font-size: 9vw;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  .xl {
    font-size: 10vw;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1920px) {
  .xl {
    font-size: 220px;
    line-height: 1;
  }
}
.xl {
  padding-bottom: 0.1em;
}
@media only screen and (min-width : 1500px) {
  .xl {
    padding-bottom: 0.2em;
  }
}

.xxl {
  font-size: 45px;
  line-height: 1.3;
}
@media screen and (min-width: 700px) {
  .xxl {
    font-size: 12.6vw;
    line-height: 1;
  }
}
@media screen and (min-width: 1200px) {
  .xxl {
    font-size: 13.5vw;
    line-height: 1;
  }
}
@media screen and (min-width: 1500px) {
  .xxl {
    font-size: 13.5vw;
    line-height: 1;
  }
}
@media screen and (min-width: 1920px) {
  .xxl {
    font-size: 13.5vw;
    line-height: 0.9;
  }
}
@media only screen and (min-width : 700px) {
  .xxl {
    padding-bottom: 0.05em;
  }
}
@media only screen and (min-width : 1300px) {
  .xxl {
    padding-bottom: 0.1em;
  }
}
@media only screen and (min-width : 1500px) {
  .xxl {
    padding-bottom: 0.15em;
  }
}
@media only screen and (min-width : 1920px) {
  .xxl {
    padding-bottom: 0.2em;
  }
}

.big-heading {
  text-align: center;
  font-size: 45px;
  line-height: 1.3;
}
@media screen and (min-width: 700px) {
  .big-heading {
    font-size: 12.6vw;
    line-height: 1;
  }
}
@media screen and (min-width: 1200px) {
  .big-heading {
    font-size: 13.5vw;
    line-height: 1;
  }
}
@media screen and (min-width: 1500px) {
  .big-heading {
    font-size: 13.5vw;
    line-height: 1;
  }
}
@media screen and (min-width: 1920px) {
  .big-heading {
    font-size: 13.5vw;
    line-height: 0.9;
  }
}
@media only screen and (min-width : 700px) {
  .big-heading {
    padding-bottom: 0.05em;
  }
}
@media only screen and (min-width : 1300px) {
  .big-heading {
    padding-bottom: 0.1em;
  }
}
@media only screen and (min-width : 1500px) {
  .big-heading {
    padding-bottom: 0.15em;
  }
}
@media only screen and (min-width : 1920px) {
  .big-heading {
    padding-bottom: 0.2em;
  }
}
.big-heading {
  margin: 0;
  padding: 0;
  transform: translateY(4vw);
}
@media only screen and (min-width: 0px) {
  .big-heading {
    margin: 0 0 20px;
  }
}
@media only screen and (min-width : 1025px) {
  .big-heading {
    margin: 0;
  }
}
@media only screen and (max-width : 820px) {
  .big-heading {
    transform: none;
  }
}
.big-heading > div,
.big-heading > span {
  display: block;
  white-space: nowrap;
  padding-bottom: 0.13em;
}
.big-heading > div:nth-child(2),
.big-heading > span:nth-child(2) {
  margin-top: -0.15em;
}
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6,
.flex-columns h2,
.flex-columns h3,
.flex-columns h4,
.flex-columns h5,
.flex-columns h6,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
  font-size: 22px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  .wysiwyg h2,
  .wysiwyg h3,
  .wysiwyg h4,
  .wysiwyg h5,
  .wysiwyg h6,
  .flex-columns h2,
  .flex-columns h3,
  .flex-columns h4,
  .flex-columns h5,
  .flex-columns h6,
  .post-content h2,
  .post-content h3,
  .post-content h4,
  .post-content h5,
  .post-content h6 {
    font-size: 25px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  .wysiwyg h2,
  .wysiwyg h3,
  .wysiwyg h4,
  .wysiwyg h5,
  .wysiwyg h6,
  .flex-columns h2,
  .flex-columns h3,
  .flex-columns h4,
  .flex-columns h5,
  .flex-columns h6,
  .post-content h2,
  .post-content h3,
  .post-content h4,
  .post-content h5,
  .post-content h6 {
    font-size: 36px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  .wysiwyg h2,
  .wysiwyg h3,
  .wysiwyg h4,
  .wysiwyg h5,
  .wysiwyg h6,
  .flex-columns h2,
  .flex-columns h3,
  .flex-columns h4,
  .flex-columns h5,
  .flex-columns h6,
  .post-content h2,
  .post-content h3,
  .post-content h4,
  .post-content h5,
  .post-content h6 {
    font-size: 42px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1920px) {
  .wysiwyg h2,
  .wysiwyg h3,
  .wysiwyg h4,
  .wysiwyg h5,
  .wysiwyg h6,
  .flex-columns h2,
  .flex-columns h3,
  .flex-columns h4,
  .flex-columns h5,
  .flex-columns h6,
  .post-content h2,
  .post-content h3,
  .post-content h4,
  .post-content h5,
  .post-content h6 {
    font-size: 45px;
    line-height: 1.1;
  }
}
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6,
.flex-columns h2,
.flex-columns h3,
.flex-columns h4,
.flex-columns h5,
.flex-columns h6,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
  margin: 1.5em 0 0.7em;
}
.wysiwyg > h2:last-child,
.wysiwyg > h3:last-child,
.wysiwyg > h4:last-child,
.wysiwyg > h5:last-child,
.wysiwyg > h6:last-child,
.flex-columns > h2:last-child,
.flex-columns > h3:last-child,
.flex-columns > h4:last-child,
.flex-columns > h5:last-child,
.flex-columns > h6:last-child,
.post-content > h2:last-child,
.post-content > h3:last-child,
.post-content > h4:last-child,
.post-content > h5:last-child,
.post-content > h6:last-child {
  margin-bottom: 0;
}
.wysiwyg p > a,
.wysiwyg li > a,
.flex-columns p > a,
.flex-columns li > a,
.post-content p > a,
.post-content li > a {
  text-decoration: underline;
  font-weight: 700;
}
.wysiwyg ul li,
.flex-columns ul li,
.post-content ul li {
  padding: 25px 0 25px 50px;
  position: relative;
  border-bottom: 1px solid;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  .wysiwyg ul li,
  .flex-columns ul li,
  .post-content ul li {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  .wysiwyg ul li,
  .flex-columns ul li,
  .post-content ul li {
    font-size: 15px;
    line-height: 1.6;
  }
}
@media only screen and (max-width : 1499px) {
  .wysiwyg ul li,
  .flex-columns ul li,
  .post-content ul li {
    padding: 20px 0 20px 40px;
  }
}
@media only screen and (max-width : 1299px) {
  .wysiwyg ul li,
  .flex-columns ul li,
  .post-content ul li {
    padding: 18px 0 18px 38px;
  }
}
@media only screen and (max-width : 699px) {
  .wysiwyg ul li,
  .flex-columns ul li,
  .post-content ul li {
    padding: 10px 0 10px 30px;
  }
}
.wysiwyg ul li:before,
.flex-columns ul li:before,
.post-content ul li:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 100;
  content: "\f058";
  font-size: 1.4em;
}
.wysiwyg ul ul,
.flex-columns ul ul,
.post-content ul ul {
  margin: 1em 0;
}
.wysiwyg p > a,
.wysiwyg li > a,
.flex-columns p > a,
.flex-columns li > a,
.post-content p > a,
.post-content li > a {
  text-decoration-thickness: 1px;
}
.wysiwyg ol li,
.wysiwyg ul li,
.flex-columns ol li,
.flex-columns ul li,
.post-content ol li,
.post-content ul li {
  margin-bottom: 1em;
}
.wysiwyg ol li:last-child,
.wysiwyg ul li:last-child,
.flex-columns ol li:last-child,
.flex-columns ul li:last-child,
.post-content ol li:last-child,
.post-content ul li:last-child {
  margin-bottom: 0;
}
.wysiwyg ol li,
.flex-columns ol li,
.post-content ol li {
  list-style-type: decimal;
  padding-left: 14px;
  margin-left: 20px;
}
.wysiwyg .video-block,
.wysiwyg .table-block,
.wysiwyg .testimonial,
.wysiwyg .image-wrapper,
.flex-columns .video-block,
.flex-columns .table-block,
.flex-columns .testimonial,
.flex-columns .image-wrapper,
.post-content .video-block,
.post-content .table-block,
.post-content .testimonial,
.post-content .image-wrapper {
  margin-top: 60px;
}
@media only screen and (max-width : 820px) {
  .wysiwyg .video-block,
  .wysiwyg .table-block,
  .wysiwyg .testimonial,
  .wysiwyg .image-wrapper,
  .flex-columns .video-block,
  .flex-columns .table-block,
  .flex-columns .testimonial,
  .flex-columns .image-wrapper,
  .post-content .video-block,
  .post-content .table-block,
  .post-content .testimonial,
  .post-content .image-wrapper {
    margin-top: 45px;
  }
}
@media only screen and (max-width : 699px) {
  .wysiwyg .video-block,
  .wysiwyg .table-block,
  .wysiwyg .testimonial,
  .wysiwyg .image-wrapper,
  .flex-columns .video-block,
  .flex-columns .table-block,
  .flex-columns .testimonial,
  .flex-columns .image-wrapper,
  .post-content .video-block,
  .post-content .table-block,
  .post-content .testimonial,
  .post-content .image-wrapper {
    margin-top: 30px;
  }
}
.wysiwyg .video-block,
.wysiwyg .table-block,
.wysiwyg .testimonial,
.wysiwyg .image-wrapper,
.flex-columns .video-block,
.flex-columns .table-block,
.flex-columns .testimonial,
.flex-columns .image-wrapper,
.post-content .video-block,
.post-content .table-block,
.post-content .testimonial,
.post-content .image-wrapper {
  margin-bottom: 60px;
}
@media only screen and (max-width : 820px) {
  .wysiwyg .video-block,
  .wysiwyg .table-block,
  .wysiwyg .testimonial,
  .wysiwyg .image-wrapper,
  .flex-columns .video-block,
  .flex-columns .table-block,
  .flex-columns .testimonial,
  .flex-columns .image-wrapper,
  .post-content .video-block,
  .post-content .table-block,
  .post-content .testimonial,
  .post-content .image-wrapper {
    margin-bottom: 45px;
  }
}
@media only screen and (max-width : 699px) {
  .wysiwyg .video-block,
  .wysiwyg .table-block,
  .wysiwyg .testimonial,
  .wysiwyg .image-wrapper,
  .flex-columns .video-block,
  .flex-columns .table-block,
  .flex-columns .testimonial,
  .flex-columns .image-wrapper,
  .post-content .video-block,
  .post-content .table-block,
  .post-content .testimonial,
  .post-content .image-wrapper {
    margin-bottom: 30px;
  }
}
.wysiwyg .video-block:first-child,
.wysiwyg .table-block:first-child,
.wysiwyg .testimonial:first-child,
.wysiwyg .image-wrapper:first-child,
.flex-columns .video-block:first-child,
.flex-columns .table-block:first-child,
.flex-columns .testimonial:first-child,
.flex-columns .image-wrapper:first-child,
.post-content .video-block:first-child,
.post-content .table-block:first-child,
.post-content .testimonial:first-child,
.post-content .image-wrapper:first-child {
  margin-top: 0;
}
.wysiwyg .video-block:last-child,
.wysiwyg .table-block:last-child,
.wysiwyg .testimonial:last-child,
.wysiwyg .image-wrapper:last-child,
.flex-columns .video-block:last-child,
.flex-columns .table-block:last-child,
.flex-columns .testimonial:last-child,
.flex-columns .image-wrapper:last-child,
.post-content .video-block:last-child,
.post-content .table-block:last-child,
.post-content .testimonial:last-child,
.post-content .image-wrapper:last-child {
  margin-bottom: 0;
}
.wysiwyg .video-block:first-child,
.flex-columns .video-block:first-child,
.post-content .video-block:first-child {
  margin-top: 0;
}
.wysiwyg .video-block:last-child,
.flex-columns .video-block:last-child,
.post-content .video-block:last-child {
  margin-bottom: 0;
}
.wysiwyg .video-block img,
.flex-columns .video-block img,
.post-content .video-block img {
  margin-bottom: 0;
}
.wysiwyg .table-block,
.flex-columns .table-block,
.post-content .table-block {
  width: 100%;
}
.wysiwyg p > .btn:first-child,
.flex-columns p > .btn:first-child,
.post-content p > .btn:first-child {
  margin-top: 0;
}
.wysiwyg .btn,
.flex-columns .btn,
.post-content .btn {
  display: flex;
}
@media only screen and (min-width : 700px) {
  .wysiwyg .btn,
  .flex-columns .btn,
  .post-content .btn {
    max-width: fit-content;
  }
}

.plus-icon {
  width: 63px;
}
@media only screen and (max-width : 820px) {
  .plus-icon {
    width: 43px;
  }
}
@media only screen and (max-width : 699px) {
  .plus-icon {
    width: 30px;
  }
}

table {
  width: 100%;
}
table tr {
  border-bottom: solid 1px #DDDCD6;
}
table tr:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
table thead tr:last-child {
  border-bottom: solid 1px #DDDCD6;
}
table td,
table th {
  padding: 10px 20px 10px 0;
  text-align: left;
}

blockquote {
  padding: 0;
  margin: 1em 0 0.7em;
  color: #8E8A7C;
  font-family: "dunbar-tall", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
blockquote:first-child {
  margin-top: 0;
}
blockquote:last-child {
  margin-bottom: 0;
}
blockquote {
  font-size: 30px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  blockquote {
    font-size: 45px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1200px) {
  blockquote {
    font-size: 60px;
    line-height: 1;
  }
}
@media screen and (min-width: 1500px) {
  blockquote {
    font-size: 67px;
    line-height: 1;
  }
}
@media screen and (min-width: 1920px) {
  blockquote {
    font-size: 70px;
    line-height: 1;
  }
}

.sml {
  font-size: 13px;
}

.med {
  font-size: 16px;
}

.fontbold {
  font-weight: 700;
}

.fontmedium {
  font-weight: 600;
}

.fontnormal {
  font-weight: 500;
}

.fontlight {
  font-weight: 400;
}

.italic {
  font-style: italic;
}

.strikethrough {
  text-decoration: line-through;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: none;
  font-weight: 400;
}

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

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

@media only screen and (max-width : 820px) {
  .text-center-sm {
    text-align: center;
  }
  .text-left-sm {
    text-align: left;
  }
}
@media only screen and (max-width : 699px) {
  .text-center-xs {
    text-align: center !important;
  }
  .text-left-xs {
    text-align: left !important;
  }
}
@media only screen and (max-width : 374px) {
  .text-center-xxs {
    text-align: center !important;
  }
  .text-left-xxs {
    text-align: left !important;
  }
}
a:focus {
  outline: none;
}

a {
  color: #8E8A7C;
  text-decoration: none;
}

ul.inline-block li {
  display: inline-block;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (min-width : 700px) {
  .row {
    margin-left: -30px;
    margin-right: -30px;
  }
}
@media only screen and (min-width : 1500px) {
  .row {
    margin-left: -60px;
    margin-right: -60px;
  }
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-20,
.col-sm-20,
.col-md-20,
.col-lg-20,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-60,
.col-sm-60,
.col-md-60,
.col-lg-60,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  display: block;
  width: 100%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width : 700px) {
  .col-xs-1,
  .col-sm-1,
  .col-md-1,
  .col-lg-1,
  .col-xs-2,
  .col-sm-2,
  .col-md-2,
  .col-lg-2,
  .col-xs-20,
  .col-sm-20,
  .col-md-20,
  .col-lg-20,
  .col-xs-3,
  .col-sm-3,
  .col-md-3,
  .col-lg-3,
  .col-xs-4,
  .col-sm-4,
  .col-md-4,
  .col-lg-4,
  .col-xs-5,
  .col-sm-5,
  .col-md-5,
  .col-lg-5,
  .col-xs-6,
  .col-sm-6,
  .col-md-6,
  .col-lg-6,
  .col-xs-60,
  .col-sm-60,
  .col-md-60,
  .col-lg-60,
  .col-xs-7,
  .col-sm-7,
  .col-md-7,
  .col-lg-7,
  .col-xs-8,
  .col-sm-8,
  .col-md-8,
  .col-lg-8,
  .col-xs-9,
  .col-sm-9,
  .col-md-9,
  .col-lg-9,
  .col-xs-10,
  .col-sm-10,
  .col-md-10,
  .col-lg-10,
  .col-xs-11,
  .col-sm-11,
  .col-md-11,
  .col-lg-11,
  .col-xs-12,
  .col-sm-12,
  .col-md-12,
  .col-lg-12 {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width : 1500px) {
  .col-xs-1,
  .col-sm-1,
  .col-md-1,
  .col-lg-1,
  .col-xs-2,
  .col-sm-2,
  .col-md-2,
  .col-lg-2,
  .col-xs-20,
  .col-sm-20,
  .col-md-20,
  .col-lg-20,
  .col-xs-3,
  .col-sm-3,
  .col-md-3,
  .col-lg-3,
  .col-xs-4,
  .col-sm-4,
  .col-md-4,
  .col-lg-4,
  .col-xs-5,
  .col-sm-5,
  .col-md-5,
  .col-lg-5,
  .col-xs-6,
  .col-sm-6,
  .col-md-6,
  .col-lg-6,
  .col-xs-60,
  .col-sm-60,
  .col-md-60,
  .col-lg-60,
  .col-xs-7,
  .col-sm-7,
  .col-md-7,
  .col-lg-7,
  .col-xs-8,
  .col-sm-8,
  .col-md-8,
  .col-lg-8,
  .col-xs-9,
  .col-sm-9,
  .col-md-9,
  .col-lg-9,
  .col-xs-10,
  .col-sm-10,
  .col-md-10,
  .col-lg-10,
  .col-xs-11,
  .col-sm-11,
  .col-md-11,
  .col-lg-11,
  .col-xs-12,
  .col-sm-12,
  .col-md-12,
  .col-lg-12 {
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media (min-width: 375px) {
  .col-xs-12 {
    width: 100%;
  }
  .col-xs-6 {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-60 {
    width: 60%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-20 {
    width: 20%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1025px) {
  .col-md-12 {
    width: 100%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-20 {
    width: 20%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-60 {
    width: 60%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-20 {
    width: 20%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  display: table;
}

.clearfix:after,
.row:after,
.form-horizontal .form-group:after {
  clear: both;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.hidden {
  display: none !important;
}

@-ms-viewport {
  width: device-width;
}
html {
  height: 100%;
}
html body {
  color: #8E8A7C;
  background-color: #F3F3EF;
}

.container,
.container-narrow,
#nav .nav > li .sub-menu > li.megamenu,
.ctcc-inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}
@media only screen and (min-width : 700px) {
  .container,
  .container-narrow,
  #nav .nav > li .sub-menu > li.megamenu,
  .ctcc-inner {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (min-width : 1025px) {
  .container,
  .container-narrow,
  #nav .nav > li .sub-menu > li.megamenu,
  .ctcc-inner {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media only screen and (min-width : 1500px) {
  .container,
  .container-narrow,
  #nav .nav > li .sub-menu > li.megamenu,
  .ctcc-inner {
    padding-left: 140px;
    padding-right: 140px;
  }
}

.container-fluid {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: var(--containerGap);
  padding-right: var(--containerGap);
}

.container,
#nav .nav > li .sub-menu > li.megamenu,
.ctcc-inner {
  max-width: 1920px;
}

.container-narrow {
  max-width: 1380px;
}

#website-wrap {
  overflow: hidden;
}

.section {
  margin-top: -1px;
  position: relative;
  z-index: 1;
  padding-top: 160px;
}
@media only screen and (max-width : 1499px) {
  .section {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  .section {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  .section {
    padding-top: 60px;
  }
}
.section {
  padding-bottom: 160px;
}
@media only screen and (max-width : 1499px) {
  .section {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width : 820px) {
  .section {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 699px) {
  .section {
    padding-bottom: 60px;
  }
}
.section:first-child {
  margin-top: 0px;
  padding-top: calc(160px + 113px);
}
@media only screen and (max-width : 1799px) {
  .section:first-child {
    padding-top: calc(120px + 90px);
  }
}
@media only screen and (max-width : 1499px) {
  .section:first-child {
    padding-top: calc(120px + 60px);
  }
}
@media only screen and (max-width : 820px) {
  .section:first-child {
    padding-top: calc(90px + 80px);
  }
}
@media only screen and (max-width : 699px) {
  .section:first-child {
    padding-top: calc(60px + 80px);
  }
}
.section.white, .section.bgwhite {
  background-color: #ffffff;
}
.section.white + .section.white, .section.white + .section.bgwhite, .section.bgwhite + .section.white, .section.bgwhite + .section.bgwhite {
  padding-top: 0;
}
.section.light, .section.bggrey {
  background-color: #F3F3EF;
}
.section.light + .section.light, .section.light + .section.bggrey, .section.bggrey + .section.light, .section.bggrey + .section.bggrey {
  padding-top: 0;
}
.section.dark, .section.bgblue {
  background-color: #1F2426;
}
.section.dark + .section.dark, .section.dark + .section.bgblue, .section.bgblue + .section.dark, .section.bgblue + .section.bgblue {
  padding-top: 0;
}
.section.dark .more, .section.dark h1, .section.dark h2, .section.dark h3, .section.dark h4, .section.dark h5, .section.dark h6, .section.bgblue .more, .section.bgblue h1, .section.bgblue h2, .section.bgblue h3, .section.bgblue h4, .section.bgblue h5, .section.bgblue h6 {
  color: #ffffff;
}
.section.dark h1 em, .section.dark h2 em, .section.dark h3 em, .section.dark h4 em, .section.dark h5 em, .section.dark h6 em, .section.bgblue h1 em, .section.bgblue h2 em, .section.bgblue h3 em, .section.bgblue h4 em, .section.bgblue h5 em, .section.bgblue h6 em {
  color: #8E8A7C;
}
.section.darker {
  background-color: #1F2426;
  padding-bottom: 0px;
  padding-top: var(--containerGap);
}
.section.darker .container-fluid > article {
  padding-top: 250px;
}
@media only screen and (max-width : 1799px) {
  .section.darker .container-fluid > article {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  .section.darker .container-fluid > article {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  .section.darker .container-fluid > article {
    padding-top: 60px;
  }
}
.section.darker .container-fluid > article {
  padding-bottom: 250px;
}
@media only screen and (max-width : 1799px) {
  .section.darker .container-fluid > article {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width : 820px) {
  .section.darker .container-fluid > article {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 699px) {
  .section.darker .container-fluid > article {
    padding-bottom: 60px;
  }
}
.section.darker .container-fluid > article {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: var(--containerGap);
  padding-right: var(--containerGap);
}
.section.light + .section.light {
  padding-top: 0;
}
.section.dark + .section.dark {
  padding-top: 0;
}
.section .section {
  padding-bottom: 120px;
}
@media only screen and (max-width : 1799px) {
  .section .section {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 820px) {
  .section .section {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width : 699px) {
  .section .section {
    padding-bottom: 40px;
  }
}
.section .section:last-child {
  padding-bottom: 0;
}
.section.full-height {
  min-height: 100svh;
  display: flex;
  align-items: center;
}

img.w100 {
  width: 100%;
  height: auto;
  display: inline-block;
}
img.w75 {
  width: 75%;
  height: auto;
  display: inline-block;
}
img.w50 {
  width: 50%;
  height: auto;
  display: inline-block;
}
img.w25 {
  width: 25%;
  height: auto;
  display: inline-block;
}
img.centred {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

figure {
  border-radius: var(--borderRadius);
  overflow: hidden;
}
figure.noradius {
  border-radius: 0;
}
figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bgimg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
}
.bgimg + * {
  position: relative;
  z-index: 2;
}

.videowrapper {
  position: relative;
  padding-bottom: 56%;
  height: 0;
}
.videowrapper iframe,
.videowrapper video {
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.border-top {
  border-top: 1px solid #EAE9E2;
}

.border-bottom {
  border-bottom: 1px solid #EAE9E2;
}

.relative {
  position: relative;
}

.nomarg {
  margin: 0 !important;
}

.nopad {
  padding: 0 !important;
}

.nopadtop {
  padding-top: 0 !important;
}

.nopadbottom {
  padding-bottom: 0 !important;
}

.nopadleft {
  padding-left: 0 !important;
}

.nopadright {
  padding-right: 0 !important;
}

.cols {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
@media only screen and (min-width : 700px) {
  .cols {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 60px;
  }
}
@media only screen and (min-width : 1300px) {
  .cols {
    gap: 120px;
  }
}
.cols > * {
  grid-column: span 1;
}
@media only screen and (min-width : 700px) {
  .cols.cols-2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
@media only screen and (min-width : 700px) and (min-width : 700px) {
  .cols.cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 60px;
  }
}
@media only screen and (min-width : 700px) and (min-width : 1300px) {
  .cols.cols-2 {
    gap: 120px;
  }
}
@media only screen and (min-width : 700px) {
  .cols.cols-3 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
@media only screen and (min-width : 700px) and (min-width : 700px) {
  .cols.cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 60px;
  }
}
@media only screen and (min-width : 700px) and (min-width : 1300px) {
  .cols.cols-3 {
    gap: 120px;
  }
}
@media only screen and (min-width : 700px) {
  .cols.cols-4 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
@media only screen and (min-width : 700px) and (min-width : 700px) {
  .cols.cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 60px;
  }
}
@media only screen and (min-width : 700px) and (min-width : 1300px) {
  .cols.cols-4 {
    gap: 120px;
  }
}
@media only screen and (min-width : 1025px) {
  .cols.cols-4 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
@media only screen and (min-width : 1025px) and (min-width : 700px) {
  .cols.cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 60px;
  }
}
@media only screen and (min-width : 1025px) and (min-width : 1300px) {
  .cols.cols-4 {
    gap: 120px;
  }
}
@media only screen and (min-width : 700px) {
  .cols.main-col-left, .cols.main-col-right {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
@media only screen and (min-width : 700px) and (min-width : 700px) {
  .cols.main-col-left, .cols.main-col-right {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 60px;
  }
}
@media only screen and (min-width : 700px) and (min-width : 1300px) {
  .cols.main-col-left, .cols.main-col-right {
    gap: 120px;
  }
}
@media only screen and (min-width : 1500px) {
  .cols.main-col-left, .cols.main-col-right {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
@media only screen and (min-width : 1500px) and (min-width : 700px) {
  .cols.main-col-left, .cols.main-col-right {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 60px;
  }
}
@media only screen and (min-width : 1500px) and (min-width : 1300px) {
  .cols.main-col-left, .cols.main-col-right {
    gap: 120px;
  }
}
@media only screen and (min-width : 700px) {
  .cols.main-col-left > :first-child {
    grid-column: span 3;
  }
  .cols.main-col-left > :last-child {
    grid-column: span 2;
  }
}
@media only screen and (min-width : 1500px) {
  .cols.main-col-left > :first-child {
    grid-column: span 3;
  }
  .cols.main-col-left > :last-child {
    grid-column: span 1;
  }
}
@media only screen and (min-width : 700px) {
  .cols.main-col-right > :first-child {
    grid-column: span 2;
  }
  .cols.main-col-right > :last-child {
    grid-column: span 3;
  }
}
@media only screen and (min-width : 1500px) {
  .cols.main-col-right > :first-child {
    grid-column: span 1;
  }
  .cols.main-col-right > :last-child {
    grid-column: span 3;
  }
}

section.section.two-column-section {
  padding-top: 250px;
}
@media only screen and (max-width : 1799px) {
  section.section.two-column-section {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  section.section.two-column-section {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  section.section.two-column-section {
    padding-top: 60px;
  }
}
section.section.two-column-section {
  padding-bottom: 250px;
}
@media only screen and (max-width : 1799px) {
  section.section.two-column-section {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width : 820px) {
  section.section.two-column-section {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 699px) {
  section.section.two-column-section {
    padding-bottom: 60px;
  }
}
section.section.two-column-section .container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
section.section.two-column-section .container > section,
section.section.two-column-section .container > article,
section.section.two-column-section .container > header {
  grid-column: 2/span 10;
}
@media only screen and (max-width : 1199px) {
  section.section.two-column-section .container > section,
  section.section.two-column-section .container > article,
  section.section.two-column-section .container > header {
    grid-column: span 12;
  }
}
section.section.two-column-section section {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
@media only screen and (max-width : 1199px) {
  section.section.two-column-section section {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media only screen and (max-width : 699px) {
  section.section.two-column-section section {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
}
section.section.two-column-section section > *:first-child {
  grid-column: span 4;
}
section.section.two-column-section section > *:last-child {
  grid-column: 6/span 5;
}
@media only screen and (max-width : 1199px) {
  section.section.two-column-section section > *:last-child {
    grid-column: 6/span 7;
  }
}

.btn {
  letter-spacing: 0.05em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  vertical-align: middle;
  border-width: 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  .btn {
    font-size: 21px;
  }
}
@media only screen and (max-width : 1299px) {
  .btn {
    font-size: 20px;
  }
}
@media only screen and (max-width : 1199px) {
  .btn {
    font-size: 19px;
  }
}
@media only screen and (max-width : 820px) {
  .btn {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  .btn {
    font-size: 16px;
    line-height: 1.6;
  }
}
.btn {
  font-weight: 500;
  font-family: "dunbar-tall", sans-serif;
  line-height: 1.3;
  text-transform: uppercase;
  position: relative;
  color: #8E8A7C;
  margin: 2em 0 0;
  grid-column-gap: 20px;
  background: transparent;
  padding: 0;
  width: fit-content;
}
@media only screen and (max-width : 1499px) {
  .btn {
    margin: 30px 0 0;
    grid-column-gap: 20px;
  }
}
@media only screen and (max-width : 1299px) {
  .btn {
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 820px) {
  .btn {
    flex-wrap: wrap;
    grid-row-gap: 10px;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 699px) {
  .btn {
    grid-column-gap: 8px;
    grid-row-gap: 5px;
  }
}
.btn:after {
  content: "\f178";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 100;
  font-size: 1.4em;
  transform: translateX(0);
  transition: transform 0.3s ease-in-out;
}
@media only screen and (max-width : 1299px) {
  .btn:after {
    font-size: 1.3em;
  }
}
@media only screen and (max-width : 699px) {
  .btn:after {
    font-size: 1.1em;
  }
}
.btn:hover:after {
  transform: translateX(10px);
}
.btn {
  color: #ffffff;
  background-color: #8E8A7C;
  padding: 24px 45px;
  border-radius: 100px;
  white-space: nowrap;
  flex-wrap: nowrap !important;
}
@media only screen and (max-width : 1499px) {
  .btn {
    padding: 20px 40px;
  }
}
@media only screen and (max-width : 1299px) {
  .btn {
    padding: 15px 30px;
  }
}
@media only screen and (max-width : 699px) {
  .btn {
    padding: 12px 24px;
  }
}
.btn.back:after {
  display: none;
}
.btn.btn-standard-black {
  background-color: #000000;
  padding: 24px 45px;
  border-radius: 100px;
  white-space: nowrap;
  flex-wrap: nowrap !important;
}
@media only screen and (max-width : 1499px) {
  .btn.btn-standard-black {
    padding: 20px 40px;
  }
}
@media only screen and (max-width : 1299px) {
  .btn.btn-standard-black {
    padding: 15px 30px;
  }
}
@media only screen and (max-width : 699px) {
  .btn.btn-standard-black {
    padding: 12px 24px;
  }
}
.btn.btn-standard-outline {
  background-color: transparent;
  border: 1px solid #8E8A7C;
  color: #8E8A7C;
  padding: 24px 45px;
  border-radius: 100px;
  white-space: nowrap;
  flex-wrap: nowrap !important;
}
@media only screen and (max-width : 1499px) {
  .btn.btn-standard-outline {
    padding: 20px 40px;
  }
}
@media only screen and (max-width : 1299px) {
  .btn.btn-standard-outline {
    padding: 15px 30px;
  }
}
@media only screen and (max-width : 699px) {
  .btn.btn-standard-outline {
    padding: 12px 24px;
  }
}
.bgblue .btn.btn-standard-outline, .dark .btn.btn-standard-outline {
  color: #ffffff;
}
.btn.btn-standard-white {
  background-color: #E5E3DB;
  color: #8E8A7C;
  padding: 24px 45px;
  border-radius: 100px;
  white-space: nowrap;
  flex-wrap: nowrap !important;
}
@media only screen and (max-width : 1499px) {
  .btn.btn-standard-white {
    padding: 20px 40px;
  }
}
@media only screen and (max-width : 1299px) {
  .btn.btn-standard-white {
    padding: 15px 30px;
  }
}
@media only screen and (max-width : 699px) {
  .btn.btn-standard-white {
    padding: 12px 24px;
  }
}
.btn.video:after {
  display: none;
}
.btn.video:before {
  content: "\f04b";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 300;
  font-size: 1em;
}
.btn.download:after {
  display: none;
}
.btn.download:before {
  content: "\f56d";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 300;
  font-size: 1em;
}

.more {
  letter-spacing: 0.05em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  vertical-align: middle;
  border-width: 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  .more {
    font-size: 21px;
  }
}
@media only screen and (max-width : 1299px) {
  .more {
    font-size: 20px;
  }
}
@media only screen and (max-width : 1199px) {
  .more {
    font-size: 19px;
  }
}
@media only screen and (max-width : 820px) {
  .more {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  .more {
    font-size: 16px;
    line-height: 1.6;
  }
}
.more {
  font-weight: 500;
  font-family: "dunbar-tall", sans-serif;
  line-height: 1.3;
  text-transform: uppercase;
  position: relative;
  color: #8E8A7C;
  margin: 2em 0 0;
  grid-column-gap: 20px;
  background: transparent;
  padding: 0;
  width: fit-content;
}
@media only screen and (max-width : 1499px) {
  .more {
    margin: 30px 0 0;
    grid-column-gap: 20px;
  }
}
@media only screen and (max-width : 1299px) {
  .more {
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 820px) {
  .more {
    flex-wrap: wrap;
    grid-row-gap: 10px;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 699px) {
  .more {
    grid-column-gap: 8px;
    grid-row-gap: 5px;
  }
}
.more:after {
  content: "\f178";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 100;
  font-size: 1.4em;
  transform: translateX(0);
  transition: transform 0.3s ease-in-out;
}
@media only screen and (max-width : 1299px) {
  .more:after {
    font-size: 1.3em;
  }
}
@media only screen and (max-width : 699px) {
  .more:after {
    font-size: 1.1em;
  }
}
.more:hover:after {
  transform: translateX(10px);
}

button {
  border: 0;
}

.buttons {
  display: flex;
  justify-content: center;
  gap: 20px 36px;
  flex-wrap: wrap;
}
@media only screen and (max-width : 1199px) {
  .buttons {
    gap: 20px 20px;
  }
}
.buttons .btn, .buttons .more {
  margin: 0;
}
@media only screen and (min-width : 700px) {
  .buttons .btn, .buttons .more {
    white-space: nowrap;
  }
}

label {
  display: inline-block;
  margin-bottom: 20px;
}
@media only screen and (max-width : 699px) {
  label {
    margin-bottom: 10px;
  }
}

form input[type=text],
form input[type=email],
form input[type=number],
form input[type=tel],
form input[type=month],
form input[type=password],
form input[type=search],
form input[type=time],
form input[type=url],
form input[type=week],
form textarea {
  display: block;
  width: 100%;
  appearance: none;
  border-radius: 6px;
  border: 1px solid #8E8A7C;
  color: #8E8A7C;
  padding: 0 35px;
  height: 77px;
  line-height: 77px;
  margin-bottom: 14px;
  transition: all 0.3s ease-in-out;
}
form input[type=text]::-webkit-input-placeholder,
form input[type=email]::-webkit-input-placeholder,
form input[type=number]::-webkit-input-placeholder,
form input[type=tel]::-webkit-input-placeholder,
form input[type=month]::-webkit-input-placeholder,
form input[type=password]::-webkit-input-placeholder,
form input[type=search]::-webkit-input-placeholder,
form input[type=time]::-webkit-input-placeholder,
form input[type=url]::-webkit-input-placeholder,
form input[type=week]::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
  color: #8E8A7C;
}
form input[type=text]:-moz-placeholder,
form input[type=email]:-moz-placeholder,
form input[type=number]:-moz-placeholder,
form input[type=tel]:-moz-placeholder,
form input[type=month]:-moz-placeholder,
form input[type=password]:-moz-placeholder,
form input[type=search]:-moz-placeholder,
form input[type=time]:-moz-placeholder,
form input[type=url]:-moz-placeholder,
form input[type=week]:-moz-placeholder,
form textarea:-moz-placeholder {
  color: #8E8A7C;
}
form input[type=text]::-moz-placeholder,
form input[type=email]::-moz-placeholder,
form input[type=number]::-moz-placeholder,
form input[type=tel]::-moz-placeholder,
form input[type=month]::-moz-placeholder,
form input[type=password]::-moz-placeholder,
form input[type=search]::-moz-placeholder,
form input[type=time]::-moz-placeholder,
form input[type=url]::-moz-placeholder,
form input[type=week]::-moz-placeholder,
form textarea::-moz-placeholder {
  color: #8E8A7C;
}
form input[type=text]:-ms-input-placeholder,
form input[type=email]:-ms-input-placeholder,
form input[type=number]:-ms-input-placeholder,
form input[type=tel]:-ms-input-placeholder,
form input[type=month]:-ms-input-placeholder,
form input[type=password]:-ms-input-placeholder,
form input[type=search]:-ms-input-placeholder,
form input[type=time]:-ms-input-placeholder,
form input[type=url]:-ms-input-placeholder,
form input[type=week]:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
  color: #8E8A7C;
}
form input[type=text],
form input[type=email],
form input[type=number],
form input[type=tel],
form input[type=month],
form input[type=password],
form input[type=search],
form input[type=time],
form input[type=url],
form input[type=week],
form textarea {
  background-color: transparent;
}
form input[type=text]:focus,
form input[type=email]:focus,
form input[type=number]:focus,
form input[type=tel]:focus,
form input[type=month]:focus,
form input[type=password]:focus,
form input[type=search]:focus,
form input[type=time]:focus,
form input[type=url]:focus,
form input[type=week]:focus,
form textarea:focus {
  background-color: rgba(243, 243, 239, 0.8);
}
@media only screen and (max-width : 820px) {
  form input[type=text],
  form input[type=email],
  form input[type=number],
  form input[type=tel],
  form input[type=month],
  form input[type=password],
  form input[type=search],
  form input[type=time],
  form input[type=url],
  form input[type=week],
  form textarea {
    height: 50px;
    line-height: 50px;
  }
}
@media only screen and (max-width : 699px) {
  form input[type=text],
  form input[type=email],
  form input[type=number],
  form input[type=tel],
  form input[type=month],
  form input[type=password],
  form input[type=search],
  form input[type=time],
  form input[type=url],
  form input[type=week],
  form textarea {
    margin-bottom: 8px;
    padding: 0 20px;
  }
}
#quick-contact form input[type=text],
#quick-contact form input[type=email],
#quick-contact form input[type=number],
#quick-contact form input[type=tel],
#quick-contact form input[type=month],
#quick-contact form input[type=password],
#quick-contact form input[type=search],
#quick-contact form input[type=time],
#quick-contact form input[type=url],
#quick-contact form input[type=week],
#quick-contact form textarea {
  height: 60px;
  line-height: 60px;
  margin-bottom: 8px;
}
@media only screen and (max-width : 820px) {
  #quick-contact form input[type=text],
  #quick-contact form input[type=email],
  #quick-contact form input[type=number],
  #quick-contact form input[type=tel],
  #quick-contact form input[type=month],
  #quick-contact form input[type=password],
  #quick-contact form input[type=search],
  #quick-contact form input[type=time],
  #quick-contact form input[type=url],
  #quick-contact form input[type=week],
  #quick-contact form textarea {
    height: 45px;
    line-height: 45px;
  }
}
form input[type=checkbox],
form input[type=radio] {
  margin: 0 10px 0 0;
  transform: translateY(-1px);
}
form button {
  margin-bottom: 0 !important;
}
form button[type=submit] {
  margin-top: 20px;
}
@media only screen and (max-width : 820px) {
  form button[type=submit] {
    margin-top: 20px;
  }
}
@media only screen and (max-width : 699px) {
  form button[type=submit] {
    margin-top: 20px;
  }
}
@media only screen and (max-width : 699px) {
  form button {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
form textarea {
  height: 300px;
  line-height: 1.7;
  padding-top: 16px;
  display: block;
}
@media only screen and (max-width : 820px) {
  form textarea {
    height: 180px;
  }
}
#quick-contact form textarea {
  height: 160px;
  line-height: 1.7;
}
@media only screen and (max-width : 820px) {
  #quick-contact form textarea {
    height: 120px;
  }
}

select {
  background-color: transparent;
  opacity: 0;
}

.select-css-wrap {
  background-color: transparent;
  position: relative;
  border: 1px solid #8E8A7C;
  border-radius: 6px;
  margin-bottom: 14px;
}
@media only screen and (max-width : 699px) {
  .select-css-wrap {
    margin-bottom: 8px;
  }
}
.select-css-wrap select {
  opacity: 1;
  display: block;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  .select-css-wrap select {
    font-size: 21px;
  }
}
@media only screen and (max-width : 1299px) {
  .select-css-wrap select {
    font-size: 20px;
  }
}
@media only screen and (max-width : 1199px) {
  .select-css-wrap select {
    font-size: 19px;
  }
}
@media only screen and (max-width : 820px) {
  .select-css-wrap select {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  .select-css-wrap select {
    font-size: 16px;
    line-height: 1.6;
  }
}
.select-css-wrap select {
  font-family: "montserrat", sans-serif;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border-width: 0;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  color: #8E8A7C;
  padding: 0 77px 0 35px;
}
@media only screen and (max-width : 699px) {
  .select-css-wrap select {
    padding: 0 50px 0 20px;
  }
}
.select-css-wrap select {
  height: 77px;
  line-height: 77px;
}
@media only screen and (max-width : 820px) {
  .select-css-wrap select {
    height: 50px;
    line-height: 50px;
  }
}
.select-css-wrap select {
  position: relative;
  z-index: 2;
}
.select-css-wrap select::-ms-expand {
  display: none;
}
.select-css-wrap select:focus {
  outline: none;
}
.select-css-wrap select option {
  font-weight: normal;
}
.select-css-wrap {
  position: relative;
}
.select-css-wrap:after {
  content: "\f078";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 100;
  position: absolute;
  right: 0;
  top: 0;
  width: 77px;
  height: 77px;
  line-height: 77px;
}
@media only screen and (max-width : 820px) {
  .select-css-wrap:after {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}
.select-css-wrap:after {
  text-align: center;
  border-left-width: 0;
  z-index: 1;
  font-size: 24px;
  background-color: transparent;
  color: #8E8A7C;
}

.gform_wrapper ul li {
  padding: 0;
  margin: 0;
}
.gform_wrapper ul li:last-child {
  border-width: 0;
}
.gform_wrapper ul li.ui-state-focus {
  background-color: transparent;
}
.gform_wrapper .gfield_label {
  display: none;
}
.gform_wrapper form input[type=text],
.gform_wrapper form input[type=email],
.gform_wrapper form input[type=number],
.gform_wrapper form input[type=tel],
.gform_wrapper form input[type=month],
.gform_wrapper form input[type=password],
.gform_wrapper form input[type=search],
.gform_wrapper form input[type=time],
.gform_wrapper form input[type=url],
.gform_wrapper form input[type=week],
.gform_wrapper form textarea {
  display: block;
  width: 100%;
  appearance: none;
  border-radius: 6px;
  border: 1px solid #8E8A7C;
  color: #8E8A7C;
  padding: 0 35px;
  height: 77px;
  line-height: 77px;
  margin-bottom: 14px;
  transition: all 0.3s ease-in-out;
}
.gform_wrapper form input[type=text]::-webkit-input-placeholder,
.gform_wrapper form input[type=email]::-webkit-input-placeholder,
.gform_wrapper form input[type=number]::-webkit-input-placeholder,
.gform_wrapper form input[type=tel]::-webkit-input-placeholder,
.gform_wrapper form input[type=month]::-webkit-input-placeholder,
.gform_wrapper form input[type=password]::-webkit-input-placeholder,
.gform_wrapper form input[type=search]::-webkit-input-placeholder,
.gform_wrapper form input[type=time]::-webkit-input-placeholder,
.gform_wrapper form input[type=url]::-webkit-input-placeholder,
.gform_wrapper form input[type=week]::-webkit-input-placeholder,
.gform_wrapper form textarea::-webkit-input-placeholder {
  color: #8E8A7C;
}
.gform_wrapper form input[type=text]:-moz-placeholder,
.gform_wrapper form input[type=email]:-moz-placeholder,
.gform_wrapper form input[type=number]:-moz-placeholder,
.gform_wrapper form input[type=tel]:-moz-placeholder,
.gform_wrapper form input[type=month]:-moz-placeholder,
.gform_wrapper form input[type=password]:-moz-placeholder,
.gform_wrapper form input[type=search]:-moz-placeholder,
.gform_wrapper form input[type=time]:-moz-placeholder,
.gform_wrapper form input[type=url]:-moz-placeholder,
.gform_wrapper form input[type=week]:-moz-placeholder,
.gform_wrapper form textarea:-moz-placeholder {
  color: #8E8A7C;
}
.gform_wrapper form input[type=text]::-moz-placeholder,
.gform_wrapper form input[type=email]::-moz-placeholder,
.gform_wrapper form input[type=number]::-moz-placeholder,
.gform_wrapper form input[type=tel]::-moz-placeholder,
.gform_wrapper form input[type=month]::-moz-placeholder,
.gform_wrapper form input[type=password]::-moz-placeholder,
.gform_wrapper form input[type=search]::-moz-placeholder,
.gform_wrapper form input[type=time]::-moz-placeholder,
.gform_wrapper form input[type=url]::-moz-placeholder,
.gform_wrapper form input[type=week]::-moz-placeholder,
.gform_wrapper form textarea::-moz-placeholder {
  color: #8E8A7C;
}
.gform_wrapper form input[type=text]:-ms-input-placeholder,
.gform_wrapper form input[type=email]:-ms-input-placeholder,
.gform_wrapper form input[type=number]:-ms-input-placeholder,
.gform_wrapper form input[type=tel]:-ms-input-placeholder,
.gform_wrapper form input[type=month]:-ms-input-placeholder,
.gform_wrapper form input[type=password]:-ms-input-placeholder,
.gform_wrapper form input[type=search]:-ms-input-placeholder,
.gform_wrapper form input[type=time]:-ms-input-placeholder,
.gform_wrapper form input[type=url]:-ms-input-placeholder,
.gform_wrapper form input[type=week]:-ms-input-placeholder,
.gform_wrapper form textarea:-ms-input-placeholder {
  color: #8E8A7C;
}
.gform_wrapper form input[type=text],
.gform_wrapper form input[type=email],
.gform_wrapper form input[type=number],
.gform_wrapper form input[type=tel],
.gform_wrapper form input[type=month],
.gform_wrapper form input[type=password],
.gform_wrapper form input[type=search],
.gform_wrapper form input[type=time],
.gform_wrapper form input[type=url],
.gform_wrapper form input[type=week],
.gform_wrapper form textarea {
  background-color: transparent;
}
.gform_wrapper form input[type=text]:focus,
.gform_wrapper form input[type=email]:focus,
.gform_wrapper form input[type=number]:focus,
.gform_wrapper form input[type=tel]:focus,
.gform_wrapper form input[type=month]:focus,
.gform_wrapper form input[type=password]:focus,
.gform_wrapper form input[type=search]:focus,
.gform_wrapper form input[type=time]:focus,
.gform_wrapper form input[type=url]:focus,
.gform_wrapper form input[type=week]:focus,
.gform_wrapper form textarea:focus {
  background-color: rgba(243, 243, 239, 0.8);
}
@media only screen and (max-width : 820px) {
  .gform_wrapper form input[type=text],
  .gform_wrapper form input[type=email],
  .gform_wrapper form input[type=number],
  .gform_wrapper form input[type=tel],
  .gform_wrapper form input[type=month],
  .gform_wrapper form input[type=password],
  .gform_wrapper form input[type=search],
  .gform_wrapper form input[type=time],
  .gform_wrapper form input[type=url],
  .gform_wrapper form input[type=week],
  .gform_wrapper form textarea {
    height: 50px;
    line-height: 50px;
  }
}
@media only screen and (max-width : 699px) {
  .gform_wrapper form input[type=text],
  .gform_wrapper form input[type=email],
  .gform_wrapper form input[type=number],
  .gform_wrapper form input[type=tel],
  .gform_wrapper form input[type=month],
  .gform_wrapper form input[type=password],
  .gform_wrapper form input[type=search],
  .gform_wrapper form input[type=time],
  .gform_wrapper form input[type=url],
  .gform_wrapper form input[type=week],
  .gform_wrapper form textarea {
    margin-bottom: 8px;
    padding: 0 20px;
  }
}
#quick-contact .gform_wrapper form input[type=text],
#quick-contact .gform_wrapper form input[type=email],
#quick-contact .gform_wrapper form input[type=number],
#quick-contact .gform_wrapper form input[type=tel],
#quick-contact .gform_wrapper form input[type=month],
#quick-contact .gform_wrapper form input[type=password],
#quick-contact .gform_wrapper form input[type=search],
#quick-contact .gform_wrapper form input[type=time],
#quick-contact .gform_wrapper form input[type=url],
#quick-contact .gform_wrapper form input[type=week],
#quick-contact .gform_wrapper form textarea {
  height: 60px;
  line-height: 60px;
  margin-bottom: 8px;
}
@media only screen and (max-width : 820px) {
  #quick-contact .gform_wrapper form input[type=text],
  #quick-contact .gform_wrapper form input[type=email],
  #quick-contact .gform_wrapper form input[type=number],
  #quick-contact .gform_wrapper form input[type=tel],
  #quick-contact .gform_wrapper form input[type=month],
  #quick-contact .gform_wrapper form input[type=password],
  #quick-contact .gform_wrapper form input[type=search],
  #quick-contact .gform_wrapper form input[type=time],
  #quick-contact .gform_wrapper form input[type=url],
  #quick-contact .gform_wrapper form input[type=week],
  #quick-contact .gform_wrapper form textarea {
    height: 45px;
    line-height: 45px;
  }
}
.gform_wrapper form input[type=checkbox],
.gform_wrapper form input[type=radio] {
  margin: 0 10px 0 0;
  transform: translateY(-1px);
}
.gform_wrapper form button {
  margin-bottom: 0 !important;
}
.gform_wrapper form button[type=submit] {
  margin-top: 20px;
}
@media only screen and (max-width : 820px) {
  .gform_wrapper form button[type=submit] {
    margin-top: 20px;
  }
}
@media only screen and (max-width : 699px) {
  .gform_wrapper form button[type=submit] {
    margin-top: 20px;
  }
}
@media only screen and (max-width : 699px) {
  .gform_wrapper form button {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.gform_wrapper form textarea {
  height: 300px;
  line-height: 1.7;
  padding-top: 16px;
  display: block;
}
@media only screen and (max-width : 820px) {
  .gform_wrapper form textarea {
    height: 180px;
  }
}
#quick-contact .gform_wrapper form textarea {
  height: 160px;
  line-height: 1.7;
}
@media only screen and (max-width : 820px) {
  #quick-contact .gform_wrapper form textarea {
    height: 120px;
  }
}

.gform_wrapper {
  margin: 0;
  max-width: 100%;
  position: relative;
}
.gform_wrapper .gform_heading {
  width: 100%;
  margin-bottom: 0;
}
.gform_wrapper .gform_heading .gform_title {
  padding: 0;
  margin: 1em 0 0.7em;
  color: #8E8A7C;
  font-family: "dunbar-tall", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.gform_wrapper .gform_heading .gform_title:first-child {
  margin-top: 0;
}
.gform_wrapper .gform_heading .gform_title:last-child {
  margin-bottom: 0;
}
.gform_wrapper .gform_heading .gform_title {
  font-size: 26px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  .gform_wrapper .gform_heading .gform_title {
    font-size: 32px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  .gform_wrapper .gform_heading .gform_title {
    font-size: 48px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  .gform_wrapper .gform_heading .gform_title {
    font-size: 52px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1920px) {
  .gform_wrapper .gform_heading .gform_title {
    font-size: 54px;
    line-height: 1.1;
  }
}
.gform_wrapper .gform_heading .gform_description {
  display: block;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  .gform_wrapper .gform_heading .gform_description {
    font-size: 21px;
  }
}
@media only screen and (max-width : 1299px) {
  .gform_wrapper .gform_heading .gform_description {
    font-size: 20px;
  }
}
@media only screen and (max-width : 1199px) {
  .gform_wrapper .gform_heading .gform_description {
    font-size: 19px;
  }
}
@media only screen and (max-width : 820px) {
  .gform_wrapper .gform_heading .gform_description {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  .gform_wrapper .gform_heading .gform_description {
    font-size: 16px;
    line-height: 1.6;
  }
}
.gform_wrapper .gform_heading .gform_description {
  margin-bottom: 15px;
}
.gform_wrapper .gform_fields .gfield {
  position: relative;
  z-index: 1;
}
.gform_wrapper .gform_fields .gfield .gfield_checkbox label {
  font-weight: 500;
  font-size: 22px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  .gform_wrapper .gform_fields .gfield .gfield_checkbox label {
    font-size: 21px;
  }
}
@media only screen and (max-width : 1299px) {
  .gform_wrapper .gform_fields .gfield .gfield_checkbox label {
    font-size: 20px;
  }
}
@media only screen and (max-width : 1199px) {
  .gform_wrapper .gform_fields .gfield .gfield_checkbox label {
    font-size: 19px;
  }
}
@media only screen and (max-width : 820px) {
  .gform_wrapper .gform_fields .gfield .gfield_checkbox label {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  .gform_wrapper .gform_fields .gfield .gfield_checkbox label {
    font-size: 16px;
    line-height: 1.6;
  }
}
.gform_wrapper .gform_fields .gfield .gfield_checkbox label {
  margin: 0;
  display: inline-block;
}
@media only screen and (min-width : 700px) {
  .gform_wrapper .gform_fields .gfield .ginput_container_consent {
    margin-top: 40px;
  }
}
@media only screen and (min-width : 700px) and (max-width : 820px) {
  .gform_wrapper .gform_fields .gfield .ginput_container_consent {
    margin-top: 25px;
  }
}
@media only screen and (min-width : 700px) and (max-width : 699px) {
  .gform_wrapper .gform_fields .gfield .ginput_container_consent {
    margin-top: 20px;
  }
}
@media only screen and (min-width : 700px) {
  #quick-contact .gform_wrapper .gform_fields .gfield .ginput_container_consent {
    margin-top: 10px;
  }
}
@media only screen and (max-width : 699px) {
  .gform_wrapper .gform_fields .gfield .ginput_container_consent {
    margin-top: 20px;
  }
  #quick-contact .gform_wrapper .gform_fields .gfield .ginput_container_consent {
    margin-top: 10px;
  }
}
.gform_wrapper .gform_fields .gfield .ginput_container_consent input[type=checkbox],
.gform_wrapper .gform_fields .gfield .ginput_container_consent input[type=radio] {
  display: none;
}
.gform_wrapper .gform_fields .gfield .ginput_container_consent input[type=checkbox],
.gform_wrapper .gform_fields .gfield .ginput_container_consent input[type=radio] {
  display: none;
}
.gform_wrapper .gform_fields .gfield .ginput_container_consent input[type=checkbox] + label:before,
.gform_wrapper .gform_fields .gfield .ginput_container_consent input[type=radio] + label:before {
  content: "";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 100;
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: block;
  float: left;
  background: transparent;
  margin-right: 0px;
  border-radius: 3px;
  border: 1px solid #8E8A7C;
  cursor: pointer;
  margin: 0 25px 0 0;
  flex: 0 0 30px;
}
@media only screen and (max-width : 699px) {
  .gform_wrapper .gform_fields .gfield .ginput_container_consent input[type=checkbox] + label:before,
  .gform_wrapper .gform_fields .gfield .ginput_container_consent input[type=radio] + label:before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 0;
    flex: 0 0 20px;
    transform: translateY(4px);
  }
}
.gform_wrapper .gform_fields .gfield .ginput_container_consent input[type=checkbox]:checked + label:before,
.gform_wrapper .gform_fields .gfield .ginput_container_consent input[type=radio]:checked + label:before {
  color: #8E8A7C;
  content: "\f00c";
  font-weight: 700;
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
}
.gform_wrapper .gform_fields .gfield .ginput_container_consent > label {
  padding: 0;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.gform_wrapper .gform_fields .gfield .ginput_container_consent > label a {
  margin-left: 0.3em;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.gform_wrapper .gform_fields .gfield .ginput_container_consent .gfield_consent_label {
  margin: 0;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  .gform_wrapper .gform_fields .gfield .ginput_container_consent .gfield_consent_label {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  .gform_wrapper .gform_fields .gfield .ginput_container_consent .gfield_consent_label {
    font-size: 15px;
    line-height: 1.6;
  }
}
.gform_wrapper .gform_fields .gfield .ginput_container_consent .gfield_consent_label {
  padding-left: 50px;
}
@media only screen and (max-width : 699px) {
  .gform_wrapper .gform_fields .gfield .ginput_container_consent .gfield_consent_label {
    padding-left: 30px;
  }
}
.gform_wrapper .gform_fields .gfield .ginput_container_consent .gfield_consent_label:before {
  position: absolute;
  left: 0;
}
.gform_wrapper .gform_fields fieldset {
  border-width: 0;
}
.gform_wrapper .gform_fields label > .gfield_required {
  display: inline-block;
  margin: 0 0 0 5px;
}
.gform_wrapper .gform_footer,
.gform_wrapper .gform_page_footer {
  letter-spacing: 0.05em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  vertical-align: middle;
  border-width: 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  .gform_wrapper .gform_footer,
  .gform_wrapper .gform_page_footer {
    font-size: 21px;
  }
}
@media only screen and (max-width : 1299px) {
  .gform_wrapper .gform_footer,
  .gform_wrapper .gform_page_footer {
    font-size: 20px;
  }
}
@media only screen and (max-width : 1199px) {
  .gform_wrapper .gform_footer,
  .gform_wrapper .gform_page_footer {
    font-size: 19px;
  }
}
@media only screen and (max-width : 820px) {
  .gform_wrapper .gform_footer,
  .gform_wrapper .gform_page_footer {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  .gform_wrapper .gform_footer,
  .gform_wrapper .gform_page_footer {
    font-size: 16px;
    line-height: 1.6;
  }
}
.gform_wrapper .gform_footer,
.gform_wrapper .gform_page_footer {
  font-weight: 500;
  font-family: "dunbar-tall", sans-serif;
  line-height: 1.3;
  text-transform: uppercase;
  position: relative;
  color: #8E8A7C;
  margin: 2em 0 0;
  grid-column-gap: 20px;
  background: transparent;
  padding: 0;
  width: fit-content;
}
@media only screen and (max-width : 1499px) {
  .gform_wrapper .gform_footer,
  .gform_wrapper .gform_page_footer {
    margin: 30px 0 0;
    grid-column-gap: 20px;
  }
}
@media only screen and (max-width : 1299px) {
  .gform_wrapper .gform_footer,
  .gform_wrapper .gform_page_footer {
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 820px) {
  .gform_wrapper .gform_footer,
  .gform_wrapper .gform_page_footer {
    flex-wrap: wrap;
    grid-row-gap: 10px;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 699px) {
  .gform_wrapper .gform_footer,
  .gform_wrapper .gform_page_footer {
    grid-column-gap: 8px;
    grid-row-gap: 5px;
  }
}
.gform_wrapper .gform_footer:after,
.gform_wrapper .gform_page_footer:after {
  content: "\f178";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 100;
  font-size: 1.4em;
  transform: translateX(0);
  transition: transform 0.3s ease-in-out;
}
@media only screen and (max-width : 1299px) {
  .gform_wrapper .gform_footer:after,
  .gform_wrapper .gform_page_footer:after {
    font-size: 1.3em;
  }
}
@media only screen and (max-width : 699px) {
  .gform_wrapper .gform_footer:after,
  .gform_wrapper .gform_page_footer:after {
    font-size: 1.1em;
  }
}
.gform_wrapper .gform_footer:hover:after,
.gform_wrapper .gform_page_footer:hover:after {
  transform: translateX(10px);
}
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input[type=submit] {
  letter-spacing: 0.05em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  vertical-align: middle;
  border-width: 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  .gform_wrapper .gform_footer input[type=submit],
  .gform_wrapper .gform_page_footer input[type=submit] {
    font-size: 21px;
  }
}
@media only screen and (max-width : 1299px) {
  .gform_wrapper .gform_footer input[type=submit],
  .gform_wrapper .gform_page_footer input[type=submit] {
    font-size: 20px;
  }
}
@media only screen and (max-width : 1199px) {
  .gform_wrapper .gform_footer input[type=submit],
  .gform_wrapper .gform_page_footer input[type=submit] {
    font-size: 19px;
  }
}
@media only screen and (max-width : 820px) {
  .gform_wrapper .gform_footer input[type=submit],
  .gform_wrapper .gform_page_footer input[type=submit] {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  .gform_wrapper .gform_footer input[type=submit],
  .gform_wrapper .gform_page_footer input[type=submit] {
    font-size: 16px;
    line-height: 1.6;
  }
}
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input[type=submit] {
  font-weight: 500;
  font-family: "dunbar-tall", sans-serif;
  line-height: 1.3;
  text-transform: uppercase;
  position: relative;
  color: #8E8A7C;
  margin: 2em 0 0;
  grid-column-gap: 20px;
  background: transparent;
  padding: 0;
  width: fit-content;
}
@media only screen and (max-width : 1499px) {
  .gform_wrapper .gform_footer input[type=submit],
  .gform_wrapper .gform_page_footer input[type=submit] {
    margin: 30px 0 0;
    grid-column-gap: 20px;
  }
}
@media only screen and (max-width : 1299px) {
  .gform_wrapper .gform_footer input[type=submit],
  .gform_wrapper .gform_page_footer input[type=submit] {
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 820px) {
  .gform_wrapper .gform_footer input[type=submit],
  .gform_wrapper .gform_page_footer input[type=submit] {
    flex-wrap: wrap;
    grid-row-gap: 10px;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 699px) {
  .gform_wrapper .gform_footer input[type=submit],
  .gform_wrapper .gform_page_footer input[type=submit] {
    grid-column-gap: 8px;
    grid-row-gap: 5px;
  }
}
.gform_wrapper .gform_footer input[type=submit]:after,
.gform_wrapper .gform_page_footer input[type=submit]:after {
  content: "\f178";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 100;
  font-size: 1.4em;
  transform: translateX(0);
  transition: transform 0.3s ease-in-out;
}
@media only screen and (max-width : 1299px) {
  .gform_wrapper .gform_footer input[type=submit]:after,
  .gform_wrapper .gform_page_footer input[type=submit]:after {
    font-size: 1.3em;
  }
}
@media only screen and (max-width : 699px) {
  .gform_wrapper .gform_footer input[type=submit]:after,
  .gform_wrapper .gform_page_footer input[type=submit]:after {
    font-size: 1.1em;
  }
}
.gform_wrapper .gform_footer input[type=submit]:hover:after,
.gform_wrapper .gform_page_footer input[type=submit]:hover:after {
  transform: translateX(10px);
}
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input[type=submit] {
  margin-top: 0 !important;
}
.gform_wrapper .gform_footer input[type=submit]:after,
.gform_wrapper .gform_page_footer input[type=submit]:after {
  display: none;
}
.gform_wrapper .gform_footer .gform_ajax_spinner,
.gform_wrapper .gform_page_footer .gform_ajax_spinner {
  display: block;
  width: 50px;
  height: 50px;
  background-image: url("../images/loading.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  animation: loadingspinner 1.4s infinite linear;
  transform: translateZ(0);
  transition: opacity 0.3s ease-in-out;
}
@keyframes loadingspinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.gform_wrapper .gform_footer .gform_ajax_spinner,
.gform_wrapper .gform_page_footer .gform_ajax_spinner {
  background-image: none;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
}
.gform_wrapper .gform_page_footer:hover:after {
  transform: none;
}
#quick-contact .gform_wrapper .gform_footer {
  margin-top: 20px;
  width: 100%;
  justify-content: flex-end;
}
#quick-contact .gform_wrapper .gform_footer:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 33'%3E%3Cline x1='56.7' y1='16.1' x2='1.7' y2='16.1' vector-effect='non-scaling-stroke' stroke-linecap='round' stroke-linejoin='round' stroke='%238E8A7C' stroke-width='1' fill='none' /%3E%3Cline x1='56.7' y1='16.1' x2='41.6' y2='2' vector-effect='non-scaling-stroke' stroke-linecap='round' stroke-linejoin='round' stroke='%238E8A7C' stroke-width='1' fill='none' /%3E%3Cline x1='41.6' y1='30.5' x2='56.7' y2='16.1' vector-effect='non-scaling-stroke' stroke-linecap='round' stroke-linejoin='round' stroke='%238E8A7C' stroke-width='1' fill='none' /%3E%3C/svg%3E");
  width: 58px;
  height: 33px;
}
@media only screen and (max-width : 820px) {
  #quick-contact .gform_wrapper .gform_footer:after {
    width: 29px;
    height: 17px;
  }
}
.gform_wrapper .gsection {
  border-width: 0;
  padding: 30px 0 0;
}
.gform_wrapper .gsection .gsection_title {
  padding: 0;
  margin: 1em 0 0.7em;
  color: #8E8A7C;
  font-family: "dunbar-tall", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.gform_wrapper .gsection .gsection_title:first-child {
  margin-top: 0;
}
.gform_wrapper .gsection .gsection_title:last-child {
  margin-bottom: 0;
}
.gform_wrapper .gsection .gsection_title {
  font-size: 26px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  .gform_wrapper .gsection .gsection_title {
    font-size: 32px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  .gform_wrapper .gsection .gsection_title {
    font-size: 48px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  .gform_wrapper .gsection .gsection_title {
    font-size: 52px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1920px) {
  .gform_wrapper .gsection .gsection_title {
    font-size: 54px;
    line-height: 1.1;
  }
}
.gform_wrapper .gfield_description {
  width: 100%;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  .gform_wrapper .gfield_description {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  .gform_wrapper .gfield_description {
    font-size: 15px;
    line-height: 1.6;
  }
}
.gform_wrapper .gfield_description {
  padding: 0;
  margin: 5px 0 20px;
}
.gform_wrapper .validation_error,
.gform_wrapper .gfield_error {
  width: 100%;
  background-color: transparent;
  border-width: 0;
}
.gform_wrapper .validation_error .ginput_container,
.gform_wrapper .gfield_error .ginput_container {
  max-width: 100%;
  margin-top: 0;
}
.gform_wrapper .validation_error,
.gform_wrapper .validation_message {
  color: #1F2426;
}
.gform_wrapper .validation_error,
.gform_wrapper .gform_submission_error {
  font-weight: 500;
  font-size: 22px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  .gform_wrapper .validation_error,
  .gform_wrapper .gform_submission_error {
    font-size: 21px;
  }
}
@media only screen and (max-width : 1299px) {
  .gform_wrapper .validation_error,
  .gform_wrapper .gform_submission_error {
    font-size: 20px;
  }
}
@media only screen and (max-width : 1199px) {
  .gform_wrapper .validation_error,
  .gform_wrapper .gform_submission_error {
    font-size: 19px;
  }
}
@media only screen and (max-width : 820px) {
  .gform_wrapper .validation_error,
  .gform_wrapper .gform_submission_error {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  .gform_wrapper .validation_error,
  .gform_wrapper .gform_submission_error {
    font-size: 16px;
    line-height: 1.6;
  }
}
.gform_wrapper .validation_error,
.gform_wrapper .gform_submission_error {
  text-transform: none;
  margin: 0px 0 25px;
  padding: 0;
  text-align: left;
  font-weight: normal;
}
.gform_wrapper .validation_message {
  font-weight: 500;
  font-size: 17px;
  line-height: 1.75;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  .gform_wrapper .validation_message {
    font-size: 16px;
  }
}
@media only screen and (max-width : 699px) {
  .gform_wrapper .validation_message {
    font-size: 15px;
    line-height: 1.6;
  }
}
.gform_wrapper .validation_message {
  position: absolute;
  z-index: 999;
  left: 0;
  top: -28px;
  background: #ffffff;
  color: #8E8A7C;
  display: inline-block;
  width: auto;
  padding: 8px 15px;
  border-radius: 6px;
  margin: 0;
}
@media only screen and (max-width : 699px) {
  .gform_wrapper .validation_message {
    top: -50px;
    padding: 8px 19px;
  }
}
.gform_wrapper .validation_message:before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -4px;
  margin-left: -8px;
  z-index: 1;
  width: 10px;
  height: 10px;
  background: #ffffff;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  transform: rotate(45deg);
}
.gform_wrapper .validation_message:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 6px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
}
.gform_wrapper .ginput_recaptcha + .validation_message,
.gform_wrapper .ginput_container_consent + .validation_message {
  right: auto;
}
.gform_wrapper .ginput_recaptcha + .validation_message {
  top: -35px;
}
@media only screen and (max-width : 699px) {
  .gform_wrapper .ginput_recaptcha + .validation_message {
    top: -25px;
  }
}
.gform_wrapper .ginput_container_consent + .validation_message {
  top: -55px;
}
@media only screen and (max-width : 699px) {
  .gform_wrapper .ginput_container_consent + .validation_message {
    top: -35px;
  }
}
.gform_wrapper .ginput_container_consent input[type=checkbox],
.gform_wrapper .ginput_container_consent input[type=radio] {
  display: none;
}
.gform_wrapper .ginput_container_consent input[type=checkbox],
.gform_wrapper .ginput_container_consent input[type=radio] {
  display: none;
}
.gform_wrapper .ginput_container_consent input[type=checkbox] + label:before,
.gform_wrapper .ginput_container_consent input[type=radio] + label:before {
  content: "";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 100;
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: block;
  float: left;
  background: transparent;
  margin-right: 0px;
  border-radius: 3px;
  border: 1px solid #8E8A7C;
  cursor: pointer;
  margin: 0 25px 0 0;
  flex: 0 0 30px;
}
@media only screen and (max-width : 699px) {
  .gform_wrapper .ginput_container_consent input[type=checkbox] + label:before,
  .gform_wrapper .ginput_container_consent input[type=radio] + label:before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 0;
    flex: 0 0 20px;
    transform: translateY(4px);
  }
}
.gform_wrapper .ginput_container_consent input[type=checkbox]:checked + label:before,
.gform_wrapper .ginput_container_consent input[type=radio]:checked + label:before {
  color: #8E8A7C;
  content: "\f00c";
  font-weight: 700;
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
}
.gform_wrapper .ginput_container_consent > label {
  padding: 0;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.gform_wrapper .ginput_container_consent > label a {
  margin-left: 0.3em;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.gform_wrapper .screen-reader-text {
  display: none;
}
.gform_wrapper .ginput_complex .clear-multi {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
@media only screen and (max-width : 699px) {
  .gform_wrapper .ginput_complex .clear-multi {
    flex-direction: column;
  }
}
.gform_wrapper .ginput_complex .clear-multi input {
  margin: 0;
}
.gform_wrapper .ginput_complex .clear-multi label,
.gform_wrapper .ginput_complex .clear-multi i {
  display: none;
}
.gform_wrapper .ginput_complex .clear-multi .gfield_time_hour,
.gform_wrapper .ginput_complex .clear-multi .gfield_time_minute {
  display: flex;
  align-items: center;
  width: 150px;
  margin: 0 10px 0 0;
}
@media only screen and (max-width : 699px) {
  .gform_wrapper .ginput_complex .clear-multi .gfield_time_hour,
  .gform_wrapper .ginput_complex .clear-multi .gfield_time_minute {
    margin: 0 0 8px;
    width: 100%;
  }
}
.gform_wrapper .ginput_complex .clear-multi .gfield_time_ampm {
  display: flex;
  align-items: center;
}
.gform_wrapper .ginput_complex .clear-multi .gfield_time_ampm .gfield_time_ampm_shim {
  display: none;
}
.gform_wrapper .ginput_complex .clear-multi .gfield_time_ampm .select-css-wrap {
  width: 210px;
  margin: 0;
}
@media only screen and (max-width : 699px) {
  .gform_wrapper .ginput_complex .clear-multi .gfield_time_ampm .select-css-wrap {
    width: 100%;
  }
}
.gfield_checkbox > li input[type=checkbox],
.gfield_checkbox > li input[type=radio] {
  display: none;
}
.gfield_checkbox > li input[type=checkbox],
.gfield_checkbox > li input[type=radio] {
  display: none;
}
.gfield_checkbox > li input[type=checkbox] + label:before,
.gfield_checkbox > li input[type=radio] + label:before {
  content: "";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 100;
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: block;
  float: left;
  background: transparent;
  margin-right: 0px;
  border-radius: 3px;
  border: 1px solid #8E8A7C;
  cursor: pointer;
  margin: 0 25px 0 0;
  flex: 0 0 30px;
}
@media only screen and (max-width : 699px) {
  .gfield_checkbox > li input[type=checkbox] + label:before,
  .gfield_checkbox > li input[type=radio] + label:before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 0;
    flex: 0 0 20px;
    transform: translateY(4px);
  }
}
.gfield_checkbox > li input[type=checkbox]:checked + label:before,
.gfield_checkbox > li input[type=radio]:checked + label:before {
  color: #8E8A7C;
  content: "\f00c";
  font-weight: 700;
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
}
.gfield_checkbox > li > label {
  padding: 0;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.gfield_checkbox > li > label a {
  margin-left: 0.3em;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.g-recaptcha {
  margin-bottom: 4px;
}

#searchform .searchformwrap {
  position: relative;
}
#searchform .searchformwrap input {
  margin: 0;
}
#searchform .searchformwrap button {
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: auto;
  width: 70px;
  padding: 0;
  border-radius: 0;
}

#ui-datepicker-div {
  background-color: #ffffff;
  padding: 10px 15px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
}
#ui-datepicker-div .ui-datepicker-header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin: 10px 0;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  margin: 0 10px 0 0;
}
#ui-datepicker-div .ui-datepicker-calendar table td,
#ui-datepicker-div .ui-datepicker-calendar table th {
  padding: 3px 6px;
  text-align: center;
  font-size: 17px;
}

.anim {
  opacity: 0;
}

#more-projects article {
  perspective: 1000px;
}

figure.img-parallax,
figure > a.img-parallax {
  overflow: hidden;
  position: relative;
  display: block;
}
figure.img-parallax img,
figure > a.img-parallax img {
  width: 100%;
  height: 130% !important;
  object-fit: cover !important;
  top: auto !important;
  bottom: 0 !important;
}
@media only screen and (max-width : 820px) {
  figure.img-parallax img,
  figure > a.img-parallax img {
    height: 100% !important;
  }
}

figure {
  position: relative;
}
figure > a.img-parallax {
  position: absolute;
  inset: 0;
}

figure.mask-reveal,
figure > a.mask-reveal {
  opacity: 0;
}

#header {
  height: var(--headerHeight);
  background-color: transparent;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999999999;
  display: flex;
  align-items: center;
}

.header-content {
  height: inherit;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding-left: var(--containerGap);
  padding-right: var(--containerGap);
}
@media only screen and (max-width : 699px) {
  .header-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.header-content > section:not(.megamenu) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: inherit;
  background: #ffffff;
  height: var(--headerInnerHeight);
  padding: 0px 14px 0 23px;
  border-radius: 100px;
  border: 1px solid rgba(142, 138, 124, 0.2);
  width: 83.333333%;
  transition: width 0.3s ease-in-out;
}
@media only screen and (min-width : 1920px) {
  .header-content > section:not(.megamenu) {
    width: 1516px;
  }
}
@media only screen and (max-width : 1199px) {
  .header-content > section:not(.megamenu) {
    width: 100%;
  }
}
.navtop .header-content > section:not(.megamenu), .defaultstate .header-content > section:not(.megamenu) {
  width: 100%;
}
.header-content > section.megamenu {
  background: #ffffff;
  width: calc(100% - var(--containerGap) - var(--containerGap));
  position: fixed;
  border-radius: var(--borderRadiusMed);
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid rgba(142, 138, 124, 0.2);
  padding: 80px;
}
@media only screen and (max-width : 1799px) {
  .header-content > section.megamenu {
    padding: 70px;
  }
}
@media only screen and (max-width : 820px) {
  .header-content > section.megamenu {
    padding: 60px;
  }
}
@media only screen and (max-width : 699px) {
  .header-content > section.megamenu {
    padding: 40px;
  }
}
.header-content > section.megamenu {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-template-rows: auto auto auto;
  column-gap: 60px;
  row-gap: 0;
}
.header-content > section.megamenu > article {
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
}
.header-content > section.megamenu > article > .text {
  display: grid;
  grid-row: span 2;
  grid-template-rows: subgrid;
}
.header-content > section.megamenu > article > .text > ul {
  align-content: start;
}
.header-content > section.megamenu {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-50%) translateY(-10px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0s linear 0.3s;
}
@media only screen and (max-width : 1199px) {
  .header-content > section.megamenu {
    display: none;
  }
}
.megamenu-open .header-content > section.megamenu {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateX(-50%) translateY(0);
  transition-delay: 0s;
}
.header-content > section.megamenu header h3 {
  font-weight: 500;
  font-size: 22px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  .header-content > section.megamenu header h3 {
    font-size: 21px;
  }
}
@media only screen and (max-width : 1299px) {
  .header-content > section.megamenu header h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width : 1199px) {
  .header-content > section.megamenu header h3 {
    font-size: 19px;
  }
}
@media only screen and (max-width : 820px) {
  .header-content > section.megamenu header h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  .header-content > section.megamenu header h3 {
    font-size: 16px;
    line-height: 1.6;
  }
}
.header-content > section.megamenu header h3 {
  font-family: "dunbar-tall", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 0 0 17px;
}
.header-content > section.megamenu p {
  display: grid;
  gap: 22px;
  font-weight: 500;
  font-size: 17px;
  line-height: 1.75;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  .header-content > section.megamenu p {
    font-size: 16px;
  }
}
@media only screen and (max-width : 699px) {
  .header-content > section.megamenu p {
    font-size: 15px;
    line-height: 1.6;
  }
}
.header-content > section.megamenu p .intro-text {
  display: block;
}
.header-content > section.megamenu p a {
  letter-spacing: 0.05em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  vertical-align: middle;
  border-width: 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  .header-content > section.megamenu p a {
    font-size: 21px;
  }
}
@media only screen and (max-width : 1299px) {
  .header-content > section.megamenu p a {
    font-size: 20px;
  }
}
@media only screen and (max-width : 1199px) {
  .header-content > section.megamenu p a {
    font-size: 19px;
  }
}
@media only screen and (max-width : 820px) {
  .header-content > section.megamenu p a {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  .header-content > section.megamenu p a {
    font-size: 16px;
    line-height: 1.6;
  }
}
.header-content > section.megamenu p a {
  font-weight: 500;
  font-family: "dunbar-tall", sans-serif;
  line-height: 1.3;
  text-transform: uppercase;
  position: relative;
  color: #8E8A7C;
  margin: 2em 0 0;
  grid-column-gap: 20px;
  background: transparent;
  padding: 0;
  width: fit-content;
}
@media only screen and (max-width : 1499px) {
  .header-content > section.megamenu p a {
    margin: 30px 0 0;
    grid-column-gap: 20px;
  }
}
@media only screen and (max-width : 1299px) {
  .header-content > section.megamenu p a {
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 820px) {
  .header-content > section.megamenu p a {
    flex-wrap: wrap;
    grid-row-gap: 10px;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 699px) {
  .header-content > section.megamenu p a {
    grid-column-gap: 8px;
    grid-row-gap: 5px;
  }
}
.header-content > section.megamenu p a:after {
  content: "\f178";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 100;
  font-size: 1.4em;
  transform: translateX(0);
  transition: transform 0.3s ease-in-out;
}
@media only screen and (max-width : 1299px) {
  .header-content > section.megamenu p a:after {
    font-size: 1.3em;
  }
}
@media only screen and (max-width : 699px) {
  .header-content > section.megamenu p a:after {
    font-size: 1.1em;
  }
}
.header-content > section.megamenu p a:hover:after {
  transform: translateX(10px);
}
.header-content > section.megamenu p a {
  margin-top: 0;
  font-size: inherit;
}
.header-content > section.megamenu ul {
  border-top: 1px solid #DDDCD6;
  display: grid;
  gap: 8px;
  margin: 40px 0 0;
  padding: 40px 0 0;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  .header-content > section.megamenu ul {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  .header-content > section.megamenu ul {
    font-size: 15px;
    line-height: 1.6;
  }
}
.header-content > section.megamenu ul a {
  transition: color 0.3s ease-in-out;
}
.header-content > section.megamenu ul a:hover {
  color: #1F2426;
}
.header-content #logo {
  display: flex;
  align-items: center;
  grid-column-gap: 9px;
  font-size: 26px;
  text-transform: uppercase;
  font-family: "dunbar-tall", sans-serif;
  font-weight: 400;
  position: relative;
}
@media only screen and (max-width : 1599px) {
  .header-content #logo {
    font-size: 22px;
  }
}
@media only screen and (max-width : 1399px) {
  .header-content #logo {
    font-size: 20px;
  }
}
@media only screen and (max-width : 699px) {
  .header-content #logo {
    font-size: 18px;
  }
}
@media only screen and (max-width : 374px) {
  .header-content #logo {
    font-size: 17px;
  }
}
.navtop .header-content #logo {
  pointer-events: all;
}
.header-content #logo figure {
  display: block;
  flex: 0 0 var(--headerInnerItems);
  width: var(--headerInnerItems);
  height: var(--headerInnerItems);
  border-radius: 100%;
  border: 2px solid #8E8A7C;
  display: none;
}
.header-content .contact {
  display: flex;
  align-items: center;
  grid-column-gap: 10px;
  height: var(--headerInnerItems);
}
@media only screen and (max-width : 1199px) {
  .header-content .contact {
    margin-right: 45px;
  }
}
@media only screen and (max-width : 699px) {
  .header-content .contact {
    height: 40px;
  }
}
@media only screen and (max-width : 374px) {
  .header-content .contact {
    margin-right: 40px;
  }
}
.header-content .contact .phone {
  width: var(--headerInnerItems);
  border-radius: 100px;
  border: 1px solid rgba(142, 138, 124, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width : 699px) {
  .header-content .contact .phone {
    width: 40px;
    height: 40px;
  }
  .header-content .contact .phone i {
    font-size: 20px;
  }
}
.header-content .contact .phone, .header-content .contact .btn {
  height: inherit;
}
.header-content .contact .btn {
  margin: 0;
  padding: 0 30px;
}
@media only screen and (max-width : 1699px) {
  .header-content .contact .btn:after {
    display: none;
  }
}
@media only screen and (max-width : 1499px) {
  .header-content .contact .btn {
    font-size: 18px;
  }
}
@media only screen and (max-width : 1399px) {
  .header-content .contact .btn {
    font-size: 18px;
    padding: 0 20px;
  }
}
@media only screen and (max-width : 699px) {
  .header-content .contact .btn {
    display: none;
  }
}

#header:has(+ #smooth-wrapper #website-wrap > section.light:first-child) .header-content #logo .logo-icon,
#header:has(+ #smooth-wrapper #website-wrap > section.light:first-child) .header-content #logo .logo-text {
  fill: #5C584C;
}

#wpadminbar {
  position: fixed !important;
  z-index: 9999999999;
}

#mobnavbtn {
  width: 40px;
  height: 40px;
  position: fixed;
  right: 40px;
}
@media only screen and (max-width : 699px) {
  #mobnavbtn {
    right: 30px;
  }
}

#mobnavbtn #mobnavtrigger,
#contactbtn a {
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: #8E8A7C;
  border-radius: 100%;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

#mobnavbtn {
  z-index: 9999;
  overflow: hidden;
}
@media only screen and (min-width : 1200px) {
  #mobnavbtn {
    display: none;
  }
}
#mobnavbtn #mobnavtrigger figure {
  position: relative;
  padding: 0 10px;
  margin: 0 auto;
  height: inherit;
}
#mobnavbtn #mobnavtrigger span {
  background-color: #ffffff;
  width: calc(100% - 20px);
  height: 1px;
  position: absolute;
  top: 50%;
  transition: all 0.3s ease-in-out;
}
#mobnavbtn #mobnavtrigger span.bar1 {
  margin-top: -4px;
}
.showmobnav #mobnavbtn #mobnavtrigger span.bar1 {
  transform: rotate(45deg);
  margin-top: 0px;
}
@media only screen and (max-width : 699px) {
  #mobnavbtn #mobnavtrigger span.bar1 {
    margin-top: -3px;
  }
}
#mobnavbtn #mobnavtrigger span.bar2 {
  margin-top: 4px;
  width: calc(100% - 27px);
}
.showmobnav #mobnavbtn #mobnavtrigger span.bar2 {
  transform: rotate(-45deg);
  width: calc(100% - 20px);
  margin-top: 0px;
}
@media only screen and (max-width : 699px) {
  #mobnavbtn #mobnavtrigger span.bar2 {
    margin-top: 3px;
  }
}

#website-wrap {
  z-index: 1;
}

#nav, #nav .nav {
  gap: 40px;
}
@media only screen and (max-width : 1699px) {
  #nav, #nav .nav {
    gap: 30px;
  }
}
@media only screen and (max-width : 1499px) {
  #nav, #nav .nav {
    gap: 18px;
  }
}
@media only screen and (max-width : 1299px) {
  #nav, #nav .nav {
    gap: 18px;
  }
}

#nav {
  background-color: transparent;
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width : 1199px) {
  #nav {
    padding-right: 76px;
  }
}
@media only screen and (max-width : 699px) {
  #nav {
    height: 80px;
  }
}
#nav > .wrap {
  height: inherit;
}
#nav > .wrap > .row {
  height: inherit;
}
#nav > .wrap > .row > div {
  height: inherit;
}
#nav > .wrap > .row > div > ul {
  height: inherit;
}
#nav .nav {
  text-align: center;
  display: flex;
  justify-content: space-around;
  height: inherit;
  margin: 0;
}
#nav .nav > li {
  font-size: 18px;
  letter-spacing: 0.05em;
  font-family: "dunbar-tall", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
}
@media only screen and (max-width : 1599px) {
  #nav .nav > li {
    font-size: 18px;
  }
}
@media only screen and (max-width : 1499px) {
  #nav .nav > li {
    font-size: 16px;
  }
}
#nav .nav > li {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: inherit;
}
#nav .nav > li li {
  line-height: 1;
}
#nav .nav > li > a {
  height: inherit;
  line-height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  padding: 0;
  transition: all 0.3s ease-in-out;
  color: #8E8A7C;
  position: relative;
}
#nav .nav > li > a:after {
  display: block;
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
#nav .nav > li .sub-menu {
  position: absolute;
  top: 100%;
  margin: 0;
  left: -30px;
  opacity: 0;
  background-color: #ffffff;
  min-width: 100%;
  text-align: left !important;
  border-radius: var(--borderRadiusMed);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
  padding: 8px 0;
  display: grid;
}
#nav .nav > li .sub-menu li {
  margin: 0;
  padding: 0;
  position: relative;
}
#nav .nav > li .sub-menu li a {
  display: block;
  white-space: nowrap;
  padding: 10px 30px;
  text-transform: none;
  letter-spacing: 0;
  color: #8E8A7C;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  #nav .nav > li .sub-menu li a {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  #nav .nav > li .sub-menu li a {
    font-size: 15px;
    line-height: 1.6;
  }
}
#nav .nav > li .sub-menu li a {
  border-bottom: 1px solid #EAE9E2;
  transition: color 0.3s ease-in-out;
}
#nav .nav > li .sub-menu li a:hover {
  color: #1F2426;
}
#nav .nav > li .sub-menu li:last-child > a {
  border-width: 0;
}
#nav .nav > li .sub-menu li .sub-menu {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 100%;
  z-index: 2;
}
#nav .nav > li:hover, #nav .nav > li.active {
  overflow: visible;
}
#nav .nav > li:hover .sub-menu, #nav .nav > li.active .sub-menu {
  opacity: 1;
}
#nav .nav > li.current_page_item > a:after, #nav .nav > li.current-menu-item > a:after {
  background-color: #8E8A7C;
}
@media only screen and (max-width : 1199px) {
  #nav {
    display: none;
  }
}

#mobmenu {
  visibility: hidden;
  opacity: 0;
  background-color: #ffffff;
  text-align: left;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 999;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#mobmenu::-webkit-scrollbar {
  display: none;
}
#mobmenu > #mobmenunav {
  overflow-y: auto;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#mobmenu > #mobmenunav > ul {
  height: inherit;
  margin: 0;
  padding: 0;
  text-align: right;
  display: grid;
}
@media only screen and (max-width : 1199px) {
  #mobmenu > #mobmenunav > ul {
    padding-top: 60px;
    display: block;
    padding-bottom: 120px;
  }
}
#mobmenu > #mobmenunav > ul > li {
  position: relative;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #DDDCD6;
  overflow: hidden;
}
@media only screen and (max-width : 1199px) {
  #mobmenu > #mobmenunav > ul > li {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    border-width: 0;
    position: relative;
    padding: 15px 20px;
  }
  #mobmenu > #mobmenunav > ul > li:after {
    content: "";
    width: 100%;
    display: block;
    height: 1px;
    background-color: #DDDCD6;
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
@media only screen and (min-width : 1200px) {
  #mobmenu > #mobmenunav > ul > li > a {
    padding-left: var(--containerGap);
    padding-right: var(--containerGap);
  }
}
@media only screen and (min-width : 1200px) {
  #mobmenu > #mobmenunav > ul > li > a:hover {
    color: #8E8A7C;
  }
}
#mobmenu > #mobmenunav > ul > li:last-child {
  border-width: 0;
  padding-bottom: 130px;
}
#mobmenu > #mobmenunav > ul > li:last-child:after {
  display: none;
}
#mobmenu > #mobmenunav > ul > li > .sub-menu {
  margin: 0;
  display: flex;
  overflow: hidden;
}
@media only screen and (min-width : 1200px) {
  #mobmenu > #mobmenunav > ul > li > .sub-menu {
    height: 100%;
  }
}
@media only screen and (max-width : 1199px) {
  #mobmenu > #mobmenunav > ul > li > .sub-menu {
    flex-direction: column;
  }
}
#mobmenu > #mobmenunav > ul > li > .sub-menu > li {
  transform: none;
}
@media only screen and (min-width : 1200px) {
  #mobmenu > #mobmenunav > ul > li > .sub-menu > li {
    height: 100%;
  }
}
@media only screen and (max-width : 1199px) {
  #mobmenu > #mobmenunav > ul > li > .sub-menu > li:first-child {
    padding-top: 15px;
  }
}
#mobmenu > #mobmenunav > ul > li > .sub-menu > li > a {
  color: #8E8A7C;
  white-space: nowrap;
  align-items: center;
  display: flex;
  transition: color 0.3s ease-in-out;
}
@media only screen and (min-width : 1200px) {
  #mobmenu > #mobmenunav > ul > li > .sub-menu > li > a {
    height: 100%;
    padding: 0 10px;
  }
}
@media only screen and (min-width : 1300px) {
  #mobmenu > #mobmenunav > ul > li > .sub-menu > li > a {
    padding: 0 30px;
  }
}
@media only screen and (max-width : 1199px) {
  #mobmenu > #mobmenunav > ul > li > .sub-menu > li > a {
    padding: 5px 0;
  }
}
#mobmenu > #mobmenunav > ul > li > .sub-menu > li > a:hover {
  color: #8E8A7C;
}
#mobmenu > #mobmenunav > ul > li > .sub-menu > li:last-child > a {
  padding-right: var(--containerGap);
}
@media only screen and (max-width : 1199px) {
  #mobmenu > #mobmenunav > ul > li > .sub-menu > li:last-child > a {
    padding-right: 0;
  }
}
#mobmenu > #mobmenunav > ul > li > a {
  display: flex;
  align-items: center;
  transform: translateY(0%);
  font-family: "dunbar-tall", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 19px;
  line-height: 1.3;
}
@media screen and (min-width: 700px) {
  #mobmenu > #mobmenunav > ul > li > a {
    font-size: 22px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  #mobmenu > #mobmenunav > ul > li > a {
    font-size: 26px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1500px) {
  #mobmenu > #mobmenunav > ul > li > a {
    font-size: 30px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1920px) {
  #mobmenu > #mobmenunav > ul > li > a {
    font-size: 32px;
    line-height: 1.2;
  }
}
#mobmenu > #mobmenunav > ul > li > a {
  font-weight: 500;
  letter-spacing: 0.05em;
  transform: none;
  width: auto;
  flex-grow: 1;
}
@media only screen and (min-width: 1200px) and (max-height: 700px) {
  #mobmenu > #mobmenunav > ul > li > a span {
    font-size: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-height: 800px) {
  #mobmenu > #mobmenunav > ul > li > a span {
    font-size: 50px;
  }
}
@media only screen and (min-width : 1200px) {
  #mobmenu > #mobmenunav > ul > li > a {
    height: 100%;
  }
  #mobmenu > #mobmenunav > ul > li > a span {
    display: flex;
    height: 100%;
    justify-content: flex-start;
    align-items: center;
  }
}
@media only screen and (max-width : 1199px) {
  #mobmenu > #mobmenunav > ul > li > a {
    width: 100%;
    text-align: left;
    justify-content: space-between;
  }
}
@media only screen and (max-width : 1199px) {
  #mobmenu > #mobmenunav > ul > li > a {
    position: relative;
    padding-right: 60px;
  }
  #mobmenu > #mobmenunav > ul > li > a > span.submenu-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 60px;
    height: 44px;
    z-index: 2;
  }
}

span.submenu-toggle {
  flex: 0 0 60px;
  align-self: stretch;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  touch-action: manipulation;
}
span.submenu-toggle svg {
  width: 20px;
  height: 20px;
  stroke: #8E8A7C;
}
span.submenu-toggle .plus-v {
  transform-origin: center;
  transition: transform 0.3s ease-in-out;
}
span.submenu-toggle.active .plus-v {
  transform: scaleY(0);
}

#mobmenu > #mobmenunav > ul > li.megamenu-mob-hidden {
  display: none;
}
#mobmenu li.megamenu-mob-item > article {
  width: 100%;
  text-align: left;
}
#mobmenu li.megamenu-mob-item > article > header {
  position: relative;
}
#mobmenu li.megamenu-mob-item > article > header > h3 {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
  padding-right: 60px;
  font-family: "dunbar-tall", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 19px;
  line-height: 1.3;
}
@media screen and (min-width: 700px) {
  #mobmenu li.megamenu-mob-item > article > header > h3 {
    font-size: 22px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  #mobmenu li.megamenu-mob-item > article > header > h3 {
    font-size: 26px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1500px) {
  #mobmenu li.megamenu-mob-item > article > header > h3 {
    font-size: 30px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1920px) {
  #mobmenu li.megamenu-mob-item > article > header > h3 {
    font-size: 32px;
    line-height: 1.2;
  }
}
#mobmenu li.megamenu-mob-item > article > header > h3 {
  font-weight: 500;
  letter-spacing: 0.05em;
  cursor: pointer;
}
#mobmenu li.megamenu-mob-item > article > header > h3 a {
  color: inherit;
  cursor: pointer;
}
#mobmenu li.megamenu-mob-item > article > header > h3 > span.submenu-toggle {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 60px;
  height: 44px;
  z-index: 2;
}
#mobmenu li.megamenu-mob-item > article > .text {
  overflow: hidden;
  width: 100%;
}
#mobmenu li.megamenu-mob-item > article > .text > p {
  margin: 0;
  display: grid;
  gap: 15px;
  justify-items: start;
  position: relative;
}
#mobmenu li.megamenu-mob-item > article > .text > p .intro-text {
  display: block;
  padding-top: 15px;
}
#mobmenu li.megamenu-mob-item > article > .text > p a.intro-link {
  display: block;
  color: #8E8A7C;
  padding-bottom: 5px;
  letter-spacing: 0.05em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  vertical-align: middle;
  border-width: 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  #mobmenu li.megamenu-mob-item > article > .text > p a.intro-link {
    font-size: 21px;
  }
}
@media only screen and (max-width : 1299px) {
  #mobmenu li.megamenu-mob-item > article > .text > p a.intro-link {
    font-size: 20px;
  }
}
@media only screen and (max-width : 1199px) {
  #mobmenu li.megamenu-mob-item > article > .text > p a.intro-link {
    font-size: 19px;
  }
}
@media only screen and (max-width : 820px) {
  #mobmenu li.megamenu-mob-item > article > .text > p a.intro-link {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  #mobmenu li.megamenu-mob-item > article > .text > p a.intro-link {
    font-size: 16px;
    line-height: 1.6;
  }
}
#mobmenu li.megamenu-mob-item > article > .text > p a.intro-link {
  font-weight: 500;
  font-family: "dunbar-tall", sans-serif;
  line-height: 1.3;
  text-transform: uppercase;
  position: relative;
  color: #8E8A7C;
  margin: 2em 0 0;
  grid-column-gap: 20px;
  background: transparent;
  padding: 0;
  width: fit-content;
}
@media only screen and (max-width : 1499px) {
  #mobmenu li.megamenu-mob-item > article > .text > p a.intro-link {
    margin: 30px 0 0;
    grid-column-gap: 20px;
  }
}
@media only screen and (max-width : 1299px) {
  #mobmenu li.megamenu-mob-item > article > .text > p a.intro-link {
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 820px) {
  #mobmenu li.megamenu-mob-item > article > .text > p a.intro-link {
    flex-wrap: wrap;
    grid-row-gap: 10px;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 699px) {
  #mobmenu li.megamenu-mob-item > article > .text > p a.intro-link {
    grid-column-gap: 8px;
    grid-row-gap: 5px;
  }
}
#mobmenu li.megamenu-mob-item > article > .text > p a.intro-link:after {
  content: "\f178";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 100;
  font-size: 1.4em;
  transform: translateX(0);
  transition: transform 0.3s ease-in-out;
}
@media only screen and (max-width : 1299px) {
  #mobmenu li.megamenu-mob-item > article > .text > p a.intro-link:after {
    font-size: 1.3em;
  }
}
@media only screen and (max-width : 699px) {
  #mobmenu li.megamenu-mob-item > article > .text > p a.intro-link:after {
    font-size: 1.1em;
  }
}
#mobmenu li.megamenu-mob-item > article > .text > p a.intro-link:hover:after {
  transform: translateX(10px);
}
#mobmenu li.megamenu-mob-item > article > .text > p a.intro-link {
  margin-top: 0;
  font-size: inherit;
}
#mobmenu li.megamenu-mob-item > article > .text > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 15px;
  border-top: 1px solid #DDDCD6;
  margin-top: 20px;
}
#mobmenu li.megamenu-mob-item > article > .text > ul > li {
  margin: 0;
  padding: 0;
}
#mobmenu li.megamenu-mob-item > article > .text > ul > li > a {
  display: block;
  color: #8E8A7C;
  padding: 5px 0;
  transition: color 0.3s ease-in-out;
}
#mobmenucta {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000000000;
  display: flex;
  gap: 10px;
  padding: 20px;
  background-color: #ffffff;
  border-top: 1px solid #DDDCD6;
  transform: translateY(100%);
  visibility: hidden;
  transition: transform 0.5s ease-in-out, visibility 0s linear 0.5s;
}
@media only screen and (min-width : 1200px) {
  #mobmenucta {
    display: none;
  }
}
.showmobnav #mobmenucta {
  transform: translateY(0);
  visibility: visible;
  transition: transform 0.5s ease-in-out 0.35s, visibility 0s linear 0.35s;
}
#mobmenucta .btn {
  flex: 1 1 50%;
  justify-content: center;
  margin: 0;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  font-size: 15px;
}
#mobmenucta .btn i {
  font-weight: 300;
}
#mobmenucta .btn:after {
  display: none;
}

#footer {
  position: relative;
  z-index: 2;
  background-color: #1F2426;
  margin-top: -2px;
  overflow: hidden;
}
#footer > figure {
  border-radius: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
}
@media only screen and (min-width : 700px) {
  #footer > figure {
    width: calc(50vw - (100vw - 120px) / 12);
  }
}
@media only screen and (min-width : 1025px) {
  #footer > figure {
    width: calc(50vw - (100vw - 160px) / 12);
  }
}
@media only screen and (min-width : 1500px) {
  #footer > figure {
    width: calc(50vw - (100vw - 280px) / 12);
  }
}
@media only screen and (min-width : 1920px) {
  #footer > figure {
    width: calc(50vw - 136.66666667px);
  }
}
#footer > figure img {
  height: 110%;
}
@media only screen and (max-width : 820px) {
  #footer > figure {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 40%;
  }
  #footer > figure img {
    position: absolute;
    inset: 0;
  }
}
@media only screen and (max-width : 699px) {
  #footer > figure {
    padding-bottom: 60%;
  }
}
#footer .container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
#footer .container > section {
  grid-column: 6/span 7;
  padding-left: 14.285714%;
}
@media only screen and (max-width : 1499px) {
  #footer .container > section {
    padding-left: 80px;
  }
}
@media only screen and (max-width : 1024px) {
  #footer .container > section {
    padding-left: 60px;
  }
}
@media only screen and (max-width : 820px) {
  #footer .container > section {
    padding-left: 0;
    grid-column: span 12;
  }
}
#footer .footer-cta,
#footer .footer-contact,
#footer .footer-contact > article:last-child,
#footer .footer-legal {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
}
#footer .footer-cta {
  align-items: flex-end;
  border-bottom: 1px solid rgba(142, 138, 124, 0.2);
  padding-top: 120px;
}
@media only screen and (max-width : 1799px) {
  #footer .footer-cta {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 820px) {
  #footer .footer-cta {
    padding-top: 70px;
  }
}
@media only screen and (max-width : 699px) {
  #footer .footer-cta {
    padding-top: 40px;
  }
}
#footer .footer-cta {
  padding-bottom: 120px;
}
@media only screen and (max-width : 1799px) {
  #footer .footer-cta {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 820px) {
  #footer .footer-cta {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width : 699px) {
  #footer .footer-cta {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width : 1399px) {
  #footer .footer-cta {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (min-width : 700px) and (max-width : 820px) {
  #footer .footer-cta {
    flex-direction: row;
    align-items: flex-end;
  }
}
#footer .footer-cta h2 {
  color: #ffffff;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  #footer .footer-cta h2 {
    font-size: 45px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1200px) {
  #footer .footer-cta h2 {
    font-size: 60px;
    line-height: 1;
  }
}
@media screen and (min-width: 1500px) {
  #footer .footer-cta h2 {
    font-size: 67px;
    line-height: 1;
  }
}
@media screen and (min-width: 1920px) {
  #footer .footer-cta h2 {
    font-size: 70px;
    line-height: 1;
  }
}
#footer .footer-cta h2 {
  margin: 0;
}
#footer .footer-cta h2 em {
  display: block;
  color: #8E8A7C;
}
#footer .footer-cta .btn {
  margin: 0;
}
#footer .footer-contact {
  border-bottom: 1px solid rgba(142, 138, 124, 0.2);
  padding-top: 80px;
}
@media only screen and (max-width : 1799px) {
  #footer .footer-contact {
    padding-top: 70px;
  }
}
@media only screen and (max-width : 820px) {
  #footer .footer-contact {
    padding-top: 60px;
  }
}
@media only screen and (max-width : 699px) {
  #footer .footer-contact {
    padding-top: 40px;
  }
}
#footer .footer-contact {
  padding-bottom: 80px;
}
@media only screen and (max-width : 1799px) {
  #footer .footer-contact {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width : 820px) {
  #footer .footer-contact {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width : 699px) {
  #footer .footer-contact {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width : 699px) {
  #footer .footer-contact {
    flex-direction: column;
  }
}
@media only screen and (max-width : 699px) {
  #footer .footer-contact > article:first-child {
    width: 100%;
  }
}
#footer .footer-contact > article:first-child .email,
#footer .footer-contact > article:first-child .phone {
  font-family: "dunbar-tall", sans-serif;
  font-size: 22px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  #footer .footer-contact > article:first-child .email,
  #footer .footer-contact > article:first-child .phone {
    font-size: 25px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  #footer .footer-contact > article:first-child .email,
  #footer .footer-contact > article:first-child .phone {
    font-size: 36px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  #footer .footer-contact > article:first-child .email,
  #footer .footer-contact > article:first-child .phone {
    font-size: 42px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1920px) {
  #footer .footer-contact > article:first-child .email,
  #footer .footer-contact > article:first-child .phone {
    font-size: 45px;
    line-height: 1.1;
  }
}
#footer .footer-contact > article:first-child .email,
#footer .footer-contact > article:first-child .phone {
  line-height: 1.3;
  font-weight: 400;
}
#footer .footer-contact > article:first-child .address {
  margin: 15px 0 0;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  #footer .footer-contact > article:first-child .address {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  #footer .footer-contact > article:first-child .address {
    font-size: 15px;
    line-height: 1.6;
  }
}
#footer .footer-contact > article:last-child {
  gap: 90px;
}
@media only screen and (max-width : 1799px) {
  #footer .footer-contact > article:last-child {
    gap: 60px;
  }
}
@media only screen and (max-width : 1299px) {
  #footer .footer-contact > article:last-child {
    gap: 30px;
  }
}
@media only screen and (max-width : 699px) {
  #footer .footer-contact > article:last-child {
    width: 100%;
  }
}
#footer .footer-contact ul {
  margin: 0;
  text-align: right;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  #footer .footer-contact ul {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  #footer .footer-contact ul {
    font-size: 15px;
    line-height: 1.6;
  }
}
#footer .footer-contact ul {
  font-weight: 400;
  line-height: 2.1;
}
@media only screen and (max-width : 1499px) {
  #footer .footer-contact ul {
    line-height: 1.8;
  }
}
@media only screen and (max-width : 699px) {
  #footer .footer-contact ul {
    text-align: left;
  }
}
#footer .footer-contact ul a {
  color: #ffffff;
}
#footer .footer-legal {
  align-items: flex-end;
  font-weight: 500;
  font-size: 17px;
  line-height: 1.75;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  #footer .footer-legal {
    font-size: 16px;
  }
}
@media only screen and (max-width : 699px) {
  #footer .footer-legal {
    font-size: 15px;
    line-height: 1.6;
  }
}
#footer .footer-legal {
  padding-top: 50px;
}
@media only screen and (max-width : 1799px) {
  #footer .footer-legal {
    padding-top: 50px;
  }
}
@media only screen and (max-width : 820px) {
  #footer .footer-legal {
    padding-top: 40px;
  }
}
@media only screen and (max-width : 699px) {
  #footer .footer-legal {
    padding-top: 40px;
  }
}
#footer .footer-legal {
  padding-bottom: 50px;
}
@media only screen and (max-width : 1799px) {
  #footer .footer-legal {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width : 820px) {
  #footer .footer-legal {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width : 699px) {
  #footer .footer-legal {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width : 1299px) {
  #footer .footer-legal {
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
  }
}
@media only screen and (min-width : 700px) and (max-width : 820px) {
  #footer .footer-legal {
    flex-direction: row;
    align-items: flex-end;
  }
}
#footer .footer-legal p span {
  display: block;
}
@media only screen and (max-width : 1299px) {
  #footer .footer-legal p span {
    display: inline-block;
  }
}
#footer .footer-legal ul {
  margin: 0;
  display: flex;
  gap: 38px;
}
@media only screen and (max-width : 1499px) {
  #footer .footer-legal ul {
    gap: 30px;
  }
}
@media only screen and (max-width : 1299px) {
  #footer .footer-legal ul {
    gap: 20px;
  }
}
#footer .footer-legal ul a {
  color: #ffffff;
}

@media only screen and (max-width : 699px) {
  #tidio-chat {
    bottom: 80px !important;
    right: 6px !important;
  }
}

#quick-contact {
  width: 400px;
  max-width: calc(100vw - 60px);
  background-color: #ffffff;
  position: fixed;
  right: var(--containerGap);
  bottom: var(--homeBannerGap);
  z-index: 2;
  padding: 0;
  border-radius: 40px;
  border: 1px solid rgba(142, 138, 124, 0.2);
  z-index: 9999999999;
  transition: border-radius 0.3s ease-in-out;
}
@media only screen and (max-width : 820px) {
  #quick-contact {
    max-width: calc(100vw - 40px);
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (max-width : 1499px) {
  .home #quick-contact {
    opacity: 0;
    visibility: hidden;
  }
}
@media only screen and (max-width : 699px) {
  #quick-contact {
    width: calc(100vw - 40px);
    padding: 15px 20px 15px;
    opacity: 0;
    visibility: hidden;
  }
}
#quick-contact header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
  height: var(--homeBannerBtnHeight);
  cursor: pointer;
}
@media only screen and (max-width : 699px) {
  #quick-contact header {
    padding: 0;
    height: 30px;
  }
}
#quick-contact header h3 {
  font-weight: 500;
  font-size: 22px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  #quick-contact header h3 {
    font-size: 21px;
  }
}
@media only screen and (max-width : 1299px) {
  #quick-contact header h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width : 1199px) {
  #quick-contact header h3 {
    font-size: 19px;
  }
}
@media only screen and (max-width : 820px) {
  #quick-contact header h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  #quick-contact header h3 {
    font-size: 16px;
    line-height: 1.6;
  }
}
#quick-contact header h3 {
  font-family: "dunbar-tall", sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 0;
}
#quick-contact header #quick-contact-close {
  width: 30px;
  height: 30px;
  position: relative;
  cursor: pointer;
}
#quick-contact header #quick-contact-close:before, #quick-contact header #quick-contact-close:after {
  width: 30px;
  height: 1px;
  display: block;
  content: "";
  background-color: #8E8A7C;
  position: absolute;
  top: 50%;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width : 699px) {
  #quick-contact header #quick-contact-close {
    width: 25px;
    height: 25px;
  }
  #quick-contact header #quick-contact-close:before, #quick-contact header #quick-contact-close:after {
    width: 25px;
  }
}
#quick-contact header #quick-contact-close:before {
  transform: rotate(45deg);
}
#quick-contact header #quick-contact-close:after {
  transform: rotate(-45deg);
}
#quick-contact header #quick-contact-close.active:before {
  transform: rotate(90deg);
}
#quick-contact header #quick-contact-close.active:after {
  transform: rotate(0deg);
}
#quick-contact #quick-contact-form .gform_wrapper {
  padding: 0 30px 30px;
}
@media only screen and (max-width : 699px) {
  #quick-contact #quick-contact-form .gform_wrapper {
    padding: 15px 0 10px;
  }
}
@media only screen and (max-width : 699px) {
  #quick-contact.form-open {
    border-radius: 15px;
  }
}
#quick-contact.toggle-active #quick-contact-form {
  height: 0;
  overflow: hidden;
}

.owl-carousel .animated {
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

.owl-carousel .fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
  touch-action: manipulation;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
  overflow: visible;
  width: 100%;
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
  display: none;
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.no-js .owl-carousel {
  display: block;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

.owl-carousel.singleslide {
  display: block;
}

.slide {
  display: block;
}

.owl-item {
  transform-style: preserve-3d;
  pointer-events: none;
}
.owl-item > * {
  width: 100%;
  transform-style: preserve-3d;
}
.owl-item.active {
  pointer-events: auto;
}
.owl-controls {
  width: 100%;
}

.owl-nav.disabled,
.owl-dots.disabled {
  display: none !important;
}

.owl-nav {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-30px);
  z-index: 3;
}
.owl-nav .owl-prev,
.owl-nav .owl-next {
  background-color: #8E8A7C;
  width: 62px;
  height: 62px;
  border-radius: 100%;
  top: 50%;
  margin: 0;
  position: absolute;
}
@media only screen and (max-width : 699px) {
  .owl-nav .owl-prev,
  .owl-nav .owl-next {
    width: 40px;
    height: 40px;
    position: static;
  }
}
.owl-nav .owl-prev:before,
.owl-nav .owl-next:before {
  display: none;
}
.owl-nav .owl-prev:after,
.owl-nav .owl-next:after {
  color: #ffffff;
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 300;
  font-size: 0.9em;
}
.owl-nav .owl-prev.disabled,
.owl-nav .owl-next.disabled {
  pointer-events: none;
}
@media only screen and (max-width : 699px) {
  .owl-nav .owl-prev,
  .owl-nav .owl-next {
    display: none;
  }
}
.owl-nav .owl-prev {
  left: 0;
  transform: translateX(-50%) translateY(-50%);
}
@media only screen and (max-width : 699px) {
  .owl-nav .owl-prev {
    transform: translateY(-50%);
  }
}
.owl-nav .owl-prev:after {
  content: "\f060";
}
.owl-nav .owl-next {
  right: 0;
  transform: translateX(50%) translateY(-50%);
}
@media only screen and (max-width : 699px) {
  .owl-nav .owl-next {
    transform: translateY(-50%);
  }
}
.owl-nav .owl-next:after {
  content: "\f061";
}

.owl-carousel.cursor-carousel .owl-nav {
  width: 100vw;
  height: 100%;
}
.owl-carousel.cursor-carousel button:before {
  display: none;
}
.owl-carousel.cursor-carousel button.owl-prev {
  left: 0px;
  height: 100%;
  margin: 0;
  width: 50vw;
}
.owl-carousel.cursor-carousel button.owl-next {
  right: 0px;
  height: 100%;
  margin: 0;
  width: 50vw;
}

.owl-dots {
  text-align: center;
  display: flex;
  justify-content: center;
  width: 100%;
  grid-column-gap: 25px;
  margin-top: 50px;
}
@media only screen and (max-width : 820px) {
  .owl-dots {
    margin-top: 37.5px;
  }
}
@media only screen and (max-width : 699px) {
  .owl-dots {
    margin-top: 25px;
  }
}
@media only screen and (max-width : 699px) {
  .owl-dots {
    margin-top: 40px;
    grid-column-gap: 20px;
    margin-bottom: 10px;
  }
}
.owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: block;
  margin: 0;
  cursor: pointer;
  background-color: transparent;
  position: relative;
}
.owl-dots .owl-dot:after {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 60px;
  background-color: transparent;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 100%;
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;
}
.owl-dots .owl-dot span {
  display: block;
  background-color: #8E8A7C;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  transition: all 0.3s ease-in-out;
}
.testimonials-image .owl-dots .owl-dot span {
  background-color: #ffffff;
}
.owl-dots .owl-dot:hover span {
  transform: scale(1.5);
}
.owl-dots .owl-dot.active {
  cursor: default;
  pointer-events: none;
}
.owl-dots .owl-dot.active:after {
  width: 27px;
  height: 27px;
  border-color: #8E8A7C;
}
.testimonials-image .owl-dots .owl-dot.active:after {
  border-color: #ffffff;
}

.owl-stage-outer {
  z-index: 2;
}
.owl-stage-outer .owl-stage {
  display: flex;
  pointer-events: none;
}
.owl-stage-outer .owl-stage .owl-item {
  display: flex;
}
.owl-stage-outer .owl-stage:after {
  display: none;
}

#banner .owl-prev {
  left: 50px;
}
#banner .owl-next {
  right: 50px;
}

.swiper-container {
  position: relative;
  height: inherit;
}
.swiper-container .swiper {
  height: inherit;
}
.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
  background-color: #8E8A7C;
  width: 62px;
  height: 62px;
  border-radius: 100%;
  top: 50%;
  margin: 0;
  position: absolute;
}
@media only screen and (max-width : 699px) {
  .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
    width: 40px;
    height: 40px;
    position: static;
  }
}
.swiper-container .swiper-button-next:before, .swiper-container .swiper-button-prev:before {
  display: none;
}
.swiper-container .swiper-button-next:after, .swiper-container .swiper-button-prev:after {
  color: #ffffff;
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 300;
  font-size: 0.9em;
}
.swiper-container .swiper-button-next.swiper-button-disabled, .swiper-container .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  pointer-events: all;
}
@media only screen and (max-width : 699px) {
  .swiper-container .swiper-nav {
    position: relative;
    transform: translateY(-6px);
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    display: none;
  }
}
.swiper-container .swiper-button-prev {
  left: 0;
  transform: translateX(-50%) translateY(-50%);
}
@media only screen and (max-width : 699px) {
  .swiper-container .swiper-button-prev {
    transform: translateY(-50%);
  }
}
.swiper-container .swiper-button-prev:after {
  content: "\f060";
}
.swiper-container .swiper-button-next {
  right: 0;
  transform: translateX(50%) translateY(-50%);
}
@media only screen and (max-width : 699px) {
  .swiper-container .swiper-button-next {
    transform: translateY(-50%);
  }
}
.swiper-container .swiper-button-next:after {
  content: "\f061";
}
.swiper-container .swiper-pagination-horizontal.swiper-pagination-bullets {
  display: flex;
  align-items: center;
  gap: 12px;
  position: static;
}
@media only screen and (max-width : 699px) {
  .swiper-container .swiper-pagination-horizontal.swiper-pagination-bullets {
    gap: 6px;
  }
}
.swiper-container .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0;
  width: 14px;
  height: 14px;
  display: block;
  background: transparent;
  opacity: 1;
  border: 1px solid transparent;
  padding: 1px;
}
@media only screen and (max-width : 699px) {
  .swiper-container .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
}
.swiper-container .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:after {
  content: "";
  display: block;
  background: #8E8A7C;
  border-radius: 100%;
  width: 100%;
  height: 100%;
}
.swiper-container .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  padding: 0;
  border: 1px solid #8E8A7C;
}
.swiper-container .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  background: transparent;
}
.swiper-container .swiper-slide {
  height: auto;
  display: flex;
}
.swiper-container .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#mask {
  display: none;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  z-index: 9999999999;
}
#mask #lightbox {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  position: fixed;
  z-index: 2;
  opacity: 0;
}
#mask #lightbox #lightbox-content {
  transition: all 0.3s ease-in-out;
  width: 80%;
  position: relative;
}
@media only screen and (max-width : 820px) {
  #mask #lightbox #lightbox-content {
    width: calc(100% - 60px);
  }
}
#mask #lightbox #lightbox-content #lightbox-close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 62px;
  height: 62px;
  border-radius: 100%;
  cursor: pointer;
  z-index: 3;
  text-align: center;
  background-color: #1F2426;
  transform: translateX(100%) translateY(-100%);
}
@media only screen and (max-width : 820px) {
  #mask #lightbox #lightbox-content #lightbox-close-btn {
    transform: translateX(0%) translateY(calc(-100% - 15px));
  }
}
@media only screen and (max-width : 699px) {
  #mask #lightbox #lightbox-content #lightbox-close-btn {
    width: 40px;
    height: 40px;
  }
}
#mask #lightbox #lightbox-content #lightbox-close-btn:before, #mask #lightbox #lightbox-content #lightbox-close-btn:after {
  width: 30px;
  height: 2px;
  display: block;
  content: "";
  background-color: #8E8A7C;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width : 699px) {
  #mask #lightbox #lightbox-content #lightbox-close-btn:before, #mask #lightbox #lightbox-content #lightbox-close-btn:after {
    width: 25px;
  }
}
#mask #lightbox #lightbox-content #lightbox-close-btn:before {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
#mask #lightbox #lightbox-content #lightbox-close-btn:after {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
#mask #lightbox #lightbox-content .brochure {
  display: flex;
  justify-content: center;
}
#mask #lightbox #lightbox-content .brochure a {
  background: #1F2426;
  padding: 100px;
  border-radius: 30px;
  width: 100%;
  max-width: 1600px;
}
@media only screen and (max-width : 1499px) {
  #mask #lightbox #lightbox-content .brochure a {
    padding: 60px;
  }
}
@media only screen and (max-width : 820px) {
  #mask #lightbox #lightbox-content .brochure a {
    padding: 40px;
  }
}
@media only screen and (max-width : 699px) {
  #mask #lightbox #lightbox-content .brochure a {
    border-radius: 20px;
    padding: 20px 20px 40px;
  }
}
#mask #lightbox #lightbox-content .brochure .container {
  padding: 0;
  display: flex;
  grid-column-gap: 100px;
  max-width: 1600px;
}
@media only screen and (max-width : 1499px) {
  #mask #lightbox #lightbox-content .brochure .container {
    grid-column-gap: 80px;
  }
}
@media only screen and (max-width : 820px) {
  #mask #lightbox #lightbox-content .brochure .container {
    grid-column-gap: 50px;
  }
}
#mask #lightbox #lightbox-content .brochure .image-column {
  width: 37vw;
}
@media only screen and (max-width : 820px) {
  #mask #lightbox #lightbox-content .brochure .image-column {
    width: 100%;
  }
}

body .wcc-overlay {
  z-index: 99999;
}
body .wcc-consent-container {
  z-index: 9999999;
  position: fixed;
  width: 100vw;
}
body .wcc-consent-container .wcc-consent-bar {
  box-shadow: none;
  padding: 20px !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  z-index: 9999999;
  width: calc(100% - 40px) !important;
  max-width: 700px !important;
  max-height: 90vh !important;
  margin: 0 auto;
  border-radius: var(--borderRadius);
  overflow: hidden;
}
@media only screen and (min-width : 700px) {
  body .wcc-consent-container .wcc-consent-bar {
    padding: 50px !important;
  }
}
body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-title {
  display: flex;
  align-items: center;
  grid-column-gap: 15px;
  font-family: "dunbar-tall", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.3;
}
@media screen and (min-width: 700px) {
  body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-title {
    font-size: 22px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-title {
    font-size: 26px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1500px) {
  body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-title {
    font-size: 30px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1920px) {
  body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-title {
    font-size: 32px;
    line-height: 1.2;
  }
}
body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-title {
  margin: 0 0 15px;
  padding: 0;
}
body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-title:before {
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%238E8A7C'%3E%3Cpath d='M182.8 28.4l-74 39.5C89.1 78.4 73.2 94.9 63.4 115L26.7 190.6c-9.8 20.1-13 42.9-9.1 64.9l14.5 82.8c3.9 22.1 14.6 42.3 30.7 57.9l60.3 58.4c16.1 15.6 36.6 25.6 58.7 28.7l83 11.7c22.1 3.1 44.6-.9 64.4-11.4l74-39.5c19.7-10.5 35.6-27 45.4-47.2l36.7-75.5c9.8-20.1 13-42.9 9.1-64.9c-.9-5.3-5.3-9.3-10.6-10.1c-51.5-8.2-92.8-47.1-104.5-97.4c-1.8-7.6-8-13.4-15.7-14.6c-54.6-8.7-97.7-52-106.2-106.8c-.8-5.4-4.9-9.8-10.3-10.6c-22.1-3.1-44.6 .9-64.4 11.4zm46.3 19.7c15 58.3 62 103.6 121.2 116.4c15.6 54.1 59 96.4 113.7 110.5c0 11.2-2.5 22.3-7.5 32.5L419.8 383c-6.8 14.1-17.9 25.6-31.7 32.9l-74 39.5c-13.7 7.3-29.4 10.1-44.8 7.9l-83-11.7c-15.4-2.2-29.7-9.2-40.9-20L85.1 373.2c-11.2-10.9-18.7-25-21.4-40.4L49.1 250c-2.7-15.4-.5-31.3 6.4-45.4L92.2 129c6.8-14.1 17.9-25.6 31.7-32.9l74-39.5c9.7-5.2 20.4-8.1 31.2-8.6zM184 192a24 24 0 1 0 -48 0 24 24 0 1 0 48 0zm8 184a24 24 0 1 0 0-48 24 24 0 1 0 0 48zM312 256a24 24 0 1 0 -48 0 24 24 0 1 0 48 0zm40 120a24 24 0 1 0 0-48 24 24 0 1 0 0 48z'/%3E%3C/svg%3E");
}
body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group {
  flex-wrap: nowrap;
  gap: 25px 50px;
  margin-top: 0 !important;
}
@media only screen and (max-width : 820px) {
  body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
@media only screen and (max-width : 699px) {
  body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group {
    gap: 16px 50px;
  }
}
body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-des {
  width: 100%;
  padding: 0;
}
body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-des p {
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-des p {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-des p {
    font-size: 15px;
    line-height: 1.6;
  }
}
body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-des p {
  font-family: "montserrat", sans-serif;
}
body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-btn-wrapper {
  margin-top: 45px;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row !important;
  align-items: center;
  grid-column-gap: 10px;
  padding: 0 !important;
}
@media only screen and (max-width : 699px) {
  body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-btn-wrapper {
    grid-row-gap: 7px;
    margin-top: 20px;
  }
}
body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-btn-wrapper .wcc-btn-customize,
body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-btn-wrapper .wcc-btn-accept {
  padding: 0 !important;
  margin: 0 !important;
  background-color: transparent !important;
  color: #8E8A7C !important;
  border-width: 0 !important;
  flex: none;
  width: fit-content !important;
  line-height: 1.3 !important;
}
body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-btn-wrapper .wcc-btn-customize {
  order: 1 !important;
  text-transform: lowercase;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-btn-wrapper .wcc-btn-customize {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-btn-wrapper .wcc-btn-customize {
    font-size: 15px;
    line-height: 1.6;
  }
}
body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-btn-wrapper .wcc-btn-accept {
  order: 2 !important;
  letter-spacing: 0.05em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  vertical-align: middle;
  border-width: 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-btn-wrapper .wcc-btn-accept {
    font-size: 21px;
  }
}
@media only screen and (max-width : 1299px) {
  body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-btn-wrapper .wcc-btn-accept {
    font-size: 20px;
  }
}
@media only screen and (max-width : 1199px) {
  body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-btn-wrapper .wcc-btn-accept {
    font-size: 19px;
  }
}
@media only screen and (max-width : 820px) {
  body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-btn-wrapper .wcc-btn-accept {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-btn-wrapper .wcc-btn-accept {
    font-size: 16px;
    line-height: 1.6;
  }
}
body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-btn-wrapper .wcc-btn-accept {
  font-weight: 500;
  font-family: "dunbar-tall", sans-serif;
  line-height: 1.3;
  text-transform: uppercase;
  position: relative;
  color: #8E8A7C;
  margin: 2em 0 0;
  grid-column-gap: 20px;
  background: transparent;
  padding: 0;
  width: fit-content;
}
@media only screen and (max-width : 1499px) {
  body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-btn-wrapper .wcc-btn-accept {
    margin: 30px 0 0;
    grid-column-gap: 20px;
  }
}
@media only screen and (max-width : 1299px) {
  body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-btn-wrapper .wcc-btn-accept {
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 820px) {
  body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-btn-wrapper .wcc-btn-accept {
    flex-wrap: wrap;
    grid-row-gap: 10px;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 699px) {
  body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-btn-wrapper .wcc-btn-accept {
    grid-column-gap: 8px;
    grid-row-gap: 5px;
  }
}
body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-btn-wrapper .wcc-btn-accept:after {
  content: "\f178";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 100;
  font-size: 1.4em;
  transform: translateX(0);
  transition: transform 0.3s ease-in-out;
}
@media only screen and (max-width : 1299px) {
  body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-btn-wrapper .wcc-btn-accept:after {
    font-size: 1.3em;
  }
}
@media only screen and (max-width : 699px) {
  body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-btn-wrapper .wcc-btn-accept:after {
    font-size: 1.1em;
  }
}
body .wcc-consent-container .wcc-consent-bar .wcc-notice .wcc-notice-group .wcc-notice-btn-wrapper .wcc-btn-accept:hover:after {
  transform: translateX(10px);
}
body .wcc-modal {
  border-radius: var(--borderRadius);
  overflow: hidden;
}
body .wcc-accordion-header-des {
  display: none;
}
body .wcc-accordion-header .wcc-always-active {
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  body .wcc-accordion-header .wcc-always-active {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  body .wcc-accordion-header .wcc-always-active {
    font-size: 15px;
    line-height: 1.6;
  }
}
body .cli-modal .cli-modal-dialog,
body .wcc-modal .wcc-preference-center {
  max-width: 700px !important;
}
body .cli-privacy-content-text,
body .cli-modal .cli-modal-dialog,
body .wcc-modal .wcc-preference-center,
body .cli-tab-container p,
body a.cli-privacy-readmore,
body .cli-tab-header a.cli-nav-link,
body .wcc-accordion-header .wcc-accordion-btn,
body .cli-switch .cli-slider:after,
body span.cli-necessary-caption,
body .wt-cli-cookie-description,
body .cli-tab-container p,
body .cli-privacy-content-text,
body .cli-tab-container-iab p,
body .cli-privacy-content-text-iab,
body .wcc-preference-body-wrapper .wcc-preference-content-wrapper p {
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  body .cli-privacy-content-text,
  body .cli-modal .cli-modal-dialog,
  body .wcc-modal .wcc-preference-center,
  body .cli-tab-container p,
  body a.cli-privacy-readmore,
  body .cli-tab-header a.cli-nav-link,
  body .wcc-accordion-header .wcc-accordion-btn,
  body .cli-switch .cli-slider:after,
  body span.cli-necessary-caption,
  body .wt-cli-cookie-description,
  body .cli-tab-container p,
  body .cli-privacy-content-text,
  body .cli-tab-container-iab p,
  body .cli-privacy-content-text-iab,
  body .wcc-preference-body-wrapper .wcc-preference-content-wrapper p {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  body .cli-privacy-content-text,
  body .cli-modal .cli-modal-dialog,
  body .wcc-modal .wcc-preference-center,
  body .cli-tab-container p,
  body a.cli-privacy-readmore,
  body .cli-tab-header a.cli-nav-link,
  body .wcc-accordion-header .wcc-accordion-btn,
  body .cli-switch .cli-slider:after,
  body span.cli-necessary-caption,
  body .wt-cli-cookie-description,
  body .cli-tab-container p,
  body .cli-privacy-content-text,
  body .cli-tab-container-iab p,
  body .cli-privacy-content-text-iab,
  body .wcc-preference-body-wrapper .wcc-preference-content-wrapper p {
    font-size: 15px;
    line-height: 1.6;
  }
}
body .cli-privacy-overview {
  padding-bottom: 30px;
}
@media only screen and (max-width : 820px) {
  body .cli-privacy-overview {
    padding-bottom: 22.5px;
  }
}
@media only screen and (max-width : 699px) {
  body .cli-privacy-overview {
    padding-bottom: 22.5px;
  }
}
body .cli-modal-content,
body .cli-bar-popup,
body .wcc-preference-center {
  padding: 0;
  border-radius: 0;
  max-height: 75vh;
  overflow-y: auto;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
body .cli-modal .cli-modal-body .cli-container-fluid,
body .cli-modal .cli-modal-footer .cli-container-fluid,
body .cli-modal .wcc-preference-header .cli-container-fluid,
body .cli-modal .wcc-preference-body-wrapper .cli-container-fluid,
body .cli-modal .wcc-footer-wrapper .cli-container-fluid,
body .wcc-modal .cli-modal-body .cli-container-fluid,
body .wcc-modal .cli-modal-footer .cli-container-fluid,
body .wcc-modal .wcc-preference-header .cli-container-fluid,
body .wcc-modal .wcc-preference-body-wrapper .cli-container-fluid,
body .wcc-modal .wcc-footer-wrapper .cli-container-fluid {
  padding: 0;
}
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] #wt-cli-privacy-title,
body #wt-cli-privacy-title,
body .wcc-preference-header .wcc-preference-title {
  color: #8E8A7C !important;
  font-family: "dunbar-tall", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.3;
}
@media screen and (min-width: 700px) {
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] #wt-cli-privacy-title,
  body #wt-cli-privacy-title,
  body .wcc-preference-header .wcc-preference-title {
    font-size: 22px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] #wt-cli-privacy-title,
  body #wt-cli-privacy-title,
  body .wcc-preference-header .wcc-preference-title {
    font-size: 26px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1500px) {
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] #wt-cli-privacy-title,
  body #wt-cli-privacy-title,
  body .wcc-preference-header .wcc-preference-title {
    font-size: 30px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1920px) {
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] #wt-cli-privacy-title,
  body #wt-cli-privacy-title,
  body .wcc-preference-header .wcc-preference-title {
    font-size: 32px;
    line-height: 1.2;
  }
}
body .cli-modal-body,
body .wcc-preference-body-wrapper,
body .wcc-preference-header {
  overflow: visible;
  padding: 0 60px;
}
@media only screen and (max-width : 699px) {
  body .cli-modal-body,
  body .wcc-preference-body-wrapper,
  body .wcc-preference-header {
    padding: 0 20px;
  }
}
body .wcc-preference-content-wrapper {
  padding: 10px 0 30px;
}
body .wcc-preference-header {
  border-width: 0;
  margin: 50px 0 10px;
}
body .cli-modal-footer,
body .wcc-footer-wrapper {
  padding: 0 60px 60px;
}
@media only screen and (max-width : 699px) {
  body .cli-modal-footer,
  body .wcc-footer-wrapper {
    padding: 0 20px 30px;
  }
}
body .wcc-footer-wrapper .wcc-footer-shadow {
  display: none;
}
body .wcc-footer-wrapper .wcc-prefrence-btn-wrapper {
  padding: 30px 0 0;
  border-width: 0;
  justify-content: space-between;
}
body .wcc-footer-wrapper .wcc-prefrence-btn-wrapper .wcc-btn {
  padding: 0;
  border-width: 0 !important;
  letter-spacing: 0.05em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  vertical-align: middle;
  border-width: 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  body .wcc-footer-wrapper .wcc-prefrence-btn-wrapper .wcc-btn {
    font-size: 21px;
  }
}
@media only screen and (max-width : 1299px) {
  body .wcc-footer-wrapper .wcc-prefrence-btn-wrapper .wcc-btn {
    font-size: 20px;
  }
}
@media only screen and (max-width : 1199px) {
  body .wcc-footer-wrapper .wcc-prefrence-btn-wrapper .wcc-btn {
    font-size: 19px;
  }
}
@media only screen and (max-width : 820px) {
  body .wcc-footer-wrapper .wcc-prefrence-btn-wrapper .wcc-btn {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  body .wcc-footer-wrapper .wcc-prefrence-btn-wrapper .wcc-btn {
    font-size: 16px;
    line-height: 1.6;
  }
}
body .wcc-footer-wrapper .wcc-prefrence-btn-wrapper .wcc-btn {
  font-weight: 500;
  font-family: "dunbar-tall", sans-serif;
  line-height: 1.3;
  text-transform: uppercase;
  position: relative;
  color: #8E8A7C;
  margin: 2em 0 0;
  grid-column-gap: 20px;
  background: transparent;
  padding: 0;
  width: fit-content;
}
@media only screen and (max-width : 1499px) {
  body .wcc-footer-wrapper .wcc-prefrence-btn-wrapper .wcc-btn {
    margin: 30px 0 0;
    grid-column-gap: 20px;
  }
}
@media only screen and (max-width : 1299px) {
  body .wcc-footer-wrapper .wcc-prefrence-btn-wrapper .wcc-btn {
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 820px) {
  body .wcc-footer-wrapper .wcc-prefrence-btn-wrapper .wcc-btn {
    flex-wrap: wrap;
    grid-row-gap: 10px;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 699px) {
  body .wcc-footer-wrapper .wcc-prefrence-btn-wrapper .wcc-btn {
    grid-column-gap: 8px;
    grid-row-gap: 5px;
  }
}
body .wcc-footer-wrapper .wcc-prefrence-btn-wrapper .wcc-btn:after {
  content: "\f178";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 100;
  font-size: 1.4em;
  transform: translateX(0);
  transition: transform 0.3s ease-in-out;
}
@media only screen and (max-width : 1299px) {
  body .wcc-footer-wrapper .wcc-prefrence-btn-wrapper .wcc-btn:after {
    font-size: 1.3em;
  }
}
@media only screen and (max-width : 699px) {
  body .wcc-footer-wrapper .wcc-prefrence-btn-wrapper .wcc-btn:after {
    font-size: 1.1em;
  }
}
body .wcc-footer-wrapper .wcc-prefrence-btn-wrapper .wcc-btn:hover:after {
  transform: translateX(10px);
}
body .wcc-footer-wrapper .wcc-prefrence-btn-wrapper .wcc-btn {
  margin: 0;
  flex: none;
}
body .wcc-footer-wrapper .wcc-prefrence-btn-wrapper .wcc-btn:after {
  display: none;
}
body .cli-tab-container h4 {
  padding: 0;
  margin: 1em 0 0.7em;
  color: #8E8A7C;
  font-family: "dunbar-tall", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
body .cli-tab-container h4:first-child {
  margin-top: 0;
}
body .cli-tab-container h4:last-child {
  margin-bottom: 0;
}
body .cli-tab-container h4 {
  font-size: 26px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  body .cli-tab-container h4 {
    font-size: 32px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  body .cli-tab-container h4 {
    font-size: 48px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  body .cli-tab-container h4 {
    font-size: 52px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1920px) {
  body .cli-tab-container h4 {
    font-size: 54px;
    line-height: 1.1;
  }
}
body .cli-tab-container h4 {
  margin-top: 50px !important;
}
body .cli-tab-container .cli-row {
  margin: 0;
  max-height: 100%;
  overflow-y: visible;
}
body .cli-modal-backdrop.cli-show,
body .cli-modal-backdrop.cli-fade {
  background-color: rgba(0, 0, 0, 0.7);
  transition: none;
  opacity: 0;
}
body .cli-modal-backdrop.cli-show {
  z-index: 999999;
}
body .cli-modal-backdrop.cli-show.cli-settings-overlay {
  opacity: 0;
}
body .cli-modal.cli-blowup {
  z-index: 9999999;
}
body .cli-tab-header,
body .wcc-accordion {
  background-color: #ffffff;
  border-radius: 0px;
  padding: 12px 0px;
  border-bottom: 1px solid #DDDCD6;
}
body .cli-tab-header .wcc-accordion-item,
body .wcc-accordion .wcc-accordion-item {
  margin: 0;
  align-items: center;
}
body .cli-tab-header .wcc-accordion-item .wcc-accordion-chevron,
body .wcc-accordion .wcc-accordion-item .wcc-accordion-chevron {
  margin: 0;
  width: 25px;
  height: 25px;
}
body .cli-tab-header .wcc-accordion-item .wcc-accordion-chevron i::before,
body .wcc-accordion .wcc-accordion-item .wcc-accordion-chevron i::before {
  border-right: 1px solid;
  border-bottom: 1px solid;
  height: 8px;
  width: 8px;
}
body .cli-tab-header a:before,
body .wcc-accordion a:before {
  border-color: #8E8A7C;
}
body .cli-tab-section {
  margin: 0;
  border-bottom: 1px solid #DDDCD6;
}
body .cli-tab-section:last-child {
  border-width: 0;
}
body .cli-switch input:checked + .cli-slider {
  background-color: #8E8A7C;
}
body .cli-switch .cli-slider {
  margin-bottom: 0;
  top: 50%;
  transform: translateY(-50%);
}
body .cli-switch .cli-slider:before {
  width: 14px;
  height: 14px;
  top: 50%;
  transform: translateY(-50%);
}
body .cli-switch .cli-slider:after {
  top: 50%;
  transform: translateY(-50%);
}
body .cli-tab-section .cli-tab-content {
  padding: 0 0 20px 0;
}
body .wcc-preference-content-wrapper .wcc-show-desc-btn {
  color: #8E8A7C !important;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  body .wcc-preference-content-wrapper .wcc-show-desc-btn {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  body .wcc-preference-content-wrapper .wcc-show-desc-btn {
    font-size: 15px;
    line-height: 1.6;
  }
}
body .wcc-audit-table {
  background-color: transparent !important;
}
body .wcc-audit-table .wcc-cookie-des-table {
  background-color: transparent !important;
  padding: 0;
}
body .wcc-audit-table .wcc-empty-cookies-text {
  padding: 0;
  color: #8E8A7C !important;
  font-weight: 500;
  font-size: 17px;
  line-height: 1.75;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  body .wcc-audit-table .wcc-empty-cookies-text {
    font-size: 16px;
  }
}
@media only screen and (max-width : 699px) {
  body .wcc-audit-table .wcc-empty-cookies-text {
    font-size: 15px;
    line-height: 1.6;
  }
}
body .wcc-switch input[type=checkbox]:checked {
  background-color: #8E8A7C !important;
}
body .wcc-cookie-des-table li div:first-child, body .wcc-cookie-des-table li div:last-child, body .wcc-cookie-des-table li div:first-child p, body .wcc-cookie-des-table li div:last-child, body .wcc-cookie-des-table li div:last-child p {
  color: #8E8A7C !important;
  font-weight: 500;
  font-size: 17px;
  line-height: 1.75;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  body .wcc-cookie-des-table li div:first-child, body .wcc-cookie-des-table li div:last-child, body .wcc-cookie-des-table li div:first-child p, body .wcc-cookie-des-table li div:last-child, body .wcc-cookie-des-table li div:last-child p {
    font-size: 16px;
  }
}
@media only screen and (max-width : 699px) {
  body .wcc-cookie-des-table li div:first-child, body .wcc-cookie-des-table li div:last-child, body .wcc-cookie-des-table li div:first-child p, body .wcc-cookie-des-table li div:last-child, body .wcc-cookie-des-table li div:last-child p {
    font-size: 15px;
    line-height: 1.6;
  }
}
body .wcc-cookie-des-table li div:first-child, body .wcc-cookie-des-table li div:last-child, body .wcc-cookie-des-table li div:first-child p, body .wcc-cookie-des-table li div:last-child, body .wcc-cookie-des-table li div:last-child p {
  word-break: normal;
  word-wrap: normal;
  margin: 0;
}
body .wcc-accordion.wcc-accordion-active .wcc-accordion-body {
  padding: 0;
  margin-bottom: 0;
}
body .wcc-audit-table .wcc-cookie-des-table li {
  padding: 0;
  grid-column-gap: 10px;
}
body .cli-tab-section .cookielawinfo-row-cat-table,
body table.cookielawinfo-winter,
body .cookielawinfo-row-cat-table,
body .wcc-audit-table .wcc-cookie-des-table,
body .wcc-audit-table .wcc-empty-cookies-text {
  margin: 20px 0 10px;
  background-color: transparent;
  border-width: 0 !important;
}
body table.wt-cli-element thead th {
  background: transparent !important;
  color: #8E8A7C;
  font-weight: 700 !important;
}
body table.wt-cli-element tr:nth-child(odd) td,
body table.wt-cli-element tr:nth-child(even) td {
  background-color: transparent;
}
body table.wt-cli-element tr {
  border-bottom: 1px solid #DDDCD6;
}
body table.wt-cli-element tbody tr:last-child {
  border-width: 0;
}
body table.wt-cli-element td {
  border-right-width: 0;
  border-left-width: 0;
}
body table.wt-cli-element tr td,
body table.wt-cli-element tr th,
body .cli-tab-section .cookielawinfo-row-cat-table td,
body .cli-tab-section .cookielawinfo-row-cat-table th {
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  body table.wt-cli-element tr td,
  body table.wt-cli-element tr th,
  body .cli-tab-section .cookielawinfo-row-cat-table td,
  body .cli-tab-section .cookielawinfo-row-cat-table th {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  body table.wt-cli-element tr td,
  body table.wt-cli-element tr th,
  body .cli-tab-section .cookielawinfo-row-cat-table td,
  body .cli-tab-section .cookielawinfo-row-cat-table th {
    font-size: 15px;
    line-height: 1.6;
  }
}
body table.wt-cli-element tr td,
body table.wt-cli-element tr th,
body .cli-tab-section .cookielawinfo-row-cat-table td,
body .cli-tab-section .cookielawinfo-row-cat-table th {
  font-family: "montserrat", sans-serif !important;
  font-weight: 500 !important;
  color: #8E8A7C !important;
}
body .cli-tab-section .cookielawinfo-row-cat-table td,
body .cli-tab-section .cookielawinfo-row-cat-table th {
  font-size: 15px !important;
  line-height: 1.7;
  vertical-align: top;
}
@media only screen and (max-width : 699px) {
  body .cli-tab-section .cookielawinfo-row-cat-table td,
  body .cli-tab-section .cookielawinfo-row-cat-table th {
    font-size: 14px !important;
  }
}
body table.cookielawinfo-winter tbody {
  border-width: 0 !important;
}
body table.cookielawinfo-winter tbody tr {
  background-color: transparent !important;
}
body .cli-switch input:checked + .cli-slider:before {
  transform: translateX(18px) translateY(-50%);
}
body .cli-tab-footer .wt-cli-privacy-accept-btn {
  letter-spacing: 0.05em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  vertical-align: middle;
  border-width: 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  body .cli-tab-footer .wt-cli-privacy-accept-btn {
    font-size: 21px;
  }
}
@media only screen and (max-width : 1299px) {
  body .cli-tab-footer .wt-cli-privacy-accept-btn {
    font-size: 20px;
  }
}
@media only screen and (max-width : 1199px) {
  body .cli-tab-footer .wt-cli-privacy-accept-btn {
    font-size: 19px;
  }
}
@media only screen and (max-width : 820px) {
  body .cli-tab-footer .wt-cli-privacy-accept-btn {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  body .cli-tab-footer .wt-cli-privacy-accept-btn {
    font-size: 16px;
    line-height: 1.6;
  }
}
body .cli-tab-footer .wt-cli-privacy-accept-btn {
  font-weight: 500;
  font-family: "dunbar-tall", sans-serif;
  line-height: 1.3;
  text-transform: uppercase;
  position: relative;
  color: #8E8A7C;
  margin: 2em 0 0;
  grid-column-gap: 20px;
  background: transparent;
  padding: 0;
  width: fit-content;
}
@media only screen and (max-width : 1499px) {
  body .cli-tab-footer .wt-cli-privacy-accept-btn {
    margin: 30px 0 0;
    grid-column-gap: 20px;
  }
}
@media only screen and (max-width : 1299px) {
  body .cli-tab-footer .wt-cli-privacy-accept-btn {
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 820px) {
  body .cli-tab-footer .wt-cli-privacy-accept-btn {
    flex-wrap: wrap;
    grid-row-gap: 10px;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 699px) {
  body .cli-tab-footer .wt-cli-privacy-accept-btn {
    grid-column-gap: 8px;
    grid-row-gap: 5px;
  }
}
body .cli-tab-footer .wt-cli-privacy-accept-btn:after {
  content: "\f178";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 100;
  font-size: 1.4em;
  transform: translateX(0);
  transition: transform 0.3s ease-in-out;
}
@media only screen and (max-width : 1299px) {
  body .cli-tab-footer .wt-cli-privacy-accept-btn:after {
    font-size: 1.3em;
  }
}
@media only screen and (max-width : 699px) {
  body .cli-tab-footer .wt-cli-privacy-accept-btn:after {
    font-size: 1.1em;
  }
}
body .cli-tab-footer .wt-cli-privacy-accept-btn:hover:after {
  transform: translateX(10px);
}
body .cli-tab-footer .wt-cli-privacy-accept-btn {
  margin: 0;
}
body .cli-tab-footer {
  padding-top: 30px;
}
@media only screen and (max-width : 820px) {
  body .cli-tab-footer {
    padding-top: 22.5px;
  }
}
@media only screen and (max-width : 699px) {
  body .cli-tab-footer {
    padding-top: 22.5px;
  }
}
body .cli-modal .cli-modal-close,
body .wcc-preference-header .wcc-btn-close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  border-radius: 0;
  padding: 0;
  background: #1F2426 !important;
  border-radius: 100%;
  padding: 9px;
}
@media only screen and (max-width : 699px) {
  body .cli-modal .cli-modal-close,
  body .wcc-preference-header .wcc-btn-close {
    width: 25px;
    height: 25px;
  }
}
body .cli-modal .cli-modal-close img,
body .wcc-preference-header .wcc-btn-close img {
  height: 60%;
  width: 60%;
  filter: brightness(2.5);
}
body .cli-modal .cli-modal-close svg,
body .wcc-preference-header .wcc-btn-close svg {
  fill: #8E8A7C;
}
body .cli-preference-btn-wrapper {
  grid-column-gap: 6px;
}
body .cli-preference-btn-wrapper .cli-plugin-button,
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button,
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button,
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button {
  font-weight: 500;
  font-size: 22px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  body .cli-preference-btn-wrapper .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button {
    font-size: 21px;
  }
}
@media only screen and (max-width : 1299px) {
  body .cli-preference-btn-wrapper .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button {
    font-size: 20px;
  }
}
@media only screen and (max-width : 1199px) {
  body .cli-preference-btn-wrapper .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button {
    font-size: 19px;
  }
}
@media only screen and (max-width : 820px) {
  body .cli-preference-btn-wrapper .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  body .cli-preference-btn-wrapper .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button {
    font-size: 16px;
    line-height: 1.6;
  }
}
body .cli-preference-btn-wrapper .cli-plugin-button,
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button,
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button,
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button {
  letter-spacing: 0.05em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  vertical-align: middle;
  border-width: 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  body .cli-preference-btn-wrapper .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button {
    font-size: 21px;
  }
}
@media only screen and (max-width : 1299px) {
  body .cli-preference-btn-wrapper .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button {
    font-size: 20px;
  }
}
@media only screen and (max-width : 1199px) {
  body .cli-preference-btn-wrapper .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button {
    font-size: 19px;
  }
}
@media only screen and (max-width : 820px) {
  body .cli-preference-btn-wrapper .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  body .cli-preference-btn-wrapper .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button {
    font-size: 16px;
    line-height: 1.6;
  }
}
body .cli-preference-btn-wrapper .cli-plugin-button,
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button,
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button,
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button {
  font-weight: 500;
  font-family: "dunbar-tall", sans-serif;
  line-height: 1.3;
  text-transform: uppercase;
  position: relative;
  color: #8E8A7C;
  margin: 2em 0 0;
  grid-column-gap: 20px;
  background: transparent;
  padding: 0;
  width: fit-content;
}
@media only screen and (max-width : 1499px) {
  body .cli-preference-btn-wrapper .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button {
    margin: 30px 0 0;
    grid-column-gap: 20px;
  }
}
@media only screen and (max-width : 1299px) {
  body .cli-preference-btn-wrapper .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button {
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 820px) {
  body .cli-preference-btn-wrapper .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button {
    flex-wrap: wrap;
    grid-row-gap: 10px;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 699px) {
  body .cli-preference-btn-wrapper .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button {
    grid-column-gap: 8px;
    grid-row-gap: 5px;
  }
}
body .cli-preference-btn-wrapper .cli-plugin-button:after,
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button:after,
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button:after,
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button:after {
  content: "\f178";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 100;
  font-size: 1.4em;
  transform: translateX(0);
  transition: transform 0.3s ease-in-out;
}
@media only screen and (max-width : 1299px) {
  body .cli-preference-btn-wrapper .cli-plugin-button:after,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button:after,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button:after,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button:after {
    font-size: 1.3em;
  }
}
@media only screen and (max-width : 699px) {
  body .cli-preference-btn-wrapper .cli-plugin-button:after,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button:after,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button:after,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button:after {
    font-size: 1.1em;
  }
}
body .cli-preference-btn-wrapper .cli-plugin-button:hover:after,
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button:hover:after,
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button:hover:after,
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button:hover:after {
  transform: translateX(10px);
}
body .cli-preference-btn-wrapper .cli-plugin-button,
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button,
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button,
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button {
  font-size: 17px !important;
  padding: 13px 0 !important;
  margin: 0 !important;
}
@media only screen and (max-width : 699px) {
  body .cli-preference-btn-wrapper .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button,
  body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button {
    font-size: 15px !important;
  }
}
body .cli-preference-btn-wrapper .cli-plugin-button:before, body .cli-preference-btn-wrapper .cli-plugin-button:after,
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button:before,
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-button:after,
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button:before,
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli_settings_button:after,
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button:before,
body .wt-cli-cookie-bar-container[data-banner-version="3.0"] .cli-plugin-main-button:after {
  display: none;
}
body #cookie-law-info-again {
  box-shadow: none !important;
  padding: 0 !important;
}
body #cookie-law-info-again #cookie_hdr_showagain {
  border: 2px solid #000000 !important;
  border-bottom-width: 0px !important;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  body #cookie-law-info-again #cookie_hdr_showagain {
    font-size: 21px;
  }
}
@media only screen and (max-width : 1299px) {
  body #cookie-law-info-again #cookie_hdr_showagain {
    font-size: 20px;
  }
}
@media only screen and (max-width : 1199px) {
  body #cookie-law-info-again #cookie_hdr_showagain {
    font-size: 19px;
  }
}
@media only screen and (max-width : 820px) {
  body #cookie-law-info-again #cookie_hdr_showagain {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  body #cookie-law-info-again #cookie_hdr_showagain {
    font-size: 16px;
    line-height: 1.6;
  }
}
body #cookie-law-info-again #cookie_hdr_showagain {
  letter-spacing: 0.05em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  vertical-align: middle;
  border-width: 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  body #cookie-law-info-again #cookie_hdr_showagain {
    font-size: 21px;
  }
}
@media only screen and (max-width : 1299px) {
  body #cookie-law-info-again #cookie_hdr_showagain {
    font-size: 20px;
  }
}
@media only screen and (max-width : 1199px) {
  body #cookie-law-info-again #cookie_hdr_showagain {
    font-size: 19px;
  }
}
@media only screen and (max-width : 820px) {
  body #cookie-law-info-again #cookie_hdr_showagain {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  body #cookie-law-info-again #cookie_hdr_showagain {
    font-size: 16px;
    line-height: 1.6;
  }
}
body #cookie-law-info-again #cookie_hdr_showagain {
  font-weight: 500;
  font-family: "dunbar-tall", sans-serif;
  line-height: 1.3;
  text-transform: uppercase;
  position: relative;
  color: #8E8A7C;
  margin: 2em 0 0;
  grid-column-gap: 20px;
  background: transparent;
  padding: 0;
  width: fit-content;
}
@media only screen and (max-width : 1499px) {
  body #cookie-law-info-again #cookie_hdr_showagain {
    margin: 30px 0 0;
    grid-column-gap: 20px;
  }
}
@media only screen and (max-width : 1299px) {
  body #cookie-law-info-again #cookie_hdr_showagain {
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 820px) {
  body #cookie-law-info-again #cookie_hdr_showagain {
    flex-wrap: wrap;
    grid-row-gap: 10px;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 699px) {
  body #cookie-law-info-again #cookie_hdr_showagain {
    grid-column-gap: 8px;
    grid-row-gap: 5px;
  }
}
body #cookie-law-info-again #cookie_hdr_showagain:after {
  content: "\f178";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 100;
  font-size: 1.4em;
  transform: translateX(0);
  transition: transform 0.3s ease-in-out;
}
@media only screen and (max-width : 1299px) {
  body #cookie-law-info-again #cookie_hdr_showagain:after {
    font-size: 1.3em;
  }
}
@media only screen and (max-width : 699px) {
  body #cookie-law-info-again #cookie_hdr_showagain:after {
    font-size: 1.1em;
  }
}
body #cookie-law-info-again #cookie_hdr_showagain:hover:after {
  transform: translateX(10px);
}
body #cookie-law-info-again #cookie_hdr_showagain {
  background-color: #ffffff !important;
  color: #8E8A7C !important;
  font-size: 17px !important;
  padding: 9px 13px !important;
  margin: 0 !important;
}
@media only screen and (max-width : 699px) {
  body #cookie-law-info-again #cookie_hdr_showagain {
    font-size: 15px !important;
  }
}
body #cookie-law-info-again #cookie_hdr_showagain:before, body #cookie-law-info-again #cookie_hdr_showagain:after {
  display: none;
}
body table.cookielawinfo-classic td,
body table.cookielawinfo-classic th,
body table.wt-cli-element td,
body table.wt-cli-element th {
  border-width: 0 !important;
  padding: 20px 20px 20px 0 !important;
}

.banner-standard,
.banner-standard-large {
  text-align: center;
  padding-bottom: 250px;
}
@media only screen and (max-width : 1799px) {
  .banner-standard,
  .banner-standard-large {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width : 820px) {
  .banner-standard,
  .banner-standard-large {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 699px) {
  .banner-standard,
  .banner-standard-large {
    padding-bottom: 60px;
  }
}

@media only screen and (min-width : 1025px) {
  .banner-standard:has(figure.noradius) {
    padding-top: 250px;
  }
}
@media only screen and (min-width : 1025px) and (max-width : 1799px) {
  .banner-standard:has(figure.noradius) {
    padding-top: 120px;
  }
}
@media only screen and (min-width : 1025px) and (max-width : 820px) {
  .banner-standard:has(figure.noradius) {
    padding-top: 90px;
  }
}
@media only screen and (min-width : 1025px) and (max-width : 699px) {
  .banner-standard:has(figure.noradius) {
    padding-top: 60px;
  }
}
@media only screen and (min-width : 1025px) and (max-width : 1799px) {
  .banner-standard:has(figure.noradius) .container {
    margin-top: 40px;
  }
}
.page-template-estimator .banner-standard {
  padding-bottom: 120px;
}
@media only screen and (max-width : 1799px) {
  .page-template-estimator .banner-standard {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-estimator .banner-standard {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-estimator .banner-standard {
    padding-bottom: 40px;
  }
}
.blog .banner-standard {
  padding-bottom: 120px;
}
@media only screen and (max-width : 1799px) {
  .blog .banner-standard {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 820px) {
  .blog .banner-standard {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width : 699px) {
  .blog .banner-standard {
    padding-bottom: 40px;
  }
}
.banner-standard h1 {
  color: #ffffff;
}
.banner-standard.light h1 {
  color: #8E8A7C;
}
.banner-standard p {
  font-weight: 400;
  font-size: 19px;
  line-height: 1.6;
}
@media screen and (min-width: 700px) {
  .banner-standard p {
    font-size: 22px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1200px) {
  .banner-standard p {
    font-size: 26px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1500px) {
  .banner-standard p {
    font-size: 30px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1920px) {
  .banner-standard p {
    font-size: 32px;
    line-height: 1.7;
  }
}
.banner-standard p {
  margin: 0;
}
.banner-standard .container > article {
  margin: 0 auto;
  max-width: 1200px;
}
.page-template-lofttype .banner-standard .container > article, .page-template-default .banner-standard .container > article, .page-template-estimator .banner-standard .container > article {
  max-width: 100%;
}
.page-template-housestyles .banner-standard h1 + p, .page-template-ourprocess .banner-standard h1 + p {
  color: #ffffff;
  margin-top: 90px;
  margin-bottom: 40px;
}
@media only screen and (max-width : 1499px) {
  .page-template-housestyles .banner-standard h1 + p, .page-template-ourprocess .banner-standard h1 + p {
    margin-top: 55px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-housestyles .banner-standard h1 + p, .page-template-ourprocess .banner-standard h1 + p {
    margin-top: 0;
  }
}
.page-template-housestyles .banner-standard h1 + p + p, .page-template-ourprocess .banner-standard h1 + p + p {
  color: #8E8A7C;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  .page-template-housestyles .banner-standard h1 + p + p, .page-template-ourprocess .banner-standard h1 + p + p {
    font-size: 21px;
  }
}
@media only screen and (max-width : 1299px) {
  .page-template-housestyles .banner-standard h1 + p + p, .page-template-ourprocess .banner-standard h1 + p + p {
    font-size: 20px;
  }
}
@media only screen and (max-width : 1199px) {
  .page-template-housestyles .banner-standard h1 + p + p, .page-template-ourprocess .banner-standard h1 + p + p {
    font-size: 19px;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-housestyles .banner-standard h1 + p + p, .page-template-ourprocess .banner-standard h1 + p + p {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-housestyles .banner-standard h1 + p + p, .page-template-ourprocess .banner-standard h1 + p + p {
    font-size: 16px;
    line-height: 1.6;
  }
}
.page-template-housestyles .banner-standard h1 + p + p, .page-template-ourprocess .banner-standard h1 + p + p {
  margin: 0 auto;
  max-width: 900px;
}
.banner-standard > figure.noradius {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.banner-standard > figure.noradius img {
  filter: brightness(0.73);
}
.banner-standard > figure.noradius + .container {
  position: relative;
  z-index: 2;
}
.banner-standard > figure.noradius + .container h1,
.banner-standard > figure.noradius + .container p {
  color: #E5E3DB;
}

#banner-pinned {
  padding-bottom: 75vh;
  position: relative;
  z-index: 0;
}
#banner-pinned figure {
  width: 100vw;
  height: 100svh;
  border-radius: 0;
  overflow: hidden;
}
#banner-pinned figure img,
#banner-pinned figure video {
  position: relative;
  height: 120%;
  width: 100%;
  object-fit: cover;
  top: auto;
  bottom: 0;
  opacity: 0;
}
@media only screen and (max-width : 820px) {
  #banner-pinned figure img,
  #banner-pinned figure video {
    height: 100%;
  }
}
#banner-pinned figure .overlay span {
  height: 0;
}
#banner-pinned figure .btn {
  position: absolute;
  z-index: 2;
  right: 60px;
  bottom: 60px;
  color: #ffffff;
  font-size: 26px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  #banner-pinned figure .btn {
    font-size: 32px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  #banner-pinned figure .btn {
    font-size: 48px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  #banner-pinned figure .btn {
    font-size: 52px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1920px) {
  #banner-pinned figure .btn {
    font-size: 54px;
    line-height: 1.1;
  }
}
#banner-pinned figure .btn {
  line-height: 1.3 !important;
  margin: 0;
}
@media only screen and (max-width : 820px) {
  #banner-pinned figure .btn {
    margin: 0 0 60px;
  }
}
@media only screen and (max-width : 699px) {
  #banner-pinned figure .btn {
    right: auto;
    left: 30px;
    bottom: 30px;
  }
}
#banner-pinned figure:after {
  content: "";
  display: block;
  position: absolute;
  inset: -1px;
  background-color: rgba(0, 0, 0, 0.27);
}
#banner-pinned .container {
  margin-top: -100svh;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.home #banner-pinned .container {
  pointer-events: none;
}
#banner-pinned .container > article {
  grid-column: 2/span 8;
}
@media only screen and (max-width : 1499px) {
  #banner-pinned .container > article {
    grid-column: 2/span 7;
  }
}
@media only screen and (max-width : 820px) {
  #banner-pinned .container > article {
    grid-column: 1/span 11;
  }
}
@media only screen and (max-width : 699px) {
  #banner-pinned .container > article {
    grid-column: span 12;
  }
}
.page-template-service #banner-pinned .container > article, .page-template-howwework #banner-pinned .container > article {
  grid-column: 2/span 10;
}
@media only screen and (max-width : 820px) {
  .page-template-service #banner-pinned .container > article, .page-template-howwework #banner-pinned .container > article {
    grid-column: 1/span 11;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-service #banner-pinned .container > article, .page-template-howwework #banner-pinned .container > article {
    grid-column: span 12;
  }
}
#banner-pinned .container h1,
#banner-pinned .container h2 {
  margin: 0;
  font-size: 45px;
  line-height: 1.3;
}
@media screen and (min-width: 700px) {
  #banner-pinned .container h1,
  #banner-pinned .container h2 {
    font-size: 75px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  #banner-pinned .container h1,
  #banner-pinned .container h2 {
    font-size: 85px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  #banner-pinned .container h1,
  #banner-pinned .container h2 {
    font-size: 110px;
    line-height: 1.05;
  }
}
@media screen and (min-width: 1920px) {
  #banner-pinned .container h1,
  #banner-pinned .container h2 {
    font-size: 144px;
    line-height: 1.05;
  }
}
#banner-pinned .container h1,
#banner-pinned .container h2 {
  line-height: 0.72 !important;
}
#banner-pinned .container h1 .line,
#banner-pinned .container h2 .line {
  padding-bottom: 0.3em;
}
#banner-pinned .container h1,
#banner-pinned .container h2 {
  color: #F3F3EF;
}
.page-template-service #banner-pinned .container h1, .page-template-howwework #banner-pinned .container h1,
.page-template-service #banner-pinned .container h2,
.page-template-howwework #banner-pinned .container h2 {
  font-size: 45px;
  line-height: 1.3;
}
@media screen and (min-width: 700px) {
  .page-template-service #banner-pinned .container h1, .page-template-howwework #banner-pinned .container h1,
  .page-template-service #banner-pinned .container h2,
  .page-template-howwework #banner-pinned .container h2 {
    font-size: 75px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  .page-template-service #banner-pinned .container h1, .page-template-howwework #banner-pinned .container h1,
  .page-template-service #banner-pinned .container h2,
  .page-template-howwework #banner-pinned .container h2 {
    font-size: 9vw;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  .page-template-service #banner-pinned .container h1, .page-template-howwework #banner-pinned .container h1,
  .page-template-service #banner-pinned .container h2,
  .page-template-howwework #banner-pinned .container h2 {
    font-size: 10vw;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1920px) {
  .page-template-service #banner-pinned .container h1, .page-template-howwework #banner-pinned .container h1,
  .page-template-service #banner-pinned .container h2,
  .page-template-howwework #banner-pinned .container h2 {
    font-size: 220px;
    line-height: 1;
  }
}
.page-template-service #banner-pinned .container h1, .page-template-howwework #banner-pinned .container h1,
.page-template-service #banner-pinned .container h2,
.page-template-howwework #banner-pinned .container h2 {
  padding-bottom: 0.1em;
}
@media only screen and (min-width : 1500px) {
  .page-template-service #banner-pinned .container h1, .page-template-howwework #banner-pinned .container h1,
  .page-template-service #banner-pinned .container h2,
  .page-template-howwework #banner-pinned .container h2 {
    padding-bottom: 0.2em;
  }
}
#banner-pinned .container h1 {
  margin-bottom: 40px;
}
@media only screen and (max-width : 820px) {
  #banner-pinned .container h1 {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width : 699px) {
  #banner-pinned .container h1 {
    margin-bottom: 20px;
  }
}

.banner-home, .banner-home:first-child {
  padding-top: 0;
  margin-top: var(--headerHeight);
  padding-bottom: var(--containerGap);
}
@media only screen and (max-width : 820px) {
  .banner-home, .banner-home:first-child {
    padding-bottom: 160px;
  }
}
@media only screen and (max-width : 820px) and (max-width : 1499px) {
  .banner-home, .banner-home:first-child {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width : 820px) and (max-width : 820px) {
  .banner-home, .banner-home:first-child {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 820px) and (max-width : 699px) {
  .banner-home, .banner-home:first-child {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width : 820px) {
  .banner-home .container-fluid, .banner-home:first-child .container-fluid {
    height: calc(100svh - (var(--headerHeight) + var(--containerGap)));
    min-height: 830px;
  }
}
@media only screen and (max-width : 699px) {
  .banner-home .container-fluid, .banner-home:first-child .container-fluid {
    min-height: 0px;
    height: fit-content;
  }
}
.banner-home .container-fluid > section, .banner-home:first-child .container-fluid > section {
  display: grid;
  grid-template-columns: 41.666667% 58.333333%;
}
@media only screen and (max-width : 1799px) {
  .banner-home .container-fluid > section, .banner-home:first-child .container-fluid > section {
    grid-template-columns: 50% 50%;
  }
}
@media only screen and (max-width : 820px) {
  .banner-home .container-fluid > section, .banner-home:first-child .container-fluid > section {
    display: flex;
    flex-direction: column-reverse;
    height: 100%;
    justify-content: flex-end;
    gap: 60px;
  }
}
@media only screen and (max-width : 699px) {
  .banner-home .container-fluid > section, .banner-home:first-child .container-fluid > section {
    gap: 40px;
  }
}
.banner-home .container-fluid > section .banner-text, .banner-home:first-child .container-fluid > section .banner-text {
  padding-right: var(--gridGap);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: var(--homeBannerNavHeight);
}
@media only screen and (max-width : 820px) {
  .banner-home .container-fluid > section .banner-text, .banner-home:first-child .container-fluid > section .banner-text {
    padding: 0;
    flex-grow: 1;
    gap: 50px;
    justify-content: flex-start;
  }
}
@media only screen and (max-width : 699px) {
  .banner-home .container-fluid > section .banner-text, .banner-home:first-child .container-fluid > section .banner-text {
    gap: 20px;
  }
}
.banner-home .container-fluid > section .banner-text h1, .banner-home:first-child .container-fluid > section .banner-text h1 {
  margin-top: auto;
  margin-bottom: 0;
  display: grid;
  line-height: 1.1;
}
@media only screen and (max-width : 820px) {
  .banner-home .container-fluid > section .banner-text h1, .banner-home:first-child .container-fluid > section .banner-text h1 {
    margin-top: 0;
  }
}
@media only screen and (min-width : 700px) and (max-width : 820px) {
  .banner-home .container-fluid > section .banner-text h1, .banner-home:first-child .container-fluid > section .banner-text h1 {
    font-size: 84px;
  }
}
@media only screen and (max-width : 699px) {
  .banner-home .container-fluid > section .banner-text h1, .banner-home:first-child .container-fluid > section .banner-text h1 {
    font-size: 13vw;
  }
}
.banner-home .container-fluid > section .banner-text h1 span.line-2, .banner-home:first-child .container-fluid > section .banner-text h1 span.line-2 {
  display: flex;
  line-height: 0.85;
  gap: 10px;
  position: relative;
  padding-left: 142px;
}
@media only screen and (max-width : 1499px) {
  .banner-home .container-fluid > section .banner-text h1 span.line-2, .banner-home:first-child .container-fluid > section .banner-text h1 span.line-2 {
    padding-left: 102px;
  }
}
@media only screen and (max-width : 699px) {
  .banner-home .container-fluid > section .banner-text h1 span.line-2, .banner-home:first-child .container-fluid > section .banner-text h1 span.line-2 {
    padding-left: 69px;
  }
}
.banner-home .container-fluid > section .banner-text h1 figure, .banner-home:first-child .container-fluid > section .banner-text h1 figure {
  position: absolute;
  left: 0;
  width: 132px;
  height: 100%;
  border-radius: var(--borderRadiusSml);
}
@media only screen and (max-width : 1499px) {
  .banner-home .container-fluid > section .banner-text h1 figure, .banner-home:first-child .container-fluid > section .banner-text h1 figure {
    width: 92px;
  }
}
@media only screen and (max-width : 699px) {
  .banner-home .container-fluid > section .banner-text h1 figure, .banner-home:first-child .container-fluid > section .banner-text h1 figure {
    width: 62px;
  }
}
.banner-home .container-fluid > section .banner-text p, .banner-home:first-child .container-fluid > section .banner-text p {
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  .banner-home .container-fluid > section .banner-text p, .banner-home:first-child .container-fluid > section .banner-text p {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  .banner-home .container-fluid > section .banner-text p, .banner-home:first-child .container-fluid > section .banner-text p {
    font-size: 15px;
    line-height: 1.6;
  }
}
.banner-home .container-fluid > section .banner-text p, .banner-home:first-child .container-fluid > section .banner-text p {
  max-width: 370px;
  margin: 3em 0 0;
}
@media only screen and (max-width : 820px) {
  .banner-home .container-fluid > section .banner-text p, .banner-home:first-child .container-fluid > section .banner-text p {
    margin: 0;
  }
}
.banner-home .container-fluid > section .banner-text footer, .banner-home:first-child .container-fluid > section .banner-text footer {
  margin-top: auto;
  display: flex;
  align-items: flex-end;
  gap: var(--gridGap);
  justify-content: space-between;
}
@media only screen and (max-width : 820px) {
  .banner-home .container-fluid > section .banner-text footer, .banner-home:first-child .container-fluid > section .banner-text footer {
    display: none;
  }
}
.banner-home .container-fluid > section .banner-text footer article, .banner-home:first-child .container-fluid > section .banner-text footer article {
  display: flex;
  align-items: center;
  height: var(--homeBannerNavHeight);
  transform: translateY(100%);
}
.banner-home .container-fluid > section .banner-text footer article .btn, .banner-home:first-child .container-fluid > section .banner-text footer article .btn {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: var(--homeBannerBtnHeight);
}
.banner-home .container-fluid > section .banner-text footer figure, .banner-home:first-child .container-fluid > section .banner-text footer figure {
  flex: 0 0 205px;
  border-radius: var(--borderRadiusMed);
  margin-left: auto;
}
.banner-home .container-fluid > section .banner-text footer figure .carousel-home-banner-small, .banner-home:first-child .container-fluid > section .banner-text footer figure .carousel-home-banner-small {
  width: 100%;
}
.banner-home .container-fluid > section .banner-text footer figure .carousel-home-banner-small .swiper-slide, .banner-home:first-child .container-fluid > section .banner-text footer figure .carousel-home-banner-small .swiper-slide {
  height: auto;
}
.banner-home .container-fluid > section .banner-text footer figure .carousel-home-banner-small img, .banner-home:first-child .container-fluid > section .banner-text footer figure .carousel-home-banner-small img {
  height: auto;
}
@media only screen and (max-width : 1199px) {
  .banner-home .container-fluid > section .banner-text footer figure, .banner-home:first-child .container-fluid > section .banner-text footer figure {
    flex: 0 0 30%;
  }
}
@media only screen and (max-width : 1024px) {
  .banner-home .container-fluid > section .banner-text footer figure, .banner-home:first-child .container-fluid > section .banner-text footer figure {
    display: none;
  }
}
@media only screen and (min-width : 700px) and (max-width : 820px) {
  .banner-home .container-fluid > section .banner-text footer figure, .banner-home:first-child .container-fluid > section .banner-text footer figure {
    display: block;
  }
}
.banner-home .container-fluid > section .banner-projects, .banner-home:first-child .container-fluid > section .banner-projects {
  height: calc(100svh - var(--headerHeight));
}
@media only screen and (max-width : 820px) {
  .banner-home .container-fluid > section .banner-projects, .banner-home:first-child .container-fluid > section .banner-projects {
    height: calc(50vh - var(--headerHeight));
    min-height: 370px;
  }
}
@media only screen and (max-width : 699px) {
  .banner-home .container-fluid > section .banner-projects, .banner-home:first-child .container-fluid > section .banner-projects {
    height: calc(46vh - var(--headerHeight));
    min-height: 210px;
  }
}
@media only screen and (max-width : 820px) {
  .banner-home .container-fluid > section .banner-projects .swiper-container, .banner-home:first-child .container-fluid > section .banner-projects .swiper-container {
    min-height: inherit;
  }
}
.banner-home .container-fluid > section .banner-projects .swiper, .banner-home:first-child .container-fluid > section .banner-projects .swiper {
  border-radius: var(--borderRadiusBig);
  height: calc(100% - var(--homeBannerNavHeight));
}
@media only screen and (max-width : 820px) {
  .banner-home .container-fluid > section .banner-projects .swiper, .banner-home:first-child .container-fluid > section .banner-projects .swiper {
    height: inherit;
  }
}
.banner-home .container-fluid > section .banner-projects .swiper-slide a, .banner-home:first-child .container-fluid > section .banner-projects .swiper-slide a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.banner-home .container-fluid > section .banner-projects .swiper-slide a p, .banner-home:first-child .container-fluid > section .banner-projects .swiper-slide a p {
  display: flex;
  align-items: flex-start;
  gap: var(--gridGap);
  position: absolute;
  bottom: 0;
  height: var(--homeBannerNavHeight);
  justify-content: flex-end;
  padding: 0 var(--containerGap) var(--containerGap);
  flex-direction: column;
  max-width: fit-content;
  right: 0;
  left: auto;
  width: 100%;
}
@media only screen and (max-width : 699px) {
  .banner-home .container-fluid > section .banner-projects .swiper-slide a p, .banner-home:first-child .container-fluid > section .banner-projects .swiper-slide a p {
    display: none;
  }
}
.banner-home .container-fluid > section .banner-projects .swiper-slide a p .tag, .banner-home:first-child .container-fluid > section .banner-projects .swiper-slide a p .tag {
  font-size: 14px;
  font-family: "dunbar-tall", sans-serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8E8A7C;
  background-color: #F3F3EF;
  padding: 3px 10px;
  border-radius: 100px;
  width: fit-content;
  white-space: nowrap;
}
@media only screen and (max-width : 699px) {
  .banner-home .container-fluid > section .banner-projects .swiper-slide a p .tag, .banner-home:first-child .container-fluid > section .banner-projects .swiper-slide a p .tag {
    font-size: 12px;
  }
}
.banner-home .container-fluid > section .banner-projects .swiper-slide a p .more, .banner-home:first-child .container-fluid > section .banner-projects .swiper-slide a p .more {
  margin: 0;
  color: #ffffff;
}
.banner-home .container-fluid > section .banner-projects nav, .banner-home:first-child .container-fluid > section .banner-projects nav {
  display: flex;
  background-color: #ffffff;
  max-width: fit-content;
  position: absolute;
  right: 0;
  bottom: -1px;
  z-index: 2;
  height: var(--homeBannerNavHeight);
  padding-left: 50px;
  border-radius: 0;
  background-color: transparent;
  max-width: 100%;
  padding-left: 0;
  left: 0;
  justify-content: space-between;
  gap: 0;
}
.banner-home .container-fluid > section .banner-projects nav .swiper-pagination, .banner-home:first-child .container-fluid > section .banner-projects nav .swiper-pagination {
  max-width: fit-content;
}
.banner-home .container-fluid > section .banner-projects nav .more, .banner-home:first-child .container-fluid > section .banner-projects nav .more {
  margin: 0;
}
@media only screen and (max-width : 820px) {
  .banner-home .container-fluid > section .banner-projects nav, .banner-home:first-child .container-fluid > section .banner-projects nav {
    display: none;
  }
}
.banner-home .container-fluid > section .banner-projects .swiper-nav, .banner-home:first-child .container-fluid > section .banner-projects .swiper-nav {
  display: flex;
  align-items: center;
  grid-column-gap: 34px;
}
@media only screen and (max-width : 1799px) {
  .banner-home .container-fluid > section .banner-projects .swiper-nav, .banner-home:first-child .container-fluid > section .banner-projects .swiper-nav {
    position: relative;
    bottom: 0;
  }
}
@media only screen and (max-width : 1499px) {
  .banner-home .container-fluid > section .banner-projects .swiper-nav, .banner-home:first-child .container-fluid > section .banner-projects .swiper-nav {
    width: 100%;
    justify-content: space-between;
  }
}
@media only screen and (max-width : 699px) {
  .banner-home .container-fluid > section .banner-projects .swiper-nav, .banner-home:first-child .container-fluid > section .banner-projects .swiper-nav {
    display: none;
  }
}
.banner-home .container-fluid > section .banner-projects .swiper-nav .swiper-button-next, .banner-home .container-fluid > section .banner-projects .swiper-nav .swiper-button-prev, .banner-home:first-child .container-fluid > section .banner-projects .swiper-nav .swiper-button-next, .banner-home:first-child .container-fluid > section .banner-projects .swiper-nav .swiper-button-prev {
  position: relative;
  transform: none;
  top: auto;
  background-color: #ffffff;
  border: 1px solid rgba(142, 138, 124, 0.2);
  color: #8E8A7C;
}
.banner-home .container-fluid > section .banner-projects .swiper-nav .swiper-button-next:after, .banner-home .container-fluid > section .banner-projects .swiper-nav .swiper-button-prev:after, .banner-home:first-child .container-fluid > section .banner-projects .swiper-nav .swiper-button-next:after, .banner-home:first-child .container-fluid > section .banner-projects .swiper-nav .swiper-button-prev:after {
  color: #8E8A7C;
}
.banner-home + .section.bgwhite, .banner-home:first-child + .section.bgwhite {
  padding-top: 250px;
}
@media only screen and (max-width : 1799px) {
  .banner-home + .section.bgwhite, .banner-home:first-child + .section.bgwhite {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  .banner-home + .section.bgwhite, .banner-home:first-child + .section.bgwhite {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  .banner-home + .section.bgwhite, .banner-home:first-child + .section.bgwhite {
    padding-top: 60px;
  }
}
.banner-home + .section.bgwhite, .banner-home:first-child + .section.bgwhite {
  padding-bottom: 250px;
}
@media only screen and (max-width : 1799px) {
  .banner-home + .section.bgwhite, .banner-home:first-child + .section.bgwhite {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width : 820px) {
  .banner-home + .section.bgwhite, .banner-home:first-child + .section.bgwhite {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 699px) {
  .banner-home + .section.bgwhite, .banner-home:first-child + .section.bgwhite {
    padding-bottom: 60px;
  }
}

section.section.banner-default {
  margin-top: var(--headerHeight);
  height: calc(100svh - var(--headerHeight));
  padding: 0;
}
section.section.banner-default:first-child {
  margin-top: var(--headerHeight);
}
section.section.banner-default > figure {
  position: absolute;
  inset: 0 var(--containerGap) var(--homeBannerNavHeight) var(--containerGap);
}
@media only screen and (max-width : 699px) {
  section.section.banner-default > figure {
    bottom: 110px;
  }
}
section.section.banner-default > figure img {
  filter: brightness(0.8);
}
section.section.banner-default .container {
  min-height: calc(100svh - (var(--headerHeight) + var(--homeBannerNavHeight)));
}
section.section.banner-default .container > article {
  display: flex;
  align-items: center;
  min-height: inherit;
}
@media only screen and (max-width : 699px) {
  section.section.banner-default .container > article {
    min-height: 0;
    height: calc(100svh - 220px);
    padding: 0;
    padding: 20px;
    text-align: center;
    justify-content: center;
  }
}
section.section.banner-default .container > article h1 {
  color: #F3F3EF;
  max-width: 550px;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  section.section.banner-default .container > article h1 {
    font-size: 45px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1200px) {
  section.section.banner-default .container > article h1 {
    font-size: 60px;
    line-height: 1;
  }
}
@media screen and (min-width: 1500px) {
  section.section.banner-default .container > article h1 {
    font-size: 67px;
    line-height: 1;
  }
}
@media screen and (min-width: 1920px) {
  section.section.banner-default .container > article h1 {
    font-size: 70px;
    line-height: 1;
  }
}
section.section.banner-default .btn {
  margin: 0;
}
@media only screen and (min-width : 700px) {
  section.section.banner-default .btn {
    padding-top: 0;
    padding-bottom: 0;
    height: var(--homeBannerBtnHeight);
  }
}
section.section.banner-default .btn {
  position: absolute;
  bottom: var(--homeBannerGap);
  left: var(--containerGap);
}
@media only screen and (max-width : 699px) {
  section.section.banner-default .btn {
    bottom: 30px;
    padding-top: 0;
    padding-bottom: 0;
    height: 50px;
    width: calc(100% - 60px);
  }
}

.wp-pagenavi {
  display: flex;
  justify-content: center;
  grid-column-gap: 8px;
  margin-top: 60px;
}
@media only screen and (max-width : 820px) {
  .wp-pagenavi {
    margin-top: 45px;
  }
}
@media only screen and (max-width : 699px) {
  .wp-pagenavi {
    margin-top: 30px;
  }
}
.wp-pagenavi span,
.wp-pagenavi a {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 52px;
  width: 52px;
  text-align: center;
  color: #8E8A7C;
  border-radius: 100%;
  border: 1px solid #8E8A7C;
  font-size: 16px;
}
@media only screen and (max-width : 699px) {
  .wp-pagenavi span,
  .wp-pagenavi a {
    height: 36px;
    width: 36px;
  }
}
.wp-pagenavi span.current {
  background-color: #EAE9E2;
  border-color: #EAE9E2;
}
.wp-pagenavi span.extend {
  background: none;
  padding: 8px 0;
  min-width: auto;
  display: none;
}
.wp-pagenavi a.nextpostslink, .wp-pagenavi a.last {
  background-color: #8E8A7C;
}
.wp-pagenavi a.nextpostslink i, .wp-pagenavi a.last i {
  color: #ffffff;
}

#cta, section.cta {
  text-align: center;
  padding-top: 0;
}
@media only screen and (max-width : 699px) {
  #cta .container-fluid, section.cta .container-fluid {
    padding: 0;
  }
}
#cta .container-fluid > section, section.cta .container-fluid > section {
  border-radius: var(--borderRadiusBig);
  padding-top: 160px;
}
@media only screen and (max-width : 1499px) {
  #cta .container-fluid > section, section.cta .container-fluid > section {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  #cta .container-fluid > section, section.cta .container-fluid > section {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  #cta .container-fluid > section, section.cta .container-fluid > section {
    padding-top: 60px;
  }
}
#cta .container-fluid > section, section.cta .container-fluid > section {
  padding-bottom: 160px;
}
@media only screen and (max-width : 1499px) {
  #cta .container-fluid > section, section.cta .container-fluid > section {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width : 820px) {
  #cta .container-fluid > section, section.cta .container-fluid > section {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 699px) {
  #cta .container-fluid > section, section.cta .container-fluid > section {
    padding-bottom: 60px;
  }
}
#cta .container-fluid > section, section.cta .container-fluid > section {
  padding-left: var(--containerGap);
  padding-right: var(--containerGap);
}
@media only screen and (max-width : 699px) {
  #cta .container-fluid > section, section.cta .container-fluid > section {
    border-radius: 0;
  }
}
#cta.dark, #cta.bgblue, section.cta.dark, section.cta.bgblue {
  background-color: #ffffff;
}
@media only screen and (max-width : 699px) {
  #cta.dark:last-child, #cta.bgblue:last-child, section.cta.dark:last-child, section.cta.bgblue:last-child {
    padding: 0;
  }
}
#cta.dark .container-fluid > section, #cta.bgblue .container-fluid > section, section.cta.dark .container-fluid > section, section.cta.bgblue .container-fluid > section {
  background-color: #1F2426;
}
#cta.dark .btn, #cta.bgblue .btn, section.cta.dark .btn, section.cta.bgblue .btn {
  color: #ffffff;
}
#cta h2, section.cta h2 {
  letter-spacing: 0;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  #cta h2, section.cta h2 {
    font-size: 45px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1200px) {
  #cta h2, section.cta h2 {
    font-size: 60px;
    line-height: 1;
  }
}
@media screen and (min-width: 1500px) {
  #cta h2, section.cta h2 {
    font-size: 67px;
    line-height: 1;
  }
}
@media screen and (min-width: 1920px) {
  #cta h2, section.cta h2 {
    font-size: 70px;
    line-height: 1;
  }
}
#cta h2, section.cta h2 {
  margin-bottom: 0;
}
#cta h2 em, section.cta h2 em {
  color: #8E8A7C;
}
#cta p, section.cta p {
  font-family: "montserrat", sans-serif;
  font-weight: 500;
  text-transform: none;
  font-size: 21px;
  line-height: 1.6;
}
@media screen and (min-width: 700px) {
  #cta p, section.cta p {
    font-size: 23px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1200px) {
  #cta p, section.cta p {
    font-size: 25px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1500px) {
  #cta p, section.cta p {
    font-size: 26px;
    line-height: 1.7;
  }
}
@media screen and (min-width: 1920px) {
  #cta p, section.cta p {
    font-size: 26px;
    line-height: 1.7;
  }
}
#cta p, section.cta p {
  margin: 2.4em 0 3em;
}
@media only screen and (max-width : 820px) {
  #cta p, section.cta p {
    margin: 2em 0 2.5em;
  }
}
@media only screen and (max-width : 699px) {
  #cta p, section.cta p {
    margin: 1em 0 1.7em;
  }
}
#cta .buttons, section.cta .buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 852px;
  margin: 0 auto;
}
@media only screen and (max-width : 1199px) {
  #cta .buttons, section.cta .buttons {
    gap: 10px;
    max-width: 620px;
  }
}
#cta .buttons a.btn, section.cta .buttons a.btn {
  max-width: 100%;
  width: 100%;
}
@media only screen and (max-width : 699px) {
  #cta .buttons, section.cta .buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
}
#cta article, section.cta article {
  position: relative;
  max-width: 950px;
  margin: 0 auto;
}
#cta.cta-alt h3, section.cta.cta-alt h3 {
  max-width: 800px;
  margin: 0 auto;
  color: #8E8A7C;
  margin-bottom: 50px;
}
@media only screen and (max-width : 820px) {
  #cta.cta-alt h3, section.cta.cta-alt h3 {
    margin-bottom: 37.5px;
  }
}
@media only screen and (max-width : 699px) {
  #cta.cta-alt h3, section.cta.cta-alt h3 {
    margin-bottom: 25px;
  }
}

section.section.bgblue + section.cta, section.section.dark + section.cta {
  padding-top: 160px;
}
@media only screen and (max-width : 1499px) {
  section.section.bgblue + section.cta, section.section.dark + section.cta {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  section.section.bgblue + section.cta, section.section.dark + section.cta {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  section.section.bgblue + section.cta, section.section.dark + section.cta {
    padding-top: 60px;
  }
}

section.section.bggrey + section.cta {
  background-color: #F3F3EF;
}

.page-template-howwework #reviews:has(+ .section.dark) + #cta {
  padding-top: 250px;
}
@media only screen and (max-width : 1799px) {
  .page-template-howwework #reviews:has(+ .section.dark) + #cta {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-howwework #reviews:has(+ .section.dark) + #cta {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-howwework #reviews:has(+ .section.dark) + #cta {
    padding-top: 60px;
  }
}

#loft-types + .cta {
  padding-top: 160px;
}
@media only screen and (max-width : 1499px) {
  #loft-types + .cta {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  #loft-types + .cta {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  #loft-types + .cta {
    padding-top: 60px;
  }
}

#cta-simple article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  background-color: #E5E3DB;
  border-radius: var(--borderRadius);
  overflow: hidden;
  padding-top: 80px;
}
@media only screen and (max-width : 1799px) {
  #cta-simple article {
    padding-top: 70px;
  }
}
@media only screen and (max-width : 820px) {
  #cta-simple article {
    padding-top: 60px;
  }
}
@media only screen and (max-width : 699px) {
  #cta-simple article {
    padding-top: 40px;
  }
}
#cta-simple article {
  padding-bottom: 80px;
}
@media only screen and (max-width : 1799px) {
  #cta-simple article {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width : 820px) {
  #cta-simple article {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width : 699px) {
  #cta-simple article {
    padding-bottom: 40px;
  }
}
#cta-simple article {
  padding-left: 80px;
  padding-right: 80px;
}
@media only screen and (max-width : 1799px) {
  #cta-simple article {
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media only screen and (max-width : 1499px) {
  #cta-simple article {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (max-width : 820px) {
  #cta-simple article {
    padding: 50px;
  }
}
@media only screen and (max-width : 699px) {
  #cta-simple article {
    padding: 40px 24px;
  }
}
@media only screen and (max-width : 699px) {
  #cta-simple article {
    flex-direction: column;
    gap: 24px;
  }
}
#cta-simple article h4 {
  margin: 0;
}
#cta-simple article .btn {
  margin: 0;
}

#reviews {
  padding-top: 80px;
}
@media only screen and (max-width : 1799px) {
  #reviews {
    padding-top: 70px;
  }
}
@media only screen and (max-width : 820px) {
  #reviews {
    padding-top: 60px;
  }
}
@media only screen and (max-width : 699px) {
  #reviews {
    padding-top: 40px;
  }
}
#reviews {
  padding-bottom: 80px;
}
@media only screen and (max-width : 1799px) {
  #reviews {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width : 820px) {
  #reviews {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width : 699px) {
  #reviews {
    padding-bottom: 40px;
  }
}
#reviews:last-child {
  padding-bottom: 250px;
}
@media only screen and (max-width : 1799px) {
  #reviews:last-child {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width : 820px) {
  #reviews:last-child {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 699px) {
  #reviews:last-child {
    padding-bottom: 60px;
  }
}
#reviews:has(+ .section.dark) {
  padding-bottom: 0;
}
#reviews:has(+ .section.dark) + .section.dark {
  padding-top: 80px;
}
@media only screen and (max-width : 1799px) {
  #reviews:has(+ .section.dark) + .section.dark {
    padding-top: 70px;
  }
}
@media only screen and (max-width : 820px) {
  #reviews:has(+ .section.dark) + .section.dark {
    padding-top: 60px;
  }
}
@media only screen and (max-width : 699px) {
  #reviews:has(+ .section.dark) + .section.dark {
    padding-top: 40px;
  }
}
#reviews:has(+ .section.dark) + #brochure {
  padding-top: 250px;
}
@media only screen and (max-width : 1799px) {
  #reviews:has(+ .section.dark) + #brochure {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  #reviews:has(+ .section.dark) + #brochure {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  #reviews:has(+ .section.dark) + #brochure {
    padding-top: 60px;
  }
}
.single-project #reviews:has(+ .section.dark) {
  padding-bottom: 160px;
}
@media only screen and (max-width : 1499px) {
  .single-project #reviews:has(+ .section.dark) {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width : 820px) {
  .single-project #reviews:has(+ .section.dark) {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 699px) {
  .single-project #reviews:has(+ .section.dark) {
    padding-bottom: 60px;
  }
}
#reviews .container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.single-project #reviews {
  padding-top: 0;
  padding-bottom: 160px;
}
@media only screen and (max-width : 1499px) {
  .single-project #reviews {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width : 820px) {
  .single-project #reviews {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 699px) {
  .single-project #reviews {
    padding-bottom: 60px;
  }
}

.section.reviews#reviews {
  padding-top: 160px;
}
@media only screen and (max-width : 1499px) {
  .section.reviews#reviews {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  .section.reviews#reviews {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  .section.reviews#reviews {
    padding-top: 60px;
  }
}
.section.reviews#reviews {
  padding-bottom: 160px;
}
@media only screen and (max-width : 1499px) {
  .section.reviews#reviews {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width : 820px) {
  .section.reviews#reviews {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 699px) {
  .section.reviews#reviews {
    padding-bottom: 60px;
  }
}

.section.bgwhite + .section.reviews#reviews, .section.cta + .section.reviews#reviews {
  padding-top: 0;
}

#reviews ul, .reviews ul {
  grid-column: span 12;
  display: flex;
  justify-content: space-between;
  gap: 65px;
  position: relative;
}
@media only screen and (max-width : 1499px) {
  #reviews ul, .reviews ul {
    grid-column: span 12;
  }
}
@media only screen and (max-width : 1199px) {
  #reviews ul, .reviews ul {
    gap: 20px;
  }
}
@media only screen and (max-width : 699px) {
  #reviews ul, .reviews ul {
    flex-direction: column;
  }
}
@media only screen and (max-width : 820px) {
  #reviews ul .owl-dots, .reviews ul .owl-dots {
    grid-column: span 12;
    padding-bottom: 10px;
  }
}
#reviews li, .reviews li {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-row-gap: 10px;
  margin: 0;
}
@media only screen and (max-width : 699px) {
  #reviews li, .reviews li {
    grid-row-gap: 5px;
  }
}
#reviews li > a:not(.review-link), .reviews li > a:not(.review-link) {
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  #reviews li > a:not(.review-link), .reviews li > a:not(.review-link) {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  #reviews li > a:not(.review-link), .reviews li > a:not(.review-link) {
    font-size: 15px;
    line-height: 1.6;
  }
}
#reviews li > a:not(.review-link), .reviews li > a:not(.review-link) {
  font-family: "dunbar-tall", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.05em;
}
#reviews li > a.review-link, .reviews li > a.review-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: inherit;
  color: inherit;
}
#reviews li figure, .reviews li figure {
  border-radius: 0;
  height: 100px;
  width: 280px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width : 1799px) {
  #reviews li figure, .reviews li figure {
    width: 220px;
  }
}
@media only screen and (max-width : 1499px) {
  #reviews li figure, .reviews li figure {
    width: 180px;
  }
}
@media only screen and (max-width : 1199px) {
  #reviews li figure, .reviews li figure {
    width: 160px;
  }
}
@media only screen and (max-width : 1199px) {
  #reviews li figure, .reviews li figure {
    width: 120px;
  }
}
@media only screen and (max-width : 699px) {
  #reviews li figure, .reviews li figure {
    height: 60px;
    height: fit-content;
  }
}
#reviews li figure img, .reviews li figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#reviews li .rating, .reviews li .rating {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  line-height: 1;
  font-size: 34px;
}
@media only screen and (max-width : 1499px) {
  #reviews li .rating, .reviews li .rating {
    font-size: 30px;
  }
}
@media only screen and (max-width : 820px) {
  #reviews li .rating, .reviews li .rating {
    font-size: 22px;
  }
}
#reviews li .rating span:nth-child(1), .reviews li .rating span:nth-child(1) {
  font-family: "dunbar-tall", sans-serif;
  font-weight: 700;
  font-size: 1em;
  line-height: 1;
  --line: 0%;
}
#reviews li .rating span:nth-child(1) .line, .reviews li .rating span:nth-child(1) .line {
  overflow: hidden;
}
#reviews li .rating span:nth-child(1) .char, .reviews li .rating span:nth-child(1) .char {
  padding-bottom: 8px;
}
#reviews li .rating span:nth-child(1):after, .reviews li .rating span:nth-child(1):after {
  content: "";
  height: 1px;
  background-color: #8E8A7C;
  display: block;
  position: relative;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: var(--line);
  margin: 10px 0 5px;
  width: 100%;
}
#reviews li .rating span:nth-child(2), .reviews li .rating span:nth-child(2) {
  color: #8E8A7C;
  font-size: 0.41em;
  font-weight: 700;
  padding-top: 5px;
}
#reviews li .rating span:nth-child(3), .reviews li .rating span:nth-child(3) {
  text-transform: lowercase;
  font-weight: 700;
  font-size: 0.58em;
}
#reviews li.reviews-google figure img, .reviews li.reviews-google figure img {
  width: 70%;
}
#reviews li.reviews-houzz figure img, .reviews li.reviews-houzz figure img {
  width: 79%;
}
#reviews li.reviews-io figure img, .reviews li.reviews-io figure img {
  width: 96%;
}

#reviews .carousel-reviews, .reviews .carousel-reviews {
  grid-column: span 12;
  max-width: none;
  width: 100%;
}
#reviews .carousel-reviews .swiper, .reviews .carousel-reviews .swiper {
  overflow: visible;
}
#reviews .carousel-reviews ul.swiper-wrapper, .reviews .carousel-reviews ul.swiper-wrapper {
  flex-direction: row;
  align-items: center;
  gap: 0;
  margin: 0;
}
#reviews .carousel-reviews li.swiper-slide, .reviews .carousel-reviews li.swiper-slide {
  width: auto;
  flex-shrink: 0;
}

.section.dark + #reviews {
  padding-top: 0;
}

#cta + #reviews .container:before {
  content: "";
  display: block;
  grid-column: span 12;
  height: 1px;
  width: 100%;
  background-color: #8E8A7C;
}
#cta + #reviews ul {
  padding-top: 80px;
}
@media only screen and (max-width : 1799px) {
  #cta + #reviews ul {
    padding-top: 70px;
  }
}
@media only screen and (max-width : 820px) {
  #cta + #reviews ul {
    padding-top: 60px;
  }
}
@media only screen and (max-width : 699px) {
  #cta + #reviews ul {
    padding-top: 40px;
  }
}

.our-process a {
  display: block;
  position: relative;
}
.our-process .img-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
}
.our-process .img-wrapper:after {
  display: block;
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.our-process .img-wrapper figure {
  height: 100%;
}
.our-process .container,
.our-process .container-fluid {
  padding-top: 250px;
}
@media only screen and (max-width : 1799px) {
  .our-process .container,
  .our-process .container-fluid {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  .our-process .container,
  .our-process .container-fluid {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  .our-process .container,
  .our-process .container-fluid {
    padding-top: 60px;
  }
}
.our-process .container,
.our-process .container-fluid {
  padding-bottom: 250px;
}
@media only screen and (max-width : 1799px) {
  .our-process .container,
  .our-process .container-fluid {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width : 820px) {
  .our-process .container,
  .our-process .container-fluid {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 699px) {
  .our-process .container,
  .our-process .container-fluid {
    padding-bottom: 60px;
  }
}
.our-process .container,
.our-process .container-fluid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.our-process .container article,
.our-process .container-fluid article {
  grid-column: 3/span 8;
}
.our-process .container h2,
.our-process .container-fluid h2 {
  color: #ffffff;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  .our-process .container h2,
  .our-process .container-fluid h2 {
    font-size: 45px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1200px) {
  .our-process .container h2,
  .our-process .container-fluid h2 {
    font-size: 60px;
    line-height: 1;
  }
}
@media screen and (min-width: 1500px) {
  .our-process .container h2,
  .our-process .container-fluid h2 {
    font-size: 67px;
    line-height: 1;
  }
}
@media screen and (min-width: 1920px) {
  .our-process .container h2,
  .our-process .container-fluid h2 {
    font-size: 70px;
    line-height: 1;
  }
}
.our-process .container span,
.our-process .container-fluid span {
  letter-spacing: 0.05em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  vertical-align: middle;
  border-width: 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  .our-process .container span,
  .our-process .container-fluid span {
    font-size: 21px;
  }
}
@media only screen and (max-width : 1299px) {
  .our-process .container span,
  .our-process .container-fluid span {
    font-size: 20px;
  }
}
@media only screen and (max-width : 1199px) {
  .our-process .container span,
  .our-process .container-fluid span {
    font-size: 19px;
  }
}
@media only screen and (max-width : 820px) {
  .our-process .container span,
  .our-process .container-fluid span {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  .our-process .container span,
  .our-process .container-fluid span {
    font-size: 16px;
    line-height: 1.6;
  }
}
.our-process .container span,
.our-process .container-fluid span {
  font-weight: 500;
  font-family: "dunbar-tall", sans-serif;
  line-height: 1.3;
  text-transform: uppercase;
  position: relative;
  color: #8E8A7C;
  margin: 2em 0 0;
  grid-column-gap: 20px;
  background: transparent;
  padding: 0;
  width: fit-content;
}
@media only screen and (max-width : 1499px) {
  .our-process .container span,
  .our-process .container-fluid span {
    margin: 30px 0 0;
    grid-column-gap: 20px;
  }
}
@media only screen and (max-width : 1299px) {
  .our-process .container span,
  .our-process .container-fluid span {
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 820px) {
  .our-process .container span,
  .our-process .container-fluid span {
    flex-wrap: wrap;
    grid-row-gap: 10px;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 699px) {
  .our-process .container span,
  .our-process .container-fluid span {
    grid-column-gap: 8px;
    grid-row-gap: 5px;
  }
}
.our-process .container span:after,
.our-process .container-fluid span:after {
  content: "\f178";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 100;
  font-size: 1.4em;
  transform: translateX(0);
  transition: transform 0.3s ease-in-out;
}
@media only screen and (max-width : 1299px) {
  .our-process .container span:after,
  .our-process .container-fluid span:after {
    font-size: 1.3em;
  }
}
@media only screen and (max-width : 699px) {
  .our-process .container span:after,
  .our-process .container-fluid span:after {
    font-size: 1.1em;
  }
}
.our-process .container span:hover:after,
.our-process .container-fluid span:hover:after {
  transform: translateX(10px);
}

.our-process-section .container > section:first-child {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 60px;
  padding-bottom: 80px;
}
@media only screen and (max-width : 1799px) {
  .our-process-section .container > section:first-child {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width : 820px) {
  .our-process-section .container > section:first-child {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width : 699px) {
  .our-process-section .container > section:first-child {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width : 699px) {
  .our-process-section .container > section:first-child {
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
    padding-bottom: 60px;
  }
}
@media only screen and (max-width : 699px) {
  .our-process-section .container > section:first-child header {
    text-align: center;
  }
}
.our-process-section .container > section:first-child header p {
  max-width: 700px;
}
@media only screen and (max-width : 699px) {
  .our-process-section .container > section:first-child header p {
    max-width: 100%;
  }
}
@media only screen and (max-width : 699px) {
  .our-process-section .container > section:first-child .more {
    margin-left: auto;
    margin-right: auto;
  }
}
.our-process-section .swiper {
  overflow: visible;
}
.our-process-section .swiper-wrapper {
  counter-reset: step;
}
.our-process-section .process-step {
  width: 100%;
}
@media only screen and (max-width : 699px) {
  .our-process-section .process-step {
    text-align: center;
  }
}
.our-process-section .process-step figure {
  width: 100%;
  height: 0;
  padding-bottom: 65%;
  position: relative;
}
@media only screen and (max-width : 1599px) {
  .our-process-section .process-step figure {
    padding-bottom: 85%;
  }
}
.our-process-section .process-step figure img {
  position: absolute;
  inset: 0;
}
.our-process-section .process-step figure:after {
  counter-increment: step;
  content: counter(step, decimal-leading-zero);
  color: #ffffff;
  display: block;
  position: absolute;
  right: 50px;
  bottom: -5px;
  font-family: "dunbar-tall", sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  .our-process-section .process-step figure:after {
    font-size: 45px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1200px) {
  .our-process-section .process-step figure:after {
    font-size: 60px;
    line-height: 1;
  }
}
@media screen and (min-width: 1500px) {
  .our-process-section .process-step figure:after {
    font-size: 67px;
    line-height: 1;
  }
}
@media screen and (min-width: 1920px) {
  .our-process-section .process-step figure:after {
    font-size: 70px;
    line-height: 1;
  }
}
.our-process-section .process-step figure:after {
  font-weight: 600;
}
@media only screen and (max-width : 1199px) {
  .our-process-section .process-step figure:after {
    font-size: 60px;
  }
}
@media only screen and (max-width : 820px) {
  .our-process-section .process-step figure:after {
    font-size: 60px;
  }
}
@media only screen and (max-width : 699px) {
  .our-process-section .process-step figure:after {
    right: 20px;
    bottom: -10px;
  }
}
.our-process-section .process-step h3 {
  font-family: "montserrat", sans-serif;
  font-weight: 500;
  text-transform: none;
  font-size: 21px;
  line-height: 1.6;
}
@media screen and (min-width: 700px) {
  .our-process-section .process-step h3 {
    font-size: 23px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1200px) {
  .our-process-section .process-step h3 {
    font-size: 25px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1500px) {
  .our-process-section .process-step h3 {
    font-size: 26px;
    line-height: 1.7;
  }
}
@media screen and (min-width: 1920px) {
  .our-process-section .process-step h3 {
    font-size: 26px;
    line-height: 1.7;
  }
}
.our-process-section .process-step h3 {
  margin: 1.5em 0 0.75em;
}
.our-process-section .process-step p {
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  .our-process-section .process-step p {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  .our-process-section .process-step p {
    font-size: 15px;
    line-height: 1.6;
  }
}
.our-process-section .process-step p {
  margin: 0;
}
.our-process-section .swiper-pagination {
  justify-content: center;
  padding-top: 80px;
}
@media only screen and (max-width : 1799px) {
  .our-process-section .swiper-pagination {
    padding-top: 70px;
  }
}
@media only screen and (max-width : 820px) {
  .our-process-section .swiper-pagination {
    padding-top: 60px;
  }
}
@media only screen and (max-width : 699px) {
  .our-process-section .swiper-pagination {
    padding-top: 40px;
  }
}

section.faqs .container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
@media only screen and (max-width : 820px) {
  section.faqs .container {
    display: flex;
    flex-direction: column;
    grid-row-gap: 70px;
  }
}
@media only screen and (max-width : 699px) {
  section.faqs .container {
    grid-row-gap: 40px;
  }
}
section.faqs .container > header {
  grid-column: span 4;
}
section.faqs .container > ul.faqs {
  grid-column: 6/span 7;
}

ul.faqs {
  margin: 0;
}
ul.faqs > li > h3 {
  border-top: 1px solid;
  padding: 25px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-column-gap: 10px;
  cursor: pointer;
  font-family: "montserrat", sans-serif;
  font-weight: 500;
  text-transform: none;
  font-size: 21px;
  line-height: 1.6;
}
@media screen and (min-width: 700px) {
  ul.faqs > li > h3 {
    font-size: 23px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1200px) {
  ul.faqs > li > h3 {
    font-size: 25px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1500px) {
  ul.faqs > li > h3 {
    font-size: 26px;
    line-height: 1.7;
  }
}
@media screen and (min-width: 1920px) {
  ul.faqs > li > h3 {
    font-size: 26px;
    line-height: 1.7;
  }
}
ul.faqs > li > h3 {
  margin: 0;
}
@media only screen and (max-width : 820px) {
  ul.faqs > li > h3 {
    padding: 20px 0;
  }
}
ul.faqs > li > h3 svg {
  display: block;
  width: 15px;
  height: 15px;
}
ul.faqs > li article {
  height: 0;
  overflow: hidden;
}
ul.faqs > li article .content {
  padding: 0 0 25px;
}
@media only screen and (max-width : 820px) {
  ul.faqs > li article .content {
    padding: 0 0 20px;
  }
}
ul.faqs > li.active > h3 svg .vertical {
  opacity: 0;
}
ul.faqs > li.active article {
  height: auto;
}

.typical-conversions h2 {
  letter-spacing: 0;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  .typical-conversions h2 {
    font-size: 45px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1200px) {
  .typical-conversions h2 {
    font-size: 60px;
    line-height: 1;
  }
}
@media screen and (min-width: 1500px) {
  .typical-conversions h2 {
    font-size: 67px;
    line-height: 1;
  }
}
@media screen and (min-width: 1920px) {
  .typical-conversions h2 {
    font-size: 70px;
    line-height: 1;
  }
}
.typical-conversions h2 {
  text-align: center;
  margin-bottom: 80px;
}
@media only screen and (max-width : 820px) {
  .typical-conversions h2 {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width : 699px) {
  .typical-conversions h2 {
    margin-bottom: 40px;
  }
}
.typical-conversions .typical-conversions-carousel .owl-stage-outer,
.typical-conversions .typical-conversions-carousel .owl-item {
  pointer-events: none;
}
.typical-conversions .typical-conversions-carousel article {
  width: 80%;
  max-width: 600px;
  margin: 0 auto;
}
.typical-conversions .typical-conversions-carousel article a {
  display: block;
  text-align: center;
  pointer-events: all;
}
.typical-conversions .typical-conversions-carousel article h3 {
  margin: 0;
}

.home #stats-columns {
  padding-bottom: 0;
}
#stats-columns .container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
#stats-columns section {
  grid-column: span 12;
  display: grid;
  display: flex;
  justify-content: space-around;
  justify-content: space-between;
  overflow: hidden;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-column-gap: 0;
  text-align: center;
}
@media only screen and (max-width : 820px) {
  #stats-columns section {
    grid-column: span 12;
    grid-column-gap: 30px;
  }
}
@media only screen and (max-width : 699px) {
  #stats-columns section {
    display: flex;
    flex-direction: column;
  }
}
#stats-columns article {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width : 699px) {
  #stats-columns article {
    margin: 0 0 40px;
  }
  #stats-columns article:last-child {
    border-width: 0;
    padding: 0;
    margin: 0;
  }
}
#stats-columns article h3 {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 45px;
  line-height: 1.3;
}
@media screen and (min-width: 700px) {
  #stats-columns article h3 {
    font-size: 75px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  #stats-columns article h3 {
    font-size: 85px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  #stats-columns article h3 {
    font-size: 110px;
    line-height: 1.05;
  }
}
@media screen and (min-width: 1920px) {
  #stats-columns article h3 {
    font-size: 144px;
    line-height: 1.05;
  }
}
@media only screen and (min-width : 1920px) {
  #stats-columns article h3 {
    font-size: 324px;
  }
}
#stats-columns article h3 {
  margin: 0;
  --line: 0%;
}
@media only screen and (min-width : 700px) and (max-width : 820px) {
  #stats-columns article h3 {
    font-size: 42px;
    line-height: 1;
  }
}
@media only screen and (min-width : 700px) and (max-width : 820px) and (min-width: 700px) {
  #stats-columns article h3 {
    font-size: 56px;
    line-height: 1;
  }
}
@media only screen and (min-width : 700px) and (max-width : 820px) and (min-width: 821px) {
  #stats-columns article h3 {
    font-size: 60px;
    line-height: 1;
  }
}
@media only screen and (min-width : 700px) and (max-width : 820px) and (min-width: 1200px) {
  #stats-columns article h3 {
    font-size: 78px;
    line-height: 0.9;
  }
}
@media only screen and (min-width : 700px) and (max-width : 820px) and (min-width: 1500px) {
  #stats-columns article h3 {
    font-size: 100px;
    line-height: 0.9;
  }
}
@media only screen and (min-width : 700px) and (max-width : 820px) and (min-width: 1920px) {
  #stats-columns article h3 {
    font-size: 110px;
    line-height: 0.9;
  }
}
#stats-columns article h3 .line {
  white-space: nowrap;
  overflow: hidden;
}
#stats-columns article h3 .char {
  padding-bottom: 20px;
}
@media only screen and (max-width : 699px) {
  #stats-columns article h3 .char {
    padding-bottom: 12px;
  }
}
#stats-columns article h3:after {
  content: "";
  height: 1px;
  background-color: #8E8A7C;
  display: block;
  position: relative;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: var(--line);
  margin: 0 0 20px;
  opacity: 0.25;
}
@media only screen and (max-width : 699px) {
  #stats-columns article h3:after {
    margin: 0 0 12px;
  }
}
#stats-columns article p {
  font-weight: 700;
  margin-top: 0;
  overflow: hidden;
}
#banner-pinned + #stats-columns {
  padding-top: 70px;
}
@media only screen and (max-width : 820px) {
  #banner-pinned + #stats-columns {
    padding-top: 52.5px;
  }
}
@media only screen and (max-width : 699px) {
  #banner-pinned + #stats-columns {
    padding-top: 35px;
  }
}

#testimonials-image {
  background-color: transparent;
  position: relative;
  z-index: 2;
  opacity: 1;
}
#testimonials-image figure {
  border-radius: 0;
  position: absolute !important;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  background-color: #1F2426;
  overflow: hidden;
}
#testimonials-image figure img {
  z-index: 1;
}
#testimonials-image:after {
  content: "";
  display: block;
  position: absolute;
  inset: -1px;
  background-color: rgba(0, 0, 0, 0.27);
}

#testimonials, .testimonials-carousel-section {
  text-align: center;
  margin-top: 0;
  background-color: transparent;
  position: relative;
  width: 100%;
  z-index: 3;
}
#testimonials > h2, .testimonials-carousel-section > h2 {
  text-align: center;
  font-size: 45px;
  line-height: 1.3;
}
@media screen and (min-width: 700px) {
  #testimonials > h2, .testimonials-carousel-section > h2 {
    font-size: 12.6vw;
    line-height: 1;
  }
}
@media screen and (min-width: 1200px) {
  #testimonials > h2, .testimonials-carousel-section > h2 {
    font-size: 13.5vw;
    line-height: 1;
  }
}
@media screen and (min-width: 1500px) {
  #testimonials > h2, .testimonials-carousel-section > h2 {
    font-size: 13.5vw;
    line-height: 1;
  }
}
@media screen and (min-width: 1920px) {
  #testimonials > h2, .testimonials-carousel-section > h2 {
    font-size: 13.5vw;
    line-height: 0.9;
  }
}
@media only screen and (min-width : 700px) {
  #testimonials > h2, .testimonials-carousel-section > h2 {
    padding-bottom: 0.05em;
  }
}
@media only screen and (min-width : 1300px) {
  #testimonials > h2, .testimonials-carousel-section > h2 {
    padding-bottom: 0.1em;
  }
}
@media only screen and (min-width : 1500px) {
  #testimonials > h2, .testimonials-carousel-section > h2 {
    padding-bottom: 0.15em;
  }
}
@media only screen and (min-width : 1920px) {
  #testimonials > h2, .testimonials-carousel-section > h2 {
    padding-bottom: 0.2em;
  }
}
#testimonials > h2, .testimonials-carousel-section > h2 {
  margin: 0;
  padding: 0;
  transform: translateY(4vw);
}
@media only screen and (min-width: 0px) {
  #testimonials > h2, .testimonials-carousel-section > h2 {
    margin: 0 0 20px;
  }
}
@media only screen and (min-width : 1025px) {
  #testimonials > h2, .testimonials-carousel-section > h2 {
    margin: 0;
  }
}
@media only screen and (max-width : 820px) {
  #testimonials > h2, .testimonials-carousel-section > h2 {
    transform: none;
  }
}
#testimonials > h2 > div,
#testimonials > h2 > span, .testimonials-carousel-section > h2 > div,
.testimonials-carousel-section > h2 > span {
  display: block;
  white-space: nowrap;
  padding-bottom: 0.13em;
}
#testimonials > h2 > div:nth-child(2),
#testimonials > h2 > span:nth-child(2), .testimonials-carousel-section > h2 > div:nth-child(2),
.testimonials-carousel-section > h2 > span:nth-child(2) {
  margin-top: -0.15em;
}
#testimonials .container, .testimonials-carousel-section .container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
#testimonials .container > .owl-carousel, .testimonials-carousel-section .container > .owl-carousel {
  grid-column: 2/span 10;
}
@media only screen and (max-width : 1499px) {
  #testimonials .container > .owl-carousel, .testimonials-carousel-section .container > .owl-carousel {
    grid-column: 1/span 11;
  }
}
@media only screen and (max-width : 699px) {
  #testimonials .container > .owl-carousel, .testimonials-carousel-section .container > .owl-carousel {
    grid-column: span 12;
  }
}
#testimonials .container .owl-item, .testimonials-carousel-section .container .owl-item {
  perspective: 1000px;
}
#testimonials .swiper, .testimonials-carousel-section .swiper {
  overflow: visible;
}
#testimonials article, .testimonials-carousel-section article {
  padding: var(--panelPadding);
  border-radius: var(--borderRadius);
  overflow: hidden;
  background-color: #1F2426;
  text-align: left;
}
.bgwhite #testimonials article, .bgwhite .testimonials-carousel-section article {
  background-color: #F3F3EF;
}
@media only screen and (max-width : 699px) {
  #testimonials article, .testimonials-carousel-section article {
    text-align: center;
  }
}
#testimonials article h3, .testimonials-carousel-section article h3 {
  font-family: "montserrat", sans-serif;
  font-weight: 500;
  text-transform: none;
  font-size: 21px;
  line-height: 1.6;
}
@media screen and (min-width: 700px) {
  #testimonials article h3, .testimonials-carousel-section article h3 {
    font-size: 23px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1200px) {
  #testimonials article h3, .testimonials-carousel-section article h3 {
    font-size: 25px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1500px) {
  #testimonials article h3, .testimonials-carousel-section article h3 {
    font-size: 26px;
    line-height: 1.7;
  }
}
@media screen and (min-width: 1920px) {
  #testimonials article h3, .testimonials-carousel-section article h3 {
    font-size: 26px;
    line-height: 1.7;
  }
}
#testimonials article h3, .testimonials-carousel-section article h3 {
  margin: 1em 0;
}
@media only screen and (max-width : 699px) {
  #testimonials article h3, .testimonials-carousel-section article h3 {
    margin: 1em 0 0.7em 0;
  }
}
#testimonials article p, .testimonials-carousel-section article p {
  color: #ffffff;
  margin: 0;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  #testimonials article p, .testimonials-carousel-section article p {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  #testimonials article p, .testimonials-carousel-section article p {
    font-size: 15px;
    line-height: 1.6;
  }
}
.bgwhite #testimonials article p, .bgwhite .testimonials-carousel-section article p {
  color: #8E8A7C;
}
#testimonials article .stars, .testimonials-carousel-section article .stars {
  display: flex;
  grid-column-gap: 15px;
}
@media only screen and (max-width : 699px) {
  #testimonials article .stars, .testimonials-carousel-section article .stars {
    grid-column-gap: 10px;
    justify-content: center;
  }
}
#testimonials article .stars i, .testimonials-carousel-section article .stars i {
  width: fit-content;
  height: fit-content;
}
#testimonials article .stars i:before, .testimonials-carousel-section article .stars i:before {
  width: 22px;
  height: 24px;
  display: block;
  line-height: 1;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 24' fill='%238E8A7C'%3E%3Cpolygon points='18.3,12 22,6 14.7,6 11,0 7.3,6 0,6 3.7,12 0,18 7.3,18 11,24 14.7,18 22,18 ' /%3E%3C/svg%3E");
}
@media only screen and (max-width : 699px) {
  #testimonials article .stars i:before, .testimonials-carousel-section article .stars i:before {
    width: 18px;
    height: 20px;
  }
}
#testimonials article .stars.stars-4 i:nth-child(5), .testimonials-carousel-section article .stars.stars-4 i:nth-child(5) {
  opacity: 0.2;
}
#testimonials article .stars.stars-3 i:nth-child(4), #testimonials article .stars.stars-3 i:nth-child(5), .testimonials-carousel-section article .stars.stars-3 i:nth-child(4), .testimonials-carousel-section article .stars.stars-3 i:nth-child(5) {
  opacity: 0.2;
}
#testimonials article .stars img, .testimonials-carousel-section article .stars img {
  display: block;
  width: 24px;
  margin: 0 7px;
}
#testimonials .swiper-pagination, .testimonials-carousel-section .swiper-pagination {
  justify-content: center;
  margin-top: 80px;
}
@media only screen and (max-width : 1799px) {
  #testimonials .swiper-pagination, .testimonials-carousel-section .swiper-pagination {
    margin-top: 70px;
  }
}
@media only screen and (max-width : 820px) {
  #testimonials .swiper-pagination, .testimonials-carousel-section .swiper-pagination {
    margin-top: 60px;
  }
}
@media only screen and (max-width : 699px) {
  #testimonials .swiper-pagination, .testimonials-carousel-section .swiper-pagination {
    margin-top: 40px;
  }
}

.testimonials-section .heading-block {
  padding-bottom: 80px;
}
@media only screen and (max-width : 1799px) {
  .testimonials-section .heading-block {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width : 820px) {
  .testimonials-section .heading-block {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width : 699px) {
  .testimonials-section .heading-block {
    padding-bottom: 40px;
  }
}
.testimonials-section .heading-block p {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.testimonials-section .reviews {
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
}
@media only screen and (max-width : 1799px) {
  .testimonials-section .reviews {
    padding-top: 70px;
  }
}
@media only screen and (max-width : 820px) {
  .testimonials-section .reviews {
    padding-top: 60px;
  }
}
@media only screen and (max-width : 699px) {
  .testimonials-section .reviews {
    padding-top: 40px;
  }
}
@media only screen and (max-width : 820px) {
  .testimonials-section .reviews {
    max-width: 100%;
  }
}

#testimonials-carousel .owl-dots {
  position: absolute;
}
@media only screen and (max-width : 820px) {
  #testimonials-carousel .owl-dots {
    position: static;
  }
}

#cards-pin-section {
  padding-top: 0;
}
@media only screen and (min-width : 700px) {
  #cards-pin-section {
    padding-bottom: 0;
  }
}
@media only screen and (min-width : 1025px) and (min-width : 1025px) {
  #cards-pin-section {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media only screen and (min-width : 1025px) and (min-width : 1025px) and (max-width : 820px) {
  #cards-pin-section {
    display: flex;
    flex-direction: column;
    grid-row-gap: 70px;
  }
}
@media only screen and (min-width : 1025px) and (min-width : 1025px) and (max-width : 699px) {
  #cards-pin-section {
    grid-row-gap: 40px;
  }
}
@media only screen and (min-width : 1025px) and (min-width : 1025px) {
  #cards-pin-section > article.image-column {
    grid-column: span 6;
  }
  #cards-pin-section > article.text-column {
    grid-column: 8/span 5;
  }
}
#cards-pin-section article.image-column {
  position: relative;
  transform: none;
}
@media only screen and (max-width : 820px) {
  #cards-pin-section article.image-column {
    display: flex;
    flex-direction: column;
    grid-row-gap: 40px;
  }
}
#cards-pin-section article.image-column ul {
  margin: 0;
  width: 100%;
}
@media only screen and (max-width : 820px) {
  #cards-pin-section article.image-column ul {
    display: block;
  }
}
@media only screen and (min-width : 1025px) {
  #cards-pin-section article.image-column ul li {
    margin: 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
  }
  #cards-pin-section article.image-column ul li:nth-child(1) {
    position: relative;
    opacity: 1;
  }
  #cards-pin-section article.image-column ul li:nth-child(2) {
    transform: translateY(100%);
  }
  #cards-pin-section article.image-column ul li:nth-child(3) {
    transform: translateY(200%);
  }
  #cards-pin-section article.image-column ul li:nth-child(4) {
    transform: translateY(300%);
  }
}
#cards-pin-section article.image-column ul li > a {
  display: flex;
  padding-top: 80px;
}
@media only screen and (max-width : 1799px) {
  #cards-pin-section article.image-column ul li > a {
    padding-top: 70px;
  }
}
@media only screen and (max-width : 820px) {
  #cards-pin-section article.image-column ul li > a {
    padding-top: 60px;
  }
}
@media only screen and (max-width : 699px) {
  #cards-pin-section article.image-column ul li > a {
    padding-top: 40px;
  }
}
#cards-pin-section article.image-column ul li > a {
  padding-bottom: 80px;
}
@media only screen and (max-width : 1799px) {
  #cards-pin-section article.image-column ul li > a {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width : 820px) {
  #cards-pin-section article.image-column ul li > a {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width : 699px) {
  #cards-pin-section article.image-column ul li > a {
    padding-bottom: 40px;
  }
}
#cards-pin-section article.image-column ul li > a {
  border-radius: var(--borderRadius);
  overflow: hidden;
  padding-left: 80px;
  padding-right: 80px;
}
@media only screen and (max-width : 1799px) {
  #cards-pin-section article.image-column ul li > a {
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media only screen and (max-width : 1499px) {
  #cards-pin-section article.image-column ul li > a {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (max-width : 820px) {
  #cards-pin-section article.image-column ul li > a {
    padding: 50px;
  }
}
@media only screen and (max-width : 699px) {
  #cards-pin-section article.image-column ul li > a {
    padding: 40px 24px;
  }
}
#cards-pin-section article.image-column ul li > a {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background-color: #E5E3DB;
  height: 100%;
  position: relative;
}
#cards-pin-section article.image-column ul li > a:hover .btn:after {
  transform: translateX(10px);
}
#cards-pin-section article.image-column ul li > a article {
  position: relative;
  z-index: 2;
}
#cards-pin-section article.image-column ul li article svg,
#cards-pin-section article.image-column ul li article img {
  display: block;
  height: 44px;
  fill: #8E8A7C;
  margin-bottom: 20px;
}
@media only screen and (max-width : 699px) {
  #cards-pin-section article.image-column ul li article svg,
  #cards-pin-section article.image-column ul li article img {
    height: 36px;
    margin-bottom: 30px;
  }
}
#cards-pin-section article.image-column ul li article svg + h2,
#cards-pin-section article.image-column ul li article svg + h3,
#cards-pin-section article.image-column ul li article svg + h4,
#cards-pin-section article.image-column ul li article img + h2,
#cards-pin-section article.image-column ul li article img + h3,
#cards-pin-section article.image-column ul li article img + h4 {
  margin-top: 0;
}
#cards-pin-section article.image-column ul li article h3 {
  font-size: 26px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  #cards-pin-section article.image-column ul li article h3 {
    font-size: 32px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  #cards-pin-section article.image-column ul li article h3 {
    font-size: 48px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  #cards-pin-section article.image-column ul li article h3 {
    font-size: 52px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1920px) {
  #cards-pin-section article.image-column ul li article h3 {
    font-size: 54px;
    line-height: 1.1;
  }
}
#cards-pin-section article.image-column ul li article .btn {
  display: flex;
  justify-content: flex-start;
}
#cards-pin-section article.image-column ul li > figure {
  height: 100%;
}
#cards-pin-section article.text-column {
  align-self: center;
}
#cards-pin-section article.text-column p {
  font-weight: 400;
  font-size: 19px;
  line-height: 1.6;
}
@media screen and (min-width: 700px) {
  #cards-pin-section article.text-column p {
    font-size: 22px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1200px) {
  #cards-pin-section article.text-column p {
    font-size: 26px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1500px) {
  #cards-pin-section article.text-column p {
    font-size: 30px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1920px) {
  #cards-pin-section article.text-column p {
    font-size: 32px;
    line-height: 1.7;
  }
}

h2 + #cards-pin-section {
  padding-top: 80px;
}
@media only screen and (max-width : 1799px) {
  h2 + #cards-pin-section {
    padding-top: 70px;
  }
}
@media only screen and (max-width : 820px) {
  h2 + #cards-pin-section {
    padding-top: 60px;
  }
}
@media only screen and (max-width : 699px) {
  h2 + #cards-pin-section {
    padding-top: 40px;
  }
}

#our-promise-columns .container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
#our-promise-columns .container > h2 {
  grid-column: span 12;
  text-align: center;
  font-size: 45px;
  line-height: 1.3;
}
@media screen and (min-width: 700px) {
  #our-promise-columns .container > h2 {
    font-size: 75px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  #our-promise-columns .container > h2 {
    font-size: 85px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  #our-promise-columns .container > h2 {
    font-size: 110px;
    line-height: 1.05;
  }
}
@media screen and (min-width: 1920px) {
  #our-promise-columns .container > h2 {
    font-size: 144px;
    line-height: 1.05;
  }
}
#our-promise-columns .container > h2 {
  line-height: 1.33 !important;
  margin: 0;
}
#our-promise-columns .container > section {
  grid-column: 2/span 10;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-column-gap: 200px;
}
@media only screen and (max-width : 1799px) {
  #our-promise-columns .container > section {
    grid-column-gap: 100px;
  }
}
@media only screen and (max-width : 1499px) {
  #our-promise-columns .container > section {
    grid-column: span 12;
    grid-column-gap: 100px;
  }
}
@media only screen and (max-width : 820px) {
  #our-promise-columns .container > section {
    grid-column-gap: 30px;
  }
}
@media only screen and (max-width : 699px) {
  #our-promise-columns .container > section {
    display: flex;
    flex-direction: column;
    text-align: center;
    grid-row-gap: 60px;
  }
}
#our-promise-columns .container > section {
  padding-top: 120px;
}
@media only screen and (max-width : 1799px) {
  #our-promise-columns .container > section {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 820px) {
  #our-promise-columns .container > section {
    padding-top: 70px;
  }
}
@media only screen and (max-width : 699px) {
  #our-promise-columns .container > section {
    padding-top: 40px;
  }
}
@media only screen and (max-width : 699px) {
  #our-promise-columns .container > section {
    padding-top: 50px;
  }
}
#our-promise-columns .container > section > article {
  width: 100%;
}
#our-promise-columns .container > section > article img {
  display: block;
  height: 44px;
  fill: #8E8A7C;
  margin-bottom: 20px;
}
@media only screen and (max-width : 699px) {
  #our-promise-columns .container > section > article img {
    height: 36px;
    margin-bottom: 30px;
  }
}
#our-promise-columns .container > section > article img + h2,
#our-promise-columns .container > section > article img + h3,
#our-promise-columns .container > section > article img + h4 {
  margin-top: 0;
}
@media only screen and (min-width : 1500px) {
  #our-promise-columns .container > section > article img {
    height: 68px;
  }
}
@media only screen and (max-width : 699px) {
  #our-promise-columns .container > section > article img {
    margin: 0 auto;
  }
}
#our-promise-columns .container > section > article h3 {
  font-size: 26px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  #our-promise-columns .container > section > article h3 {
    font-size: 32px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  #our-promise-columns .container > section > article h3 {
    font-size: 48px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  #our-promise-columns .container > section > article h3 {
    font-size: 52px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1920px) {
  #our-promise-columns .container > section > article h3 {
    font-size: 54px;
    line-height: 1.1;
  }
}
@media only screen and (max-width : 699px) {
  #our-promise-columns .container > section > article .btn {
    justify-content: center;
  }
}

#discover-carousel,
#discover {
  text-align: center;
}

@media only screen and (max-width : 699px) {
  #discover-carousel {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #1a1d1f;
  }
  .touch #discover-carousel, .browser-firefox #discover-carousel, .browser-edge #discover-carousel {
    background-color: #1F2426;
  }
}
#discover-carousel .container-fluid > article {
  border-radius: var(--borderRadius);
  overflow: hidden;
}
@media only screen and (max-width : 699px) {
  #discover-carousel .container-fluid > article {
    overflow: visible;
  }
}
.browser-safari #discover-carousel .container-fluid > article, .browser-chrome #discover-carousel .container-fluid > article {
  background-color: #23282c;
}
@media only screen and (max-width : 820px) {
  .touch .browser-safari #discover-carousel .container-fluid > article, .touch .browser-chrome #discover-carousel .container-fluid > article {
    background-color: transparent;
  }
}
@media only screen and (max-width : 699px) {
  #discover-carousel .container-fluid > article {
    border-radius: 0;
    background: transparent;
    padding: 0;
  }
}
#discover-carousel .container-fluid > article > h2,
#discover-carousel .container-fluid > article > h3,
#discover-carousel .container-fluid > article > p {
  position: relative;
  z-index: 2;
}
#discover-carousel .container-fluid > article > h2 {
  font-size: 45px;
  line-height: 1.3;
}
@media screen and (min-width: 700px) {
  #discover-carousel .container-fluid > article > h2 {
    font-size: 75px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  #discover-carousel .container-fluid > article > h2 {
    font-size: 85px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  #discover-carousel .container-fluid > article > h2 {
    font-size: 110px;
    line-height: 1.05;
  }
}
@media screen and (min-width: 1920px) {
  #discover-carousel .container-fluid > article > h2 {
    font-size: 144px;
    line-height: 1.05;
  }
}
#discover-carousel .container-fluid > article > h2 {
  margin: 0;
  margin-top: -0.15em;
}
@media only screen and (max-width : 820px) {
  #discover-carousel .container-fluid > article > h2 {
    font-size: 42px;
    line-height: 1;
  }
}
@media only screen and (max-width : 820px) and (min-width: 700px) {
  #discover-carousel .container-fluid > article > h2 {
    font-size: 56px;
    line-height: 1;
  }
}
@media only screen and (max-width : 820px) and (min-width: 821px) {
  #discover-carousel .container-fluid > article > h2 {
    font-size: 60px;
    line-height: 1;
  }
}
@media only screen and (max-width : 820px) and (min-width: 1200px) {
  #discover-carousel .container-fluid > article > h2 {
    font-size: 78px;
    line-height: 0.9;
  }
}
@media only screen and (max-width : 820px) and (min-width: 1500px) {
  #discover-carousel .container-fluid > article > h2 {
    font-size: 100px;
    line-height: 0.9;
  }
}
@media only screen and (max-width : 820px) and (min-width: 1920px) {
  #discover-carousel .container-fluid > article > h2 {
    font-size: 110px;
    line-height: 0.9;
  }
}
#discover-carousel .container-fluid > article > h3 {
  margin-top: -0.2em;
}
#discover-carousel .container-fluid > article > p {
  color: #ffffff;
  font-family: "dunbar-tall", sans-serif;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: none;
  font-size: 23px;
  line-height: 1.6;
}
@media screen and (min-width: 700px) {
  #discover-carousel .container-fluid > article > p {
    font-size: 34px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1200px) {
  #discover-carousel .container-fluid > article > p {
    font-size: 44px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1500px) {
  #discover-carousel .container-fluid > article > p {
    font-size: 50px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1920px) {
  #discover-carousel .container-fluid > article > p {
    font-size: 54px;
    line-height: 1.5;
  }
}
#discover-carousel .container-fluid > article > p {
  margin: 0;
  margin-top: 50px;
}
@media only screen and (max-width : 820px) {
  #discover-carousel .container-fluid > article > p {
    margin-top: 37.5px;
  }
}
@media only screen and (max-width : 699px) {
  #discover-carousel .container-fluid > article > p {
    margin-top: 25px;
  }
}
@media only screen and (max-width : 820px) {
  #discover-carousel .container-fluid > article > p {
    margin-top: 25px;
  }
}
#discover-carousel .container-fluid > article > section {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  padding-top: 120px;
}
@media only screen and (max-width : 1799px) {
  #discover-carousel .container-fluid > article > section {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 1499px) {
  #discover-carousel .container-fluid > article > section {
    padding-top: 60px;
  }
}
@media only screen and (max-width : 699px) {
  #discover-carousel .container-fluid > article > section {
    padding-top: 30px;
  }
}
#discover-carousel .container-fluid > article > section article {
  overflow: hidden;
}
@media only screen and (max-width : 820px) {
  #discover-carousel .container-fluid > article > section article {
    padding-top: 40px;
  }
}
#discover-carousel .container-fluid > article > section article h3,
#discover-carousel .container-fluid > article > section article p {
  position: relative;
  z-index: 3;
}
#discover-carousel .container-fluid > article > section article h3 {
  color: #ffffff;
  font-size: 37px;
  line-height: 1.1;
}
@media screen and (min-width: 700px) {
  #discover-carousel .container-fluid > article > section article h3 {
    font-size: 50px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1200px) {
  #discover-carousel .container-fluid > article > section article h3 {
    font-size: 68px;
    line-height: 1;
  }
}
@media screen and (min-width: 1500px) {
  #discover-carousel .container-fluid > article > section article h3 {
    font-size: 87px;
    line-height: 0.9;
  }
}
@media screen and (min-width: 1920px) {
  #discover-carousel .container-fluid > article > section article h3 {
    font-size: 92px;
    line-height: 0.9;
  }
}
#discover-carousel .container-fluid > article > section article h3 {
  margin: 0;
}
#discover-carousel .container-fluid > article > section article p {
  margin: 0 auto;
  max-width: 500px;
  margin-top: 50px;
}
@media only screen and (max-width : 820px) {
  #discover-carousel .container-fluid > article > section article p {
    margin-top: 37.5px;
  }
}
@media only screen and (max-width : 699px) {
  #discover-carousel .container-fluid > article > section article p {
    margin-top: 25px;
  }
}
#discover-carousel .container-fluid > article > section article a {
  display: block;
  width: 100%;
  position: relative;
  padding-top: 400px;
  padding-bottom: 60px;
}
@media only screen and (max-width : 820px) {
  #discover-carousel .container-fluid > article > section article a {
    padding-bottom: 45px;
  }
}
@media only screen and (max-width : 699px) {
  #discover-carousel .container-fluid > article > section article a {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width : 820px) {
  #discover-carousel .container-fluid > article > section article a {
    padding-top: 33vw;
  }
}
@media only screen and (max-width : 699px) {
  #discover-carousel .container-fluid > article > section article a {
    padding-top: 46vw;
  }
}
#discover-carousel .container-fluid > article > section article a > .videowrapper {
  position: absolute;
  left: 50%;
  top: 0;
  width: 150%;
  transform: translateX(-50%) translateY(-20%);
  padding-bottom: 100%;
}
@media only screen and (max-width : 820px) {
  #discover-carousel .container-fluid > article > section article a > .videowrapper {
    width: 145%;
    transform: translateX(-50%) translateY(-40%);
    padding-bottom: 56vw;
  }
}
@media only screen and (max-width : 699px) {
  #discover-carousel .container-fluid > article > section article a > .videowrapper {
    transform: translateX(-50%) translateY(-50%);
    padding-bottom: 30vw;
  }
}
#discover-carousel .container-fluid > article > section article a video {
  display: block;
  width: 100%;
  height: auto;
}
#discover-carousel .container-fluid > article > section article a video#video-1 {
  opacity: 0;
}
@media only screen and (max-width : 699px) {
  #discover-carousel .container-fluid > article .owl-dots {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width : 699px) {
  #discover-carousel + #brochure,
  #discover-carousel + #more-projects {
    padding-top: 0;
  }
}

#discover .container > article {
  max-width: 1120px;
  padding-top: 120px;
}
@media only screen and (max-width : 1799px) {
  #discover .container > article {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 820px) {
  #discover .container > article {
    padding-top: 70px;
  }
}
@media only screen and (max-width : 699px) {
  #discover .container > article {
    padding-top: 40px;
  }
}
#discover .container > article {
  margin: 0 auto;
}
@media only screen and (max-width : 1799px) {
  #discover .container > article {
    max-width: 960px;
  }
}
@media only screen and (max-width : 1499px) {
  #discover .container > article {
    max-width: 900px;
  }
}
#discover .container > article:first-child {
  padding-top: 0;
}
#discover .container > article h2 {
  font-size: 26px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  #discover .container > article h2 {
    font-size: 32px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  #discover .container > article h2 {
    font-size: 48px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  #discover .container > article h2 {
    font-size: 52px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1920px) {
  #discover .container > article h2 {
    font-size: 54px;
    line-height: 1.1;
  }
}
@media only screen and (max-width : 1799px) {
  #discover .container > article .btn {
    margin-top: 0;
    justify-content: center;
  }
}
#discover.dark .container > article .btn {
  color: #ffffff;
}

.brochure {
  text-align: center;
}
.brochure > a {
  display: block;
}
.brochure .container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
@media only screen and (max-width : 699px) {
  .brochure .container {
    display: flex;
    flex-direction: column;
    grid-row-gap: 0;
  }
}
.brochure .container article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.brochure .container article:first-child {
  grid-column: span 6;
}
@media only screen and (max-width : 820px) {
  .brochure .container article:first-child {
    grid-column: span 5;
  }
}
@media only screen and (max-width : 699px) {
  .brochure .container article:first-child {
    order: 2;
    padding-top: 40px;
  }
}
.brochure .container article:last-child {
  grid-column: 7/span 5;
}
@media only screen and (max-width : 820px) {
  .brochure .container article:last-child {
    grid-column: 7/span 6;
  }
}
@media only screen and (max-width : 699px) {
  .brochure .container article:last-child {
    order: 1;
  }
}
.brochure .container article p {
  font-weight: 400;
  font-size: 19px;
  line-height: 1.6;
}
@media screen and (min-width: 700px) {
  .brochure .container article p {
    font-size: 22px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1200px) {
  .brochure .container article p {
    font-size: 26px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1500px) {
  .brochure .container article p {
    font-size: 30px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1920px) {
  .brochure .container article p {
    font-size: 32px;
    line-height: 1.7;
  }
}
.brochure .container article p {
  margin: 0;
}
.brochure .container article h2 {
  margin: 0;
  line-height: 0.9;
}
@media only screen and (max-width : 1799px) {
  .brochure .container article h2 {
    font-size: 4.8vw;
  }
}
@media only screen and (max-width : 699px) {
  .brochure .container article h2 {
    font-size: 34px;
  }
}
.brochure .container article h2 span,
.brochure .container article h2 em {
  display: block;
}
.brochure .container article h2 em {
  font-size: 248px;
  font-size: 2.7em;
}
.brochure .container article h2 span {
  font-size: 128px;
  font-size: 1.27em;
}
@media only screen and (max-width : 699px) {
  .brochure .container article .btn {
    margin: 20px 0 0;
  }
}

#cta + #brochure .container {
  position: relative;
}
#cta + #brochure .container:before {
  content: "";
  display: block;
  grid-column: span 12;
  width: 100%;
  height: 1px;
  background-color: #8E8A7C;
}
#cta + #brochure .container > article {
  padding-top: 250px;
}
@media only screen and (max-width : 1799px) {
  #cta + #brochure .container > article {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  #cta + #brochure .container > article {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  #cta + #brochure .container > article {
    padding-top: 60px;
  }
}

.alternate-rows .container {
  display: flex;
  flex-direction: column;
  grid-row-gap: 120px;
}
@media only screen and (max-width : 1799px) {
  .alternate-rows .container {
    grid-row-gap: 90px;
  }
}
@media only screen and (max-width : 820px) {
  .alternate-rows .container {
    grid-row-gap: 70px;
  }
}
@media only screen and (max-width : 699px) {
  .alternate-rows .container {
    grid-row-gap: 40px;
  }
}
@media only screen and (max-width : 820px) {
  .alternate-rows .container {
    grid-row-gap: 90px;
  }
}
@media only screen and (max-width : 699px) {
  .alternate-rows .container {
    grid-row-gap: 60px;
  }
}
.alternate-rows section {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-column-gap: 90px;
}
@media only screen and (max-width : 820px) {
  .alternate-rows section {
    display: flex;
    flex-direction: column;
    grid-row-gap: 70px;
  }
}
@media only screen and (max-width : 699px) {
  .alternate-rows section {
    grid-row-gap: 40px;
  }
}
.alternate-rows section > figure,
.alternate-rows section > article {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media only screen and (min-width : 1025px) {
  .alternate-rows section:nth-child(odd) > article {
    order: 1;
  }
  .alternate-rows section:nth-child(odd) > figure {
    order: 2;
  }
}
.alternate-rows section > figure {
  height: 0;
  padding-bottom: 65%;
  width: 100%;
  position: relative;
}
.page-template-ourprocess .alternate-rows section > figure {
  padding-bottom: 78%;
}
.alternate-rows section > figure img {
  position: absolute;
  inset: 0;
}
.alternate-rows section > article .text {
  margin: 0 auto;
  max-width: 700px;
}
.page-template-ourprocess .alternate-rows section > article .text {
  max-width: 100%;
  width: 100%;
}
.alternate-rows section > article img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 44px;
  fill: #8E8A7C;
  margin-bottom: 20px;
}
@media only screen and (max-width : 699px) {
  .alternate-rows section > article img {
    height: 36px;
    margin-bottom: 30px;
  }
}
.alternate-rows section > article img + h2,
.alternate-rows section > article img + h3,
.alternate-rows section > article img + h4 {
  margin-top: 0;
}
.alternate-rows section > article img + p {
  margin-bottom: 0;
}
.alternate-rows section > article h2 {
  color: #ffffff;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  .alternate-rows section > article h2 {
    font-size: 45px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1200px) {
  .alternate-rows section > article h2 {
    font-size: 60px;
    line-height: 1;
  }
}
@media screen and (min-width: 1500px) {
  .alternate-rows section > article h2 {
    font-size: 67px;
    line-height: 1;
  }
}
@media screen and (min-width: 1920px) {
  .alternate-rows section > article h2 {
    font-size: 70px;
    line-height: 1;
  }
}
.alternate-rows section > article p + h2 {
  margin-top: 0;
}
.page-template-services .alternate-rows section > article h2 + p {
  font-weight: 400;
  font-size: 19px;
  line-height: 1.6;
}
@media screen and (min-width: 700px) {
  .page-template-services .alternate-rows section > article h2 + p {
    font-size: 22px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1200px) {
  .page-template-services .alternate-rows section > article h2 + p {
    font-size: 26px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1500px) {
  .page-template-services .alternate-rows section > article h2 + p {
    font-size: 30px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1920px) {
  .page-template-services .alternate-rows section > article h2 + p {
    font-size: 32px;
    line-height: 1.7;
  }
}
.page-template-ourprocess .alternate-rows section > article h2 + p {
  max-width: 450px;
  margin: 0 auto;
}
.alternate-rows section > article .btn {
  color: #ffffff;
  display: flex;
  margin: 0 auto;
  max-width: fit-content;
  margin-top: 80px;
}
@media only screen and (max-width : 1499px) {
  .alternate-rows section > article .btn {
    margin-top: 60px;
  }
}
@media only screen and (min-width : 700px) {
  .alternate-rows section > article .btn {
    max-width: fit-content;
    margin-top: 40px;
  }
}
@media only screen and (max-width : 699px) {
  .alternate-rows section > article .btn {
    margin-top: 20px;
  }
}

.text-image-rows h2.big-heading {
  color: #DDDCD6;
}
.text-image-rows .container > section {
  align-items: center;
  padding-bottom: 250px;
}
@media only screen and (max-width : 1799px) {
  .text-image-rows .container > section {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width : 820px) {
  .text-image-rows .container > section {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 699px) {
  .text-image-rows .container > section {
    padding-bottom: 60px;
  }
}
.text-image-rows .container > section:last-child {
  padding-bottom: 0;
}
@media only screen and (max-width : 820px) {
  .text-image-rows .container > section .image-column {
    width: 100%;
  }
}
.text-image-rows .container > section .image-column figure {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}
.text-image-rows .container > section .image-column figure img {
  position: absolute;
  inset: 0;
}
.text-image-rows .container > section:nth-child(odd) {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
@media only screen and (max-width : 820px) {
  .text-image-rows .container > section:nth-child(odd) {
    display: flex;
    flex-direction: column;
    grid-row-gap: 70px;
  }
}
@media only screen and (max-width : 699px) {
  .text-image-rows .container > section:nth-child(odd) {
    grid-row-gap: 40px;
  }
}
.text-image-rows .container > section:nth-child(odd) > article.image-column {
  grid-column: span 6;
}
.text-image-rows .container > section:nth-child(odd) > article.text-column {
  grid-column: 8/span 5;
}
.text-image-rows .container > section:nth-child(odd) .image-column {
  order: 1;
}
@media only screen and (max-width : 820px) {
  .text-image-rows .container > section:nth-child(odd) .image-column {
    order: 2;
  }
}
.text-image-rows .container > section:nth-child(odd) .text-column {
  order: 2;
}
@media only screen and (max-width : 820px) {
  .text-image-rows .container > section:nth-child(odd) .text-column {
    order: 1;
  }
}
.text-image-rows .container > section:nth-child(even) {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
@media only screen and (max-width : 820px) {
  .text-image-rows .container > section:nth-child(even) {
    display: flex;
    flex-direction: column;
    grid-row-gap: 70px;
  }
}
@media only screen and (max-width : 699px) {
  .text-image-rows .container > section:nth-child(even) {
    grid-row-gap: 40px;
  }
}
.text-image-rows .container > section:nth-child(even) > article.text-column {
  grid-column: 2/span 5;
}
@media only screen and (max-width : 1499px) {
  .text-image-rows .container > section:nth-child(even) > article.text-column {
    grid-column: 1/span 5;
  }
}
.text-image-rows .container > section:nth-child(even) > article.image-column {
  grid-column: 8/span 5;
}
@media only screen and (max-width : 1499px) {
  .text-image-rows .container > section:nth-child(even) > article.image-column {
    grid-column: 7/span 6;
  }
}
.text-image-rows .container > section:nth-child(even) .text-column {
  order: 1;
}
@media only screen and (max-width : 820px) {
  .text-image-rows .container > section:nth-child(even) .text-column {
    order: 2;
  }
}
.text-image-rows .container > section:nth-child(even) .image-column {
  order: 2;
}
@media only screen and (max-width : 820px) {
  .text-image-rows .container > section:nth-child(even) .image-column {
    order: 1;
  }
}
.text-image-rows .container > section > article > h2 {
  margin-top: -0.2em;
}
@media only screen and (max-width : 1799px) {
  .text-image-rows .container > section > article > h2 {
    margin-bottom: 0.5em;
  }
  .text-image-rows .container > section > article > h2:last-child {
    margin-bottom: 0;
  }
}
.text-image-rows .container > section > article > p {
  font-weight: 400;
  font-size: 19px;
  line-height: 1.6;
}
@media screen and (min-width: 700px) {
  .text-image-rows .container > section > article > p {
    font-size: 22px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1200px) {
  .text-image-rows .container > section > article > p {
    font-size: 26px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1500px) {
  .text-image-rows .container > section > article > p {
    font-size: 30px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1920px) {
  .text-image-rows .container > section > article > p {
    font-size: 32px;
    line-height: 1.7;
  }
}
@media only screen and (max-width : 1799px) {
  .text-image-rows .container > section > article > p {
    margin: 1em 0;
  }
}
@media only screen and (max-width : 820px) {
  .text-image-rows .container > section > article > p {
    margin: 1.5em 0;
  }
}
.text-image-rows .container > section > article > p:first-child {
  margin-top: 0;
}
.text-image-rows .container > section > article > p:last-child {
  margin-bottom: 0;
}
.text-image-rows .container > section > article > .btn {
  margin: 0;
}
.text-image-rows .container > section#cards-pin-section > article.text-column {
  grid-column: 8/span 5;
}
.text-image-rows .pin-spacer + section {
  padding-top: 160px;
}
@media only screen and (max-width : 1499px) {
  .text-image-rows .pin-spacer + section {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  .text-image-rows .pin-spacer + section {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  .text-image-rows .pin-spacer + section {
    padding-top: 60px;
  }
}

#our-process-banner {
  position: relative;
  padding-top: 250px;
}
@media only screen and (max-width : 1799px) {
  #our-process-banner {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  #our-process-banner {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  #our-process-banner {
    padding-top: 60px;
  }
}
#our-process-banner {
  padding-bottom: 250px;
}
@media only screen and (max-width : 1799px) {
  #our-process-banner {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width : 820px) {
  #our-process-banner {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 699px) {
  #our-process-banner {
    padding-bottom: 60px;
  }
}
#our-process-banner > figure {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  border-radius: 0;
}
#our-process-banner > figure img {
  position: absolute;
  left: 0;
  top: 0;
  filter: brightness(0.54);
}
#our-process-banner .container {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
#our-process-banner .container > article {
  grid-column: 3/span 8;
}
@media only screen and (max-width : 820px) {
  #our-process-banner .container > article {
    grid-column: 2/span 10;
  }
}
@media only screen and (max-width : 699px) {
  #our-process-banner .container > article {
    grid-column: span 12;
  }
}
#our-process-banner .container p {
  padding: 0;
  margin: 1em 0 0.7em;
  color: #8E8A7C;
  font-family: "dunbar-tall", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
#our-process-banner .container p:first-child {
  margin-top: 0;
}
#our-process-banner .container p:last-child {
  margin-bottom: 0;
}
#our-process-banner .container p {
  letter-spacing: 0;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  #our-process-banner .container p {
    font-size: 45px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1200px) {
  #our-process-banner .container p {
    font-size: 60px;
    line-height: 1;
  }
}
@media screen and (min-width: 1500px) {
  #our-process-banner .container p {
    font-size: 67px;
    line-height: 1;
  }
}
@media screen and (min-width: 1920px) {
  #our-process-banner .container p {
    font-size: 70px;
    line-height: 1;
  }
}
#our-process-banner .container p {
  color: #ffffff;
}
#our-process-banner .container a.btn {
  color: #ffffff;
}
#our-process-banner .container a.btn:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 55 28' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke='%23FFFFFF' vector-effect='non-scaling-stroke'%3E%3Cline x1='55' y1='14' x2='0' y2='14' /%3E%3Cline x1='55' y1='14' x2='40' y2='0' /%3E%3Cline x1='40' y1='28' x2='55' y2='14' /%3E%3C/svg%3E ");
}

#intro .container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
#intro .container > header, #intro .container > article {
  grid-column: 2/span 10;
}
.single-project #intro .container > header, .single-project #intro .container > article {
  grid-column: 3/span 8;
}
@media only screen and (max-width : 1499px) {
  .single-project #intro .container > header, .single-project #intro .container > article {
    grid-column: 2/span 10;
  }
}
@media only screen and (max-width : 820px) {
  .single-project #intro .container > header, .single-project #intro .container > article {
    grid-column: span 12;
  }
}
@media only screen and (max-width : 820px) {
  #intro .container > header, #intro .container > article {
    grid-column: span 12;
  }
}
@media only screen and (max-width : 1499px) {
  .blog #intro .container > header, .blog #intro .container > article {
    grid-column: span 12;
  }
}
@media only screen and (max-width : 820px) {
  .blog #intro .container > header, .blog #intro .container > article {
    text-align: center;
  }
}
#intro .container > header h2 {
  font-family: "dunbar-tall", sans-serif;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: none;
  font-size: 23px;
  line-height: 1.6;
}
@media screen and (min-width: 700px) {
  #intro .container > header h2 {
    font-size: 34px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1200px) {
  #intro .container > header h2 {
    font-size: 44px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1500px) {
  #intro .container > header h2 {
    font-size: 50px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1920px) {
  #intro .container > header h2 {
    font-size: 54px;
    line-height: 1.5;
  }
}
#intro .container > article p {
  font-family: "dunbar-tall", sans-serif;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: none;
  font-size: 23px;
  line-height: 1.6;
}
@media screen and (min-width: 700px) {
  #intro .container > article p {
    font-size: 34px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1200px) {
  #intro .container > article p {
    font-size: 44px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1500px) {
  #intro .container > article p {
    font-size: 50px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1920px) {
  #intro .container > article p {
    font-size: 54px;
    line-height: 1.5;
  }
}

section.section.intro {
  padding-top: 250px;
}
@media only screen and (max-width : 1799px) {
  section.section.intro {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  section.section.intro {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  section.section.intro {
    padding-top: 60px;
  }
}
section.section.intro {
  padding-bottom: 250px;
}
@media only screen and (max-width : 1799px) {
  section.section.intro {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width : 820px) {
  section.section.intro {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 699px) {
  section.section.intro {
    padding-bottom: 60px;
  }
}
section.section.intro .container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
section.section.intro .container > section,
section.section.intro .container > article,
section.section.intro .container > header {
  grid-column: 2/span 10;
}
@media only screen and (max-width : 1199px) {
  section.section.intro .container > section,
  section.section.intro .container > article,
  section.section.intro .container > header {
    grid-column: span 12;
  }
}
section.section.intro p {
  font-family: "dunbar-tall", sans-serif;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: none;
  font-size: 23px;
  line-height: 1.6;
}
@media screen and (min-width: 700px) {
  section.section.intro p {
    font-size: 34px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1200px) {
  section.section.intro p {
    font-size: 44px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1500px) {
  section.section.intro p {
    font-size: 50px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1920px) {
  section.section.intro p {
    font-size: 54px;
    line-height: 1.5;
  }
}
section.section.intro p {
  margin: 0;
}
section.section.intro .btn {
  margin: 2em 0 0;
}

section.section.bggrey + section.section.intro-section, section.section.light + section.section.intro-section {
  padding-top: 250px;
}
@media only screen and (max-width : 1799px) {
  section.section.bggrey + section.section.intro-section, section.section.light + section.section.intro-section {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  section.section.bggrey + section.section.intro-section, section.section.light + section.section.intro-section {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  section.section.bggrey + section.section.intro-section, section.section.light + section.section.intro-section {
    padding-top: 60px;
  }
}

section.section.intro-section {
  padding-top: 250px;
}
@media only screen and (max-width : 1799px) {
  section.section.intro-section {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  section.section.intro-section {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  section.section.intro-section {
    padding-top: 60px;
  }
}
section.section.intro-section {
  padding-bottom: 250px;
}
@media only screen and (max-width : 1799px) {
  section.section.intro-section {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width : 820px) {
  section.section.intro-section {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 699px) {
  section.section.intro-section {
    padding-bottom: 60px;
  }
}
section.section.intro-section p {
  opacity: 0.2;
  transition: opacity 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
section.section.intro-section p.active {
  opacity: 1;
}

@media only screen and (max-width : 699px) {
  section.section.banner-default.bggrey + section.section.intro-section {
    padding-top: 30px;
  }
}

.circle-cursor {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 130px;
  height: 130px;
  pointer-events: none;
}
.touch .circle-cursor {
  display: none;
}
.circle-cursor .circle-cursor-inner {
  width: 100%;
  height: 100%;
  pointer-events: none;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translateX(-50%) translateY(-50%) scale(0.1);
  background-color: #8E8A7C;
  border-radius: 100%;
  transition: all 0.3s ease-in-out;
}
.circle-cursor .circle-cursor-inner > div {
  opacity: 0;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: transparent;
  transition: opacity 0.3s ease-in-out;
}
.circle-cursor .circle-cursor-inner > div span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.circle-cursor .circle-cursor-inner > div span svg {
  width: 54px;
  stroke: #8E8A7C;
}
.circle-cursor .circle-cursor-inner > div.owl-next svg, .circle-cursor .circle-cursor-inner > div.owl-prev svg {
  transition: all 0.3s ease-in-out;
}
.circle-cursor .circle-cursor-inner > div.owl-next svg {
  transform: translateX(-20px);
}
.circle-cursor .circle-cursor-inner > div.owl-prev svg {
  transform: translateX(20px);
}
.circle-cursor .circle-cursor-inner > div.view .text {
  color: #8E8A7C;
}
.circle-cursor .circle-cursor-inner > div.discover .text {
  color: #1F2426;
}
.circle-cursor.active .circle-cursor-inner {
  transform: translateX(-50%) translateY(-50%) scale(1);
}
.circle-cursor.active .circle-cursor-inner span {
  transition-delay: 0.3s;
}
.circle-cursor.active .circle-cursor-inner span svg {
  transform: translateX(0);
  transition-delay: 0.3s;
}
.circle-cursor.active.owl-next .circle-cursor-inner, .circle-cursor.active.owl-prev .circle-cursor-inner {
  background-color: #ffffff;
}
.circle-cursor.active.owl-next .circle-cursor-inner > .owl-next,
.circle-cursor.active.owl-next .circle-cursor-inner > .owl-next > span {
  opacity: 1;
}
.circle-cursor.active.owl-prev .circle-cursor-inner > .owl-prev,
.circle-cursor.active.owl-prev .circle-cursor-inner > .owl-prev > span {
  opacity: 1;
}
.circle-cursor.active.view .circle-cursor-inner {
  background-color: #1F2426;
}
.circle-cursor.active.view .circle-cursor-inner > .view,
.circle-cursor.active.view .circle-cursor-inner > .view > span {
  opacity: 1;
}
.circle-cursor.active.discover .circle-cursor-inner {
  background-color: #8E8A7C;
}
.circle-cursor.active.discover .circle-cursor-inner > .discover,
.circle-cursor.active.discover .circle-cursor-inner > .discover > span {
  opacity: 1;
}

section.typical-loft-cost .container .heading-block {
  padding-bottom: 80px;
}
@media only screen and (max-width : 1799px) {
  section.typical-loft-cost .container .heading-block {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width : 820px) {
  section.typical-loft-cost .container .heading-block {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width : 699px) {
  section.typical-loft-cost .container .heading-block {
    padding-bottom: 40px;
  }
}
section.typical-loft-cost .container .carousel-home-typical-loft-cost article {
  width: 100%;
  background-color: #ffffff;
  border-radius: var(--borderRadius);
  padding: var(--panelPadding);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 80px;
}
@media only screen and (max-width : 1799px) {
  section.typical-loft-cost .container .carousel-home-typical-loft-cost article {
    gap: 70px;
  }
}
@media only screen and (max-width : 820px) {
  section.typical-loft-cost .container .carousel-home-typical-loft-cost article {
    gap: 60px;
  }
}
@media only screen and (max-width : 699px) {
  section.typical-loft-cost .container .carousel-home-typical-loft-cost article {
    gap: 40px;
  }
}
section.typical-loft-cost .container .carousel-home-typical-loft-cost article header {
  position: relative;
}
section.typical-loft-cost .container .carousel-home-typical-loft-cost article header h3 {
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.3;
}
@media screen and (min-width: 700px) {
  section.typical-loft-cost .container .carousel-home-typical-loft-cost article header h3 {
    font-size: 22px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  section.typical-loft-cost .container .carousel-home-typical-loft-cost article header h3 {
    font-size: 26px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1500px) {
  section.typical-loft-cost .container .carousel-home-typical-loft-cost article header h3 {
    font-size: 30px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1920px) {
  section.typical-loft-cost .container .carousel-home-typical-loft-cost article header h3 {
    font-size: 32px;
    line-height: 1.2;
  }
}
section.typical-loft-cost .container .carousel-home-typical-loft-cost article header h3 {
  margin: 0;
  padding-right: 44px;
}
section.typical-loft-cost .container .carousel-home-typical-loft-cost article header p {
  font-family: "montserrat", sans-serif;
  font-weight: 500;
  text-transform: none;
  font-size: 21px;
  line-height: 1.6;
}
@media screen and (min-width: 700px) {
  section.typical-loft-cost .container .carousel-home-typical-loft-cost article header p {
    font-size: 23px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1200px) {
  section.typical-loft-cost .container .carousel-home-typical-loft-cost article header p {
    font-size: 25px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1500px) {
  section.typical-loft-cost .container .carousel-home-typical-loft-cost article header p {
    font-size: 26px;
    line-height: 1.7;
  }
}
@media screen and (min-width: 1920px) {
  section.typical-loft-cost .container .carousel-home-typical-loft-cost article header p {
    font-size: 26px;
    line-height: 1.7;
  }
}
section.typical-loft-cost .container .carousel-home-typical-loft-cost article header p {
  margin: 0.5em 0 0;
}
section.typical-loft-cost .container .carousel-home-typical-loft-cost article header figure {
  position: absolute;
  right: 0;
  top: -10px;
  display: block;
  border-radius: 0;
  width: 34px;
  height: 34px;
  font-size: 34px;
  overflow: visible;
}
@media only screen and (max-width : 699px) {
  section.typical-loft-cost .container .carousel-home-typical-loft-cost article header figure {
    width: 28px;
    height: 28px;
    font-size: 28px;
  }
}
section.typical-loft-cost .container .carousel-home-typical-loft-cost article header figure img, section.typical-loft-cost .container .carousel-home-typical-loft-cost article header figure svg, section.typical-loft-cost .container .carousel-home-typical-loft-cost article header figure i {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
section.typical-loft-cost .container .carousel-home-typical-loft-cost article header figure i {
  font-size: inherit;
}
section.typical-loft-cost .container .carousel-home-typical-loft-cost article > p {
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  section.typical-loft-cost .container .carousel-home-typical-loft-cost article > p {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  section.typical-loft-cost .container .carousel-home-typical-loft-cost article > p {
    font-size: 15px;
    line-height: 1.6;
  }
}
section.typical-loft-cost .container .carousel-home-typical-loft-cost .swiper {
  overflow: visible;
}
section.typical-loft-cost .container > footer {
  text-align: center;
  padding-top: 80px;
}
@media only screen and (max-width : 1799px) {
  section.typical-loft-cost .container > footer {
    padding-top: 70px;
  }
}
@media only screen and (max-width : 820px) {
  section.typical-loft-cost .container > footer {
    padding-top: 60px;
  }
}
@media only screen and (max-width : 699px) {
  section.typical-loft-cost .container > footer {
    padding-top: 40px;
  }
}
@media only screen and (max-width : 699px) {
  section.typical-loft-cost .container > footer {
    padding-top: 20px;
  }
}
section.typical-loft-cost .container > footer p {
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  section.typical-loft-cost .container > footer p {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  section.typical-loft-cost .container > footer p {
    font-size: 15px;
    line-height: 1.6;
  }
}
section.typical-loft-cost .container > footer .more {
  margin: 3em auto 0;
}
@media only screen and (max-width : 1499px) {
  section.typical-loft-cost .container > footer .more {
    margin: 2em auto 0;
  }
}

section.text-and-image {
  position: relative;
  padding: 0;
}
@media only screen and (max-width : 820px) {
  section.text-and-image {
    padding-top: 0;
  }
}
section.text-and-image > figure {
  position: absolute;
  border-radius: 0;
  top: 0;
  bottom: 0;
}
section.text-and-image > figure img {
  height: 110%;
}
@media only screen and (min-width : 700px) {
  section.text-and-image > figure {
    width: calc(50vw - (100vw - 120px) / 12);
  }
}
@media only screen and (min-width : 1025px) {
  section.text-and-image > figure {
    width: calc(50vw - (100vw - 160px) / 12);
  }
}
@media only screen and (min-width : 1500px) {
  section.text-and-image > figure {
    width: calc(50vw - (100vw - 280px) / 12);
  }
}
@media only screen and (min-width : 1920px) {
  section.text-and-image > figure {
    width: calc(50vw - 143.33333333px);
  }
}
@media only screen and (max-width : 820px) {
  section.text-and-image > figure {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 50%;
  }
  section.text-and-image > figure img {
    position: absolute;
    inset: 0;
  }
}
section.text-and-image .container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  padding-top: 160px;
}
@media only screen and (max-width : 1499px) {
  section.text-and-image .container {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  section.text-and-image .container {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  section.text-and-image .container {
    padding-top: 60px;
  }
}
section.text-and-image .container {
  padding-bottom: 160px;
}
@media only screen and (max-width : 1499px) {
  section.text-and-image .container {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width : 820px) {
  section.text-and-image .container {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 699px) {
  section.text-and-image .container {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width : 820px) {
  section.text-and-image .container {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
}
section.text-and-image .container > article .heading-block {
  width: 71.428571%;
}
@media only screen and (max-width : 820px) {
  section.text-and-image .container > article .heading-block {
    width: 100%;
    padding-top: 80px;
  }
}
@media only screen and (max-width : 820px) and (max-width : 1799px) {
  section.text-and-image .container > article .heading-block {
    padding-top: 70px;
  }
}
@media only screen and (max-width : 820px) and (max-width : 820px) {
  section.text-and-image .container > article .heading-block {
    padding-top: 60px;
  }
}
@media only screen and (max-width : 820px) and (max-width : 699px) {
  section.text-and-image .container > article .heading-block {
    padding-top: 40px;
  }
}
@media only screen and (max-width : 820px) {
  section.text-and-image .container > article .heading-block:first-child {
    padding-top: 0;
  }
}
section.text-and-image .container > article .heading-block h2 + p {
  font-weight: 500;
  font-size: 22px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  section.text-and-image .container > article .heading-block h2 + p {
    font-size: 21px;
  }
}
@media only screen and (max-width : 1299px) {
  section.text-and-image .container > article .heading-block h2 + p {
    font-size: 20px;
  }
}
@media only screen and (max-width : 1199px) {
  section.text-and-image .container > article .heading-block h2 + p {
    font-size: 19px;
  }
}
@media only screen and (max-width : 820px) {
  section.text-and-image .container > article .heading-block h2 + p {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  section.text-and-image .container > article .heading-block h2 + p {
    font-size: 16px;
    line-height: 1.6;
  }
}
section.text-and-image .container > article ul, section.text-and-image .container > article .more, section.text-and-image .container > article .btn {
  margin-top: 160px;
}
@media only screen and (max-width : 1499px) {
  section.text-and-image .container > article ul, section.text-and-image .container > article .more, section.text-and-image .container > article .btn {
    margin-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  section.text-and-image .container > article ul, section.text-and-image .container > article .more, section.text-and-image .container > article .btn {
    margin-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  section.text-and-image .container > article ul, section.text-and-image .container > article .more, section.text-and-image .container > article .btn {
    margin-top: 60px;
  }
}
@media only screen and (max-width : 1499px) {
  section.text-and-image .container > article ul, section.text-and-image .container > article .more, section.text-and-image .container > article .btn {
    margin-top: 80px;
  }
}
@media only screen and (max-width : 1499px) and (max-width : 1799px) {
  section.text-and-image .container > article ul, section.text-and-image .container > article .more, section.text-and-image .container > article .btn {
    margin-top: 70px;
  }
}
@media only screen and (max-width : 1499px) and (max-width : 820px) {
  section.text-and-image .container > article ul, section.text-and-image .container > article .more, section.text-and-image .container > article .btn {
    margin-top: 60px;
  }
}
@media only screen and (max-width : 1499px) and (max-width : 699px) {
  section.text-and-image .container > article ul, section.text-and-image .container > article .more, section.text-and-image .container > article .btn {
    margin-top: 40px;
  }
}
section.text-and-image .container > article ul {
  width: 85.714286%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px;
}
@media only screen and (max-width : 820px) {
  section.text-and-image .container > article ul {
    width: 100%;
  }
}
@media only screen and (max-width : 699px) {
  section.text-and-image .container > article ul {
    display: flex;
    flex-direction: column;
  }
}
section.text-and-image .container > article ul li {
  padding: 25px 0 25px 50px;
  position: relative;
  border-bottom: 1px solid;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  section.text-and-image .container > article ul li {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  section.text-and-image .container > article ul li {
    font-size: 15px;
    line-height: 1.6;
  }
}
@media only screen and (max-width : 1499px) {
  section.text-and-image .container > article ul li {
    padding: 20px 0 20px 40px;
  }
}
@media only screen and (max-width : 1299px) {
  section.text-and-image .container > article ul li {
    padding: 18px 0 18px 38px;
  }
}
@media only screen and (max-width : 699px) {
  section.text-and-image .container > article ul li {
    padding: 10px 0 10px 30px;
  }
}
section.text-and-image .container > article ul li:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 100;
  content: "\f058";
  font-size: 1.4em;
}
section.text-and-image .container > article ul li:nth-child(1), section.text-and-image .container > article ul li:nth-child(2) {
  border-top: 1px solid;
}
@media only screen and (max-width : 699px) {
  section.text-and-image .container > article ul li:nth-child(2) {
    border-top-width: 0;
  }
}
section.text-and-image .container > footer {
  display: flex;
  grid-column: span 5;
}
@media only screen and (max-width : 699px) {
  section.text-and-image .container > footer {
    justify-content: flex-start;
    padding: 0;
  }
}
section.text-and-image .container > footer .btn {
  white-space: normal;
  margin: 0;
}
section.text-and-image.image-right > figure {
  right: 0;
}
section.text-and-image.image-right .container > article {
  grid-column: span 7;
}
section.text-and-image.image-right .container > footer {
  align-items: flex-end;
  justify-content: flex-end;
  padding-left: var(--containerGap);
}
@media only screen and (max-width : 699px) {
  section.text-and-image.image-right .container > footer {
    padding: 0;
    justify-content: flex-start;
  }
}
section.text-and-image.image-left > figure {
  left: 0;
}
section.text-and-image.image-left .container > article {
  order: 2;
  grid-column: 6/span 7;
}
section.text-and-image.image-left .container > article .heading-block, section.text-and-image.image-left .container > article ul, section.text-and-image.image-left .container > article .more, section.text-and-image.image-left .container > article .btn {
  margin-left: 14.285714%;
}
@media only screen and (max-width : 820px) {
  section.text-and-image.image-left .container > article .heading-block, section.text-and-image.image-left .container > article ul, section.text-and-image.image-left .container > article .more, section.text-and-image.image-left .container > article .btn {
    margin-left: 0;
  }
}
section.text-and-image.image-left .container > footer {
  align-items: flex-end;
  justify-content: flex-start;
  padding-right: var(--containerGap);
}
@media only screen and (max-width : 820px) {
  section.text-and-image.image-left .container > footer {
    padding-right: 0;
  }
}
section.text-and-image.bgwhite + section.section.bgwhite {
  padding-top: 160px;
}
@media only screen and (max-width : 1499px) {
  section.text-and-image.bgwhite + section.section.bgwhite {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  section.text-and-image.bgwhite + section.section.bgwhite {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  section.text-and-image.bgwhite + section.section.bgwhite {
    padding-top: 60px;
  }
}
section.text-and-image.bggrey + section.section.bggrey {
  padding-top: 160px;
}
@media only screen and (max-width : 1499px) {
  section.text-and-image.bggrey + section.section.bggrey {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  section.text-and-image.bggrey + section.section.bggrey {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  section.text-and-image.bggrey + section.section.bggrey {
    padding-top: 60px;
  }
}

.benefits-section .heading-block {
  padding-bottom: 120px;
}
@media only screen and (max-width : 1799px) {
  .benefits-section .heading-block {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 820px) {
  .benefits-section .heading-block {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width : 699px) {
  .benefits-section .heading-block {
    padding-bottom: 40px;
  }
}
.benefits-section .benefits-section-columns {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 50px;
}
@media only screen and (max-width : 1024px) {
  .benefits-section .benefits-section-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width : 699px) {
  .benefits-section .benefits-section-columns {
    gap: 50px 15px;
  }
}
@media only screen and (max-width : 374px) {
  .benefits-section .benefits-section-columns {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 40px;
  }
}
.benefits-section .benefits-section-columns article {
  text-align: center;
}
.benefits-section .benefits-section-columns article figure {
  display: block;
  border-radius: 0;
  width: 34px;
  height: 34px;
  font-size: 34px;
  overflow: visible;
}
@media only screen and (max-width : 699px) {
  .benefits-section .benefits-section-columns article figure {
    width: 28px;
    height: 28px;
    font-size: 28px;
  }
}
.benefits-section .benefits-section-columns article figure img, .benefits-section .benefits-section-columns article figure svg, .benefits-section .benefits-section-columns article figure i {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.benefits-section .benefits-section-columns article figure i {
  font-size: inherit;
}
.benefits-section .benefits-section-columns article figure {
  margin: 0 auto;
}
.benefits-section .benefits-section-columns article h3 {
  font-family: "montserrat", sans-serif;
  font-weight: 500;
  text-transform: none;
  font-size: 21px;
  line-height: 1.6;
}
@media screen and (min-width: 700px) {
  .benefits-section .benefits-section-columns article h3 {
    font-size: 23px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1200px) {
  .benefits-section .benefits-section-columns article h3 {
    font-size: 25px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1500px) {
  .benefits-section .benefits-section-columns article h3 {
    font-size: 26px;
    line-height: 1.7;
  }
}
@media screen and (min-width: 1920px) {
  .benefits-section .benefits-section-columns article h3 {
    font-size: 26px;
    line-height: 1.7;
  }
}
.benefits-section .benefits-section-columns article p {
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  .benefits-section .benefits-section-columns article p {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  .benefits-section .benefits-section-columns article p {
    font-size: 15px;
    line-height: 1.6;
  }
}

section.services-section > .container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  padding-bottom: 120px;
}
@media only screen and (max-width : 1799px) {
  section.services-section > .container {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 820px) {
  section.services-section > .container {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width : 699px) {
  section.services-section > .container {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width : 699px) {
  section.services-section > .container {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
section.services-section > .container > header {
  grid-column: 2/span 4;
}
@media only screen and (max-width : 1024px) {
  section.services-section > .container > header {
    grid-column: span 5;
  }
}
section.services-section > .container > article {
  grid-column: 7/span 5;
}
@media only screen and (max-width : 1024px) {
  section.services-section > .container > article {
    grid-column: 7/span 6;
  }
}
section.services-section > .container-fluid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 50px;
}
@media only screen and (max-width : 1199px) {
  section.services-section > .container-fluid {
    gap: 30px;
  }
}
@media only screen and (max-width : 1024px) {
  section.services-section > .container-fluid {
    gap: 20px;
  }
}
@media only screen and (max-width : 1024px) {
  section.services-section > .container-fluid {
    display: flex;
    flex-direction: column;
  }
}
section.services-section > .container-fluid article {
  display: flex;
}
section.services-section > .container-fluid article a {
  display: flex;
  flex-direction: column;
  padding: var(--panelPadding);
  border-radius: var(--borderRadius);
  background-color: #F3F3EF;
}
@media only screen and (max-width : 1024px) {
  section.services-section > .container-fluid article a {
    /* flex-direction: row; */
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
  }
}
@media only screen and (max-width : 699px) {
  section.services-section > .container-fluid article a {
    display: flex;
    flex-direction: column;
  }
}
section.services-section > .container-fluid article a header {
  padding-bottom: 120px;
}
@media only screen and (max-width : 1024px) {
  section.services-section > .container-fluid article a header {
    padding: 0 80px 0 0;
  }
}
@media only screen and (max-width : 820px) {
  section.services-section > .container-fluid article a header {
    padding: 0 40px 0 0;
  }
}
@media only screen and (max-width : 699px) {
  section.services-section > .container-fluid article a header {
    padding: 0 0 40px;
  }
}
section.services-section > .container-fluid article a header h3 {
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.3;
}
@media screen and (min-width: 700px) {
  section.services-section > .container-fluid article a header h3 {
    font-size: 22px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  section.services-section > .container-fluid article a header h3 {
    font-size: 26px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1500px) {
  section.services-section > .container-fluid article a header h3 {
    font-size: 30px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1920px) {
  section.services-section > .container-fluid article a header h3 {
    font-size: 32px;
    line-height: 1.2;
  }
}
section.services-section > .container-fluid article a footer {
  margin-top: auto;
}
section.services-section > .container-fluid article a footer ul {
  border-top: 1px solid;
}
section.services-section > .container-fluid article a footer ul li {
  padding: 25px 0 25px 50px;
  position: relative;
  border-bottom: 1px solid;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  section.services-section > .container-fluid article a footer ul li {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  section.services-section > .container-fluid article a footer ul li {
    font-size: 15px;
    line-height: 1.6;
  }
}
@media only screen and (max-width : 1499px) {
  section.services-section > .container-fluid article a footer ul li {
    padding: 20px 0 20px 40px;
  }
}
@media only screen and (max-width : 1299px) {
  section.services-section > .container-fluid article a footer ul li {
    padding: 18px 0 18px 38px;
  }
}
@media only screen and (max-width : 699px) {
  section.services-section > .container-fluid article a footer ul li {
    padding: 10px 0 10px 30px;
  }
}
section.services-section > .container-fluid article a footer ul li:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 100;
  content: "\f058";
  font-size: 1.4em;
}
section.services-section > .container-fluid article a footer .more {
  margin-left: auto;
}
@media only screen and (max-width : 699px) {
  section.services-section > .container-fluid article a footer .more {
    margin: 10px 0 0;
  }
}
section.services-section > .container-fluid article.popular a {
  background-color: #1F2426;
}
section.services-section > .container-fluid article.popular a .tag {
  background-color: #23282c;
}
section.services-section > .container-fluid article.popular a h3, section.services-section > .container-fluid article.popular a .more {
  color: #ffffff;
}
section.services-section > .container-fluid article.popular a .more:after {
  color: #8E8A7C;
}

section.credentials.bgwhite {
  padding-top: var(--containerGap);
  padding-bottom: var(--containerGap);
}
section.credentials.bgwhite:has(+ section.section.bgwhite) {
  padding-bottom: 160px;
}
@media only screen and (max-width : 1499px) {
  section.credentials.bgwhite:has(+ section.section.bgwhite) {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width : 820px) {
  section.credentials.bgwhite:has(+ section.section.bgwhite) {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 699px) {
  section.credentials.bgwhite:has(+ section.section.bgwhite) {
    padding-bottom: 60px;
  }
}
section.credentials.bgwhite .container-fluid > section {
  display: grid;
  grid-template-columns: 62% 38%;
}
@media only screen and (max-width : 820px) {
  section.credentials.bgwhite .container-fluid > section {
    display: flex;
    flex-direction: column;
    gap: var(--gridGap);
  }
}
section.credentials.bgwhite .container-fluid > section > section {
  display: grid;
  gap: var(--gridGap);
}
@media only screen and (max-width : 699px) {
  section.credentials.bgwhite .container-fluid > section > section {
    display: flex;
    flex-direction: column;
  }
}
section.credentials.bgwhite .container-fluid > section > section:first-child {
  padding-right: var(--gridGap);
}
@media only screen and (max-width : 820px) {
  section.credentials.bgwhite .container-fluid > section > section:first-child {
    padding-right: 0;
  }
}
section.credentials.bgwhite .container-fluid > section > section:first-child article {
  display: flex;
}
section.credentials.bgwhite .container-fluid > section > section:first-child article:first-child {
  flex-direction: row-reverse;
}
@media only screen and (max-width : 699px) {
  section.credentials.bgwhite .container-fluid > section > section:first-child article:first-child {
    flex-direction: column;
    gap: var(--gridGap);
  }
}
section.credentials.bgwhite .container-fluid > section > section:first-child article:first-child > figure {
  flex: 0 0 40%;
  margin-left: var(--gridGap);
}
@media only screen and (max-width : 699px) {
  section.credentials.bgwhite .container-fluid > section > section:first-child article:first-child > figure {
    margin-left: 0;
  }
}
@media only screen and (max-width : 699px) {
  section.credentials.bgwhite .container-fluid > section > section:first-child article:last-child {
    flex-direction: column;
    gap: var(--gridGap);
  }
}
section.credentials.bgwhite .container-fluid > section > section:first-child article:last-child > figure {
  flex: 0 0 31%;
  margin-right: var(--gridGap);
}
@media only screen and (max-width : 699px) {
  section.credentials.bgwhite .container-fluid > section > section:first-child article:last-child > figure {
    margin-right: 0;
  }
}
@media only screen and (max-width : 820px) {
  section.credentials.bgwhite .container-fluid > section > section:last-child {
    display: flex;
  }
}
@media only screen and (max-width : 699px) {
  section.credentials.bgwhite .container-fluid > section > section:last-child {
    flex-direction: column;
  }
}
section.credentials.bgwhite .container-fluid .text {
  padding: var(--panelPadding);
  background-color: #F3F3EF;
  border-radius: var(--borderRadius);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width : 699px) {
  section.credentials.bgwhite .container-fluid .text {
    display: block;
  }
}
section.credentials.bgwhite .container-fluid .text h3 {
  position: relative;
  padding-right: 44px;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.3;
}
@media screen and (min-width: 700px) {
  section.credentials.bgwhite .container-fluid .text h3 {
    font-size: 22px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  section.credentials.bgwhite .container-fluid .text h3 {
    font-size: 26px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1500px) {
  section.credentials.bgwhite .container-fluid .text h3 {
    font-size: 30px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1920px) {
  section.credentials.bgwhite .container-fluid .text h3 {
    font-size: 32px;
    line-height: 1.2;
  }
}
section.credentials.bgwhite .container-fluid .text h3 em {
  display: block;
  font-size: 42px;
  line-height: 1;
}
@media screen and (min-width: 700px) {
  section.credentials.bgwhite .container-fluid .text h3 em {
    font-size: 56px;
    line-height: 1;
  }
}
@media screen and (min-width: 821px) {
  section.credentials.bgwhite .container-fluid .text h3 em {
    font-size: 60px;
    line-height: 1;
  }
}
@media screen and (min-width: 1200px) {
  section.credentials.bgwhite .container-fluid .text h3 em {
    font-size: 78px;
    line-height: 0.9;
  }
}
@media screen and (min-width: 1500px) {
  section.credentials.bgwhite .container-fluid .text h3 em {
    font-size: 100px;
    line-height: 0.9;
  }
}
@media screen and (min-width: 1920px) {
  section.credentials.bgwhite .container-fluid .text h3 em {
    font-size: 110px;
    line-height: 0.9;
  }
}
section.credentials.bgwhite .container-fluid .text h3 em {
  font-weight: 600;
  padding-bottom: 6px;
}
section.credentials.bgwhite .container-fluid .text h3 figure {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  border-radius: 0;
  width: 34px;
  height: 34px;
  font-size: 34px;
  overflow: visible;
}
@media only screen and (max-width : 699px) {
  section.credentials.bgwhite .container-fluid .text h3 figure {
    width: 28px;
    height: 28px;
    font-size: 28px;
  }
}
section.credentials.bgwhite .container-fluid .text h3 figure img, section.credentials.bgwhite .container-fluid .text h3 figure svg, section.credentials.bgwhite .container-fluid .text h3 figure i {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
section.credentials.bgwhite .container-fluid .text h3 figure i {
  font-size: inherit;
}
section.credentials.bgwhite .container-fluid .text p {
  max-width: 350px;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  section.credentials.bgwhite .container-fluid .text p {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  section.credentials.bgwhite .container-fluid .text p {
    font-size: 15px;
    line-height: 1.6;
  }
}
section.credentials.bgwhite:has(+ section.two-column-section.bgwhite) {
  padding-bottom: 0;
}
section.credentials.bgwhite + section.two-column-section.bgwhite {
  padding-top: 160px;
}
@media only screen and (max-width : 1499px) {
  section.credentials.bgwhite + section.two-column-section.bgwhite {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  section.credentials.bgwhite + section.two-column-section.bgwhite {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  section.credentials.bgwhite + section.two-column-section.bgwhite {
    padding-top: 60px;
  }
}

section.section.bgblue + section.credentials.bgwhite {
  padding-top: 160px;
}
@media only screen and (max-width : 1499px) {
  section.section.bgblue + section.credentials.bgwhite {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  section.section.bgblue + section.credentials.bgwhite {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  section.section.bgblue + section.credentials.bgwhite {
    padding-top: 60px;
  }
}

section.map-section .container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
section.map-section .container > section {
  grid-column: 2/span 10;
}
@media only screen and (max-width : 1199px) {
  section.map-section .container > section {
    grid-column: span 12;
  }
}
section.map-section .container.head > section {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-column-gap: 10%;
}
@media only screen and (max-width : 820px) {
  section.map-section .container.head > section {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
}
section.map-section .container.foot p {
  font-family: "dunbar-tall", sans-serif;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: none;
  font-size: 23px;
  line-height: 1.6;
}
@media screen and (min-width: 700px) {
  section.map-section .container.foot p {
    font-size: 34px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1200px) {
  section.map-section .container.foot p {
    font-size: 44px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1500px) {
  section.map-section .container.foot p {
    font-size: 50px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1920px) {
  section.map-section .container.foot p {
    font-size: 54px;
    line-height: 1.5;
  }
}
section.map-section .container.foot p {
  margin: 0;
}
section.map-section .container.foot .btn {
  margin: 2em 0 0;
}
section.map-section .container-fluid {
  padding-top: 120px;
}
@media only screen and (max-width : 1799px) {
  section.map-section .container-fluid {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 820px) {
  section.map-section .container-fluid {
    padding-top: 70px;
  }
}
@media only screen and (max-width : 699px) {
  section.map-section .container-fluid {
    padding-top: 40px;
  }
}
section.map-section .container-fluid {
  padding-bottom: 120px;
}
@media only screen and (max-width : 1799px) {
  section.map-section .container-fluid {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 820px) {
  section.map-section .container-fluid {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width : 699px) {
  section.map-section .container-fluid {
    padding-bottom: 40px;
  }
}
section.map-section .container-fluid > section {
  display: grid;
  grid-template-columns: 31% calc(69% - 16px);
  gap: 18px;
}
@media only screen and (max-width : 820px) {
  section.map-section .container-fluid > section {
    display: flex;
    flex-direction: column;
  }
}
section.map-section .container-fluid > section > article {
  background-color: #F3F3EF;
  padding: var(--panelPadding);
  border-radius: var(--borderRadius);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
section.map-section .container-fluid > section > article h3 {
  display: flex;
  flex-direction: column;
  grid-row-gap: 25px;
  max-width: 400px;
  padding-top: 15px;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.3;
}
@media screen and (min-width: 700px) {
  section.map-section .container-fluid > section > article h3 {
    font-size: 22px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  section.map-section .container-fluid > section > article h3 {
    font-size: 26px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1500px) {
  section.map-section .container-fluid > section > article h3 {
    font-size: 30px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1920px) {
  section.map-section .container-fluid > section > article h3 {
    font-size: 32px;
    line-height: 1.2;
  }
}
section.map-section .container-fluid > section > article h3 span {
  display: block;
}
section.map-section .container-fluid > section > article p {
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  section.map-section .container-fluid > section > article p {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  section.map-section .container-fluid > section > article p {
    font-size: 15px;
    line-height: 1.6;
  }
}
section.map-section .container-fluid > section > #map {
  background-color: #F3F3EF;
  border-radius: var(--borderRadius);
  min-height: 33.25vw;
}
@media only screen and (min-width : 1920px) {
  section.map-section .container-fluid > section > #map {
    min-height: 638px;
  }
}
@media only screen and (max-width : 820px) {
  section.map-section .container-fluid > section > #map {
    height: 80vw;
  }
}

#stats-columns + .text-image-rows {
  padding-top: 160px;
}
@media only screen and (max-width : 1499px) {
  #stats-columns + .text-image-rows {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  #stats-columns + .text-image-rows {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  #stats-columns + .text-image-rows {
    padding-top: 60px;
  }
}

.overlay,
#overlay {
  height: 100svh;
  width: 100vw;
  inset: 0;
  z-index: 999;
  pointer-events: none;
}
.overlay span,
#overlay span {
  background-color: #F3F3EF;
  display: block;
  width: 25%;
  height: 100%;
  position: absolute;
  bottom: 0;
}
.overlay span:nth-child(1),
#overlay span:nth-child(1) {
  left: 0;
}
.overlay span:nth-child(2),
#overlay span:nth-child(2) {
  left: 25%;
}
.overlay span:nth-child(3),
#overlay span:nth-child(3) {
  left: 50%;
}
.overlay span:nth-child(4),
#overlay span:nth-child(4) {
  left: 75%;
}

#overlay {
  position: fixed;
}

.overlay {
  position: absolute;
}

section.why-choose-us {
  padding-top: 0;
  padding-bottom: 0;
}
section.why-choose-us .container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
@media only screen and (max-width : 699px) {
  section.why-choose-us .container {
    display: flex;
    flex-direction: column;
    gap: 50px;
  }
}
section.why-choose-us .container > section {
  padding-top: 160px;
}
@media only screen and (max-width : 1499px) {
  section.why-choose-us .container > section {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  section.why-choose-us .container > section {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  section.why-choose-us .container > section {
    padding-top: 60px;
  }
}
section.why-choose-us .container > section {
  padding-bottom: 160px;
}
@media only screen and (max-width : 1499px) {
  section.why-choose-us .container > section {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width : 820px) {
  section.why-choose-us .container > section {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 699px) {
  section.why-choose-us .container > section {
    padding-bottom: 60px;
  }
}
section.why-choose-us .container > section:first-child {
  grid-column: span 4;
  height: 100svh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width : 699px) {
  section.why-choose-us .container > section:first-child {
    height: auto;
    padding-bottom: 0;
  }
}
section.why-choose-us .container > section:last-child {
  grid-column: 6/span 7;
}
@media only screen and (max-width : 699px) {
  section.why-choose-us .container > section:last-child {
    padding-top: 0;
  }
}
section.why-choose-us .container > section:last-child article {
  display: flex;
  gap: 67px;
  padding: 45px 0;
  border-bottom: 1px solid;
}
section.why-choose-us .container > section:last-child article:first-child {
  padding-top: 0;
}
@media only screen and (max-width : 1499px) {
  section.why-choose-us .container > section:last-child article {
    gap: 57px;
  }
}
@media only screen and (max-width : 1199px) {
  section.why-choose-us .container > section:last-child article {
    gap: 47px;
    padding: 40px 0;
  }
}
@media only screen and (max-width : 820px) {
  section.why-choose-us .container > section:last-child article {
    gap: 40px;
  }
}
@media only screen and (max-width : 699px) {
  section.why-choose-us .container > section:last-child article {
    flex-direction: column;
    gap: 30px;
    padding: 30px 0;
  }
}
section.why-choose-us .container > section:last-child article > figure {
  flex: 0 0 211px;
  width: 211px;
  height: 211px;
}
@media only screen and (max-width : 1499px) {
  section.why-choose-us .container > section:last-child article > figure {
    flex: 0 0 180px;
    width: 180px;
    height: 180px;
  }
}
@media only screen and (max-width : 1199px) {
  section.why-choose-us .container > section:last-child article > figure {
    flex: 0 0 140px;
    width: 140px;
    height: 140px;
  }
}
@media only screen and (max-width : 820px) {
  section.why-choose-us .container > section:last-child article > figure {
    flex: 0 0 120px;
    width: 120px;
    height: 120px;
  }
}
section.why-choose-us .container > section:last-child article .text > figure {
  display: block;
  border-radius: 0;
  width: 34px;
  height: 34px;
  font-size: 34px;
  overflow: visible;
}
@media only screen and (max-width : 699px) {
  section.why-choose-us .container > section:last-child article .text > figure {
    width: 28px;
    height: 28px;
    font-size: 28px;
  }
}
section.why-choose-us .container > section:last-child article .text > figure img, section.why-choose-us .container > section:last-child article .text > figure svg, section.why-choose-us .container > section:last-child article .text > figure i {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
section.why-choose-us .container > section:last-child article .text > figure i {
  font-size: inherit;
}
section.why-choose-us .container > section:last-child article .text h3 {
  text-transform: none;
  font-family: "montserrat", sans-serif;
  color: #ffffff;
  font-family: "montserrat", sans-serif;
  font-weight: 500;
  text-transform: none;
  font-size: 21px;
  line-height: 1.6;
}
@media screen and (min-width: 700px) {
  section.why-choose-us .container > section:last-child article .text h3 {
    font-size: 23px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1200px) {
  section.why-choose-us .container > section:last-child article .text h3 {
    font-size: 25px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1500px) {
  section.why-choose-us .container > section:last-child article .text h3 {
    font-size: 26px;
    line-height: 1.7;
  }
}
@media screen and (min-width: 1920px) {
  section.why-choose-us .container > section:last-child article .text h3 {
    font-size: 26px;
    line-height: 1.7;
  }
}
section.why-choose-us .container > section:last-child article .text p {
  margin: 0;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  section.why-choose-us .container > section:last-child article .text p {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  section.why-choose-us .container > section:last-child article .text p {
    font-size: 15px;
    line-height: 1.6;
  }
}

#smooth-wrapper {
  position: relative;
  z-index: 1;
}

#project-banner {
  width: 100%;
  overflow: hidden;
  background-color: #F3F3EF;
  padding-bottom: 0;
}
#project-banner header {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width : 820px) {
  #project-banner header {
    flex-direction: column;
    grid-row-gap: 16px;
    margin-bottom: 70px;
  }
}
@media only screen and (max-width : 699px) {
  #project-banner header {
    margin-bottom: 40px;
  }
}
#project-banner header h1 {
  letter-spacing: 0;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  #project-banner header h1 {
    font-size: 45px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1200px) {
  #project-banner header h1 {
    font-size: 60px;
    line-height: 1;
  }
}
@media screen and (min-width: 1500px) {
  #project-banner header h1 {
    font-size: 67px;
    line-height: 1;
  }
}
@media screen and (min-width: 1920px) {
  #project-banner header h1 {
    font-size: 70px;
    line-height: 1;
  }
}
#project-banner header h1 {
  margin: 0;
}
@media only screen and (max-width : 699px) {
  #project-banner header h1 {
    font-size: 42px;
    line-height: 1;
  }
}
@media only screen and (max-width : 699px) and (min-width: 700px) {
  #project-banner header h1 {
    font-size: 56px;
    line-height: 1;
  }
}
@media only screen and (max-width : 699px) and (min-width: 821px) {
  #project-banner header h1 {
    font-size: 60px;
    line-height: 1;
  }
}
@media only screen and (max-width : 699px) and (min-width: 1200px) {
  #project-banner header h1 {
    font-size: 78px;
    line-height: 0.9;
  }
}
@media only screen and (max-width : 699px) and (min-width: 1500px) {
  #project-banner header h1 {
    font-size: 100px;
    line-height: 0.9;
  }
}
@media only screen and (max-width : 699px) and (min-width: 1920px) {
  #project-banner header h1 {
    font-size: 110px;
    line-height: 0.9;
  }
}
#project-banner header ul {
  display: flex;
  align-items: center;
  margin: 0;
}
@media only screen and (max-width : 699px) {
  #project-banner header ul {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
#project-banner header ul li {
  margin: 0 30px 0 0;
  padding: 0 30px 0 0;
  border-right: 1px solid;
  display: flex;
  align-items: center;
  grid-column-gap: 10px;
}
@media only screen and (max-width : 1499px) {
  #project-banner header ul li {
    margin: 0 20px 0 0;
    padding: 0 20px 0 0;
  }
}
@media only screen and (max-width : 699px) {
  #project-banner header ul li {
    margin: 0;
    padding: 0;
    border-width: 0;
  }
}
#project-banner header ul li svg {
  fill: #8E8A7C;
}
#project-banner header ul li:last-child {
  margin: 0;
  padding: 0;
  border-width: 0;
}
#project-banner header ul li img,
#project-banner header ul li svg {
  height: 32px;
  width: 50px;
  object-fit: contain;
}
@media only screen and (max-width : 1499px) {
  #project-banner header ul li img,
  #project-banner header ul li svg {
    height: 25px;
    width: 40px;
  }
}
#project-banner-gallery {
  opacity: 0;
}
@media only screen and (max-width : 820px) {
  #project-banner-gallery {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width : 699px) {
  #project-banner-gallery {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width : 1025px) {
  #project-banner-gallery {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
  }
  #project-banner-gallery.num-slides-2 {
    width: 200vw;
  }
  #project-banner-gallery.num-slides-3 {
    width: 300vw;
  }
  #project-banner-gallery.num-slides-4 {
    width: 400vw;
  }
  #project-banner-gallery.num-slides-5 {
    width: 500vw;
  }
  #project-banner-gallery.num-slides-6 {
    width: 600vw;
  }
  #project-banner-gallery.num-slides-7 {
    width: 700vw;
  }
  #project-banner-gallery.num-slides-8 {
    width: 800vw;
  }
  #project-banner-gallery.num-slides-9 {
    width: 900vw;
  }
}
#project-banner-gallery figure {
  display: block;
  border-radius: 0;
}
@media only screen and (min-width : 1025px) {
  #project-banner-gallery figure {
    height: 100svh;
  }
}
@media only screen and (max-width : 820px) {
  #project-banner-gallery figure {
    position: relative;
    height: 0;
    border-radius: var(--borderRadius);
    overflow: hidden;
  }
}
#project-banner-gallery figure.landscape {
  width: 100vw;
}
@media only screen and (max-width : 820px) {
  #project-banner-gallery figure.landscape {
    padding-bottom: 66%;
    width: calc(100vw - 120px);
  }
}
@media only screen and (max-width : 699px) {
  #project-banner-gallery figure.landscape {
    padding-bottom: 100%;
    width: calc(100vw - 60px);
  }
}
#project-banner-gallery figure.portrait {
  width: 50vw;
}
@media only screen and (max-width : 820px) {
  #project-banner-gallery figure.portrait {
    padding-bottom: 111.376%;
  }
}
@media only screen and (max-width : 699px) {
  #project-banner-gallery figure.portrait {
    padding-bottom: 100%;
    width: calc(100vw - 60px);
  }
}
#project-banner-gallery figure img {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#project-banner-gallery.single-banner {
  width: 100%;
  padding-top: var(--containerGap);
}
#project-banner-gallery.single-banner figure {
  display: block;
  width: 100%;
  height: auto;
}

#project-content .container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
#project-content .container > article {
  grid-column: 3/span 8;
}
@media only screen and (max-width : 1499px) {
  #project-content .container > article {
    grid-column: 2/span 10;
  }
}
@media only screen and (max-width : 699px) {
  #project-content .container > article {
    grid-column: span 12;
  }
}
#project-content .container > article h2,
#project-content .container > article h3,
#project-content .container > article h4,
#project-content .container > article h5,
#project-content .container > article h6 {
  font-size: 22px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  #project-content .container > article h2,
  #project-content .container > article h3,
  #project-content .container > article h4,
  #project-content .container > article h5,
  #project-content .container > article h6 {
    font-size: 25px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  #project-content .container > article h2,
  #project-content .container > article h3,
  #project-content .container > article h4,
  #project-content .container > article h5,
  #project-content .container > article h6 {
    font-size: 36px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  #project-content .container > article h2,
  #project-content .container > article h3,
  #project-content .container > article h4,
  #project-content .container > article h5,
  #project-content .container > article h6 {
    font-size: 42px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1920px) {
  #project-content .container > article h2,
  #project-content .container > article h3,
  #project-content .container > article h4,
  #project-content .container > article h5,
  #project-content .container > article h6 {
    font-size: 45px;
    line-height: 1.1;
  }
}
#project-content .container > article h2,
#project-content .container > article h3,
#project-content .container > article h4,
#project-content .container > article h5,
#project-content .container > article h6 {
  margin: 1.5em 0 0.7em;
}
#project-content .container > article > h2:last-child,
#project-content .container > article > h3:last-child,
#project-content .container > article > h4:last-child,
#project-content .container > article > h5:last-child,
#project-content .container > article > h6:last-child {
  margin-bottom: 0;
}
#project-content .container > article p > a,
#project-content .container > article li > a {
  text-decoration: underline;
  font-weight: 700;
}
#project-content .container > article ul li {
  padding: 25px 0 25px 50px;
  position: relative;
  border-bottom: 1px solid;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  #project-content .container > article ul li {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  #project-content .container > article ul li {
    font-size: 15px;
    line-height: 1.6;
  }
}
@media only screen and (max-width : 1499px) {
  #project-content .container > article ul li {
    padding: 20px 0 20px 40px;
  }
}
@media only screen and (max-width : 1299px) {
  #project-content .container > article ul li {
    padding: 18px 0 18px 38px;
  }
}
@media only screen and (max-width : 699px) {
  #project-content .container > article ul li {
    padding: 10px 0 10px 30px;
  }
}
#project-content .container > article ul li:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 100;
  content: "\f058";
  font-size: 1.4em;
}
#project-content .container > article ul ul {
  margin: 1em 0;
}
#project-content .container > article p > a,
#project-content .container > article li > a {
  text-decoration-thickness: 1px;
}
#project-content .container > article ol li,
#project-content .container > article ul li {
  margin-bottom: 1em;
}
#project-content .container > article ol li:last-child,
#project-content .container > article ul li:last-child {
  margin-bottom: 0;
}
#project-content .container > article ol li {
  list-style-type: decimal;
  padding-left: 14px;
  margin-left: 20px;
}
#project-content .container > article .video-block,
#project-content .container > article .table-block,
#project-content .container > article .testimonial,
#project-content .container > article .image-wrapper {
  margin-top: 60px;
}
@media only screen and (max-width : 820px) {
  #project-content .container > article .video-block,
  #project-content .container > article .table-block,
  #project-content .container > article .testimonial,
  #project-content .container > article .image-wrapper {
    margin-top: 45px;
  }
}
@media only screen and (max-width : 699px) {
  #project-content .container > article .video-block,
  #project-content .container > article .table-block,
  #project-content .container > article .testimonial,
  #project-content .container > article .image-wrapper {
    margin-top: 30px;
  }
}
#project-content .container > article .video-block,
#project-content .container > article .table-block,
#project-content .container > article .testimonial,
#project-content .container > article .image-wrapper {
  margin-bottom: 60px;
}
@media only screen and (max-width : 820px) {
  #project-content .container > article .video-block,
  #project-content .container > article .table-block,
  #project-content .container > article .testimonial,
  #project-content .container > article .image-wrapper {
    margin-bottom: 45px;
  }
}
@media only screen and (max-width : 699px) {
  #project-content .container > article .video-block,
  #project-content .container > article .table-block,
  #project-content .container > article .testimonial,
  #project-content .container > article .image-wrapper {
    margin-bottom: 30px;
  }
}
#project-content .container > article .video-block:first-child,
#project-content .container > article .table-block:first-child,
#project-content .container > article .testimonial:first-child,
#project-content .container > article .image-wrapper:first-child {
  margin-top: 0;
}
#project-content .container > article .video-block:last-child,
#project-content .container > article .table-block:last-child,
#project-content .container > article .testimonial:last-child,
#project-content .container > article .image-wrapper:last-child {
  margin-bottom: 0;
}
#project-content .container > article .video-block:first-child {
  margin-top: 0;
}
#project-content .container > article .video-block:last-child {
  margin-bottom: 0;
}
#project-content .container > article .video-block img {
  margin-bottom: 0;
}
#project-content .container > article .table-block {
  width: 100%;
}
#project-content .container > article p > .btn:first-child {
  margin-top: 0;
}
#project-content .container > article .btn {
  display: flex;
}
@media only screen and (min-width : 700px) {
  #project-content .container > article .btn {
    max-width: fit-content;
  }
}
#project-content .container > article a.btn.back {
  margin-top: 100px;
}
@media only screen and (max-width : 820px) {
  #project-content .container > article a.btn.back {
    margin-top: 75px;
  }
}
@media only screen and (max-width : 699px) {
  #project-content .container > article a.btn.back {
    margin-top: 50px;
  }
}
#project-content + .cta {
  background-color: #F3F3EF;
}

.overlapheading {
  text-align: center;
  font-size: 45px;
  line-height: 1.3;
}
@media screen and (min-width: 700px) {
  .overlapheading {
    font-size: 12.6vw;
    line-height: 1;
  }
}
@media screen and (min-width: 1200px) {
  .overlapheading {
    font-size: 13.5vw;
    line-height: 1;
  }
}
@media screen and (min-width: 1500px) {
  .overlapheading {
    font-size: 13.5vw;
    line-height: 1;
  }
}
@media screen and (min-width: 1920px) {
  .overlapheading {
    font-size: 13.5vw;
    line-height: 0.9;
  }
}
@media only screen and (min-width : 700px) {
  .overlapheading {
    padding-bottom: 0.05em;
  }
}
@media only screen and (min-width : 1300px) {
  .overlapheading {
    padding-bottom: 0.1em;
  }
}
@media only screen and (min-width : 1500px) {
  .overlapheading {
    padding-bottom: 0.15em;
  }
}
@media only screen and (min-width : 1920px) {
  .overlapheading {
    padding-bottom: 0.2em;
  }
}
.overlapheading {
  margin: 0;
  padding: 0;
  transform: translateY(4vw);
}
@media only screen and (min-width: 0px) {
  .overlapheading {
    margin: 0 0 20px;
  }
}
@media only screen and (min-width : 1025px) {
  .overlapheading {
    margin: 0;
  }
}
@media only screen and (max-width : 820px) {
  .overlapheading {
    transform: none;
  }
}
.overlapheading > div,
.overlapheading > span {
  display: block;
  white-space: nowrap;
  padding-bottom: 0.13em;
}
.overlapheading > div:nth-child(2),
.overlapheading > span:nth-child(2) {
  margin-top: -0.15em;
}
#more-projects .overlapheading {
  transform: translateY(113px);
}
@media only screen and (max-width : 1799px) {
  #more-projects .overlapheading {
    transform: translateY(54px);
  }
}
@media only screen and (max-width : 1499px) {
  #more-projects .overlapheading {
    transform: translateY(54px);
  }
}
@media only screen and (max-width : 820px) {
  #more-projects .overlapheading {
    transform: translateY(20px);
  }
}
@media only screen and (max-width : 699px) {
  #more-projects .overlapheading {
    transform: translateY(0px);
  }
}
#more-projects article a {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 67%;
  position: relative;
  overflow: hidden;
  border-radius: var(--borderRadius);
  overflow: hidden;
}
@media only screen and (max-width : 1499px) {
  #more-projects article a {
    padding-bottom: 72%;
  }
}
@media only screen and (max-width : 820px) {
  #more-projects article a {
    padding-bottom: 90%;
  }
}
#more-projects article a figure {
  position: absolute;
  inset: 0;
  z-index: 1;
  transform: scale(1);
  transition: transform 2s linear;
}
#more-projects article a:hover figure {
  transform: scale(1.05);
}
#more-projects article a header {
  opacity: 0;
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: opacity 0.3s ease-in-out;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 60px 50px;
  color: #ffffff;
}
@media only screen and (max-width : 1499px) {
  #more-projects article a header {
    padding: 0 50px 50px;
  }
}
@media only screen and (max-width : 820px) {
  #more-projects article a header {
    padding: 0 30px 20px;
    background: rgba(0, 0, 0, 0.2);
  }
}
@media only screen and (max-width : 699px) {
  #more-projects article a header {
    padding: 0 20px 15px;
  }
}
#more-projects article a header h3 {
  color: #ffffff;
  margin: 0;
  font-size: 26px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  #more-projects article a header h3 {
    font-size: 32px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  #more-projects article a header h3 {
    font-size: 48px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  #more-projects article a header h3 {
    font-size: 52px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1920px) {
  #more-projects article a header h3 {
    font-size: 54px;
    line-height: 1.1;
  }
}
#more-projects article a header h3 {
  text-align: left;
}
@media only screen and (max-width : 820px) {
  #more-projects article a header h3 {
    font-size: 22px;
    line-height: 1.2;
  }
}
@media only screen and (max-width : 820px) and (min-width: 700px) {
  #more-projects article a header h3 {
    font-size: 25px;
    line-height: 1.2;
  }
}
@media only screen and (max-width : 820px) and (min-width: 1200px) {
  #more-projects article a header h3 {
    font-size: 36px;
    line-height: 1.1;
  }
}
@media only screen and (max-width : 820px) and (min-width: 1500px) {
  #more-projects article a header h3 {
    font-size: 42px;
    line-height: 1.1;
  }
}
@media only screen and (max-width : 820px) and (min-width: 1920px) {
  #more-projects article a header h3 {
    font-size: 45px;
    line-height: 1.1;
  }
}
#more-projects article a header ul {
  display: flex;
  flex-direction: column;
  margin-top: 50px;
  min-width: 50%;
}
@media only screen and (max-width : 1499px) {
  #more-projects article a header ul {
    margin-top: 10px;
  }
}
@media only screen and (max-width : 820px) {
  #more-projects article a header ul {
    display: none;
  }
}
@media only screen and (max-width : 699px) {
  #more-projects article a header ul {
    width: 100%;
  }
}
#more-projects article a header ul li {
  grid-column-gap: 15px;
  border-bottom: 1px solid #ffffff;
  display: flex;
  align-items: center;
  text-align: left;
  margin: 0;
  padding: 9px 0;
}
@media only screen and (max-width : 820px) {
  #more-projects article a header ul li {
    padding: 5px 0;
    font-size: 17px;
    grid-column-gap: 8px;
  }
}
#more-projects article a header ul li:last-child {
  border-width: 0;
}
#more-projects article a header ul li img,
#more-projects article a header ul li svg {
  display: block;
  fill: #ffffff;
  height: 34px;
  width: 34px;
}
@media only screen and (max-width : 820px) {
  #more-projects article a header ul li img,
  #more-projects article a header ul li svg {
    height: 22px;
    width: 22px;
  }
}
@media only screen and (min-width : 1025px) {
  #more-projects article a:hover header {
    opacity: 1;
  }
}
#more-projects article a {
  padding-bottom: 100%;
}
#more-projects section {
  margin: 0 auto;
  max-width: 1140px;
}
@media only screen and (max-width : 1499px) {
  #more-projects section {
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  #more-projects section > .owl-carousel {
    grid-column: 2/span 10;
  }
}
@media only screen and (max-width : 1499px) and (max-width : 820px) {
  #more-projects section > .owl-carousel {
    grid-column: span 12;
  }
}
@media only screen and (max-width : 1499px) {
  #more-projects section > .owl-carousel .owl-nav {
    width: calc(100vw - 180px);
  }
}
.page-template-lofttype #more-projects, .page-template-housestyle #more-projects {
  padding-top: 80px;
}
@media only screen and (max-width : 820px) {
  .page-template-lofttype #more-projects, .page-template-housestyle #more-projects {
    padding-top: 60px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-lofttype #more-projects, .page-template-housestyle #more-projects {
    padding-top: 40px;
  }
}
.page-template-lofttype #more-projects, .page-template-housestyle #more-projects {
  padding-bottom: 120px;
}
@media only screen and (max-width : 1799px) {
  .page-template-lofttype #more-projects, .page-template-housestyle #more-projects {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-lofttype #more-projects, .page-template-housestyle #more-projects {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-lofttype #more-projects, .page-template-housestyle #more-projects {
    padding-bottom: 40px;
  }
}

#faqs:has(+ #more-projects) {
  padding-bottom: 80px;
}
@media only screen and (max-width : 1799px) {
  #faqs:has(+ #more-projects) {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width : 820px) {
  #faqs:has(+ #more-projects) {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width : 699px) {
  #faqs:has(+ #more-projects) {
    padding-bottom: 40px;
  }
}

.page-template-lofttypes .banner-standard,
.page-template-housestyles .banner-standard {
  padding-bottom: 40px;
}
@media only screen and (max-width : 1499px) {
  .page-template-lofttypes .banner-standard,
  .page-template-housestyles .banner-standard {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-lofttypes .banner-standard,
  .page-template-housestyles .banner-standard {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-lofttypes .banner-standard,
  .page-template-housestyles .banner-standard {
    padding-bottom: 60px;
  }
}

@media only screen and (max-width : 820px) {
  #loft-types,
  #house-styles {
    padding-bottom: 0 !important;
  }
}
@media only screen and (max-width : 820px) {
  #loft-types .container-fluid,
  #house-styles .container-fluid {
    padding: 0;
  }
}
@media only screen and (max-width : 820px) {
  #loft-types + .section.dark,
  #house-styles + .section.dark {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  #loft-types + .section.dark,
  #house-styles + .section.dark {
    padding-top: 60px;
  }
}

#lofts section {
  height: 100svh;
  overflow: hidden;
  padding-top: var(--containerGap);
  padding-bottom: var(--containerGap);
  position: relative;
}
@media only screen and (min-width : 1025px) {
  #lofts section:last-child {
    padding-bottom: 0;
    height: calc(100svh - 45px);
  }
}
@media only screen and (min-width : 1025px) and (max-width : 1799px) {
  #lofts section:last-child {
    height: calc(100svh - 45px);
  }
}
@media only screen and (min-width : 1025px) and (max-width : 1499px) {
  #lofts section:last-child {
    height: calc(100svh - 45px);
  }
}
@media only screen and (min-width : 1025px) and (max-width : 820px) {
  #lofts section:last-child {
    height: calc(100svh - 45px);
  }
}
@media only screen and (min-width : 1025px) and (max-width : 699px) {
  #lofts section:last-child {
    height: calc(100svh - 30px);
  }
}
@media only screen and (max-width : 820px) {
  #lofts section {
    background-color: #23282c;
    height: auto;
  }
  #lofts section:last-child {
    height: auto;
    padding-bottom: 160px;
  }
}
@media only screen and (max-width : 820px) and (max-width : 1799px) {
  #lofts section:last-child {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width : 820px) and (max-width : 820px) {
  #lofts section:last-child {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 820px) and (max-width : 699px) {
  #lofts section:last-child {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-housestyles #lofts section {
    padding-top: 0 !important;
    background-color: #1F2426;
  }
}
#lofts section a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
  width: 100%;
  background-color: #23282c;
  border-radius: var(--borderRadius);
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width : 820px) {
  #lofts section a {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 0;
  }
  .page-template-housestyles #lofts section a {
    background-color: #1F2426;
  }
}
@media only screen and (max-width : 699px) {
  #lofts section a {
    justify-content: center;
  }
}
#lofts section a:before {
  display: none;
}
#lofts section a > article {
  width: 100%;
}
@media only screen and (max-width : 820px) {
  #lofts section a > article {
    padding-bottom: 90px;
    padding-bottom: 0;
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (max-width : 699px) {
  #lofts section a > article {
    padding: 0 30px;
  }
}
.page-template-housestyles #lofts section a {
  position: relative;
}
.page-template-housestyles #lofts section a > figure,
.page-template-housestyles #lofts section a > video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  max-width: 100%;
}
@media only screen and (max-width : 820px) {
  .page-template-housestyles #lofts section a > figure,
  .page-template-housestyles #lofts section a > video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 60%;
  }
  .page-template-housestyles #lofts section a > figure img,
  .page-template-housestyles #lofts section a > video img {
    position: absolute;
    inset: 0;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-housestyles #lofts section a > figure,
  .page-template-housestyles #lofts section a > video {
    padding-bottom: 100%;
  }
}
.page-template-housestyles #lofts section a > video {
  opacity: 0;
}
.page-template-housestyles #lofts section a > article {
  margin-left: 50%;
  width: 50%;
  padding: 0 80px;
}
@media only screen and (max-width : 820px) {
  .page-template-housestyles #lofts section a > article {
    min-height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 80px;
    padding-right: 80px;
    width: 100%;
    min-height: 1px;
    margin: 0;
  }
}
@media only screen and (max-width : 820px) and (max-width : 1799px) {
  .page-template-housestyles #lofts section a > article {
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media only screen and (max-width : 820px) and (max-width : 1499px) {
  .page-template-housestyles #lofts section a > article {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (max-width : 820px) and (max-width : 820px) {
  .page-template-housestyles #lofts section a > article {
    padding: 50px;
  }
}
@media only screen and (max-width : 820px) and (max-width : 699px) {
  .page-template-housestyles #lofts section a > article {
    padding: 40px 24px;
  }
}
@media only screen and (max-width : 820px) {
  #lofts section.first-section a {
    justify-content: flex-start;
  }
}
#lofts section figure {
  overflow: visible;
  border-radius: 0;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  margin-top: -17vw;
}
@media only screen and (max-width : 820px) {
  #lofts section figure {
    margin-top: -6vw;
  }
}
@media only screen and (max-width : 699px) {
  #lofts section figure {
    margin-top: 0;
    margin-left: -120px;
    width: calc(100vw + 180px);
  }
  .page-template-housestyles #lofts section figure {
    margin-left: 0;
    width: 100%;
  }
}
.page-template-housestyles #lofts section figure {
  margin-top: 0;
}
#lofts section figure > .videowrapper {
  width: 100%;
  max-width: 1600px;
  padding-bottom: 0;
  margin: 0 auto;
  height: auto;
}
.touch #lofts section figure > .videowrapper, .browser-edge #lofts section figure > .videowrapper, .browser-firefox #lofts section figure > .videowrapper {
  background-color: #23282c;
}
@media only screen and (max-width : 1499px) {
  #lofts section figure > .videowrapper {
    width: 70%;
  }
}
@media only screen and (max-width : 820px) {
  #lofts section figure > .videowrapper {
    width: 100%;
  }
}
#lofts section figure > .videowrapper video {
  position: static;
  width: 100%;
  margin-top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.touch #lofts section figure > .videowrapper video, .browser-edge #lofts section figure > .videowrapper video, .browser-firefox #lofts section figure > .videowrapper video {
  mix-blend-mode: lighten;
}
@media only screen and (max-width : 1499px) {
  #lofts section figure > .videowrapper video {
    margin-top: 0;
  }
}
#lofts section h3,
#lofts section p {
  position: relative;
  z-index: 2;
}
#lofts section h3 {
  color: #ffffff;
  margin-top: -13vw;
  margin-bottom: 0;
}
@media only screen and (min-width : 1920px) {
  #lofts section h3 {
    margin-top: -220px;
  }
}
@media only screen and (max-width : 1499px) {
  #lofts section h3 {
    margin-top: -9vw;
    font-size: 26px;
    line-height: 1.2;
  }
}
@media only screen and (max-width : 1499px) and (min-width: 700px) {
  #lofts section h3 {
    font-size: 32px;
    line-height: 1.2;
  }
}
@media only screen and (max-width : 1499px) and (min-width: 1200px) {
  #lofts section h3 {
    font-size: 48px;
    line-height: 1.1;
  }
}
@media only screen and (max-width : 1499px) and (min-width: 1500px) {
  #lofts section h3 {
    font-size: 52px;
    line-height: 1.1;
  }
}
@media only screen and (max-width : 1499px) and (min-width: 1920px) {
  #lofts section h3 {
    font-size: 54px;
    line-height: 1.1;
  }
}
@media only screen and (max-width : 699px) {
  #lofts section h3 {
    margin-top: -13vw;
  }
}
.page-template-housestyles #lofts section h3 {
  margin-top: -0.5em;
}
@media only screen and (max-width : 820px) {
  .page-template-housestyles #lofts section h3 {
    margin-top: 0;
  }
}
#lofts section p {
  margin-top: 20px;
}
@media only screen and (max-width : 820px) {
  #lofts section p {
    max-width: 400px;
    margin: 20px auto 0;
  }
}
.page-template-housestyles #lofts section p {
  margin-top: 35px;
}
@media only screen and (max-width : 1499px) {
  .page-template-housestyles #lofts section p {
    margin-top: 25px;
  }
}

section.loft-types-section {
  text-align: center;
}
section.loft-types-section .heading-block h2 {
  margin: 0 0 0.4em;
}
section.loft-types-section .carousel-loft-types {
  margin-top: 120px;
}
@media only screen and (max-width : 1799px) {
  section.loft-types-section .carousel-loft-types {
    margin-top: 90px;
  }
}
@media only screen and (max-width : 820px) {
  section.loft-types-section .carousel-loft-types {
    margin-top: 70px;
  }
}
@media only screen and (max-width : 699px) {
  section.loft-types-section .carousel-loft-types {
    margin-top: 40px;
  }
}
section.loft-types-section .carousel-loft-types .loft-type {
  text-align: center;
  display: flex;
  flex-direction: column;
  border-radius: var(--borderRadiusBig);
  width: 100%;
  overflow: hidden;
}
section.loft-types-section .carousel-loft-types .loft-type figure {
  border-radius: 0;
  height: 0;
  width: 100%;
  padding-bottom: 67%;
  position: relative;
}
section.loft-types-section .carousel-loft-types .loft-type figure img {
  position: absolute;
  inset: 0;
}
section.loft-types-section .carousel-loft-types .loft-type .text {
  padding: var(--panelPadding);
  padding-bottom: 70px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width : 699px) {
  section.loft-types-section .carousel-loft-types .loft-type .text {
    padding-bottom: 40px;
  }
}
section.loft-types-section .carousel-loft-types .loft-type .text h3, section.loft-types-section .carousel-loft-types .loft-type .text p {
  margin-left: auto;
  margin-right: auto;
}
section.loft-types-section .carousel-loft-types .loft-type .text h3 {
  max-width: 430px;
  font-size: 26px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  section.loft-types-section .carousel-loft-types .loft-type .text h3 {
    font-size: 32px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  section.loft-types-section .carousel-loft-types .loft-type .text h3 {
    font-size: 48px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  section.loft-types-section .carousel-loft-types .loft-type .text h3 {
    font-size: 52px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1920px) {
  section.loft-types-section .carousel-loft-types .loft-type .text h3 {
    font-size: 54px;
    line-height: 1.1;
  }
}
section.loft-types-section .carousel-loft-types .loft-type .text p {
  max-width: 350px;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  section.loft-types-section .carousel-loft-types .loft-type .text p {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  section.loft-types-section .carousel-loft-types .loft-type .text p {
    font-size: 15px;
    line-height: 1.6;
  }
}
@media only screen and (max-width : 699px) {
  section.loft-types-section .carousel-loft-types .loft-type .text p {
    margin: 0 auto;
  }
}
section.loft-types-section .carousel-loft-types .loft-type .text .more {
  margin: auto auto 0;
  padding-top: 2em;
}
section.loft-types-section .carousel-loft-types .loft-type {
  background-color: #23282c;
  padding: var(--containerGap) 0 0;
}
.browser-edge section.loft-types-section .carousel-loft-types .loft-type, .browser-firefox section.loft-types-section .carousel-loft-types .loft-type, .touch section.loft-types-section .carousel-loft-types .loft-type {
  background-color: #1F2426;
}
@media only screen and (max-width : 699px) {
  section.loft-types-section .carousel-loft-types .loft-type {
    padding-top: 0;
  }
  section.loft-types-section .carousel-loft-types .loft-type .videowrapper {
    z-index: 1;
    overflow: hidden;
  }
}
@media only screen and (max-width : 699px) and (max-width : 699px) {
  section.loft-types-section .carousel-loft-types .loft-type .videowrapper video {
    top: 50%;
    left: 50%;
    width: 120%;
    height: 120%;
    transform: translateX(-50%) translateY(-50%);
  }
}
section.loft-types-section .carousel-loft-types .loft-type .text {
  position: relative;
  z-index: 2;
  padding-top: 0;
}
section.loft-types-section .carousel-loft-types .loft-type .text h3 {
  color: #ffffff;
}
section.loft-types-section .carousel-loft-types .loft-type .text .more {
  color: #ffffff;
}

section.loft-types-section .swiper, section.house-styles .swiper {
  overflow: visible;
}
section.loft-types-section .swiper-pagination, section.house-styles .swiper-pagination {
  justify-content: center;
  margin-top: 2em;
}
section.loft-types-section a.more, section.house-styles a.more {
  margin-left: auto;
  margin-right: auto;
  margin-top: 80px;
}
@media only screen and (max-width : 1799px) {
  section.loft-types-section a.more, section.house-styles a.more {
    margin-top: 70px;
  }
}
@media only screen and (max-width : 820px) {
  section.loft-types-section a.more, section.house-styles a.more {
    margin-top: 60px;
  }
}
@media only screen and (max-width : 699px) {
  section.loft-types-section a.more, section.house-styles a.more {
    margin-top: 40px;
  }
}
section.loft-types-section a.more, section.house-styles a.more {
  white-space: normal;
  justify-content: center;
}

section.house-styles .container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
section.house-styles .container > section {
  grid-column: 2/span 10;
}
@media only screen and (max-width : 1199px) {
  section.house-styles .container > section {
    grid-column: span 12;
  }
}
section.house-styles .container > section {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-column-gap: 10%;
}
@media only screen and (max-width : 699px) {
  section.house-styles .container > section {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
}
section.house-styles .carousel-house-styles {
  margin-top: 120px;
}
@media only screen and (max-width : 1799px) {
  section.house-styles .carousel-house-styles {
    margin-top: 90px;
  }
}
@media only screen and (max-width : 820px) {
  section.house-styles .carousel-house-styles {
    margin-top: 70px;
  }
}
@media only screen and (max-width : 699px) {
  section.house-styles .carousel-house-styles {
    margin-top: 40px;
  }
}
section.house-styles .carousel-house-styles .house-style {
  text-align: center;
  display: flex;
  flex-direction: column;
  border-radius: var(--borderRadiusBig);
  width: 100%;
  overflow: hidden;
}
section.house-styles .carousel-house-styles .house-style figure {
  border-radius: 0;
  height: 0;
  width: 100%;
  padding-bottom: 67%;
  position: relative;
}
section.house-styles .carousel-house-styles .house-style figure img {
  position: absolute;
  inset: 0;
}
section.house-styles .carousel-house-styles .house-style .text {
  padding: var(--panelPadding);
  padding-bottom: 70px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width : 699px) {
  section.house-styles .carousel-house-styles .house-style .text {
    padding-bottom: 40px;
  }
}
section.house-styles .carousel-house-styles .house-style .text h3, section.house-styles .carousel-house-styles .house-style .text p {
  margin-left: auto;
  margin-right: auto;
}
section.house-styles .carousel-house-styles .house-style .text h3 {
  max-width: 430px;
  font-size: 26px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  section.house-styles .carousel-house-styles .house-style .text h3 {
    font-size: 32px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  section.house-styles .carousel-house-styles .house-style .text h3 {
    font-size: 48px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  section.house-styles .carousel-house-styles .house-style .text h3 {
    font-size: 52px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1920px) {
  section.house-styles .carousel-house-styles .house-style .text h3 {
    font-size: 54px;
    line-height: 1.1;
  }
}
section.house-styles .carousel-house-styles .house-style .text p {
  max-width: 350px;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  section.house-styles .carousel-house-styles .house-style .text p {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  section.house-styles .carousel-house-styles .house-style .text p {
    font-size: 15px;
    line-height: 1.6;
  }
}
@media only screen and (max-width : 699px) {
  section.house-styles .carousel-house-styles .house-style .text p {
    margin: 0 auto;
  }
}
section.house-styles .carousel-house-styles .house-style .text .more {
  margin: auto auto 0;
  padding-top: 2em;
}
section.house-styles .carousel-house-styles .house-style .text {
  background-color: #F3F3EF;
  padding-top: 80px;
}

.page-template-lofttype .banner-standard {
  padding-bottom: 0;
  background-color: #23282c;
}
@media only screen and (min-width : 1025px) {
  .page-template-lofttype .banner-standard {
    padding-top: 250px;
  }
}
@media only screen and (min-width : 1025px) and (max-width : 1799px) {
  .page-template-lofttype .banner-standard {
    padding-top: 120px;
  }
}
@media only screen and (min-width : 1025px) and (max-width : 820px) {
  .page-template-lofttype .banner-standard {
    padding-top: 90px;
  }
}
@media only screen and (min-width : 1025px) and (max-width : 699px) {
  .page-template-lofttype .banner-standard {
    padding-top: 60px;
  }
}
@media only screen and (max-width : 1499px) {
  .page-template-lofttype .banner-standard h1 {
    margin-top: -16px;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-lofttype .banner-standard p {
    max-width: 450px;
    margin: 0 auto;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-lofttype .banner-standard h1,
  .page-template-lofttype .banner-standard p {
    z-index: 2;
    position: relative;
  }
}
.page-template-lofttype .banner-standard figure {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  padding-bottom: 50vh;
}
@media only screen and (max-width : 1499px) {
  .page-template-lofttype .banner-standard figure {
    padding-bottom: 60vh;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-lofttype .banner-standard figure {
    padding-bottom: 63vw;
    margin-top: -10vw;
    z-index: 1;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-lofttype .banner-standard figure {
    padding-bottom: 96vw;
    margin-top: -24vw;
  }
}
.page-template-lofttype .banner-standard figure .videowrapper {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  height: 130%;
  width: 80%;
  top: 50%;
  left: 50%;
  margin-top: -3vh;
}
@media only screen and (max-width : 1499px) {
  .page-template-lofttype .banner-standard figure .videowrapper {
    margin-top: -6vw;
    width: 100vw;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-lofttype .banner-standard figure .videowrapper {
    margin-top: 0;
    top: 0;
    height: 110%;
    width: 130%;
    padding: 0;
    transform: translateX(-50%);
  }
}
@media only screen and (max-width : 699px) {
  .page-template-lofttype .banner-standard figure .videowrapper {
    width: 170%;
    height: 120%;
  }
}
.page-template-lofttype.browser-edge .banner-standard {
  background-color: #1F2426;
}

@media only screen and (max-width : 820px) {
  .touch .page-template-lofttype.browser-safari .banner-standard,
  .touch .page-template-lofttype.browser-chrome .banner-standard {
    background-color: #1F2426;
  }
}

#projects {
  text-align: center;
  background-color: #1F2426;
  position: relative;
  z-index: 3;
  padding-bottom: 0;
}
#projects .heading-block {
  padding-bottom: var(--containerGap);
}
@media only screen and (max-width : 699px) {
  #projects .heading-block {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width : 1199px) {
  #projects .heading-block p {
    max-width: 560px;
    margin: 0 auto;
  }
}
@media only screen and (min-width : 700px) {
  #projects .container-fluid .big-heading {
    transform: translateY(45px);
  }
}
#projects .container-fluid > footer {
  padding-top: var(--containerGap);
  display: flex;
  justify-content: center;
  padding-bottom: 160px;
}
@media only screen and (max-width : 1499px) {
  #projects .container-fluid > footer {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width : 820px) {
  #projects .container-fluid > footer {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 699px) {
  #projects .container-fluid > footer {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width : 699px) {
  #projects .container-fluid > footer {
    padding-top: 60px;
  }
  #projects .container-fluid > footer .more {
    margin: 0;
  }
}
@media only screen and (max-width : 699px) {
  #projects .projects {
    margin-left: -30px;
    width: 100vw;
  }
}
#projects .projects section {
  height: 100svh;
  padding-top: var(--containerGap);
  padding-bottom: var(--containerGap);
  position: relative;
}
@media only screen and (max-width : 699px) {
  #projects .projects section {
    padding-top: 0;
    padding-bottom: 0;
  }
}
#projects .projects section article {
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: var(--borderRadius);
  overflow: hidden;
}
@media only screen and (max-width : 699px) {
  #projects .projects section article {
    border-radius: 0;
  }
}
#projects .projects section figure {
  height: 100%;
  border-radius: 0;
}
#projects .projects section header {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 59%;
  max-width: 525px;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 60px 50px;
  color: #ffffff;
}
@media only screen and (max-width : 1499px) {
  #projects .projects section header {
    padding: 0 50px 50px;
  }
}
@media only screen and (max-width : 820px) {
  #projects .projects section header {
    padding: 0 30px 20px;
    background: rgba(0, 0, 0, 0.2);
  }
}
@media only screen and (max-width : 699px) {
  #projects .projects section header {
    padding: 0 20px 15px;
  }
}
#projects .projects section header h3 {
  color: #ffffff;
  margin: 0;
  font-size: 26px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  #projects .projects section header h3 {
    font-size: 32px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  #projects .projects section header h3 {
    font-size: 48px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  #projects .projects section header h3 {
    font-size: 52px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1920px) {
  #projects .projects section header h3 {
    font-size: 54px;
    line-height: 1.1;
  }
}
#projects .projects section header h3 {
  text-align: left;
}
@media only screen and (max-width : 820px) {
  #projects .projects section header h3 {
    font-size: 22px;
    line-height: 1.2;
  }
}
@media only screen and (max-width : 820px) and (min-width: 700px) {
  #projects .projects section header h3 {
    font-size: 25px;
    line-height: 1.2;
  }
}
@media only screen and (max-width : 820px) and (min-width: 1200px) {
  #projects .projects section header h3 {
    font-size: 36px;
    line-height: 1.1;
  }
}
@media only screen and (max-width : 820px) and (min-width: 1500px) {
  #projects .projects section header h3 {
    font-size: 42px;
    line-height: 1.1;
  }
}
@media only screen and (max-width : 820px) and (min-width: 1920px) {
  #projects .projects section header h3 {
    font-size: 45px;
    line-height: 1.1;
  }
}
#projects .projects section header ul {
  display: flex;
  flex-direction: column;
  margin-top: 50px;
  min-width: 50%;
}
@media only screen and (max-width : 1499px) {
  #projects .projects section header ul {
    margin-top: 10px;
  }
}
@media only screen and (max-width : 820px) {
  #projects .projects section header ul {
    display: none;
  }
}
@media only screen and (max-width : 699px) {
  #projects .projects section header ul {
    width: 100%;
  }
}
#projects .projects section header ul li {
  grid-column-gap: 15px;
  border-bottom: 1px solid #ffffff;
  display: flex;
  align-items: center;
  text-align: left;
  margin: 0;
  padding: 9px 0;
}
@media only screen and (max-width : 820px) {
  #projects .projects section header ul li {
    padding: 5px 0;
    font-size: 17px;
    grid-column-gap: 8px;
  }
}
#projects .projects section header ul li:last-child {
  border-width: 0;
}
#projects .projects section header ul li img,
#projects .projects section header ul li svg {
  display: block;
  fill: #ffffff;
  height: 34px;
  width: 34px;
}
@media only screen and (max-width : 820px) {
  #projects .projects section header ul li img,
  #projects .projects section header ul li svg {
    height: 22px;
    width: 22px;
  }
}
#projects .projects section header {
  justify-content: center;
  padding-bottom: 0;
}
@media only screen and (max-width : 820px) {
  #projects .projects section header ul {
    display: flex;
  }
}
@media only screen and (max-width : 699px) {
  #projects .projects section header {
    width: 100%;
    justify-content: center;
    padding: 0 30px;
  }
}
#projects .projects > section:last-child {
  padding-bottom: 0;
  height: calc(100svh - 45px);
}
@media only screen and (max-width : 1799px) {
  #projects .projects > section:last-child {
    height: calc(100svh - 45px);
  }
}
@media only screen and (max-width : 1499px) {
  #projects .projects > section:last-child {
    height: calc(100svh - 45px);
  }
}
@media only screen and (max-width : 820px) {
  #projects .projects > section:last-child {
    height: calc(100svh - 45px);
  }
}
@media only screen and (max-width : 699px) {
  #projects .projects > section:last-child {
    height: calc(100svh - 30px);
  }
}
@media only screen and (max-width : 699px) {
  #projects .projects > section:last-child {
    height: 100svh;
  }
}

#reviews + #projects {
  padding-top: 0;
}
@media only screen and (max-width : 820px) {
  #reviews + #projects {
    padding-top: 60px;
  }
}
@media only screen and (max-width : 699px) {
  #reviews + #projects {
    padding-top: 40px;
  }
}

#projects-heading {
  padding-bottom: 0;
}

#projects-search-form {
  position: relative;
  z-index: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media only screen and (max-width : 1499px) {
  #projects-search-form {
    padding-top: 50px;
    padding-bottom: 70px;
  }
}
@media only screen and (max-width : 699px) {
  #projects-search-form {
    padding-top: 20px;
    padding-bottom: 40px;
  }
}
#projects-search-form .searchandfilter {
  display: flex;
  justify-content: center;
}
#projects-search-form .searchandfilter > ul {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  grid-column-gap: 18px;
  flex-wrap: wrap;
  grid-row-gap: 12px;
}
@media only screen and (max-width : 699px) {
  #projects-search-form .searchandfilter > ul {
    display: flex;
  }
}
#projects-search-form .searchandfilter > ul:before {
  content: "Filters";
  color: #8E8A7C;
  display: flex;
  flex: 0 0 100%;
  text-align: center;
  justify-content: center;
  text-transform: none;
  font-size: 21px;
  line-height: 1.6;
}
@media screen and (min-width: 700px) {
  #projects-search-form .searchandfilter > ul:before {
    font-size: 23px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1200px) {
  #projects-search-form .searchandfilter > ul:before {
    font-size: 25px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1500px) {
  #projects-search-form .searchandfilter > ul:before {
    font-size: 26px;
    line-height: 1.7;
  }
}
@media screen and (min-width: 1920px) {
  #projects-search-form .searchandfilter > ul:before {
    font-size: 26px;
    line-height: 1.7;
  }
}
#projects-search-form .searchandfilter > ul > li {
  padding: 0;
  margin: 0;
}
@media only screen and (max-width : 699px) {
  #projects-search-form .searchandfilter > ul > li {
    display: block;
    width: 100%;
  }
  #projects-search-form .searchandfilter > ul > li > label {
    display: block;
    width: 100%;
  }
}
#projects-search-form .searchandfilter > ul select {
  max-width: 300px;
  width: 100%;
}
#projects-search-form .searchandfilter > ul .select-css-wrap {
  margin: 0;
}

#projects-search-results article a {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 67%;
  position: relative;
  overflow: hidden;
  border-radius: var(--borderRadius);
  overflow: hidden;
}
@media only screen and (max-width : 1499px) {
  #projects-search-results article a {
    padding-bottom: 72%;
  }
}
@media only screen and (max-width : 820px) {
  #projects-search-results article a {
    padding-bottom: 90%;
  }
}
#projects-search-results article a figure {
  position: absolute;
  inset: 0;
  z-index: 1;
  transform: scale(1);
  transition: transform 2s linear;
}
#projects-search-results article a:hover figure {
  transform: scale(1.05);
}
#projects-search-results article a header {
  opacity: 0;
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: opacity 0.3s ease-in-out;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 60px 50px;
  color: #ffffff;
}
@media only screen and (max-width : 1499px) {
  #projects-search-results article a header {
    padding: 0 50px 50px;
  }
}
@media only screen and (max-width : 820px) {
  #projects-search-results article a header {
    padding: 0 30px 20px;
    background: rgba(0, 0, 0, 0.2);
  }
}
@media only screen and (max-width : 699px) {
  #projects-search-results article a header {
    padding: 0 20px 15px;
  }
}
#projects-search-results article a header h3 {
  color: #ffffff;
  margin: 0;
  font-size: 26px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  #projects-search-results article a header h3 {
    font-size: 32px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  #projects-search-results article a header h3 {
    font-size: 48px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  #projects-search-results article a header h3 {
    font-size: 52px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1920px) {
  #projects-search-results article a header h3 {
    font-size: 54px;
    line-height: 1.1;
  }
}
#projects-search-results article a header h3 {
  text-align: left;
}
@media only screen and (max-width : 820px) {
  #projects-search-results article a header h3 {
    font-size: 22px;
    line-height: 1.2;
  }
}
@media only screen and (max-width : 820px) and (min-width: 700px) {
  #projects-search-results article a header h3 {
    font-size: 25px;
    line-height: 1.2;
  }
}
@media only screen and (max-width : 820px) and (min-width: 1200px) {
  #projects-search-results article a header h3 {
    font-size: 36px;
    line-height: 1.1;
  }
}
@media only screen and (max-width : 820px) and (min-width: 1500px) {
  #projects-search-results article a header h3 {
    font-size: 42px;
    line-height: 1.1;
  }
}
@media only screen and (max-width : 820px) and (min-width: 1920px) {
  #projects-search-results article a header h3 {
    font-size: 45px;
    line-height: 1.1;
  }
}
#projects-search-results article a header ul {
  display: flex;
  flex-direction: column;
  margin-top: 50px;
  min-width: 50%;
}
@media only screen and (max-width : 1499px) {
  #projects-search-results article a header ul {
    margin-top: 10px;
  }
}
@media only screen and (max-width : 820px) {
  #projects-search-results article a header ul {
    display: none;
  }
}
@media only screen and (max-width : 699px) {
  #projects-search-results article a header ul {
    width: 100%;
  }
}
#projects-search-results article a header ul li {
  grid-column-gap: 15px;
  border-bottom: 1px solid #ffffff;
  display: flex;
  align-items: center;
  text-align: left;
  margin: 0;
  padding: 9px 0;
}
@media only screen and (max-width : 820px) {
  #projects-search-results article a header ul li {
    padding: 5px 0;
    font-size: 17px;
    grid-column-gap: 8px;
  }
}
#projects-search-results article a header ul li:last-child {
  border-width: 0;
}
#projects-search-results article a header ul li img,
#projects-search-results article a header ul li svg {
  display: block;
  fill: #ffffff;
  height: 34px;
  width: 34px;
}
@media only screen and (max-width : 820px) {
  #projects-search-results article a header ul li img,
  #projects-search-results article a header ul li svg {
    height: 22px;
    width: 22px;
  }
}
@media only screen and (min-width : 1025px) {
  #projects-search-results article a:hover header {
    opacity: 1;
  }
}
@media only screen and (max-width : 820px) {
  #projects-search-results article a header {
    opacity: 1;
  }
  #projects-search-results article a header ul {
    display: block;
  }
}
#projects-search-results .search-filter-scroll-loading {
  margin: 0 auto;
  border: 5px solid rgba(255, 255, 255, 0.15);
  border-right-color: rgba(255, 255, 255, 0.6);
}

#filter-results {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
@media only screen and (min-width : 700px) {
  #filter-results {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width : 1300px) {
  #filter-results {
    gap: 50px;
  }
}
@media only screen and (min-width : 1500px) {
  #filter-results {
    gap: 70px;
  }
}
@media only screen and (max-width : 820px) {
  #filter-results {
    gap: 20px;
  }
}

.page-template-housestyle .banner-standard article {
  max-width: 900px;
  margin: 0 auto;
}
.page-template-housestyle #house-style-intro-image {
  background-color: #F3F3EF;
}
@media only screen and (max-width : 820px) {
  .page-template-housestyle #house-style-intro-image .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}
.page-template-housestyle #house-style-intro-image figure {
  height: 0;
  padding-bottom: 50%;
}
@media only screen and (max-width : 820px) {
  .page-template-housestyle #house-style-intro-image figure {
    border-radius: 0;
    padding-bottom: 100%;
  }
}
.page-template-housestyle #house-style-intro-image figure img {
  position: absolute;
  inset: 0;
}
.page-template-housestyle #discover .container > h3,
.page-template-housestyle #discover-carousel .container > h3 {
  font-size: 26px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  .page-template-housestyle #discover .container > h3,
  .page-template-housestyle #discover-carousel .container > h3 {
    font-size: 32px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  .page-template-housestyle #discover .container > h3,
  .page-template-housestyle #discover-carousel .container > h3 {
    font-size: 48px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  .page-template-housestyle #discover .container > h3,
  .page-template-housestyle #discover-carousel .container > h3 {
    font-size: 52px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1920px) {
  .page-template-housestyle #discover .container > h3,
  .page-template-housestyle #discover-carousel .container > h3 {
    font-size: 54px;
    line-height: 1.1;
  }
}

.page-template-ourprocess .alternate-rows .container:after {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  background: #8E8A7C;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
}
@media only screen and (max-width : 820px) {
  .page-template-ourprocess .alternate-rows .container:after {
    display: none;
  }
}
.page-template-ourprocess .alternate-rows section {
  grid-column-gap: 300px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width : 1499px) {
  .page-template-ourprocess .alternate-rows section {
    grid-column-gap: 220px;
  }
}
.page-template-ourprocess .alternate-rows section h2 {
  font-size: 26px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  .page-template-ourprocess .alternate-rows section h2 {
    font-size: 32px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  .page-template-ourprocess .alternate-rows section h2 {
    font-size: 48px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  .page-template-ourprocess .alternate-rows section h2 {
    font-size: 52px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1920px) {
  .page-template-ourprocess .alternate-rows section h2 {
    font-size: 54px;
    line-height: 1.1;
  }
}
.page-template-ourprocess .alternate-rows section h2 {
  margin-top: 15px;
  margin-bottom: 50px;
}
@media only screen and (max-width : 820px) {
  .page-template-ourprocess .alternate-rows section h2 {
    margin-bottom: 37.5px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-ourprocess .alternate-rows section h2 {
    margin-bottom: 25px;
  }
}
.page-template-ourprocess .alternate-rows section h2 {
  position: relative;
}
.page-template-ourprocess .alternate-rows section h2:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  z-index: 2;
  right: -150px;
  width: 20px;
  height: 1px;
  background-color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  .page-template-ourprocess .alternate-rows section h2:after {
    right: -110px;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-ourprocess .alternate-rows section h2:after {
    display: none;
  }
}
.page-template-ourprocess .alternate-rows section:first-child h2:before, .page-template-ourprocess .alternate-rows section:last-child h2:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  z-index: 2;
  background-color: #1F2426;
  right: -160px;
  width: 20px;
  height: 100vh;
  transform: translateY(-100vh);
}
@media only screen and (max-width : 1499px) {
  .page-template-ourprocess .alternate-rows section:first-child h2:before, .page-template-ourprocess .alternate-rows section:last-child h2:before {
    right: -120px;
  }
}
.page-template-ourprocess .alternate-rows section:nth-child(even) h2:before {
  right: auto;
  left: -160px;
}
@media only screen and (max-width : 1499px) {
  .page-template-ourprocess .alternate-rows section:nth-child(even) h2:before {
    left: -120px;
  }
}
.page-template-ourprocess .alternate-rows section:nth-child(even) h2:after {
  right: auto;
  left: -150px;
}
@media only screen and (max-width : 1499px) {
  .page-template-ourprocess .alternate-rows section:nth-child(even) h2:after {
    left: -110px;
  }
}
.page-template-ourprocess .alternate-rows section:last-child h2:before {
  top: calc(50% + 1px);
  transform: none;
}
.page-template-ourprocess .alternate-rows + .section.cta.bgblue {
  padding-top: 160px;
}
@media only screen and (max-width : 1499px) {
  .page-template-ourprocess .alternate-rows + .section.cta.bgblue {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-ourprocess .alternate-rows + .section.cta.bgblue {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-ourprocess .alternate-rows + .section.cta.bgblue {
    padding-top: 60px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-ourprocess .alternate-rows + .section.cta.bgblue {
    padding-top: 0;
  }
}

.page-template-contact #contact-grid .container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
@media only screen and (max-width : 820px) {
  .page-template-contact #contact-grid .container {
    display: flex;
    flex-direction: column;
  }
}
.page-template-contact #contact-grid .container section {
  display: grid;
  gap: 16px;
  grid-template-rows: 1fr;
}
.page-template-contact #contact-grid .container section article {
  background-color: #EAE9E2;
  border-radius: var(--borderRadius);
  overflow: hidden;
}
.page-template-contact #contact-grid .container section article > a,
.page-template-contact #contact-grid .container section article > div {
  display: block;
  padding-top: 80px;
}
@media only screen and (max-width : 1799px) {
  .page-template-contact #contact-grid .container section article > a,
  .page-template-contact #contact-grid .container section article > div {
    padding-top: 70px;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-contact #contact-grid .container section article > a,
  .page-template-contact #contact-grid .container section article > div {
    padding-top: 60px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-contact #contact-grid .container section article > a,
  .page-template-contact #contact-grid .container section article > div {
    padding-top: 40px;
  }
}
.page-template-contact #contact-grid .container section article > a,
.page-template-contact #contact-grid .container section article > div {
  padding-bottom: 80px;
}
@media only screen and (max-width : 1799px) {
  .page-template-contact #contact-grid .container section article > a,
  .page-template-contact #contact-grid .container section article > div {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-contact #contact-grid .container section article > a,
  .page-template-contact #contact-grid .container section article > div {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-contact #contact-grid .container section article > a,
  .page-template-contact #contact-grid .container section article > div {
    padding-bottom: 40px;
  }
}
.page-template-contact #contact-grid .container section article > a,
.page-template-contact #contact-grid .container section article > div {
  padding-left: 80px;
  padding-right: 80px;
}
@media only screen and (max-width : 1799px) {
  .page-template-contact #contact-grid .container section article > a,
  .page-template-contact #contact-grid .container section article > div {
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media only screen and (max-width : 1499px) {
  .page-template-contact #contact-grid .container section article > a,
  .page-template-contact #contact-grid .container section article > div {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-contact #contact-grid .container section article > a,
  .page-template-contact #contact-grid .container section article > div {
    padding: 50px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-contact #contact-grid .container section article > a,
  .page-template-contact #contact-grid .container section article > div {
    padding: 40px 24px;
  }
}
.page-template-contact #contact-grid .container section article > a > h3,
.page-template-contact #contact-grid .container section article > div > h3 {
  font-size: 22px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  .page-template-contact #contact-grid .container section article > a > h3,
  .page-template-contact #contact-grid .container section article > div > h3 {
    font-size: 25px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  .page-template-contact #contact-grid .container section article > a > h3,
  .page-template-contact #contact-grid .container section article > div > h3 {
    font-size: 36px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  .page-template-contact #contact-grid .container section article > a > h3,
  .page-template-contact #contact-grid .container section article > div > h3 {
    font-size: 42px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1920px) {
  .page-template-contact #contact-grid .container section article > a > h3,
  .page-template-contact #contact-grid .container section article > div > h3 {
    font-size: 45px;
    line-height: 1.1;
  }
}
.page-template-contact #contact-grid .container section .contact-details {
  display: flex;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-column-gap: 20px;
  justify-content: space-between;
}
.page-template-contact #contact-grid .container section .contact-details p {
  margin: 0;
  display: flex;
  flex-direction: column;
  grid-row-gap: 5px;
}
.page-template-contact #contact-grid .container section .contact-details p a:last-child {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
@media only screen and (max-width : 699px) {
  .page-template-contact #contact-grid .container section .contact-details {
    display: flex;
    flex-direction: column;
    grid-row-gap: 20px;
  }
}
.page-template-contact #contact-grid .container section:first-child article > a > h3,
.page-template-contact #contact-grid .container section:first-child article > div > h3, .page-template-contact #contact-grid .container section.map-section article > a > h3,
.page-template-contact #contact-grid .container section.map-section article > div > h3 {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #8E8A7C;
}
@media only screen and (max-width : 820px) {
  .page-template-contact #contact-grid .container section:first-child article > a > h3,
  .page-template-contact #contact-grid .container section:first-child article > div > h3, .page-template-contact #contact-grid .container section.map-section article > a > h3,
  .page-template-contact #contact-grid .container section.map-section article > div > h3 {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
.page-template-contact #contact-grid .container section:first-child article:first-child > a, .page-template-contact #contact-grid .container section.map-section article:first-child > a {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.page-template-contact #contact-grid .container section:first-child article:first-child h3, .page-template-contact #contact-grid .container section.map-section article:first-child h3 {
  width: 100%;
}
.page-template-contact #contact-grid .container section:first-child article:first-child h3 + p, .page-template-contact #contact-grid .container section.map-section article:first-child h3 + p {
  font-weight: 500;
  font-size: 25px;
  line-height: 1.9;
  font-family: "montserrat", sans-serif;
}
@media only screen and (max-width : 699px) {
  .page-template-contact #contact-grid .container section:first-child article:first-child h3 + p, .page-template-contact #contact-grid .container section.map-section article:first-child h3 + p {
    font-size: 21px;
  }
}
.page-template-contact #contact-grid .container section:first-child article:first-child h3 + p, .page-template-contact #contact-grid .container section.map-section article:first-child h3 + p {
  margin: 0;
}
.page-template-contact #contact-grid .container section:first-child article:first-child span.btn, .page-template-contact #contact-grid .container section.map-section article:first-child span.btn {
  margin-top: auto;
}
@media only screen and (max-width : 820px) {
  .page-template-contact #contact-grid .container section:first-child article:first-child span.btn, .page-template-contact #contact-grid .container section.map-section article:first-child span.btn {
    margin-top: 70px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-contact #contact-grid .container section:first-child article:first-child span.btn, .page-template-contact #contact-grid .container section.map-section article:first-child span.btn {
    margin: 30px auto 0;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-contact #contact-grid .container section:last-child article > div > h3 {
    margin-bottom: 40px;
  }
}
.page-template-contact #contact-grid .container section.map-section {
  grid-template-columns: 1fr 1fr 1fr;
  grid-column: span 2;
}
@media only screen and (max-width : 820px) {
  .page-template-contact #contact-grid .container section.map-section {
    grid-template-columns: 1fr;
  }
}
.page-template-contact #contact-grid .container section.map-section #map {
  background-color: #EAE9E2;
  grid-column: span 2;
  width: 100%;
  height: 0;
  padding-bottom: 70%;
  border-radius: var(--borderRadius);
  overflow: hidden;
}
@media only screen and (max-width : 820px) {
  .page-template-contact #contact-grid .container section.map-section #map {
    grid-column: span 1;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-contact #contact-grid .container section.map-section #map {
    padding-bottom: 100%;
  }
}
.page-template-contact #contact-grid .container section.map-section #map iframe + div {
  border-width: 0 !important;
}

.page-template-estimator #form-section .container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.page-template-estimator #form-section .container > article {
  grid-column: 3/span 8;
  background-color: #EAE9E2;
  padding-top: 80px;
}
@media only screen and (max-width : 1799px) {
  .page-template-estimator #form-section .container > article {
    padding-top: 70px;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-estimator #form-section .container > article {
    padding-top: 60px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-estimator #form-section .container > article {
    padding-top: 40px;
  }
}
.page-template-estimator #form-section .container > article {
  padding-bottom: 80px;
}
@media only screen and (max-width : 1799px) {
  .page-template-estimator #form-section .container > article {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-estimator #form-section .container > article {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-estimator #form-section .container > article {
    padding-bottom: 40px;
  }
}
.page-template-estimator #form-section .container > article {
  border-radius: var(--borderRadius);
  overflow: hidden;
  padding-left: 80px;
  padding-right: 80px;
}
@media only screen and (max-width : 1799px) {
  .page-template-estimator #form-section .container > article {
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media only screen and (max-width : 1499px) {
  .page-template-estimator #form-section .container > article {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-estimator #form-section .container > article {
    padding: 50px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-estimator #form-section .container > article {
    padding: 40px 24px;
  }
}
@media only screen and (max-width : 1499px) {
  .page-template-estimator #form-section .container > article {
    grid-column: 2/span 10;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-estimator #form-section .container > article {
    grid-column: span 12;
  }
}
.page-template-estimator #form-section .gform_wrapper .validation_error, .page-template-estimator #form-section .gform_wrapper .gform_submission_error {
  text-align: center;
  margin: 0 0 3em;
  font-weight: 600;
}
.page-template-estimator #form-section .gf_page_steps {
  display: flex;
  justify-content: space-between;
  padding-bottom: 80px;
}
@media only screen and (max-width : 1799px) {
  .page-template-estimator #form-section .gf_page_steps {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-estimator #form-section .gf_page_steps {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-estimator #form-section .gf_page_steps {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-estimator #form-section .gf_page_steps {
    padding-bottom: 0;
  }
}
.page-template-estimator #form-section .gf_page_steps .gf_step {
  opacity: 0.3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  font-family: "dunbar-tall", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  .page-template-estimator #form-section .gf_page_steps .gf_step {
    font-size: 45px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1200px) {
  .page-template-estimator #form-section .gf_page_steps .gf_step {
    font-size: 60px;
    line-height: 1;
  }
}
@media screen and (min-width: 1500px) {
  .page-template-estimator #form-section .gf_page_steps .gf_step {
    font-size: 67px;
    line-height: 1;
  }
}
@media screen and (min-width: 1920px) {
  .page-template-estimator #form-section .gf_page_steps .gf_step {
    font-size: 70px;
    line-height: 1;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-estimator #form-section .gf_page_steps .gf_step {
    font-size: 35px;
  }
}
.page-template-estimator #form-section .gf_page_steps .gf_step .gf_step_label {
  font-size: 0.3em;
  letter-spacing: 0.05em;
}
.page-template-estimator #form-section .gf_page_steps .gf_step.gf_step_active {
  opacity: 1;
}
.page-template-estimator #form-section .gfield_label {
  display: block;
  font-weight: 600;
  margin: 1.5em 0 0.7em;
}
@media only screen and (max-width : 699px) {
  .page-template-estimator #form-section .gfield_label {
    line-height: 1.5;
  }
}
.page-template-estimator #form-section .gfield_radio {
  display: flex;
  flex-wrap: wrap;
  grid-column-gap: 30px;
}
@media only screen and (max-width : 699px) {
  .page-template-estimator #form-section .gfield_radio {
    grid-column-gap: 20px;
  }
}
.page-template-estimator #form-section .gfield_radio label {
  margin: 0;
}
.page-template-estimator #form-section .gsection_title {
  font-size: 22px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  .page-template-estimator #form-section .gsection_title {
    font-size: 25px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  .page-template-estimator #form-section .gsection_title {
    font-size: 36px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  .page-template-estimator #form-section .gsection_title {
    font-size: 42px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1920px) {
  .page-template-estimator #form-section .gsection_title {
    font-size: 45px;
    line-height: 1.1;
  }
}
.page-template-estimator #form-section .gsection_title {
  padding: 0;
}
.page-template-estimator #form-section .gform_page_footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
@media only screen and (max-width : 820px) {
  .page-template-estimator #form-section .gform_page_footer {
    margin-top: 45px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-estimator #form-section .gform_page_footer {
    margin-top: 30px;
  }
}
.page-template-estimator #form-section .gform_page_footer {
  --prevbutton: 0;
  --nextbutton: 0;
}
.page-template-estimator #form-section .gform_page_footer input[type=button],
.page-template-estimator #form-section .gform_page_footer input[type=submit] {
  letter-spacing: 0.05em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  vertical-align: middle;
  border-width: 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.7;
  font-family: "montserrat", sans-serif;
  color: #8E8A7C;
}
@media only screen and (max-width : 1499px) {
  .page-template-estimator #form-section .gform_page_footer input[type=button],
  .page-template-estimator #form-section .gform_page_footer input[type=submit] {
    font-size: 21px;
  }
}
@media only screen and (max-width : 1299px) {
  .page-template-estimator #form-section .gform_page_footer input[type=button],
  .page-template-estimator #form-section .gform_page_footer input[type=submit] {
    font-size: 20px;
  }
}
@media only screen and (max-width : 1199px) {
  .page-template-estimator #form-section .gform_page_footer input[type=button],
  .page-template-estimator #form-section .gform_page_footer input[type=submit] {
    font-size: 19px;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-estimator #form-section .gform_page_footer input[type=button],
  .page-template-estimator #form-section .gform_page_footer input[type=submit] {
    font-size: 18px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-estimator #form-section .gform_page_footer input[type=button],
  .page-template-estimator #form-section .gform_page_footer input[type=submit] {
    font-size: 16px;
    line-height: 1.6;
  }
}
.page-template-estimator #form-section .gform_page_footer input[type=button],
.page-template-estimator #form-section .gform_page_footer input[type=submit] {
  font-weight: 500;
  font-family: "dunbar-tall", sans-serif;
  line-height: 1.3;
  text-transform: uppercase;
  position: relative;
  color: #8E8A7C;
  margin: 2em 0 0;
  grid-column-gap: 20px;
  background: transparent;
  padding: 0;
  width: fit-content;
}
@media only screen and (max-width : 1499px) {
  .page-template-estimator #form-section .gform_page_footer input[type=button],
  .page-template-estimator #form-section .gform_page_footer input[type=submit] {
    margin: 30px 0 0;
    grid-column-gap: 20px;
  }
}
@media only screen and (max-width : 1299px) {
  .page-template-estimator #form-section .gform_page_footer input[type=button],
  .page-template-estimator #form-section .gform_page_footer input[type=submit] {
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-estimator #form-section .gform_page_footer input[type=button],
  .page-template-estimator #form-section .gform_page_footer input[type=submit] {
    flex-wrap: wrap;
    grid-row-gap: 10px;
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-estimator #form-section .gform_page_footer input[type=button],
  .page-template-estimator #form-section .gform_page_footer input[type=submit] {
    grid-column-gap: 8px;
    grid-row-gap: 5px;
  }
}
.page-template-estimator #form-section .gform_page_footer input[type=button]:after,
.page-template-estimator #form-section .gform_page_footer input[type=submit]:after {
  content: "\f178";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 100;
  font-size: 1.4em;
  transform: translateX(0);
  transition: transform 0.3s ease-in-out;
}
@media only screen and (max-width : 1299px) {
  .page-template-estimator #form-section .gform_page_footer input[type=button]:after,
  .page-template-estimator #form-section .gform_page_footer input[type=submit]:after {
    font-size: 1.3em;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-estimator #form-section .gform_page_footer input[type=button]:after,
  .page-template-estimator #form-section .gform_page_footer input[type=submit]:after {
    font-size: 1.1em;
  }
}
.page-template-estimator #form-section .gform_page_footer input[type=button]:hover:after,
.page-template-estimator #form-section .gform_page_footer input[type=submit]:hover:after {
  transform: translateX(10px);
}
.page-template-estimator #form-section .gform_page_footer input[type=button],
.page-template-estimator #form-section .gform_page_footer input[type=submit] {
  margin-top: 0 !important;
}
.page-template-estimator #form-section .gform_page_footer input[type=button]:after,
.page-template-estimator #form-section .gform_page_footer input[type=submit]:after {
  display: none;
}
.page-template-estimator #form-section .gform_page_footer input[type=button].gform_next_button,
.page-template-estimator #form-section .gform_page_footer input[type=submit].gform_button {
  padding-right: 80px;
}
@media only screen and (max-width : 820px) {
  .page-template-estimator #form-section .gform_page_footer input[type=button].gform_next_button,
  .page-template-estimator #form-section .gform_page_footer input[type=submit].gform_button {
    padding-right: 40px;
  }
}
.page-template-estimator #form-section .gform_page_footer:before, .page-template-estimator #form-section .gform_page_footer:after {
  transition: transform 0.3s ease-in-out;
}
.page-template-estimator #form-section .gform_page_footer:before {
  display: none;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 33'%3E%3Cline vector-effect='non-scaling-stroke' fill='none' stroke='%238E8A7C' stroke-linecap='round' stroke-linejoin='round' x1='1.7' y1='16.4' x2='56.7' y2='16.4' /%3E%3Cline vector-effect='non-scaling-stroke' fill='none' stroke='%238E8A7C' stroke-linecap='round' stroke-linejoin='round' x1='1.7' y1='16.4' x2='16.8' y2='30.5' /%3E%3Cline vector-effect='non-scaling-stroke' fill='none' stroke='%238E8A7C' stroke-linecap='round' stroke-linejoin='round' x1='16.8' y1='2' x2='1.7' y2='16.4' /%3E%3C/svg%3E");
  width: 58px;
  height: 33px;
  line-height: 0 !important;
  transform: translateX(var(--prevbutton)) !important;
  position: absolute;
  left: 0px;
  pointer-events: none;
}
@media only screen and (max-width : 820px) {
  .page-template-estimator #form-section .gform_page_footer:before {
    width: 29px;
    height: 17px;
  }
}
.page-template-estimator #form-section .gform_page_footer:after {
  transform: translateX(var(--nextbutton)) !important;
  position: absolute;
  right: 0px;
  /* cursor: pointer; */
  pointer-events: none;
}
.page-template-estimator #form-section .gform_ajax_spinner {
  right: -35px;
}
@media only screen and (max-width : 699px) {
  .page-template-estimator #form-section .gform_ajax_spinner {
    right: -20px;
  }
}
.page-template-estimator #form-section #gform_page_2_1 .gform_page_footer input[type=button].gform_next_button {
  margin-left: auto;
}
.page-template-estimator #form-section #gform_page_2_2 .gform_page_footer:before,
.page-template-estimator #form-section #gform_page_2_3 .gform_page_footer:before {
  display: inline-block;
}
.page-template-estimator #form-section #gform_page_2_2 .gform_page_footer input[type=button].gform_previous_button,
.page-template-estimator #form-section #gform_page_2_3 .gform_page_footer input[type=button].gform_previous_button {
  padding-left: 80px;
}
@media only screen and (max-width : 820px) {
  .page-template-estimator #form-section #gform_page_2_2 .gform_page_footer input[type=button].gform_previous_button,
  .page-template-estimator #form-section #gform_page_2_3 .gform_page_footer input[type=button].gform_previous_button {
    padding-left: 40px;
  }
}

@media only screen and (min-width : 1025px) {
  .blog .banner-standard {
    padding-top: 250px;
  }
}
@media only screen and (min-width : 1025px) and (max-width : 1799px) {
  .blog .banner-standard {
    padding-top: 120px;
  }
}
@media only screen and (min-width : 1025px) and (max-width : 820px) {
  .blog .banner-standard {
    padding-top: 90px;
  }
}
@media only screen and (min-width : 1025px) and (max-width : 699px) {
  .blog .banner-standard {
    padding-top: 60px;
  }
}
@media only screen and (min-width : 1025px) and (max-width : 1799px) {
  .blog .banner-standard .container {
    margin-top: 40px;
  }
}
.blog #blog-loop-section .container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.blog #blog-loop-section .container .blog-loop,
.blog #blog-loop-section .container .blog-footer {
  grid-column: 2/span 10;
}
@media only screen and (max-width : 1799px) {
  .blog #blog-loop-section .container .blog-loop,
  .blog #blog-loop-section .container .blog-footer {
    grid-column: span 12;
  }
}
.blog #blog-loop-section .container .blog-loop {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
}
@media only screen and (max-width : 820px) {
  .blog #blog-loop-section .container .blog-loop {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width : 699px) {
  .blog #blog-loop-section .container .blog-loop {
    display: flex;
    flex-direction: column;
    grid-row-gap: 30px;
  }
}

.single-post .banner-standard {
  padding-bottom: 120px;
}
@media only screen and (max-width : 1799px) {
  .single-post .banner-standard {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width : 820px) {
  .single-post .banner-standard {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width : 699px) {
  .single-post .banner-standard {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width : 1025px) {
  .single-post .banner-standard {
    padding-top: 250px;
  }
}
@media only screen and (min-width : 1025px) and (max-width : 1799px) {
  .single-post .banner-standard {
    padding-top: 120px;
  }
}
@media only screen and (min-width : 1025px) and (max-width : 820px) {
  .single-post .banner-standard {
    padding-top: 90px;
  }
}
@media only screen and (min-width : 1025px) and (max-width : 699px) {
  .single-post .banner-standard {
    padding-top: 60px;
  }
}
@media only screen and (min-width : 1025px) and (max-width : 1799px) {
  .single-post .banner-standard .container {
    margin-top: 40px;
  }
}
.single-post .banner-standard .container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-row-gap: 120px;
}
@media only screen and (max-width : 1799px) {
  .single-post .banner-standard .container {
    grid-row-gap: 90px;
  }
}
@media only screen and (max-width : 820px) {
  .single-post .banner-standard .container {
    grid-row-gap: 70px;
  }
}
@media only screen and (max-width : 699px) {
  .single-post .banner-standard .container {
    grid-row-gap: 40px;
  }
}
.single-post .banner-standard .container article,
.single-post .banner-standard .container figure {
  grid-column: 2/span 10;
}
@media only screen and (max-width : 820px) {
  .single-post .banner-standard .container article,
  .single-post .banner-standard .container figure {
    grid-column: span 12;
  }
}
.single-post #blog-content .container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.single-post #blog-content .container > article {
  grid-column: 4/span 6;
}
@media only screen and (max-width : 1799px) {
  .single-post #blog-content .container > article {
    grid-column: 3/span 8;
  }
}
@media only screen and (max-width : 820px) {
  .single-post #blog-content .container > article {
    grid-column: 2/span 10;
  }
}
@media only screen and (max-width : 699px) {
  .single-post #blog-content .container > article {
    grid-column: span 12;
  }
}

.article {
  border-radius: var(--borderRadius);
  overflow: hidden;
}
.article > a {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.article figure {
  height: 0;
  padding-bottom: 63%;
  position: relative;
}
.article figure img {
  position: absolute;
  inset: 0;
}
.article header {
  background-color: #EAE9E2;
  padding: 50px 60px 60px;
  display: flex;
  height: 100%;
}
@media only screen and (max-width : 820px) {
  .article header {
    padding: 30px 30px 40px;
  }
}
@media only screen and (max-width : 699px) {
  .article header {
    padding: 20px 24px 30px;
  }
}
.article h3 {
  font-size: 23px;
  line-height: 1.6;
}
@media screen and (min-width: 700px) {
  .article h3 {
    font-size: 34px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1200px) {
  .article h3 {
    font-size: 44px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1500px) {
  .article h3 {
    font-size: 50px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1920px) {
  .article h3 {
    font-size: 54px;
    line-height: 1.5;
  }
}

#more-articles .container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
#more-articles .container:before {
  content: "";
  grid-column: span 12;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #DDDCD6;
}
#more-articles .container > h2 {
  grid-column: span 12;
  text-align: center;
  margin-top: -0.4em;
  margin-bottom: 70px;
}
@media only screen and (max-width : 820px) {
  #more-articles .container > h2 {
    margin-bottom: 52.5px;
  }
}
@media only screen and (max-width : 699px) {
  #more-articles .container > h2 {
    margin-bottom: 35px;
  }
}
#more-articles .container > h2 {
  padding-top: 250px;
}
@media only screen and (max-width : 1799px) {
  #more-articles .container > h2 {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  #more-articles .container > h2 {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  #more-articles .container > h2 {
    padding-top: 60px;
  }
}
#more-articles .container > section {
  grid-column: 2/span 10;
}
@media only screen and (max-width : 820px) {
  #more-articles .container > section {
    grid-column: span 12;
  }
}
#more-articles .owl-stage-outer {
  overflow: hidden;
}
@media only screen and (max-width : 820px) {
  #more-articles .owl-stage-outer {
    overflow: visible;
  }
}

.page-template-brochure #intro header,
.page-template-brochure #intro .form-section,
.page-template-thanks #intro header,
.page-template-thanks #intro .form-section {
  grid-column: 3/span 8;
}
@media only screen and (max-width : 1499px) {
  .page-template-brochure #intro header,
  .page-template-brochure #intro .form-section,
  .page-template-thanks #intro header,
  .page-template-thanks #intro .form-section {
    grid-column: 2/span 10;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-brochure #intro header,
  .page-template-brochure #intro .form-section,
  .page-template-thanks #intro header,
  .page-template-thanks #intro .form-section {
    grid-column: span 12;
  }
}
.page-template-brochure #intro .form-section,
.page-template-thanks #intro .form-section {
  padding-top: 160px;
}
@media only screen and (max-width : 1499px) {
  .page-template-brochure #intro .form-section,
  .page-template-thanks #intro .form-section {
    padding-top: 120px;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-brochure #intro .form-section,
  .page-template-thanks #intro .form-section {
    padding-top: 90px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-brochure #intro .form-section,
  .page-template-thanks #intro .form-section {
    padding-top: 60px;
  }
}
.page-template-brochure #intro .form-section article,
.page-template-thanks #intro .form-section article {
  background-color: #EAE9E2;
  border-radius: var(--borderRadius);
  overflow: hidden;
}
.page-template-brochure #intro .form-section article > div,
.page-template-thanks #intro .form-section article > div {
  display: block;
  padding-top: 80px;
}
@media only screen and (max-width : 1799px) {
  .page-template-brochure #intro .form-section article > div,
  .page-template-thanks #intro .form-section article > div {
    padding-top: 70px;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-brochure #intro .form-section article > div,
  .page-template-thanks #intro .form-section article > div {
    padding-top: 60px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-brochure #intro .form-section article > div,
  .page-template-thanks #intro .form-section article > div {
    padding-top: 40px;
  }
}
.page-template-brochure #intro .form-section article > div,
.page-template-thanks #intro .form-section article > div {
  padding-bottom: 80px;
}
@media only screen and (max-width : 1799px) {
  .page-template-brochure #intro .form-section article > div,
  .page-template-thanks #intro .form-section article > div {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-brochure #intro .form-section article > div,
  .page-template-thanks #intro .form-section article > div {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-brochure #intro .form-section article > div,
  .page-template-thanks #intro .form-section article > div {
    padding-bottom: 40px;
  }
}
.page-template-brochure #intro .form-section article > div,
.page-template-thanks #intro .form-section article > div {
  padding-left: 80px;
  padding-right: 80px;
}
@media only screen and (max-width : 1799px) {
  .page-template-brochure #intro .form-section article > div,
  .page-template-thanks #intro .form-section article > div {
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media only screen and (max-width : 1499px) {
  .page-template-brochure #intro .form-section article > div,
  .page-template-thanks #intro .form-section article > div {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-brochure #intro .form-section article > div,
  .page-template-thanks #intro .form-section article > div {
    padding: 50px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-brochure #intro .form-section article > div,
  .page-template-thanks #intro .form-section article > div {
    padding: 40px 24px;
  }
}
.page-template-brochure #intro .form-section article > div > h3,
.page-template-thanks #intro .form-section article > div > h3 {
  font-size: 22px;
  line-height: 1.2;
}
@media screen and (min-width: 700px) {
  .page-template-brochure #intro .form-section article > div > h3,
  .page-template-thanks #intro .form-section article > div > h3 {
    font-size: 25px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  .page-template-brochure #intro .form-section article > div > h3,
  .page-template-thanks #intro .form-section article > div > h3 {
    font-size: 36px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1500px) {
  .page-template-brochure #intro .form-section article > div > h3,
  .page-template-thanks #intro .form-section article > div > h3 {
    font-size: 42px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1920px) {
  .page-template-brochure #intro .form-section article > div > h3,
  .page-template-thanks #intro .form-section article > div > h3 {
    font-size: 45px;
    line-height: 1.1;
  }
}
.page-template-brochure #intro .form-section .gform_submission_error,
.page-template-thanks #intro .form-section .gform_submission_error {
  padding-bottom: 50px;
}
@media only screen and (max-width : 820px) {
  .page-template-brochure #intro .form-section .gform_submission_error,
  .page-template-thanks #intro .form-section .gform_submission_error {
    padding-bottom: 37.5px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-brochure #intro .form-section .gform_submission_error,
  .page-template-thanks #intro .form-section .gform_submission_error {
    padding-bottom: 25px;
  }
}

.page-template-sitemap .container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
@media only screen and (min-width : 700px) {
  .page-template-sitemap .container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 60px;
  }
}
@media only screen and (min-width : 1300px) {
  .page-template-sitemap .container {
    gap: 120px;
  }
}
.page-template-sitemap .container {
  grid-row-gap: 120px;
}
@media only screen and (max-width : 1799px) {
  .page-template-sitemap .container {
    grid-row-gap: 90px;
  }
}
@media only screen and (max-width : 820px) {
  .page-template-sitemap .container {
    grid-row-gap: 70px;
  }
}
@media only screen and (max-width : 699px) {
  .page-template-sitemap .container {
    grid-row-gap: 40px;
  }
}
.page-template-sitemap .container > h1 {
  grid-column: span 2;
  margin: 0;
}
@media only screen and (max-width : 699px) {
  .page-template-sitemap .container > h1 {
    grid-column: span 1;
  }
}
.page-template-sitemap .container > article h3:first-child {
  margin-top: 0;
}

#estimator-result-section .container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
#estimator-result-section .container > article {
  grid-column: 2/span 10;
}
@media only screen and (max-width : 699px) {
  #estimator-result-section .container > article {
    grid-column: span 12;
  }
}
/*# sourceMappingURL=main.css.map */