@charset "UTF-8";
/**
* Based on
*
* - reset.css 2.0 by Eric Meyer
(public domain)
* http://meyerweb.com/eric/tools/css/reset/
*
* - normalize.css 8.0.1 by Nicolas Gallagher and Jonathan Neal
* (licensed under MIT)
* https://github.com/necolas/normalize.css
*
* - Reboot from Bootstrap 4.5.3
* (licensed under MIT)
* https://github.com/twbs/bootstrap
*/
/**
* IE10+ doesn't honor `` elements.
*/
body {
/* 1 */
line-height: 1;
/* 2 */
font-family: sans-serif;
/* 3 */
text-align: left;
}
/**
* Future-proof rule: in browsers that support :focus-visible, suppress the focus outline
* on elements that programmatically receive focus but wouldn't normally show a visible
* focus outline. In general, this would mean that the outline is only applied if the
* interaction that led to the element receiving programmatic focus was a keyboard interaction,
* or the browser has somehow determined that the user is primarily a keyboard user and/or
* wants focus outlines to always be presented.
*
* See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible
* and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/
*/
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important;
}
/**
* Lists
*/
ol, ul {
list-style: none;
}
/**
* Quotes
*/
blockquote, q {
quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
content: "";
content: none;
}
/**
* Tables
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
caption {
caption-side: bottom;
}
/**
* Table Headers
* 1. Matches default ` ` alignment by inheriting from the ``, or the
* closest parent with a set `text-align`.
* 2. Fix alignment for Safari
*/
th {
/* 1 */
text-align: inherit;
/* 2 */
text-align: -webkit-match-parent;
}
/**
* Horizontal Lines
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
/* 1 */
box-sizing: content-box;
height: 0;
/* 2 */
overflow: visible;
}
/**
* Preformatted Text
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Don't allow content to break outside
* 3. We have @viewport set which causes scrollbars to overlap content in IE11
* and Edge, so we force a non-overlapping, non-auto-hiding scrollbar to
* counteract.
*/
pre,
code,
kbd,
samp {
/* 1 */
font-family: monospace, monospace;
}
pre {
/* 2 */
overflow: auto;
/* 3 */
-ms-overflow-style: scrollbar;
}
/**
* Links
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
/* 1 */
background-color: transparent;
/* 2 */
-webkit-text-decoration-skip: objects;
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
* 3. Add explicit cursor to indicate changed behavior.
* 4. Prevent the text-decoration to be skipped.
*/
abbr[title] {
/* 1 */
border-bottom: 0;
/* 2 */
text-decoration: underline;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
/* 3 */
cursor: help;
/* 4 */
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
font-style: normal;
line-height: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/**
* Prevent `em` being affected from global reset
*/
em {
font-style: italic;
}
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/**
* Hide SVG overflow in IE
*/
svg:not(:root) {
overflow: hidden;
}
/**
* Remove the default `border-radius` that macOS Chrome adds.
* Details at https://github.com/twbs/bootstrap/issues/24093
*/
button {
border-radius: 0;
}
/**
* Work around a Firefox/IE bug where the transparent `button` background
* results in a loss of the default `button` focus styles.
* Credit: https://github.com/suitcss/base/
*/
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
/**
* form element resets
* 1. Remove the margin in Firefox and Safari
* 2. inherit font rules
*/
input,
button,
select,
optgroup,
textarea {
/* 1 */
margin: 0;
/* 2 */
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=reset],
[type=submit],
[type=button] {
/* 2 */
-webkit-appearance: button;
}
/**
* Remove the default appearance of temporal inputs to avoid a Mobile Safari
* bug where setting a custom line-height prevents text from being vertically
* centered within the input.
* See https://bugs.webkit.org/show_bug.cgi?id=139848
* and https://github.com/twbs/bootstrap/issues/11266
*/
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
-webkit-appearance: listbox;
}
/**
* 1. Remove the default vertical scrollbar in IE.
* 2. Textareas should really only resize vertically so they don't break their
* (horizontal) containers.
*/
textarea {
overflow: auto;
resize: vertical;
}
/**
* Show the overflow in IE.
*/
button,
input {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
*/
button,
select {
text-transform: none;
}
/**
* Set the cursor for non-`` buttons
* Details at https://github.com/twbs/bootstrap/pull/30562
*/
[role=button] {
cursor: pointer;
}
/**
* Remove the inheritance of word-wrap in Safari.
* See https://github.com/twbs/bootstrap/issues/24990
*/
select {
word-wrap: normal;
}
/**
* Remove inner border and padding from Firefox, but don't restore the outline
* like Normalize.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* 1. Add the correct box sizing in IE 10-
* 2. Remove the padding in IE 10-
*/
input[type=radio],
input[type=checkbox] {
/* 1 */
box-sizing: border-box;
/* 2 */
padding: 0;
}
/**
* Suppress the focus outline on elements that cannot be accessed via keyboard.
* This prevents an unwanted focus outline from appearing around elements that
* might still respond to pointer events.
* Credit: https://github.com/suitcss/base
*/
[tabindex="-1"]:focus {
outline: 0 !important;
}
/**
* Browsers set a default `min-width: min-content` on fieldsets,
* unlike e.g. ``s, which have `min-width: 0` by default.
* So we reset that to ensure fieldsets behave more like a standard block element.
* See https://github.com/twbs/bootstrap/issues/12359
* and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
*/
fieldset {
min-width: 0;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Set display to block for all browsers
*/
legend {
/* 1 */
max-width: 100%;
white-space: normal;
/* 2 */
color: inherit;
/* 3 */
display: block;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* 1. Remove the default vertical scrollbar in IE 10+.
* 2. Textareas should really only resize vertically so they don't break their
* (horizontal) containers.
*/
textarea {
/* 1 */
overflow: auto;
/* 2 */
resize: vertical;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
/* 1 */
box-sizing: border-box;
/* 2 */
padding: 0;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
/* 1 */
-webkit-appearance: textfield;
/* 2 */
outline-offset: -2px;
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
/* 1 */
-webkit-appearance: button;
/* 2 */
font: inherit;
}
/**
* Correct element display for output
*/
output {
display: inline-block;
}
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Always hide an element with the `hidden` HTML attribute (from PureCSS).
* Needed for proper display in IE 10-.
*/
[hidden] {
display: none;
}
/*!
* Bootstrap Grid v4.6.2 (https://getbootstrap.com/)
* Copyright 2011-2022 The Bootstrap Authors
* Copyright 2011-2022 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140px;
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
order: -1;
}
.order-last {
order: 13;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
.offset-1 {
margin-left: 8.33333333%;
}
.offset-2 {
margin-left: 16.66666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333333%;
}
.offset-5 {
margin-left: 41.66666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333333%;
}
.offset-8 {
margin-left: 66.66666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333333%;
}
.offset-11 {
margin-left: 91.66666667%;
}
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-sm-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
order: -1;
}
.order-sm-last {
order: 13;
}
.order-sm-0 {
order: 0;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-md-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-md-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
order: -1;
}
.order-md-last {
order: 13;
}
.order-md-0 {
order: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-lg-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
order: -1;
}
.order-lg-last {
order: 13;
}
.order-lg-0 {
order: 0;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-xl-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
order: -1;
}
.order-xl-last {
order: 13;
}
.order-xl-0 {
order: 0;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -3rem !important;
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-n1 {
margin: -0.25rem !important;
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important;
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important;
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important;
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important;
}
.m-sm-n2 {
margin: -0.5rem !important;
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important;
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important;
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important;
}
.m-sm-n3 {
margin: -1rem !important;
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important;
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important;
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important;
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important;
}
.m-sm-n4 {
margin: -1.5rem !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important;
}
.m-sm-n5 {
margin: -3rem !important;
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important;
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important;
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important;
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-n1 {
margin: -0.25rem !important;
}
.mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important;
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important;
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important;
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important;
}
.m-md-n2 {
margin: -0.5rem !important;
}
.mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important;
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important;
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important;
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important;
}
.m-md-n3 {
margin: -1rem !important;
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important;
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important;
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important;
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important;
}
.m-md-n4 {
margin: -1.5rem !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important;
}
.m-md-n5 {
margin: -3rem !important;
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important;
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important;
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important;
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-n1 {
margin: -0.25rem !important;
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important;
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important;
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important;
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important;
}
.m-lg-n2 {
margin: -0.5rem !important;
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important;
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important;
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important;
}
.m-lg-n3 {
margin: -1rem !important;
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important;
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important;
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important;
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important;
}
.m-lg-n4 {
margin: -1.5rem !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important;
}
.m-lg-n5 {
margin: -3rem !important;
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important;
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important;
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important;
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-n1 {
margin: -0.25rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
}
.m-xl-n5 {
margin: -3rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
@keyframes ticker {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-100%);
}
}
@font-face {
font-style: normal;
font-weight: normal;
src: local("Geist Regular"), local("Geist-Regular"), url("../fonts/Geist-Regular.woff2") format("woff2"), url("../fonts/Geist-Regular.woff") format("woff");
font-family: "Geist";
font-display: auto;
}
@font-face {
font-style: normal;
font-weight: 300;
src: local("Geist Light"), local("Geist-Light"), url("../fonts/Geist-Light.woff2") format("woff2"), url("../fonts/Geist-Light.woff") format("woff");
font-family: "Geist";
font-display: auto;
}
@font-face {
font-style: normal;
font-weight: 700;
src: local("Geist Bold"), local("Geist-Bold"), url("../fonts/Geist-Bold.woff2") format("woff2"), url("../fonts/Geist-Bold.woff") format("woff");
font-family: "Geist";
font-display: auto;
}
@font-face {
font-style: normal;
font-weight: 400;
size-adjust: 100%;
src: local("Interborough Regular"), local("Interborough"), url("../fonts/Interborough.woff2") format("woff2"), url("../fonts/Interborough.woff") format("woff");
font-family: "Interborough";
font-display: auto;
}
@font-face {
font-style: normal;
font-weight: 400;
src: local("Gotham Book"), local("Gotham"), url("../fonts/Gotham-Book.woff2") format("woff2"), url("../fonts/Gotham-Book.woff") format("woff");
font-family: "Gotham";
font-display: auto;
}
@font-face {
font-style: normal;
font-weight: 500;
src: local("Gotham Medium"), local("Gotham"), url("../fonts/Gotham-Medium.woff2") format("woff2"), url("../fonts/Gotham-Medium.woff") format("woff");
font-family: "Gotham";
font-display: auto;
}
@font-face {
font-style: normal;
font-weight: 400;
size-adjust: 100%;
src: local("Aeonik Regular"), local("Aeonik"), url("../fonts/Aeonik-Regular.woff2") format("woff2"), url("../fonts/Aeonik-Regular.woff") format("woff");
font-family: "Aeonik";
font-display: auto;
}
@font-face {
font-style: normal;
font-weight: 400;
size-adjust: 100%;
src: local("Countach Light"), local("Countach"), url("../fonts/Countach-Light.woff2") format("woff2"), url("../fonts/Countach-Light.woff") format("woff");
font-family: "Countach";
font-display: auto;
}
@font-face {
font-style: normal;
font-weight: 400;
size-adjust: 100%;
src: local("Didot"), local("Didot"), url("../fonts/Didot.woff2") format("woff2"), url("../fonts/Didot.woff") format("woff");
font-family: "Didot";
font-display: auto;
}
@font-face {
font-style: normal;
font-weight: 400;
size-adjust: 100%;
src: local("Proxima Regular"), local("Proxima"), url("../fonts/ProximaNova-Regular.woff2") format("woff2"), url("../fonts/ProximaNova-Regular.woff") format("woff");
font-family: "Proxima Nova";
font-display: auto;
}
@font-face {
font-style: normal;
font-weight: 400;
size-adjust: 100%;
src: local("PPNeueMontreal-Book"), local("PPNeueMontreal"), url("../fonts/PPNeueMontreal-Book.woff2") format("woff2"), url("../fonts/PPNeueMontreal-Book.woff") format("woff");
font-family: "PP NeueMontreal";
font-display: auto;
}
@font-face {
font-style: normal;
font-weight: 400;
size-adjust: 100%;
src: local("DarbySans-Regular"), local("DarbySans"), url("../fonts/DarbySans-Regular.woff2") format("woff2"), url("../fonts/DarbySans-Regular.woff") format("woff");
font-family: "Darby Sans";
font-display: auto;
}
@font-face {
font-style: normal;
font-weight: 400;
size-adjust: 100%;
src: local("Trade Gothic LT Pro"), local("Trade Gothic LT"), url("../fonts/Trade-Gothic.woff2") format("woff2"), url("../fonts/Trade-Gothic.woff") format("woff");
font-family: "Trade Gothic";
font-display: auto;
}
.vh {
min-height: auto;
}
@media (min-width: 768px) {
.vh.vh--25 {
height: auto;
min-height: 25vh;
}
.vh.vh--33 {
height: auto;
min-height: 33vh;
}
.vh.vh--50 {
height: auto;
min-height: 50vh;
}
.vh.vh--75 {
height: auto;
min-height: 75vh;
}
.vh.vh--100 {
height: auto;
min-height: 100vh;
}
}
.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
width: 100%;
}
@media (min-width: 992px) {
.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
width: calc(95% - 2rem);
max-width: 144rem;
}
}
@media (min-width: 1200px) {
.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
width: calc(95% - 3rem);
max-width: 288rem;
}
}
.container-fluid.container--full, .container--full.container-sm, .container--full.container-md, .container--full.container-lg, .container--full.container-xl {
width: 100% !important;
max-width: 100% !important;
}
.container-fluid.container--max-md, .container--max-md.container-sm, .container--max-md.container-md, .container--max-md.container-lg, .container--max-md.container-xl {
margin: 0 auto;
width: 100%;
max-width: 144rem;
}
.container-fluid.container--max-sm, .container--max-sm.container-sm, .container--max-sm.container-md, .container--max-sm.container-lg, .container--max-sm.container-xl {
margin: 0 auto;
width: 100%;
max-width: 94.6rem;
}
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.text-justify {
text-align: justify !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-light {
font-weight: 300 !important;
}
.font-weight-lighter {
font-weight: lighter !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-bold {
font-weight: 700 !important;
}
.font-weight-bolder {
font-weight: bolder !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #007bff !important;
}
a.text-primary:hover, a.text-primary:focus {
color: rgb(0, 86.1, 178.5) !important;
}
.text-secondary {
color: #6c757d !important;
}
a.text-secondary:hover, a.text-secondary:focus {
color: rgb(72.5407725322, 78.5858369099, 83.9592274678) !important;
}
.text-success {
color: #28a745 !important;
}
a.text-success:hover, a.text-success:focus {
color: rgb(25.2173913043, 105.2826086957, 43.5) !important;
}
.text-info {
color: #17a2b8 !important;
}
a.text-info:hover, a.text-info:focus {
color: rgb(14.5, 102.1304347826, 116) !important;
}
.text-warning {
color: #ffc107 !important;
}
a.text-warning:hover, a.text-warning:focus {
color: rgb(185.5, 139.125, 0) !important;
}
.text-danger {
color: #dc3545 !important;
}
a.text-danger:hover, a.text-danger:focus {
color: rgb(167.4810126582, 29.0189873418, 42.2848101266) !important;
}
.text-light {
color: #f8f9fa !important;
}
a.text-light:hover, a.text-light:focus {
color: rgb(203.375, 210.75, 218.125) !important;
}
.text-dark {
color: #343a40 !important;
}
a.text-dark:hover, a.text-dark:focus {
color: rgb(17.7068965517, 19.75, 21.7931034483) !important;
}
.text-body {
color: #212529 !important;
}
.text-muted {
color: #6c757d !important;
}
.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.text-decoration-none {
-webkit-text-decoration: none !important;
text-decoration: none !important;
}
.text-break {
word-break: break-word !important;
word-wrap: break-word !important;
}
.text-reset {
color: inherit !important;
}
:root {
--font-body: Geist, Helvetica, Arial, sans-serif;
--font-heading: haboro-contrast-normal, Helvetica, Arial, sans-serif;
--font-caption: ballinger-condensed, Helvetica, Arial, sans-serif;
}
body {
font-family: Geist, Helvetica, Arial, sans-serif;
font-family: var(--font-body);
}
body.theme--new-jackson {
--font-heading: Interborough, Helvetica, Arial, sans-serif;
--font-body: Gotham, Helvetica, Arial, sans-serif;
--font-caption: Geist, Helvetica, Arial, sans-serif;
}
body.theme--contour {
--font-heading: Aeonik, Helvetica, Arial, sans-serif;
--font-body: Aeonik, Helvetica, Arial, sans-serif;
--font-caption: Aeonik, Helvetica, Arial, sans-serif;
}
body.theme--colliers-yard, body.theme--bankside {
--font-heading: Countach, Helvetica, Arial, sans-serif;
--font-body: Proxima Nova, Helvetica, Arial, sans-serif;
--font-caption: Geist, Helvetica, Arial, sans-serif;
}
body.theme--trinity-island, body.theme--vista {
--font-heading: Darby Sans, Helvetica, Arial, sans-serif;
--font-body: PP Neue Montreal, Helvetica, Arial, sans-serif;
--font-caption: Geist, Helvetica, Arial, sans-serif;
}
body.theme--blade {
--font-heading: Montserrat, Helvetica, Arial, sans-serif;
--font-body: Montserrat, Helvetica, Arial, sans-serif;
--font-caption: Geist, Helvetica, Arial, sans-serif;
font-weight: 400;
}
body.theme--three60 {
--font-heading: Didot, Helvetica, Arial, sans-serif;
--font-body: Trade Gothic, Helvetica, Arial, sans-serif;
--font-caption: Geist, Helvetica, Arial, sans-serif;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
margin-bottom: 0.5em;
line-height: 0.96;
font-family: haboro-contrast-normal, Helvetica, Arial, sans-serif;
font-family: var(--font-heading);
text-transform: uppercase;
}
.theme--trinity-island h1, .theme--three60 h1, .theme--vista h1,
.theme--trinity-island .h1,
.theme--three60 .h1,
.theme--vista .h1,
.theme--trinity-island h2,
.theme--three60 h2,
.theme--vista h2,
.theme--trinity-island .h2,
.theme--three60 .h2,
.theme--vista .h2,
.theme--trinity-island h3,
.theme--three60 h3,
.theme--vista h3,
.theme--trinity-island .h3,
.theme--three60 .h3,
.theme--vista .h3,
.theme--trinity-island h4,
.theme--three60 h4,
.theme--vista h4,
.theme--trinity-island .h4,
.theme--three60 .h4,
.theme--vista .h4 {
letter-spacing: -0.01em;
text-transform: inherit;
}
h1:not(:has(+ *)),
.h1:not(:has(+ *)),
h2:not(:has(+ *)),
.h2:not(:has(+ *)),
h3:not(:has(+ *)),
.h3:not(:has(+ *)),
h4:not(:has(+ *)),
.h4:not(:has(+ *)) {
margin-bottom: 0;
}
h1,
.h1 {
font-size: max(4.2rem, min(6vw, 9.6rem));
}
.theme--trinity-island h1, .theme--vista h1,
.theme--trinity-island .h1,
.theme--vista .h1 {
text-transform: uppercase !important;
}
@media (max-width: 767.98px) {
h1,
.h1 {
font-size: max(3.2rem, min(3.2vw, 7.2rem));
line-height: normal;
}
}
.hero:not(.hero--single) h1,
.hero:not(.hero--single) .h1 {
font-size: max(4rem, min(4vw, 7.2rem));
}
@media (max-width: 767.98px) {
.hero:not(.hero--single) h1,
.hero:not(.hero--single) .h1 {
font-size: max(3.2rem, min(3.2vw, 7.2rem));
line-height: 1.1;
}
}
.content.content--wysiwyg h1,
.content.content--wysiwyg .h1 {
margin-top: 0.75em;
margin-bottom: 0.5em;
font-size: max(3.5rem, min(4vw, 6rem));
}
h2,
.h2 {
font-size: max(3.2rem, min(4vw, 6.4rem));
}
.content.content--wysiwyg h2,
.content.content--wysiwyg .h2 {
margin-top: 0.75em;
margin-bottom: 0.5em;
font-size: max(2.8rem, min(4vw, 4.5rem));
}
h3,
.h3 {
font-size: max(2.4rem, min(4vw, 3.6rem));
}
.content.content--wysiwyg h3,
.content.content--wysiwyg .h3 {
margin-top: 0.75em;
margin-bottom: 0.5em;
font-size: max(2rem, min(4vw, 3rem));
}
h4,
.h4 {
font-size: max(2rem, min(4vw, 2.4rem));
}
h5,
.h5 {
font-size: max(1.6rem, min(4vw, 1.8rem));
}
p {
margin-bottom: 1em;
line-height: 1.2;
}
.content.content--wysiwyg p,
.content.content--wysiwyg a {
margin-bottom: 1.5em;
line-height: 1.66;
}
b,
strong {
font-weight: 700;
}
.text--underline {
display: inline-flex;
position: relative;
margin-right: auto;
margin-bottom: max(0rem, min(4vw, 3rem));
padding-right: 2em;
padding-bottom: 1.6rem;
overflow: hidden;
}
.text--underline:after {
position: absolute;
bottom: 0;
left: 0;
opacity: 0.33;
background-color: currentColor;
width: calc(100% + 2em);
height: 0.1rem;
content: "";
}
.text-center .text--underline {
margin: 0 auto 0.4em;
padding-right: 0.5em;
padding-left: 0.5em;
}
.text--underline:has(+ .btn) {
margin-bottom: max(2rem, min(1vw, 3rem));
}
.text--underline:not(:has(+ *)) {
margin-bottom: 0;
}
.text--upper {
text-transform: uppercase;
}
.text--lg {
margin-bottom: 0;
font-size: max(2.5rem, min(3vw, 5rem));
line-height: 1;
font-family: haboro-contrast-normal, Helvetica, Arial, sans-serif;
font-family: var(--font-heading);
letter-spacing: -0.04em;
}
body.theme--colliers-yard .text--lg {
text-transform: uppercase;
}
.text--body-lg {
font-size: max(2.4rem, min(4vw, 4.8rem));
line-height: 1.1;
font-family: Geist, Helvetica, Arial, sans-serif;
font-family: var(--font-body);
}
.text--body-md {
font-size: max(1.8rem, min(4vw, 2.2rem));
line-height: 1.4;
font-family: Geist, Helvetica, Arial, sans-serif;
font-family: var(--font-body);
}
.text--body-sm {
font-size: max(1.4rem, min(4vw, 1.6rem));
font-family: Geist, Helvetica, Arial, sans-serif;
font-family: var(--font-body);
}
.text--caption {
margin: 0;
font-family: ballinger-condensed, Helvetica, Arial, sans-serif;
font-family: var(--font-caption);
}
.font--body {
font-family: Geist, Helvetica, Arial, sans-serif;
font-family: var(--font-body);
}
.text--split {
display: inline-flex;
flex-wrap: wrap;
line-height: 1.35;
}
.text--split span {
display: inline-flex;
}
.text--split .char {
overflow: hidden;
}
.text--split .char > span {
transform: translateY(100%);
transition: 0.66s cubic-bezier(0.5, 0.01, 0, 1) var(--delay);
}
.text--split .space {
width: 0.16em;
}
[data-anim=true] .text--split .char > span {
transform: translateY(0);
}
/**
* Swiper 11.2.10
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2025 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: June 28, 2025
*/
@font-face {
font-family: "swiper-icons";
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
/*
--swiper-preloader-color: var(--swiper-theme-color);
--swiper-wrapper-transition-timing-function: initial;
*/
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: ease;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, ease);
transition-timing-function: initial;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; /* For Firefox */
-ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-left: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-top: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid #007aff;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Slide styles end */
:root {
--swiper-navigation-size: 44px;
/*
--swiper-navigation-top-offset: 50%;
--swiper-navigation-sides-offset: 10px;
--swiper-navigation-color: var(--swiper-theme-color);
*/
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(44px / 44 * 27);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: 44px;
height: var(--swiper-navigation-size);
margin-top: calc(0px - 44px / 2);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #007aff;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-lock {
display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
text-transform: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: 44px;
font-size: var(--swiper-navigation-size);
letter-spacing: 0;
font-feature-settings: ;
font-variant: normal;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next";
}
/* Navigation font end */
:root {
/*
--swiper-pagination-color: var(--swiper-theme-color);
--swiper-pagination-left: auto;
--swiper-pagination-right: 8px;
--swiper-pagination-bottom: 8px;
--swiper-pagination-top: auto;
--swiper-pagination-fraction-color: inherit;
--swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
--swiper-pagination-progressbar-size: 4px;
--swiper-pagination-bullet-size: 8px;
--swiper-pagination-bullet-width: 8px;
--swiper-pagination-bullet-height: 8px;
--swiper-pagination-bullet-border-radius: 50%;
--swiper-pagination-bullet-inactive-color: #000;
--swiper-pagination-bullet-inactive-opacity: 0.2;
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-horizontal-gap: 4px;
--swiper-pagination-bullet-vertical-gap: 6px;
*/
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 8px;
bottom: var(--swiper-pagination-bottom, 8px);
top: auto;
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: 8px;
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: #000;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: 0.2;
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: 1;
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: #007aff;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: 8px;
right: var(--swiper-pagination-right, 8px);
left: auto;
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
color: inherit;
color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: 4px;
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
.swiper-button-lock,
.swiper-pagination-lock {
display: none !important;
}
html {
background-color: black;
scroll-behavior: smooth;
font-size: 62.5%;
}
body {
background: black;
font-weight: 300;
font-size: max(1.6rem, min(2vw, 1.8rem));
line-height: 1.5;
font-family: Geist, Helvetica, Arial, sans-serif;
font-family: var(--font-body);
-webkit-font-smoothing: antialiased;
}
body:has(.modal--active), body:has(.popup-block-section--active) {
overflow: hidden;
}
details,
details summary {
-webkit-appearance: none;
background-image: none;
padding-left: 0;
}
details summary::-webkit-details-marker {
display: none !important;
}
.wysiwyg p img {
width: revert-layer;
-o-object-fit: contain;
object-fit: contain;
}
.wysiwyg small {
display: inline-flex;
line-height: 1.33;
}
.wysiwyg + .btn {
margin-top: 1em;
}
em {
font-style: normal;
}
ul:not(.hero__specs) {
margin: 0;
padding: 0;
}
.wysiwyg ul:not(.hero__specs), .hero:not(.hero-specs) .content__wrap ul:not(.hero__specs) {
display: inline-flex;
flex-direction: column;
margin-bottom: 1em;
list-style: none;
text-align: left;
}
.wysiwyg ul:not(.hero__specs) li, .hero:not(.hero-specs) .content__wrap ul:not(.hero__specs) li {
position: relative;
padding-left: 1em;
}
.wysiwyg ul:not(.hero__specs) li:before, .hero:not(.hero-specs) .content__wrap ul:not(.hero__specs) li:before {
display: inline-flex;
position: absolute;
top: 0.1em;
left: 0;
margin-top: 0.2em;
margin-right: 0.5em;
width: 0.75em;
height: 0.85em;
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='14' viewBox='0 0 10 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 14V1.16667V0L10 7L0 14Z' fill='%23F2D94C'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='10' height='14' viewBox='0 0 10 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 14V1.16667V0L10 7L0 14Z' fill='%23F2D94C'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: #f2d94c;
}
main {
position: relative;
z-index: 5;
overflow-x: clip;
}
main .content__wrap a {
-webkit-text-decoration: underline;
text-decoration: underline;
}
img,
video {
vertical-align: bottom;
width: 100%;
height: auto;
}
::-moz-selection {
background: rgba(242, 217, 76, 0.8);
}
::selection {
background: rgba(242, 217, 76, 0.8);
}
section {
padding-top: max(2.5rem, min(3vw, 4rem)) !important;
padding-bottom: max(2.5rem, min(3vw, 4rem)) !important;
}
section {
position: relative;
z-index: 1;
background: #221f20;
color: #fff;
transition: 0s z-index 1s;
}
@media (min-width: 768px) {
section {
padding-top: max(3rem, min(4vw, 6rem)) !important;
padding-bottom: max(3rem, min(4vw, 6rem)) !important;
}
}
section:has(.modal--active) {
z-index: 11;
overflow: visible;
transition: 0s z-index 0s;
}
section:has(.modal--active) .modal:not(.modal--active) {
z-index: 0;
}
section:has(.popup) {
position: relative;
z-index: 5;
}
section:has(+ .section--invert) .section__inner {
padding-bottom: max(2rem, min(3vw, 4rem)) !important;
}
@media (min-width: 768px) {
section:has(+ .section--invert) .section__inner {
padding-bottom: max(2.5rem, min(4vw, 5rem)) !important;
}
}
section.section--invert:has(+ section:not(.section--invert)) + section:not(.inline-media):not(.stats-card) .section__inner {
padding-top: max(2rem, min(3vw, 4rem)) !important;
}
@media (min-width: 768px) {
section.section--invert:has(+ section:not(.section--invert)) + section:not(.inline-media):not(.stats-card) .section__inner {
padding-top: max(2.5rem, min(4vw, 5rem)) !important;
}
}
section .section__background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
}
section .section__title {
padding-top: 3rem;
padding-bottom: 9.6rem;
}
section .section__content {
position: relative;
z-index: 1;
}
section.section--invert {
background: #fff;
color: #221f20;
}
section.section--dark {
background: #221f20;
color: #fff;
}
section.section--light {
background: #fff;
color: #221f20;
}
section.section--reverse .section__inner {
flex-direction: row-reverse;
}
section.section--has-overlay:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.5;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.15) 100%);
content: "";
}
a {
color: currentColor;
-webkit-text-decoration: none;
text-decoration: none;
}
header {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 10;
color: #fff;
transition: all 0.5s cubic-bezier(1, 0, 0.4, 1);
}
body.admin-bar header {
top: 3.2rem;
}
body.header--active header {
-webkit-backdrop-filter: blur(0.5rem);
backdrop-filter: blur(0.5rem);
background: rgba(34, 31, 32, 0.3);
transition: all 0.5s ease;
}
body.theme--contour.header--active header {
background: rgba(0, 45, 34, 0.3);
}
body.header--hide header {
transform: translateY(var(--headerHeight));
transition: all 0.5s ease;
}
body:has(.popup--active) header {
transform: translateY(-100%);
transition: all 0.5s ease;
}
header:has(.header__hero-nav) .header__container {
padding-bottom: max(1.8rem, min(4vh, 2.4rem));
}
body:has(.modal--active) header {
transform: translateY(-100%);
transition: all 1s cubic-bezier(1, 0, 0.4, 1);
}
.mobile--active header {
background-color: transparent !important;
}
.header__container {
padding-top: max(1.8rem, min(3vw, 2.4rem));
padding-bottom: max(1.8rem, min(3vw, 2.4rem));
}
.header__branding {
display: inline-flex;
align-items: center;
margin-right: 1rem;
}
.header__branding svg {
width: max(1rem, min(30vw, 15.8rem));
}
.mobile--active .header__branding svg path:not([fill="#FCD839"]) {
fill: #221f20;
transition: all 0.25s cubic-bezier(0.66, 0, 0.35, 1);
}
.mobile--closing .header__branding svg path:not([fill="#FCD839"]) {
fill: #fff;
}
.header__nav {
display: flex;
align-items: center;
}
.header__hero-nav {
border-top: 0.1rem solid #fff;
}
@media (max-width: 991.98px) {
.header__hero-nav {
display: none;
}
}
.header__contact {
display: flex;
justify-content: flex-end;
align-items: center;
font-family: "ballinger-condensed", Helvetica, Arial, sans-serif;
}
.header__contact > a:not(.btn) {
display: flex;
position: relative;
align-items: center;
margin-right: 1.2em;
color: #fff;
-webkit-text-decoration: none;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
}
.header__contact > a:not(.btn):hover, .header__contact > a:not(.btn):focus-within {
color: #f2d94c;
}
.header__contact > a:not(.btn):before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3125 11.3676C12.4681 10.2717 13.1875 8.7299 13.1875 7.02208C13.1875 3.69618 10.4592 1 7.09375 1C3.72826 1 1 3.69618 1 7.02208C1 10.348 3.72826 13.0442 7.09375 13.0442C8.73109 13.0442 10.2176 12.406 11.3125 11.3676ZM11.3125 11.3676L16 16' stroke='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3125 11.3676C12.4681 10.2717 13.1875 8.7299 13.1875 7.02208C13.1875 3.69618 10.4592 1 7.09375 1C3.72826 1 1 3.69618 1 7.02208C1 10.348 3.72826 13.0442 7.09375 13.0442C8.73109 13.0442 10.2176 12.406 11.3125 11.3676ZM11.3125 11.3676L16 16' stroke='white'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
display: inline-flex;
position: absolute;
top: 0;
right: calc(100% + 0.5rem);
bottom: 0;
margin: auto;
width: 1.5rem;
height: 1.5rem;
content: "";
}
.header__contact input {
outline: 0;
border: 0;
background-color: transparent;
color: #fff;
}
.header__contact input::-moz-placeholder {
color: currentColor;
text-transform: uppercase;
}
.header__contact input::placeholder {
color: currentColor;
text-transform: uppercase;
}
.header__menu-toggle {
display: inline-flex;
position: relative;
margin-right: 0;
margin-left: auto;
width: 2.5rem;
height: 1.5rem;
}
.header__menu-toggle:hover {
cursor: pointer;
}
.mobile--active .header__menu-toggle {
transform: rotate(180deg);
transition: all 0.5s cubic-bezier(0.66, 0, 0.35, 1);
}
.mobile--closing .header__menu-toggle {
transition: all 0s;
}
.header__menu-toggle:before,
.header__menu-toggle span, .header__menu-toggle:after {
position: absolute;
right: 0;
left: 0;
background-color: #fff;
height: 0.1rem;
content: "";
transition: background-color 0.33s cubic-bezier(0.66, 0, 0.35, 1), transform 0.33s cubic-bezier(0.66, 0, 0.35, 1), top 0.33s cubic-bezier(0.66, 0, 0.35, 1), filter 0.1s cubic-bezier(0.66, 0, 0.35, 1), clip-path 0.33s cubic-bezier(0.66, 0, 0.35, 1);
clip-path: inset(0 0 0 0);
}
.mobile--active .header__menu-toggle:before,
.mobile--active .header__menu-toggle span, .mobile--active .header__menu-toggle:after {
transition: background-color 0.33s cubic-bezier(0.66, 0, 0.35, 1) 0.33s, transform 0.33s cubic-bezier(0.66, 0, 0.35, 1), top 0.33s cubic-bezier(0.66, 0, 0.35, 1), filter 0.1s cubic-bezier(0.66, 0, 0.35, 1), clip-path 0.33s cubic-bezier(0.66, 0, 0.35, 1);
background: #221f20;
}
.mobile--closing .header__menu-toggle:before,
.mobile--closing .header__menu-toggle span, .mobile--closing .header__menu-toggle:after {
transition: background-color 0.33s cubic-bezier(0.66, 0, 0.35, 1) 0.15s, transform 0.33s cubic-bezier(0.66, 0, 0.35, 1), top 0.33s cubic-bezier(0.66, 0, 0.35, 1), filter 0.1s cubic-bezier(0.66, 0, 0.35, 1), clip-path 0.33s cubic-bezier(0.66, 0, 0.35, 1);
background: #fff;
}
.header__menu-toggle:before {
top: 0;
}
.mobile--active .header__menu-toggle:before {
top: calc(50% - 0.05rem);
transform: rotate(45deg);
}
.mobile--closing .header__menu-toggle:before {
top: 0;
transform: rotate(0deg);
}
.header__menu-toggle span {
top: calc(50% - 0.05rem);
filter: blur(0);
}
.mobile--active .header__menu-toggle span {
clip-path: inset(0 0 0 100%);
filter: blur(2rem);
}
.mobile--closing .header__menu-toggle span {
top: calc(50% - 0.05rem);
clip-path: inset(0 0 0 0);
filter: blur(0);
}
.header__menu-toggle:after {
top: calc(100% - 0.1rem);
}
.mobile--active .header__menu-toggle:after {
top: calc(50% - 0.05rem);
transform: rotate(-45deg);
}
.mobile--closing .header__menu-toggle:after {
top: calc(100% - 0.1rem);
transform: rotate(0deg);
}
footer {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
background: #fff;
padding-top: 20rem;
color: #221f20;
font-family: "ballinger-condensed", Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
@media (max-width: 767.98px) {
footer {
padding-top: 4rem;
position: relative;
}
}
footer h5 {
margin-bottom: 1.5em;
font-family: "Geist", Helvetica, Arial, sans-serif;
}
footer ul {
line-height: 1;
}
footer ul li {
margin-bottom: 1.5em;
}
footer ul li a:hover {
-webkit-text-decoration: underline;
text-decoration: underline;
}
footer address {
margin-bottom: 3rem;
line-height: 1.5;
text-transform: capitalize;
}
@media (max-width: 767.98px) {
footer address {
margin-bottom: 0rem;
}
}
.footer__col {
font-size: 1.4rem;
}
@media (max-width: 767.98px) {
.footer__col.col {
flex: 0 0 50%;
}
}
.footer__col.footer--contact {
font-size: 1.6rem;
}
.footer__branding {
padding-top: 8rem;
padding-bottom: 5rem;
}
.footer__branding svg {
width: 100%;
height: auto;
}
nav {
font-family: "ballinger-condensed", Helvetica, Arial, sans-serif;
}
body.header--hide nav > ul > li > .sub-menu {
opacity: 0 !important;
pointer-events: none !important;
}
nav#header, nav#hero {
font-size: max(1.4rem, min(1.2vw, 1.6rem));
text-transform: uppercase;
}
nav#header a, nav#hero a {
flex-wrap: nowrap;
white-space: nowrap;
}
nav#header .btn, nav#hero .btn {
font-family: inherit;
}
nav#header .sub-menu .sub-menu .sub-menu, nav#hero .sub-menu .sub-menu .sub-menu {
position: absolute;
top: 0;
left: calc(100% - 2.4rem);
opacity: 0;
background-color: white;
padding: 2.4rem;
width: 100%;
height: 100%;
pointer-events: none;
transition: all 0.5s ease;
}
nav#header .sub-menu .sub-menu .sub-menu > li, nav#hero .sub-menu .sub-menu .sub-menu > li {
margin-bottom: 1.6rem;
}
nav#header li > .sub-menu[style], nav#hero li > .sub-menu[style] {
background-size: 0;
background-repeat: no-repeat;
}
nav#header li > .sub-menu[style]:after, nav#hero li > .sub-menu[style]:after {
display: block;
background-image: inherit;
background-position: center;
background-size: cover;
background-color: #fafafa;
width: 100%;
height: 100%;
content: "";
}
nav#header li > .sub-menu:after, nav#hero li > .sub-menu:after {
background-image: url("../images/raster/nav-image-contour.jpg");
}
nav#header .sub-menu .sub-menu li.menu-item-has-children:hover > .sub-menu, nav#hero .sub-menu .sub-menu li.menu-item-has-children:hover > .sub-menu {
opacity: 1;
pointer-events: all;
}
nav#header > ul > li > .sub-menu > .current-menu-item > a.btn--outline, nav#header > ul > li > .sub-menu > .current-menu-item > a.btn.btn--outline-dark,
nav#header > ul > li > .sub-menu > .current-menu-item > a.btn--solid-accent,
nav#header > ul > li > .sub-menu > .current-menu-item > a.btn.btn--solid-accent-light,
nav#header > ul > li > .sub-menu > .current-menu-item > a.btn.frm_button_submit-light, nav#hero > ul > li > .sub-menu > .current-menu-item > a.btn--outline, nav#hero > ul > li > .sub-menu > .current-menu-item > a.btn.btn--outline-dark,
nav#hero > ul > li > .sub-menu > .current-menu-item > a.btn--solid-accent,
nav#hero > ul > li > .sub-menu > .current-menu-item > a.btn.btn--solid-accent-light,
nav#hero > ul > li > .sub-menu > .current-menu-item > a.btn.frm_button_submit-light {
box-shadow: none;
box-shadow: initial;
background-color: #221f20;
pointer-events: none;
color: #f2d94c;
}
nav#header > ul > li > .sub-menu > li > .sub-menu > li.current-menu-item > a, nav#hero > ul > li > .sub-menu > li > .sub-menu > li.current-menu-item > a {
background-color: rgba(242, 217, 76, 0.5);
}
nav#header > ul, nav#hero > ul {
display: flex;
line-height: 1;
}
nav#header > ul > li, nav#hero > ul > li {
display: inline-flex;
position: relative;
justify-content: center;
margin-left: max(1.4rem, min(2vw, 2.8rem));
}
nav#header > ul > li:has(.sub-menu) > a, nav#hero > ul > li:has(.sub-menu) > a {
align-items: center;
}
nav#header > ul > li:has(.sub-menu) > a:after, nav#hero > ul > li:has(.sub-menu) > a:after {
transform: rotate(180deg);
margin-left: 0.5em;
width: 1.4rem;
height: 0.6rem;
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 5L5.5 1L1 5' stroke='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 5L5.5 1L1 5' stroke='white'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
nav#header > ul > li:has(.sub-menu):hover .menu-item-has-children > a, nav#hero > ul > li:has(.sub-menu):hover .menu-item-has-children > a {
pointer-events: all !important;
}
nav#header > ul > li:has(.sub-menu):hover > a:after, nav#hero > ul > li:has(.sub-menu):hover > a:after {
transform: rotate(0deg);
}
nav#header > ul > li:has(.sub-menu):hover > .sub-menu, nav#hero > ul > li:has(.sub-menu):hover > .sub-menu {
opacity: 1;
pointer-events: all;
}
nav#header .sub-menu, nav#hero .sub-menu {
display: flex;
flex-direction: column;
}
nav#header > ul > li > .sub-menu, nav#hero > ul > li > .sub-menu {
display: flex;
position: absolute;
top: calc(100% + 1rem);
right: auto;
left: auto;
opacity: 0;
margin: auto;
background: #fff;
padding: 2.4rem;
pointer-events: none;
transition: all 0.5s ease;
}
nav#header > ul > li > .sub-menu:before, nav#hero > ul > li > .sub-menu:before {
position: absolute;
right: 0;
bottom: 100%;
left: 0;
height: 1rem;
content: "";
}
nav#header > ul > li > .sub-menu a, nav#hero > ul > li > .sub-menu a {
width: 100%;
}
nav#header > ul > li > .sub-menu > li, nav#hero > ul > li > .sub-menu > li {
margin: 0;
margin-bottom: 1.6rem;
}
nav#header > ul > li > .sub-menu > li:has(.sub-menu), nav#hero > ul > li > .sub-menu > li:has(.sub-menu) {
margin-bottom: 2.4rem;
border-bottom: 0.1rem solid rgba(99, 100, 102, 0.34);
padding-bottom: 2.4rem;
}
nav#header > ul > li > .sub-menu > li:last-child, nav#hero > ul > li > .sub-menu > li:last-child {
margin: 0;
border: 0;
padding: 0;
}
nav#header > ul > li > .sub-menu > li > .sub-menu, nav#hero > ul > li > .sub-menu > li > .sub-menu {
margin-top: 2.4rem;
}
nav#header > ul > li > .sub-menu > li > .sub-menu li:last-child a, nav#hero > ul > li > .sub-menu > li > .sub-menu li:last-child a {
margin-bottom: 0;
}
nav#header > ul > li > .sub-menu > li > .sub-menu > li, nav#hero > ul > li > .sub-menu > li > .sub-menu > li {
margin-bottom: 1.2rem;
}
nav#header > ul > li > .sub-menu > li > .sub-menu > li > a, nav#hero > ul > li > .sub-menu > li > .sub-menu > li > a {
color: #221f20 !important;
}
nav#header > ul > li > .sub-menu > li > .sub-menu > li > a, nav#hero > ul > li > .sub-menu > li > .sub-menu > li > a {
justify-content: flex-start;
align-items: center;
box-shadow: none;
box-shadow: initial;
padding: 0.8rem;
line-height: 1;
}
nav#header > ul > li > .sub-menu > li > .sub-menu > li > a:hover, nav#hero > ul > li > .sub-menu > li > .sub-menu > li > a:hover {
background: #e0e0e0;
}
nav#header > ul > li > .sub-menu > li > .sub-menu > li > a:after, nav#hero > ul > li > .sub-menu > li > .sub-menu > li > a:after {
display: none !important;
}
nav#header > ul > li > .sub-menu > li > .sub-menu > li > a:before, nav#hero > ul > li > .sub-menu > li > .sub-menu > li > a:before {
position: absolute;
top: 0;
right: 0.8rem;
bottom: 0;
left: auto;
margin: auto;
width: 0.7rem;
height: 1.6rem;
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 10L5 5.5L1 1' stroke='%23221F20'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 10L5 5.5L1 1' stroke='%23221F20'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
nav#header > ul > li:hover > a, nav#hero > ul > li:hover > a {
color: #f2d94c;
}
nav#header > ul > li:hover > a:before, nav#hero > ul > li:hover > a:before {
transform: scaleX(1) translateY(0);
opacity: 1;
background: #f2d94c;
}
nav#header > ul > li > a, nav#hero > ul > li > a {
display: inline-flex;
position: relative;
padding: 0.5rem 0;
color: currentColor;
-webkit-text-decoration: none;
text-decoration: none;
transition: all 0.3s cubic-bezier(1, 0, 0.4, 1);
}
nav#header > ul > li > a:before, nav#hero > ul > li > a:before {
display: inline-flex;
position: absolute;
top: 100%;
right: 0;
left: 0;
transform: scaleX(1.1) translateY(0.5rem);
opacity: 0;
margin: auto;
background-color: currentColor;
width: calc(100% - 0.1rem);
height: 0.05rem;
content: "";
transition: all 0.3s cubic-bezier(1, 0, 0.4, 1);
}
nav#header {
position: relative;
z-index: 1;
}
@media (max-width: 767.98px) {
nav#header {
display: none;
}
}
nav#header > ul > li.current-menu-ancestor > a,
nav#header > ul > li.current-menu-item > a {
color: #f2d94c;
}
nav#hero {
z-index: 0;
padding-top: 2.4rem;
padding-bottom: 2.4rem;
}
nav#hero ul li:first-child {
margin-left: 0;
}
nav#hero li.current-menu-item > a {
pointer-events: none;
color: #f2d94c;
}
nav#hero li.current-menu-item > a:after {
transform: scaleX(1) translateY(0);
opacity: 1;
background-color: currentColor;
}
nav#mobile {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 7;
clip-path: inset(0 100% 0 0);
background: white;
background-color: #fff;
height: 100svh;
pointer-events: none;
font-size: max(1.7rem, min(4vw, 2.4rem));
font-family: "ballinger-condensed", Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
nav#mobile:has(.submenu--open) ul.menu > li:not(.submenu--open) {
opacity: 0.2;
}
nav#mobile .btn--nav.btn--outline-dark {
clip-path: initial;
box-shadow: none;
padding: 0;
overflow: visible;
}
nav#mobile .btn--nav.btn--outline-dark:after {
display: none;
}
.mobile--active nav#mobile {
transition: 1s cubic-bezier(0.5, 0.01, 0, 1) clip-path;
clip-path: inset(0 0 0 0);
pointer-events: all;
}
.mobile--closing nav#mobile {
clip-path: inset(0 0 0 100%);
transition: 0.5s cubic-bezier(0.5, 0.01, 0, 1) clip-path;
}
nav#mobile ul.menu > li > .sub-menu > li:not(.item--highlight) {
font-weight: 600;
}
nav#mobile ul.menu > li > .sub-menu > li:not(.item--highlight) > .sub-menu {
font-weight: 400;
}
nav#mobile ul {
display: flex;
flex-direction: column;
text-align: center;
}
nav#mobile ul li {
display: inline-flex;
flex-direction: column;
justify-content: center;
margin-bottom: 1.5em;
padding: 0 1em;
overflow-y: clip;
line-height: 1;
}
nav#mobile ul li a {
margin: auto;
}
.mobile--active nav#mobile ul li:nth-child(1) a {
transition-delay: 0.09s;
}
.mobile--active nav#mobile ul li:nth-child(2) a {
transition-delay: 0.18s;
}
.mobile--active nav#mobile ul li:nth-child(3) a {
transition-delay: 0.27s;
}
.mobile--active nav#mobile ul li:nth-child(4) a {
transition-delay: 0.36s;
}
.mobile--active nav#mobile ul li:nth-child(5) a {
transition-delay: 0.45s;
}
.mobile--active nav#mobile ul li:nth-child(6) a {
transition-delay: 0.54s;
}
.mobile--active nav#mobile ul li:nth-child(7) a {
transition-delay: 0.63s;
}
.mobile--active nav#mobile ul li:nth-child(8) a {
transition-delay: 0.72s;
}
.mobile--active nav#mobile ul li:nth-child(9) a {
transition-delay: 0.81s;
}
.mobile--active nav#mobile ul li:nth-child(10) a {
transition-delay: 0.9s;
}
nav#mobile ul li a {
display: inline-flex;
transform: translateY(100%);
transition: transform 0s linear 0s;
}
.mobile--active nav#mobile ul li a {
transform: translateY(0);
transition: transform 1s cubic-bezier(0.5, 0.01, 0, 1);
}
nav#mobile .menu-item-has-children {
position: relative;
align-items: center;
margin-left: 0.33em;
}
nav#mobile .menu-item-has-children > span {
display: inline-flex;
position: relative;
align-items: center;
}
nav#mobile .menu-item-has-children > span:after {
display: inline-flex;
transform: rotate(180deg);
margin-left: 0.33em;
width: 1.4rem;
height: 0.6rem;
content: "";
transition: transform 0.3s ease;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 5L5.5 1L1 5' stroke='currentColor'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 5L5.5 1L1 5' stroke='currentColor'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
nav#mobile .menu-item-has-children > .sub-menu {
display: none;
margin-top: 1.5rem;
padding-left: 0;
}
nav#mobile .menu-item-has-children > .sub-menu > li > a {
font-size: 1.6rem;
}
nav#mobile .menu-item-has-children > .sub-menu > li > .sub-menu {
margin-bottom: 0;
}
nav#mobile .menu-item-has-children > .sub-menu li {
margin-bottom: 1.5rem;
}
nav#mobile .menu-item-has-children > .sub-menu li a {
transform: translateY(0);
}
nav#mobile .menu-item-has-children > .sub-menu .sub-menu {
margin: 1.5rem 0 3rem;
}
nav#mobile .menu-item-has-children.submenu--open > span:after {
transform: rotate(0deg);
}
nav#mobile .menu-item-has-children.submenu--open > .sub-menu {
display: flex;
}
nav#mobile .mobile__container {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
nav#mobile .mobile__footer {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 1em;
}
.btn,
button:not([class^=mapbox]),
button[type=submit] {
outline: 0 !important;
-webkit-text-decoration: none !important;
text-decoration: none !important;
}
.btn,
button:not([class^=mapbox]),
button[type=submit] {
display: inline-flex;
position: relative;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
backface-visibility: hidden;
clip-path: inset(0 0 0 0);
margin-top: auto;
margin-bottom: auto;
border: 0;
padding: max(0.75em, min(1vw, 1em)) max(1em, min(1vw, 1.45em));
overflow: clip;
font-size: max(1.3rem, min(1vw, 1.6rem));
line-height: 1;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
}
.btn:not(.btn--nav),
button:not([class^=mapbox]):not(.btn--nav),
button[type=submit]:not(.btn--nav) {
font-family: ballinger-condensed, Helvetica, Arial, sans-serif;
font-family: var(--font-caption);
}
.btn.btn--sm,
button:not([class^=mapbox]).btn--sm,
button[type=submit].btn--sm {
padding: 0.75em;
}
.btn span,
button:not([class^=mapbox]) span,
button[type=submit] span {
display: inherit;
}
.btn span:last-child, .btn.btn--nav:after,
button:not([class^=mapbox]) span:last-child,
button:not([class^=mapbox]).btn--nav:after,
button[type=submit] span:last-child,
button[type=submit].btn--nav:after {
position: absolute;
top: -0.1rem;
right: -0.1rem;
bottom: -0.1rem;
left: -0.1rem;
justify-content: inherit;
align-items: inherit;
clip-path: inset(100% 0 0 0);
will-change: clip-path;
border: 0;
background-color: #fff;
content: attr(data-title);
text-align: inherit;
transition: all 0.33s cubic-bezier(1, 0, 0.4, 1);
color: #000;
}
.section--invert .btn span:last-child, .section--invert .btn.btn--nav:after,
.section--invert button:not([class^=mapbox]) span:last-child,
.section--invert button:not([class^=mapbox]).btn--nav:after,
.section--invert button[type=submit] span:last-child,
.section--invert button[type=submit].btn--nav:after {
background-color: #000;
color: #fff;
}
.btn.btn--nav:after,
button:not([class^=mapbox]).btn--nav:after,
button[type=submit].btn--nav:after {
display: flex;
align-items: center;
}
.btn:hover,
button:not([class^=mapbox]):hover,
button[type=submit]:hover {
cursor: pointer;
}
.btn:hover span:last-child,
button:not([class^=mapbox]):hover span:last-child,
button[type=submit]:hover span:last-child {
clip-path: inset(0 0 0 0);
}
.btn:hover.btn--nav:after,
button:not([class^=mapbox]):hover.btn--nav:after,
button[type=submit]:hover.btn--nav:after {
clip-path: inset(0 0 0 0);
}
.btn.btn--outline, .btn.btn--outline-dark,
button:not([class^=mapbox]).btn--outline,
button.btn--outline-dark:not([class^=mapbox]),
button[type=submit].btn--outline,
button[type=submit].btn--outline-dark {
box-shadow: inset 0 0 0 0.1rem currentColor;
background-color: transparent;
color: currentColor;
}
.btn.btn--outline-dark,
button:not([class^=mapbox]).btn--outline-dark,
button[type=submit].btn--outline-dark {
color: #221f20;
}
.btn.btn--outline-dark span:last-child, .btn.btn--outline-dark.btn--nav:after,
button:not([class^=mapbox]).btn--outline-dark span:last-child,
button:not([class^=mapbox]).btn--outline-dark.btn--nav:after,
button[type=submit].btn--outline-dark span:last-child,
button[type=submit].btn--outline-dark.btn--nav:after {
background-color: #221f20;
color: #fff;
}
.btn.btn--solid, .btn.btn--solid-invert,
button:not([class^=mapbox]).btn--solid,
button.btn--solid-invert:not([class^=mapbox]),
button[type=submit].btn--solid,
button[type=submit].btn--solid-invert {
background: #fff;
color: #221f20;
}
.btn.btn--solid span:last-child, .btn.btn--solid-invert span:last-child,
button:not([class^=mapbox]).btn--solid span:last-child,
button.btn--solid-invert:not([class^=mapbox]) span:last-child,
button[type=submit].btn--solid span:last-child,
button[type=submit].btn--solid-invert span:last-child {
background: #221f20;
color: #fff;
}
.btn.btn--solid-invert,
button:not([class^=mapbox]).btn--solid-invert,
button[type=submit].btn--solid-invert {
background: #221f20;
color: #fff;
}
.btn.btn--solid-invert span:last-child,
button:not([class^=mapbox]).btn--solid-invert span:last-child,
button[type=submit].btn--solid-invert span:last-child {
background: #fff;
color: #221f20;
}
.btn.btn--solid-accent, .btn.btn--solid-accent-light, .btn.frm_button_submit-light, .btn.frm_button_submit,
button:not([class^=mapbox]).btn--solid-accent,
button.btn--solid-accent-light:not([class^=mapbox]),
button.frm_button_submit-light:not([class^=mapbox]),
button:not([class^=mapbox]).frm_button_submit,
button[type=submit].btn--solid-accent,
button[type=submit].btn--solid-accent-light,
button[type=submit].frm_button_submit-light,
button[type=submit].frm_button_submit {
background: #f2d94c;
color: #221f20;
}
.btn.btn--solid-accent span:last-child, .btn.btn--solid-accent-light span:last-child, .btn.frm_button_submit-light span:last-child, .btn.btn--solid-accent.btn--nav:after, .btn.btn--nav.btn--solid-accent-light:after, .btn.btn--nav.frm_button_submit-light:after, .btn.frm_button_submit span:last-child, .btn.frm_button_submit.btn--nav:after,
button:not([class^=mapbox]).btn--solid-accent span:last-child,
button.btn--solid-accent-light:not([class^=mapbox]) span:last-child,
button.frm_button_submit-light:not([class^=mapbox]) span:last-child,
button:not([class^=mapbox]).btn--solid-accent.btn--nav:after,
button.btn--solid-accent-light:not([class^=mapbox]).btn--nav:after,
button.frm_button_submit-light:not([class^=mapbox]).btn--nav:after,
button:not([class^=mapbox]).frm_button_submit span:last-child,
button:not([class^=mapbox]).frm_button_submit.btn--nav:after,
button[type=submit].btn--solid-accent span:last-child,
button[type=submit].btn--solid-accent-light span:last-child,
button[type=submit].frm_button_submit-light span:last-child,
button[type=submit].btn--solid-accent.btn--nav:after,
button[type=submit].btn--nav.btn--solid-accent-light:after,
button[type=submit].btn--nav.frm_button_submit-light:after,
button[type=submit].frm_button_submit span:last-child,
button[type=submit].frm_button_submit.btn--nav:after {
background-color: #221f20;
color: #fff;
}
.section--invert .btn.btn--solid-accent span:last-child, .section--invert .btn.btn--solid-accent-light span:last-child, .section--invert .btn.frm_button_submit-light span:last-child, .section--invert .btn.btn--solid-accent.btn--nav:after, .section--invert .btn.btn--nav.btn--solid-accent-light:after, .section--invert .btn.btn--nav.frm_button_submit-light:after, .section--invert .btn.frm_button_submit span:last-child, .section--invert .btn.frm_button_submit.btn--nav:after,
.section--invert button:not([class^=mapbox]).btn--solid-accent span:last-child,
.section--invert button.btn--solid-accent-light:not([class^=mapbox]) span:last-child,
.section--invert button.frm_button_submit-light:not([class^=mapbox]) span:last-child,
.section--invert button:not([class^=mapbox]).btn--solid-accent.btn--nav:after,
.section--invert button.btn--solid-accent-light:not([class^=mapbox]).btn--nav:after,
.section--invert button.frm_button_submit-light:not([class^=mapbox]).btn--nav:after,
.section--invert button:not([class^=mapbox]).frm_button_submit span:last-child,
.section--invert button:not([class^=mapbox]).frm_button_submit.btn--nav:after,
.section--invert button[type=submit].btn--solid-accent span:last-child,
.section--invert button[type=submit].btn--solid-accent-light span:last-child,
.section--invert button[type=submit].frm_button_submit-light span:last-child,
.section--invert button[type=submit].btn--solid-accent.btn--nav:after,
.section--invert button[type=submit].btn--nav.btn--solid-accent-light:after,
.section--invert button[type=submit].btn--nav.frm_button_submit-light:after,
.section--invert button[type=submit].frm_button_submit span:last-child,
.section--invert button[type=submit].frm_button_submit.btn--nav:after {
background-color: #221f20;
color: #fff;
}
.btn.btn--solid-accent-light span:last-child, .btn.frm_button_submit-light span:last-child,
button:not([class^=mapbox]).btn--solid-accent-light span:last-child,
button:not([class^=mapbox]).frm_button_submit-light span:last-child,
button[type=submit].btn--solid-accent-light span:last-child,
button[type=submit].frm_button_submit-light span:last-child {
background-color: #fff;
color: #221f20;
}
.btn.btn--play, .btn.btn--close, .btn.btn--pause,
button:not([class^=mapbox]).btn--play,
button:not([class^=mapbox]).btn--close,
button:not([class^=mapbox]).btn--pause,
button[type=submit].btn--play,
button[type=submit].btn--close,
button[type=submit].btn--pause {
display: inline-flex;
-webkit-backdrop-filter: blur(1rem);
backdrop-filter: blur(1rem);
transition: none 0s ease 0s;
transition: initial;
box-shadow: 0;
border: 0.066em solid currentColor;
border-radius: 10rem;
padding: 0;
width: 3em;
height: 3em;
color: #fff;
}
.btn.btn--play:after, .btn.btn--close:after, .btn.btn--pause:after,
button:not([class^=mapbox]).btn--play:after,
button:not([class^=mapbox]).btn--close:after,
button:not([class^=mapbox]).btn--pause:after,
button[type=submit].btn--play:after,
button[type=submit].btn--close:after,
button[type=submit].btn--pause:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0.3rem;
clip-path: initial;
transition: none 0s ease 0s;
transition: initial;
margin: auto;
width: 1em;
height: 1em;
content: "";
color: inherit;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='17' height='20' viewBox='0 0 17 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 20V2.8V0L16.5 10L0.5 20Z' fill='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='17' height='20' viewBox='0 0 17 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 20V2.8V0L16.5 10L0.5 20Z' fill='white'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.btn.btn--play:hover, .btn.btn--close:hover, .btn.btn--pause:hover,
button:not([class^=mapbox]).btn--play:hover,
button:not([class^=mapbox]).btn--close:hover,
button:not([class^=mapbox]).btn--pause:hover,
button[type=submit].btn--play:hover,
button[type=submit].btn--close:hover,
button[type=submit].btn--pause:hover {
color: #f2d94c;
}
.btn.btn--pause,
button:not([class^=mapbox]).btn--pause,
button[type=submit].btn--pause {
z-index: 2;
}
.btn.btn--pause:after,
button:not([class^=mapbox]).btn--pause:after,
button[type=submit].btn--pause:after {
left: 0;
width: 1.5rem;
height: 1.5rem;
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='800px' height='800px' viewBox='-1 0 8 8' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Dribbble-Light-Preview' transform='translate(-227.000000, -3765.000000)' fill='%23000000'%3E%3Cg id='icons' transform='translate(56.000000, 160.000000)'%3E%3Cpath d='M172,3605 C171.448,3605 171,3605.448 171,3606 L171,3612 C171,3612.552 171.448,3613 172,3613 C172.552,3613 173,3612.552 173,3612 L173,3606 C173,3605.448 172.552,3605 172,3605 M177,3606 L177,3612 C177,3612.552 176.552,3613 176,3613 C175.448,3613 175,3612.552 175,3612 L175,3606 C175,3605.448 175.448,3605 176,3605 C176.552,3605 177,3605.448 177,3606' id='pause-%5B%231006%5D'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='800px' height='800px' viewBox='-1 0 8 8' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Dribbble-Light-Preview' transform='translate(-227.000000, -3765.000000)' fill='%23000000'%3E%3Cg id='icons' transform='translate(56.000000, 160.000000)'%3E%3Cpath d='M172,3605 C171.448,3605 171,3605.448 171,3606 L171,3612 C171,3612.552 171.448,3613 172,3613 C172.552,3613 173,3612.552 173,3612 L173,3606 C173,3605.448 172.552,3605 172,3605 M177,3606 L177,3612 C177,3612.552 176.552,3613 176,3613 C175.448,3613 175,3612.552 175,3612 L175,3606 C175,3605.448 175.448,3605 176,3605 C176.552,3605 177,3605.448 177,3606' id='pause-%5B%231006%5D'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.modal--paused .btn.btn--pause:after,
.modal--paused button:not([class^=mapbox]).btn--pause:after,
.modal--paused button[type=submit].btn--pause:after {
left: 0.3rem;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='17' height='20' viewBox='0 0 17 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 20V2.8V0L16.5 10L0.5 20Z' fill='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='17' height='20' viewBox='0 0 17 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 20V2.8V0L16.5 10L0.5 20Z' fill='white'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.btn.btn--close,
button:not([class^=mapbox]).btn--close,
button[type=submit].btn--close {
width: 1.5em;
height: 1.5em;
}
.btn.btn--close:after,
button:not([class^=mapbox]).btn--close:after,
button[type=submit].btn--close:after {
left: 0;
-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L12 10.5858L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L13.4142 12L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L12 13.4142L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L10.5858 12L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z' fill='%230F1729'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L12 10.5858L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L13.4142 12L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L12 13.4142L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L10.5858 12L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z' fill='%230F1729'/%3E%3C/svg%3E");
width: 0.7em;
height: 0.7em;
}
.btn.btn--popup span:after,
button:not([class^=mapbox]).btn--popup span:after,
button[type=submit].btn--popup span:after {
margin-left: 0.5em;
width: 1em;
height: 1em;
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7' y='1.5' width='12' height='12' stroke='%23040507'/%3E%3Cpath d='M5 7.5H1V19.5H13V15.9' stroke='%23040507'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7' y='1.5' width='12' height='12' stroke='%23040507'/%3E%3Cpath d='M5 7.5H1V19.5H13V15.9' stroke='%23040507'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.btn.btn--external span:after,
button:not([class^=mapbox]).btn--external span:after,
button[type=submit].btn--external span:after {
margin-left: 0.5em;
width: 1em;
height: 1em;
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3.5H2V18.5H17V14' stroke='white'/%3E%3Cpath d='M9 11.5L18 2.5M18 2.5V9.28571M18 2.5H11.2143' stroke='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3.5H2V18.5H17V14' stroke='white'/%3E%3Cpath d='M9 11.5L18 2.5M18 2.5V9.28571M18 2.5H11.2143' stroke='white'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.btn.btn--down span:after,
button:not([class^=mapbox]).btn--down span:after,
button[type=submit].btn--down span:after {
margin-left: 0.5em;
width: 1em;
height: 1em;
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 8.5L8 15.5M8 15.5L1 8.5M8 15.5L8 0.5' stroke='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 8.5L8 15.5M8 15.5L1 8.5M8 15.5L8 0.5' stroke='white'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.btn.load--active,
button:not([class^=mapbox]).load--active,
button[type=submit].load--active {
clip-path: inset(0 0 0 100%);
transition: clip-path 0.5s cubic-bezier(1, 0, 0.4, 1);
}
.btn.btn--link,
button:not([class^=mapbox]).btn--link,
button[type=submit].btn--link {
padding: 0;
padding-bottom: 1.2rem;
line-height: 1;
text-transform: inherit;
transition: all 0.33s ease;
}
.btn.btn--link:hover,
button:not([class^=mapbox]).btn--link:hover,
button[type=submit].btn--link:hover {
color: #f2d94c;
}
.btn.btn--link:before,
button:not([class^=mapbox]).btn--link:before,
button[type=submit].btn--link:before {
position: absolute;
right: 0.4rem;
bottom: 0;
left: 0;
background-color: currentColor;
height: 0.05rem;
content: "";
}
.btn.btn--link:after,
button:not([class^=mapbox]).btn--link:after,
button[type=submit].btn--link:after {
width: 2rem;
height: 2rem;
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3L15 10L8 17' stroke='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3L15 10L8 17' stroke='white'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.btn.btn--link span,
button:not([class^=mapbox]).btn--link span,
button[type=submit].btn--link span {
background: transparent;
}
.btn.btn--link span:last-child,
button:not([class^=mapbox]).btn--link span:last-child,
button[type=submit].btn--link span:last-child {
display: none;
}
form input,
form select {
border-radius: 0;
}
form input::-moz-placeholder, form select::-moz-placeholder {
opacity: 0.6;
color: currentColor;
font-size: 80%;
}
form input::placeholder,
form select::placeholder {
opacity: 0.6;
color: currentColor;
font-size: 80%;
}
form input[type=checkbox] {
display: inline-flex;
position: relative;
-webkit-appearance: none;
margin-right: 2.4rem;
outline: 0;
border: 0.1rem solid currentColor;
background-color: transparent;
width: 2.4rem;
min-width: 2.4rem;
height: 2.4rem;
color: #fff;
}
form input[type=checkbox]:hover {
cursor: pointer;
}
form input[type=checkbox]:after {
display: inline-block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.1;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0 0 50 50'%3E%3Cpath d='M 41.9375 8.625 C 41.273438 8.648438 40.664063 9 40.3125 9.5625 L 21.5 38.34375 L 9.3125 27.8125 C 8.789063 27.269531 8.003906 27.066406 7.28125 27.292969 C 6.5625 27.515625 6.027344 28.125 5.902344 28.867188 C 5.777344 29.613281 6.078125 30.363281 6.6875 30.8125 L 20.625 42.875 C 21.0625 43.246094 21.640625 43.410156 22.207031 43.328125 C 22.777344 43.242188 23.28125 42.917969 23.59375 42.4375 L 43.6875 11.75 C 44.117188 11.121094 44.152344 10.308594 43.78125 9.644531 C 43.410156 8.984375 42.695313 8.589844 41.9375 8.625 Z'%3E%3C/path%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0 0 50 50'%3E%3Cpath d='M 41.9375 8.625 C 41.273438 8.648438 40.664063 9 40.3125 9.5625 L 21.5 38.34375 L 9.3125 27.8125 C 8.789063 27.269531 8.003906 27.066406 7.28125 27.292969 C 6.5625 27.515625 6.027344 28.125 5.902344 28.867188 C 5.777344 29.613281 6.078125 30.363281 6.6875 30.8125 L 20.625 42.875 C 21.0625 43.246094 21.640625 43.410156 22.207031 43.328125 C 22.777344 43.242188 23.28125 42.917969 23.59375 42.4375 L 43.6875 11.75 C 44.117188 11.121094 44.152344 10.308594 43.78125 9.644531 C 43.410156 8.984375 42.695313 8.589844 41.9375 8.625 Z'%3E%3C/path%3E%3C/svg%3E");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
content: "";
}
form input[type=checkbox]:checked:after {
opacity: 1;
}
.section--invert form input[type=checkbox] {
color: #000;
}
form input:not([type=checkbox]),
form textarea,
form .frm_inline_box {
outline: 0;
border: 0.1rem solid currentColor;
background-color: inherit;
padding: 1.125rem 1.6rem;
color: currentColor;
line-height: 1;
}
.section--invert form input:not([type=checkbox]),
.section--invert form textarea,
.section--invert form .frm_inline_box {
color: #000;
}
form #getAddress-autocomplete-list {
background: #fff;
}
form .getAddress_autocomplete_suggestion:hover,
form .getAddress_autocomplete_suggestion_focused {
color: white !important;
}
form .frm_inline_box {
border-left: 0;
}
form select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
border: 0.1rem solid currentColor;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 7L10.5 14L17.5 7' stroke='white'/%3E%3C/svg%3E%0A");
background-position: right 1em center;
background-size: 1em;
background-repeat: no-repeat;
background-color: transparent;
padding: 0.8em 0.66em;
min-width: 16rem;
color: currentColor;
font-size: max(1.3rem, min(1vw, 1.6rem));
line-height: 1;
font-family: "ballinger-condensed", Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
form select:hover {
cursor: pointer;
}
form select option {
color: #221f20;
text-transform: capitalize;
}
.section--invert form select {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 7L10.5 14L17.5 7' stroke='black'/%3E%3C/svg%3E%0A");
color: #000;
}
form#form_contact-development select, form#form_stamp-duty-calculator select, form#form_stamp-duty-calculator-development select {
padding: 1.3rem 1.6rem;
min-width: auto;
}
.media {
display: inline;
}
.media[data-caption] {
display: inline-block;
}
.media[data-caption]:after {
position: absolute;
top: calc(100% + 0.33em);
left: 0;
content: attr(data-caption);
font-size: 75%;
}
.media p {
position: absolute;
bottom: 1rem;
left: 1.5rem;
margin-bottom: 0;
font-size: 0.8em;
}
.media.media--videoset .media--desktop {
display: none;
}
@media (min-width: 576px) {
.media.media--videoset .media--desktop {
display: block;
}
}
.media.media--videoset .media--mobile {
display: block;
}
@media (min-width: 576px) {
.media.media--videoset .media--mobile {
display: none;
}
}
.media.media--responsive {
display: inline-block;
position: relative;
padding-top: 52%;
width: 100%;
}
.media.media--responsive img,
.media.media--responsive video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.modal {
display: block;
position: relative;
z-index: 2;
width: 100%;
transition: transform cubic-bezier(1, 0, 0.4, 1) 0.75s, z-index linear 0s 0.75s;
transform: translateX(0) translateY(0);
color: #fff;
}
@media (max-width: 991.98px) {
.modal {
margin: 0 auto;
}
}
@media (min-width: 768px) {
.modal {
max-width: 57rem;
}
}
body:has(.modal--active) .modal:not(.modal--active) {
transition: z-index linear 0s 0s;
}
.modal .modal__link {
transition: 0.25s opacity linear 0.75s !important;
}
.modal .modal__link {
padding-top: 0.5em;
padding-bottom: 1em;
font-size: 80%;
}
.modal .modal__link a {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.modal .modal__link a:hover {
color: #f2d94c;
}
.modal .modal__link p {
margin: 0;
}
@media (max-width: 767.98px) {
.modal .modal__link {
padding-left: 0;
width: 100%;
text-align: center;
}
}
.modal.modal--active .modal__link {
transition: 0.15s opacity linear !important;
}
.modal.modal--active .modal__link {
opacity: 0;
}
.modal .btn.btn--close {
border-width: 0.006em;
width: 1rem;
height: 1rem;
}
.modal .btn.btn--close:after {
width: 0.6rem;
height: 0.6rem;
}
.modal.modal--active {
transform: translateX(var(--modalX)) translateY(var(--modalY));
transition: transform cubic-bezier(1, 0, 0.4, 1) 0.75s, z-index linear 0s 0s;
}
.modal.modal--active .modal__play {
pointer-events: none;
}
.modal__close {
transition: 0.25s opacity linear 0.75s !important;
}
.modal__close {
position: absolute;
top: 1.4rem;
right: 1.4rem;
z-index: 1;
width: 2rem;
height: 2rem;
opacity: 0;
}
.modal--active .modal__close {
transition: 0.5s opacity linear !important;
}
.modal--active .modal__close {
opacity: 1;
}
.modal__inner {
position: relative;
transform-origin: top left;
border: 0.1rem solid #fff;
border-radius: 0.4rem;
padding-top: 56%;
width: 100%;
overflow: hidden;
transition: all cubic-bezier(1, 0, 0.4, 1) 0.75s;
}
.modal__inner video {
position: absolute;
top: 0;
left: 0;
z-index: 0;
background: #221f20;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: 0s object-fit 0.75s;
transition: 0s object-fit 0.75s, 0s -o-object-fit 0.75s;
}
.modal__inner .media {
z-index: 0;
}
.modal--active .modal__inner {
width: var(--modalWidth) !important;
max-width: var(--modalWidth) !important;
}
.modal--active .modal__inner {
transform: scale(var(--modalScale));
border-color: #221f20;
border-radius: 0;
}
.modal--active .modal__inner video {
transform: scale(1);
-o-object-fit: contain;
object-fit: contain;
transition: 0s object-fit 0.75s;
transition: 0s object-fit 0.75s, 0s -o-object-fit 0.75s;
}
.modal__play,
.modal__pause {
margin: auto !important;
}
.modal__play,
.modal__pause {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
z-index: 1;
transition: 0.25s opacity linear 0.75s, transform cubic-bezier(1, 0, 0.4, 1) 0.75s;
}
.modal--active .modal__play,
.modal--active .modal__pause {
opacity: 0;
transition: 0.5s opacity linear, transform cubic-bezier(1, 0, 0.4, 1) 0.75s;
}
.modal__pause {
opacity: 0;
pointer-events: none;
transition: ease 0.1s opacity;
}
.modal--active .modal__pause {
transition: ease 1s opacity;
}
.modal--active.modal--hover .modal__pause {
opacity: 1;
pointer-events: all;
transition: ease 0.2s opacity;
}
.modal__play {
z-index: 3;
transform: scale(1);
transform: scale(var(--buttonScale, 1));
}
.modal__pause {
transform: scale(1);
transform: scale(var(--buttonScale, 1));
}
.contact-widget {
display: flex;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
justify-content: flex-end;
opacity: 1;
z-index: 10;
margin: 0 auto;
height: 100vh;
height: var(--contact-height, 100vh);
overflow: clip;
pointer-events: none;
font-size: 1.4rem;
transition: 0.33s ease opacity;
}
@media (max-width: 991.98px) {
.contact-widget {
height: 100% !important;
}
}
.contact-widget ul {
border: 0.1rem solid black;
width: 3.8rem;
overflow: hidden;
}
.contact-widget.contact--loaded ul {
transition: 0.33s cubic-bezier(1, 0, 0.4, 1) width;
}
.contact-widget.contact--loaded .contact-widget__toggle:after {
transition: 0.33s cubic-bezier(1, 0, 0.4, 1) transform;
}
.contact-widget.contact--loaded li {
transition: 0.33s cubic-bezier(1, 0, 0.4, 1) padding;
}
.contact-widget.contact--loaded a:before {
transition: 0.33s cubic-bezier(1, 0, 0.4, 1);
}
.contact-widget.contact--show ul {
width: 100%;
width: var(--expanded-width, 100%);
}
.contact-widget.contact--show .contact-widget__toggle:after {
transform: scaleX(1);
}
.contact-widget.contact--show li {
padding-left: 1.6rem;
}
.contact-widget.contact--show a:before {
padding-right: 1.5rem;
max-width: 100%;
}
body:has(.popup--active) .contact-widget {
opacity: 0;
}
.contact-widget__inner {
display: flex;
position: sticky;
top: calc(100vh - 15rem);
justify-content: flex-end;
margin-bottom: auto;
padding-bottom: 1rem;
pointer-events: all;
}
.contact-widget__inner > a {
display: inline-flex;
align-items: center;
margin: auto 0;
border: 0.1rem solid #000;
border-right: 0;
background: #fff;
padding: 0.7rem;
}
.contact-widget__inner > a:after {
display: inline-flex;
transform: scaleX(-1);
margin: auto;
width: 1.4rem;
height: 1.4rem;
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8L1 15' stroke='black'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8L1 15' stroke='black'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: #000;
}
.contact-widget__inner > a:hover {
background: #f2d94c;
}
.contact-widget__inner li {
display: flex;
justify-content: flex-end;
border-bottom: 0.1rem solid #000;
background: #fff;
padding-left: 0;
color: #221f20;
line-height: 1;
text-align: right;
white-space: nowrap;
}
.contact-widget__inner li:hover {
background: #f2d94c;
}
.contact-widget__inner li:last-child {
border: 0;
}
.contact-widget__inner li a {
display: inline-flex;
position: relative;
justify-content: space-between;
align-items: center;
width: 100%;
text-align: left;
}
.contact-widget__inner li a:before {
padding-right: 0;
max-width: 0;
overflow: hidden;
content: attr(data-label);
text-overflow: clip;
white-space: nowrap;
}
.contact-widget__inner li a span {
flex-shrink: 0;
padding: 0.9rem;
}
.contact-widget__inner li a span:after {
display: inline-block;
align-items: center;
width: 1.8rem;
height: 1.8rem;
content: "";
}
.contact-widget__inner li.contact-widget__phone a span:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.85714 7.35714L8 5.21429L3.35597 0.570258C3.31717 0.531455 3.25426 0.531455 3.21546 0.570258C0.887325 2.89839 0.887324 6.67304 3.21546 9.00117L8.49883 14.2845C10.827 16.6127 14.6016 16.6127 16.9297 14.2845C16.9685 14.2457 16.9685 14.1828 16.9297 14.144L12.2857 9.5L10.1429 11.6429L5.85714 7.35714Z' stroke='black'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.85714 7.35714L8 5.21429L3.35597 0.570258C3.31717 0.531455 3.25426 0.531455 3.21546 0.570258C0.887325 2.89839 0.887324 6.67304 3.21546 9.00117L8.49883 14.2845C10.827 16.6127 14.6016 16.6127 16.9297 14.2845C16.9685 14.2457 16.9685 14.1828 16.9297 14.144L12.2857 9.5L10.1429 11.6429L5.85714 7.35714Z' stroke='black'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.contact-widget__inner li.contact-widget__email {
border-top: 0 !important;
}
.contact-widget__inner li.contact-widget__email a span:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.5V12.5H17V0.5M1 0.5H17M1 0.5L9.14035 7.20909L17 0.5' stroke='black'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.5V12.5H17V0.5M1 0.5H17M1 0.5L9.14035 7.20909L17 0.5' stroke='black'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.contact-widget__inner li.contact-widget__whatsapp {
border-top: 0 !important;
}
.contact-widget__inner li.contact-widget__whatsapp a span:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.1868%205.60328C15.7824%204.70492%2015.2019%203.89836%2014.4649%203.20328C13.7278%202.51475%2012.8734%201.97049%2011.9211%201.59016C10.9362%201.19672%209.89256%201%208.81634%201C7.74012%201%206.6965%201.19672%205.7116%201.59016C4.7593%201.97049%203.90485%202.5082%203.1678%203.20328C2.43075%203.89836%201.85025%204.70492%201.44585%205.60328C1.02841%206.53443%200.813148%207.53115%200.813148%208.5541C0.813148%2010.3443%201.47844%2012.0623%202.69816%2013.4262L2.04591%2017L5.51592%2015.4459C6.55301%2015.8918%207.65532%2016.1148%208.80981%2016.1148C9.88603%2016.1148%2010.9297%2015.918%2011.9146%2015.5246C12.8669%2015.1443%2013.7213%2014.6066%2014.4584%2013.9115C15.1954%2013.2164%2015.7759%2012.4098%2016.1803%2011.5115C16.5977%2010.5803%2016.813%209.58361%2016.813%208.56066C16.8195%207.53115%2016.6043%206.54098%2016.1868%205.60328Z%22%20stroke%3D%22white%22%2F%3E%3Cpath%20d%3D%22M11.9519%209.73265C11.6139%209.5686%2011.367%209.46764%2011.1916%209.40455C11.0811%209.36669%2010.8212%209.25311%2010.7302%209.32252C10.4443%209.54967%2010.1388%2010.1933%209.81393%2010.3131C9.00815%2010.1617%208.26086%209.62539%207.67601%209.07644C7.41608%208.83667%206.93521%208.15522%206.83124%207.97224C6.81174%207.78295%207.16264%207.53056%207.24062%207.38543C7.64351%206.94375%207.3381%206.66613%207.28612%206.48314C7.19514%206.29385%207.03919%205.95313%206.90272%205.6755C6.78576%205.49252%206.75974%205.2212%206.55179%205.12025C5.66803%204.67856%205.16119%205.56193%204.95324%206.02254C3.69908%208.95656%2011.2371%2014.5407%2012.7706%2010.6917C12.8486%2010.3573%2012.8161%2010.2311%2012.6992%2010.0797C12.4652%209.92194%2012.1923%209.85254%2011.9519%209.73265Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.1868%205.60328C15.7824%204.70492%2015.2019%203.89836%2014.4649%203.20328C13.7278%202.51475%2012.8734%201.97049%2011.9211%201.59016C10.9362%201.19672%209.89256%201%208.81634%201C7.74012%201%206.6965%201.19672%205.7116%201.59016C4.7593%201.97049%203.90485%202.5082%203.1678%203.20328C2.43075%203.89836%201.85025%204.70492%201.44585%205.60328C1.02841%206.53443%200.813148%207.53115%200.813148%208.5541C0.813148%2010.3443%201.47844%2012.0623%202.69816%2013.4262L2.04591%2017L5.51592%2015.4459C6.55301%2015.8918%207.65532%2016.1148%208.80981%2016.1148C9.88603%2016.1148%2010.9297%2015.918%2011.9146%2015.5246C12.8669%2015.1443%2013.7213%2014.6066%2014.4584%2013.9115C15.1954%2013.2164%2015.7759%2012.4098%2016.1803%2011.5115C16.5977%2010.5803%2016.813%209.58361%2016.813%208.56066C16.8195%207.53115%2016.6043%206.54098%2016.1868%205.60328Z%22%20stroke%3D%22white%22%2F%3E%3Cpath%20d%3D%22M11.9519%209.73265C11.6139%209.5686%2011.367%209.46764%2011.1916%209.40455C11.0811%209.36669%2010.8212%209.25311%2010.7302%209.32252C10.4443%209.54967%2010.1388%2010.1933%209.81393%2010.3131C9.00815%2010.1617%208.26086%209.62539%207.67601%209.07644C7.41608%208.83667%206.93521%208.15522%206.83124%207.97224C6.81174%207.78295%207.16264%207.53056%207.24062%207.38543C7.64351%206.94375%207.3381%206.66613%207.28612%206.48314C7.19514%206.29385%207.03919%205.95313%206.90272%205.6755C6.78576%205.49252%206.75974%205.2212%206.55179%205.12025C5.66803%204.67856%205.16119%205.56193%204.95324%206.02254C3.69908%208.95656%2011.2371%2014.5407%2012.7706%2010.6917C12.8486%2010.3573%2012.8161%2010.2311%2012.6992%2010.0797C12.4652%209.92194%2012.1923%209.85254%2011.9519%209.73265Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.accordion ul li {
margin-bottom: 2.4rem;
}
.accordion ul li .h3 {
line-height: 1;
}
.accordion ul li ul,
.accordion ul li ol {
margin-left: 1em;
list-style: disc;
}
.accordion ul li ul li,
.accordion ul li ol li {
margin-bottom: 0.175em;
}
.accordion ul li ul li:before,
.accordion ul li ol li:before {
display: none;
}
.accordion ul li ol {
list-style: decimal;
}
.accordion summary {
display: flex;
position: relative;
align-items: center;
}
.accordion summary:after {
display: inline-block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 2rem;
height: 2rem;
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 6.5H13.5M7 13L7 0' stroke='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 6.5H13.5M7 13L7 0' stroke='white'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.accordion details[open] summary {
color: #f2d94c;
}
.accordion details[open] summary:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='13' height='1' viewBox='0 0 13 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='0.5' x2='13' y2='0.5' stroke='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='13' height='1' viewBox='0 0 13 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='0.5' x2='13' y2='0.5' stroke='white'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.accordion details > p,
.accordion details > .wysiwyg {
margin-top: 2rem;
padding-right: 4rem;
}
.accordion summary:hover {
cursor: pointer;
color: #f2d94c;
}
.pagination {
display: inline-flex;
gap: 0.4rem;
margin-top: 1rem;
padding: 2rem 1rem;
line-height: 1;
}
@media (min-width: 768px) {
.pagination {
padding: max(1rem, min(4vw, 3.6rem)) max(0rem, min(4vw, 3.6rem));
}
}
.pagination > * {
display: inline-flex;
justify-content: center;
align-items: center;
border: 0.1rem solid #fff;
width: max(3rem, min(8vw, 4.2rem));
height: max(3rem, min(8vw, 4.2rem));
-webkit-text-decoration: none;
text-decoration: none;
}
.section--invert .pagination > * {
border-color: #000;
}
.pagination a:not(.next):not(.prev):hover {
background: rgba(255, 255, 255, 0.2);
}
.section--invert .pagination a:not(.next):not(.prev):hover {
background: rgba(0, 0, 0, 0.2);
}
.pagination span {
background: #fff;
color: #000;
}
.section--invert .pagination span {
background: #000;
color: #fff;
}
.pagination .next,
.pagination .prev {
position: relative;
border: 0;
width: auto;
overflow: hidden;
text-indent: -100000rem;
}
.pagination .next:hover,
.pagination .prev:hover {
background-color: transparent;
}
.pagination .next:after,
.pagination .prev:after {
width: 1rem;
height: 1.5rem;
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.5L8 7.5L1 14.5' stroke='%23040507'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.5L8 7.5L1 14.5' stroke='%23040507'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.pagination .prev:after {
transform: scaleX(-1);
}
.pagination .next {
margin-left: 0.5em;
}
.pagination .prev {
margin-right: 0.5em;
}
.popup {
position: static;
position: initial;
}
.popup__content {
display: flex;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
justify-content: center;
align-items: center;
opacity: 0;
z-index: 10;
pointer-events: none;
transition: 0.33s ease opacity;
}
.popup__content .row {
position: relative;
}
.popup__content .media {
display: inline-block;
width: 100%;
height: 100%;
max-height: calc(100vh - 14rem);
}
.popup__content .media img,
.popup__content .media video {
width: 100%;
height: 100%;
-o-object-fit: coverl;
object-fit: coverl;
}
.popup--active .popup__content {
opacity: 1;
-webkit-backdrop-filter: blur(0.5rem);
backdrop-filter: blur(0.5rem);
background: rgba(34, 31, 32, 0.5);
pointer-events: all;
}
.popup__close {
width: 3rem !important;
height: 3rem !important;
}
.popup__close {
position: absolute;
top: 2rem;
right: 3.5rem;
z-index: 4;
margin-bottom: 2rem;
}
.popup__close:after {
width: 1em !important;
height: 1em !important;
}
.hero {
display: flex;
position: relative;
flex-direction: column;
align-items: center;
}
@media (min-width: 768px) {
.hero {
display: block;
min-height: auto;
}
.hero:not(.hero--alt):not(.hero-specs):not(.hero--apartment):not(.hero--development) {
padding: 0 !important;
}
.hero:not(.hero--alt):not(.hero-specs):not(.hero--apartment):not(.hero--development) {
display: flex;
align-items: center;
}
}
.hero__breadcrumbs {
padding-top: max(1.5rem, min(10vw, 1rem)) !important;
}
.hero__breadcrumbs {
position: relative;
padding-bottom: max(4rem, min(4vw, 7rem));
}
.hero .section__background video,
.hero .section__background img,
.hero .section__background iframe {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.hero.hero--alt {
padding-top: max(8rem, min(12vw, 16rem)) !important;
}
.hero.hero--alt .content__wrap {
margin: 0;
max-width: 100%;
}
.hero.hero--alt .content__wrap > *:not(h1) {
max-width: 100%;
}
.hero.hero--alt .btn {
margin-top: 0.7em;
margin-bottom: 2.3rem;
}
@media (min-width: 768px) {
.hero.hero--alt {
padding-top: max(16rem, min(20vw, 32rem)) !important;
}
.hero.hero--alt .content__wrap > *:not(h1) {
max-width: 68.7rem;
}
}
.hero.hero--apartment {
padding-top: max(8rem, min(10vw, 10rem)) !important;
}
.hero.hero--apartment .content__wrap {
margin-top: max(5rem, min(4vw, 10rem));
margin-left: 0;
max-width: 61rem;
text-align: left;
}
.hero:not(.hero--alt):not(.hero-specs):not(.hero--apartment) .section__inner {
align-items: center;
padding: max(4rem, min(8vw, 8rem)) 0;
height: auto;
}
@media (min-width: 768px) {
.hero:not(.hero--alt):not(.hero-specs):not(.hero--apartment) .section__inner {
padding: 0;
height: 53.6vw;
}
}
body.admin-bar .hero:not(.hero--alt):not(.hero-specs):not(.hero--apartment) .section__inner {
height: auto;
}
@media (min-width: 768px) {
body.admin-bar .hero:not(.hero--alt):not(.hero-specs):not(.hero--apartment) .section__inner {
height: calc(53.6vw - 3.2rem);
}
}
body.page-template-template-neighbourhood .hero:not(.hero--alt):not(.hero-specs):not(.hero--apartment) .section__inner {
align-items: initial;
}
.hero:has(.hero__logo):not(.hero-alt) .section__inner {
height: auto !important;
}
@media (min-width: 768px) {
.hero:has(.hero__logo):not(.hero-alt) .section__inner {
height: 45vw !important;
}
}
body.page-template-template-development .hero:not(.hero-specs):not(.hero--alt), body.page-template-template-neighbourhood .hero:not(.hero-specs):not(.hero--alt) {
padding-bottom: 0 !important;
}
body.page-template-template-development .hero:not(.hero-specs):not(.hero--alt) .section__inner, body.page-template-template-neighbourhood .hero:not(.hero-specs):not(.hero--alt) .section__inner {
min-height: 65rem;
}
@media (min-width: 992px) {
body.page-template-template-development .hero:not(.hero-specs):not(.hero--alt), body.page-template-template-neighbourhood .hero:not(.hero-specs):not(.hero--alt) {
padding-top: 13rem !important;
}
}
.hero.hero-specs .section__title {
padding-bottom: 0;
}
.hero.hero-specs .section__title img {
margin-bottom: 3rem;
}
.hero.hero-specs:not(:has(.hero-specs__entries)) .hero-specs__inner {
padding-bottom: 3em;
}
.hero.hero-specs:has(+ .form) {
padding-bottom: 0 !important;
}
.hero.hero-specs:has(+ .form) + .form {
padding-top: 0 !important;
}
.hero.hero-specs:has(+ .form) + .form h2 {
margin-top: 3rem;
}
.hero.hero-specs .content__wrap,
.hero.hero-specs .media {
display: inline-block;
margin: 0 auto;
max-width: 71rem;
}
.hero.hero-specs .section__title .media {
max-width: 30rem;
max-height: 7rem;
}
.hero.hero-specs .section__title .media img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.hero.hero-specs .hero-specs__media .media {
margin-bottom: max(5rem, min(4vw, 10rem));
}
.hero.hero-specs .hero-specs__entries-wrap {
box-shadow: none !important;
box-shadow: initial !important;
}
.hero.hero-specs .hero-specs__entries-wrap {
background: transparent;
color: #fff;
}
.hero.hero-specs .hero-specs__entries-wrap p.h3 {
padding-left: 0;
font-size: max(2rem, min(4vw, 3.1rem));
font-family: Geist, Helvetica, Arial, sans-serif;
font-family: var(--font-body);
text-transform: inherit;
white-space: nowrap;
}
.hero.hero-specs .hero-specs__entries-wrap p.h3:before {
display: none;
}
.hero.hero-specs .hero-specs__entries-wrap p,
.hero.hero-specs .hero-specs__entries-wrap small {
margin-left: 1.2rem;
text-align: left;
}
.hero.hero-specs ul li {
display: flex;
align-items: center;
}
.hero.hero-specs ul li p.h3 {
margin-bottom: 0;
}
.hero.hero-specs ul li > div {
align-items: center;
}
@media (max-width: 991.98px) {
.hero.hero-specs ul li .media {
width: auto;
}
.hero.hero-specs ul li > * {
width: 100%;
}
.hero.hero-specs ul li > * br {
display: none;
}
.hero.hero-specs ul li > div {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
}
.hero.hero-specs ul li small {
margin-top: 0.66em;
}
}
.hero.hero-specs ul li > * {
margin: 0;
}
.hero.hero-specs ul li .media {
margin: 0;
}
.hero.hero-specs ul li img {
width: 4.4rem;
height: 4.4rem;
-o-object-fit: contain;
object-fit: contain;
}
.hero:has(.hero__modal) .content__wrap {
margin: 20vw auto;
}
.hero .content__wrap {
margin: 0 auto;
max-width: 112rem;
}
.hero .content__wrap:has(.btn) h1 {
margin-bottom: 0.5em;
}
body.page-template-template-neighbourhood .hero .content__wrap {
max-width: 100%;
}
@media (max-width: 767.98px) {
.hero:not(.hero--alt) .hero__container {
display: flex;
flex-direction: column;
justify-content: space-around;
min-height: 60svh;
}
}
.hero__media {
margin-top: 2rem;
}
.hero__caption {
position: absolute;
right: 0;
bottom: 2rem;
left: 0;
margin: auto;
}
.hero__logo {
display: flex;
justify-content: center;
margin: auto;
}
body.page-template-template-neighbourhood .hero__logo img {
margin-bottom: 0;
}
.hero__logo img {
margin-bottom: 5vw;
width: 100%;
max-width: max(30rem, min(37vw, 65rem));
height: 100%;
max-height: max(50rem, min(30vw, 65rem));
-o-object-fit: contain;
object-fit: contain;
}
.hero__modal {
position: relative;
right: auto;
bottom: auto;
left: auto;
margin-top: 5rem;
margin: 0 auto;
width: 100%;
}
@media (min-width: 992px) {
.hero__modal {
position: absolute;
right: 1.5rem;
bottom: 0;
left: 1.5rem;
margin-top: 0;
max-width: 100%;
}
}
.hero__modal .modal {
max-width: 34.2rem;
}
.hero__modal .modal,
.hero__modal .media {
display: block;
margin: 0 auto 3rem;
}
@media (min-width: 768px) {
.hero__modal .modal,
.hero__modal .media {
margin-right: 0;
margin-left: auto;
}
}
.hero__footer {
margin-top: 4rem;
}
.hero__ticker {
display: flex;
position: relative;
z-index: 10;
background: #fff;
padding: max(0.5rem, min(4vw, 1rem)) 0;
width: 100vw;
color: #221f20;
}
.hero__ticker-entry {
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
animation: ticker 50s linear infinite;
width: 200vw;
min-width: 105rem;
overflow: hidden;
font-size: max(1.2rem, min(1.8vw, 1.6rem));
}
.hero__ticker-entry span {
display: inline-flex;
flex-wrap: nowrap;
align-items: center;
padding: 0 1rem;
line-height: 1;
white-space: nowrap;
}
.hero__gallery {
margin-right: 0;
margin-left: auto;
overflow: visible;
text-align: right;
}
.hero__gallery > div {
position: sticky;
top: 10rem;
}
.hero__gallery .slider__navigation {
justify-content: flex-end;
margin-top: 1.8rem;
}
.hero__gallery:has(small) {
text-align: left;
}
.hero__gallery:has(small) .slider__navigation {
margin-bottom: 1em;
}
.hero__gallery:has(small) p {
margin-bottom: 4em;
}
.hero__gallery-inner {
overflow: hidden;
}
.hero__gallery-inner .media {
vertical-align: bottom;
padding-top: 90%;
}
.hero__specs {
margin-top: max(4rem, min(4vw, 7.5rem));
margin-bottom: 1em;
}
.hero__specs-entry {
display: inline-flex;
align-items: center;
}
.hero__specs .hero__specs-entry {
display: flex;
border-bottom: 0.1rem solid #636466;
padding: 1.2rem 0;
width: 100%;
}
.hero__specs .hero__specs-entry:before {
margin-right: 1.2rem;
}
.hero__specs .hero__specs-entry:last-child {
border: 0;
}
.hero__specs-entry:before {
display: inline-flex;
align-items: center;
width: 2.4rem;
height: 2.4rem;
content: "";
}
.hero__specs-entry.spec--price:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='1' width='19' height='19' rx='9.5' stroke='%23040507'/%3E%3Cpath d='M12.5 13.7795V14.5H7.5V13.7795H8.50309V10.8336H7.5V10.1611H8.50309V8.77885C8.50309 8.02813 8.71228 7.46064 9.13066 7.07638C9.55247 6.69213 10.1715 6.5 10.9877 6.5C11.2174 6.5 11.454 6.51779 11.6975 6.55337C11.9444 6.58539 12.1588 6.63164 12.3405 6.69213V7.41795C11.9359 7.28986 11.5003 7.22582 11.034 7.22582C10.4304 7.22582 9.988 7.34857 9.70679 7.59406C9.42558 7.836 9.28498 8.22559 9.28498 8.76284V10.1611H11.5947V10.8336H9.28498V13.7795H12.5Z' fill='%23040507'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='1' width='19' height='19' rx='9.5' stroke='%23040507'/%3E%3Cpath d='M12.5 13.7795V14.5H7.5V13.7795H8.50309V10.8336H7.5V10.1611H8.50309V8.77885C8.50309 8.02813 8.71228 7.46064 9.13066 7.07638C9.55247 6.69213 10.1715 6.5 10.9877 6.5C11.2174 6.5 11.454 6.51779 11.6975 6.55337C11.9444 6.58539 12.1588 6.63164 12.3405 6.69213V7.41795C11.9359 7.28986 11.5003 7.22582 11.034 7.22582C10.4304 7.22582 9.988 7.34857 9.70679 7.59406C9.42558 7.836 9.28498 8.22559 9.28498 8.76284V10.1611H11.5947V10.8336H9.28498V13.7795H12.5Z' fill='%23040507'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.hero__specs-entry.spec--bedrooms:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 16.8913V9.26087H2V16.8913M23 16.8913H2M23 16.8913V21H20.27L20.27 18.8478H4.73V21H2V16.8913M4.94 3H20.06V9.26087H4.94V3ZM7.46677 6.71739H11.234V9.26087H7.46677V6.71739ZM13.7668 6.71739H17.534V9.26087H13.7668V6.71739Z' stroke='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 16.8913V9.26087H2V16.8913M23 16.8913H2M23 16.8913V21H20.27L20.27 18.8478H4.73V21H2V16.8913M4.94 3H20.06V9.26087H4.94V3ZM7.46677 6.71739H11.234V9.26087H7.46677V6.71739ZM13.7668 6.71739H17.534V9.26087H13.7668V6.71739Z' stroke='white'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.hero__specs-entry.spec--aspect:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='26' height='28' viewBox='0 0 26 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.6367 26.971L24.6367 1.41113L1.00078 1.41113L1.00078 26.971L24.6367 26.971Z' stroke='white' stroke-linecap='round'/%3E%3Cpath d='M22.668 13.289L22.668 3.53125L2.96829 3.53125L2.96829 13.289L22.668 13.289Z' stroke='white' stroke-linecap='round'/%3E%3Cpath d='M22.668 24.8525L22.668 15.0947L2.96829 15.0947L2.96829 24.8525L22.668 24.8525Z' stroke='white' stroke-linecap='round'/%3E%3Cpath d='M12.9883 15.6465L12.9883 24.7057' stroke='white' stroke-linecap='round'/%3E%3Cpath d='M12.9883 3.99902L12.9883 13.0582' stroke='white' stroke-linecap='round'/%3E%3Cpath d='M19.3789 5.89355L20.7376 7.25228' stroke='white' stroke-linecap='round'/%3E%3Cpath d='M16.8164 5.70996L20.8981 9.79166' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='26' height='28' viewBox='0 0 26 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.6367 26.971L24.6367 1.41113L1.00078 1.41113L1.00078 26.971L24.6367 26.971Z' stroke='white' stroke-linecap='round'/%3E%3Cpath d='M22.668 13.289L22.668 3.53125L2.96829 3.53125L2.96829 13.289L22.668 13.289Z' stroke='white' stroke-linecap='round'/%3E%3Cpath d='M22.668 24.8525L22.668 15.0947L2.96829 15.0947L2.96829 24.8525L22.668 24.8525Z' stroke='white' stroke-linecap='round'/%3E%3Cpath d='M12.9883 15.6465L12.9883 24.7057' stroke='white' stroke-linecap='round'/%3E%3Cpath d='M12.9883 3.99902L12.9883 13.0582' stroke='white' stroke-linecap='round'/%3E%3Cpath d='M19.3789 5.89355L20.7376 7.25228' stroke='white' stroke-linecap='round'/%3E%3Cpath d='M16.8164 5.70996L20.8981 9.79166' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.hero__specs-entry.spec--floor:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='22' viewBox='0 0 16 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='7.89474' height='20' stroke='white'/%3E%3Cpath d='M3.87109 19.0862H5.78497V21.0001H3.87109V19.0862Z' stroke='white'/%3E%3Cpath d='M6.26144 3.95721V2.81812M6.26144 6.52019V5.3811M6.26144 9.08314V7.94405M6.26144 11.6461V10.507M6.26144 14.2091V13.07M6.26144 16.7721V15.633M3.39062 3.95721V2.81812M3.39062 6.52019V5.3811M3.39062 9.08314V7.94405M3.39062 11.6461V10.507M3.39062 14.2091V13.07M3.39062 16.7721V15.633' stroke='white'/%3E%3Crect x='9' y='9' width='6' height='12' stroke='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='16' height='22' viewBox='0 0 16 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='7.89474' height='20' stroke='white'/%3E%3Cpath d='M3.87109 19.0862H5.78497V21.0001H3.87109V19.0862Z' stroke='white'/%3E%3Cpath d='M6.26144 3.95721V2.81812M6.26144 6.52019V5.3811M6.26144 9.08314V7.94405M6.26144 11.6461V10.507M6.26144 14.2091V13.07M6.26144 16.7721V15.633M3.39062 3.95721V2.81812M3.39062 6.52019V5.3811M3.39062 9.08314V7.94405M3.39062 11.6461V10.507M3.39062 14.2091V13.07M3.39062 16.7721V15.633' stroke='white'/%3E%3Crect x='9' y='9' width='6' height='12' stroke='white'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.hero__specs-entry.spec--size:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='1' width='19' height='19' stroke='%23040507' stroke-dasharray='10 10'/%3E%3Cpath d='M14.4997 6L8.3418 12.1579M14.4997 6V9.31579M14.4997 6H11.1839' stroke='%23040507'/%3E%3Cpath d='M5.50051 15L9.76367 10.7368M5.50051 15V11.6842M5.50051 15H8.8163' stroke='%23000000'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='1' width='19' height='19' stroke='%23040507' stroke-dasharray='10 10'/%3E%3Cpath d='M14.4997 6L8.3418 12.1579M14.4997 6V9.31579M14.4997 6H11.1839' stroke='%23040507'/%3E%3Cpath d='M5.50051 15L9.76367 10.7368M5.50051 15V11.6842M5.50051 15H8.8163' stroke='%23000000'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.hero__specs-entry.spec--bathrooms:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='26' height='20' viewBox='0 0 26 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.27734 8.11914V8.98386C2.27734 15.077 5.42546 17.702 11.3452 17.702H16.5571C20.5151 17.702 23.7248 14.3976 23.7248 10.3226V8.11914H2.27734Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.75109 17.2441L5.92578 18.6131' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.1602 16.7891L20.9855 18.6144' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.722 8.57469V3.04344C23.722 2.06994 22.9092 1.27344 21.9158 1.27344H20.0523C19.0589 1.27344 18.2461 2.06994 18.2461 3.04344' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.7227 8.11914H24.6353' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.3359 3.09863H19.6176' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.3359 6.19336V7.10602' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.4297 5.19531V6.10797' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.36328 8.11914H2.27594' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.9891 11.7695C20.9891 11.7695 19.7173 15.0866 16.4258 15.4202' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='26' height='20' viewBox='0 0 26 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.27734 8.11914V8.98386C2.27734 15.077 5.42546 17.702 11.3452 17.702H16.5571C20.5151 17.702 23.7248 14.3976 23.7248 10.3226V8.11914H2.27734Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.75109 17.2441L5.92578 18.6131' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.1602 16.7891L20.9855 18.6144' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.722 8.57469V3.04344C23.722 2.06994 22.9092 1.27344 21.9158 1.27344H20.0523C19.0589 1.27344 18.2461 2.06994 18.2461 3.04344' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.7227 8.11914H24.6353' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.3359 3.09863H19.6176' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.3359 6.19336V7.10602' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.4297 5.19531V6.10797' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.36328 8.11914H2.27594' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.9891 11.7695C20.9891 11.7695 19.7173 15.0866 16.4258 15.4202' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.hero__specs-entry.spec--completion:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 4.66699H2V28.667H30V4.66699Z' stroke='white'/%3E%3Cline x1='23.5071' y1='2' x2='23.5071' y2='7.39007' stroke='white'/%3E%3Cline x1='15.9612' y1='2' x2='15.9612' y2='7.39007' stroke='white'/%3E%3Cline x1='8.41504' y1='2' x2='8.41504' y2='7.39007' stroke='white'/%3E%3Cpath d='M4.66675 10H27.3334' stroke='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 4.66699H2V28.667H30V4.66699Z' stroke='white'/%3E%3Cline x1='23.5071' y1='2' x2='23.5071' y2='7.39007' stroke='white'/%3E%3Cline x1='15.9612' y1='2' x2='15.9612' y2='7.39007' stroke='white'/%3E%3Cline x1='8.41504' y1='2' x2='8.41504' y2='7.39007' stroke='white'/%3E%3Cpath d='M4.66675 10H27.3334' stroke='white'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.hero__specs-entry.spec--terrace:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='46' height='44' viewBox='0 0 46 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.035 14.1957H7.10756L23.035 5L38.9624 14.1957H23.035ZM23.035 14.1957V39.5479M10.9937 25.909H35.0064M1 21.8161L6.93016 32.0874M6.93016 32.0874H14.6719V39.5133M6.93016 32.0874V39.5133M45 21.8161L39.0698 32.0874M39.0698 32.0874H31.3281V39.5133M39.0698 32.0874V39.5133' stroke-width='2' stroke='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='46' height='44' viewBox='0 0 46 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.035 14.1957H7.10756L23.035 5L38.9624 14.1957H23.035ZM23.035 14.1957V39.5479M10.9937 25.909H35.0064M1 21.8161L6.93016 32.0874M6.93016 32.0874H14.6719V39.5133M6.93016 32.0874V39.5133M45 21.8161L39.0698 32.0874M39.0698 32.0874H31.3281V39.5133M39.0698 32.0874V39.5133' stroke-width='2' stroke='white'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.stats .section__inner {
padding-top: max(3rem, min(4vw, 6rem));
padding-bottom: max(3rem, min(4vw, 6rem));
}
.stats .modal,
.stats .media {
display: block;
margin-top: max(3rem, min(4vw, 5rem));
}
.stats__content .content__wrap {
max-width: 57.2rem;
}
.stats--no-units .stats__content .content__wrap {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.stats__entries {
counter-reset: li;
}
@media (max-width: 991.98px) {
.stats__entries {
margin: 3rem 0 max(3rem, min(5vw, 7.5rem));
}
}
.stats--no-units .stats__entries {
text-transform: uppercase;
}
.stats--no-units .stats__entries li {
display: flex;
align-items: flex-end;
counter-increment: li;
}
.stats--no-units .stats__entries li:before {
margin-right: 1rem;
margin-bottom: 0.33em;
content: counters(li, ".", decimal-leading-zero) " /";
}
.stats__entries li {
position: relative;
padding-top: max(2rem, min(3vw, 3.2rem));
padding-bottom: max(2rem, min(3vw, 3.2rem));
}
.stats__entries li:after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
transform: scaleX(0);
transform-origin: left;
background: #636466;
height: 0.1rem;
content: "";
transition: 1s cubic-bezier(1, 0, 0.4, 1);
}
.stats__entries li .text--caption {
transition: 1s cubic-bezier(0.5, 0.01, 0, 1);
opacity: 0;
filter: blur(0.2rem);
width: -moz-max-content;
width: max-content;
}
[data-anim=true] .stats__entries li:after {
transform: scaleX(1);
}
[data-anim=true] .stats__entries li .text--caption {
opacity: 1;
filter: blur(0);
}
.stats__entries li:first-child {
padding-top: 0;
}
.stats__entries li:nth-child(1) .text--caption {
transition-delay: calc(1 * 0.2s);
}
.stats__entries li:nth-child(1):after {
transition-delay: calc(1 * 0.1s);
}
.stats__entries li:nth-child(1) .text--split .char > span {
transition: 0.66s cubic-bezier(0.5, 0.01, 0, 1) calc(1 * 0.2s + var(--delay));
}
.stats__entries li:nth-child(2) .text--caption {
transition-delay: calc(2 * 0.2s);
}
.stats__entries li:nth-child(2):after {
transition-delay: calc(2 * 0.1s);
}
.stats__entries li:nth-child(2) .text--split .char > span {
transition: 0.66s cubic-bezier(0.5, 0.01, 0, 1) calc(2 * 0.2s + var(--delay));
}
.stats__entries li:nth-child(3) .text--caption {
transition-delay: calc(3 * 0.2s);
}
.stats__entries li:nth-child(3):after {
transition-delay: calc(3 * 0.1s);
}
.stats__entries li:nth-child(3) .text--split .char > span {
transition: 0.66s cubic-bezier(0.5, 0.01, 0, 1) calc(3 * 0.2s + var(--delay));
}
.stats__entries li:nth-child(4) .text--caption {
transition-delay: calc(4 * 0.2s);
}
.stats__entries li:nth-child(4):after {
transition-delay: calc(4 * 0.1s);
}
.stats__entries li:nth-child(4) .text--split .char > span {
transition: 0.66s cubic-bezier(0.5, 0.01, 0, 1) calc(4 * 0.2s + var(--delay));
}
.stats__entries li:nth-child(5) .text--caption {
transition-delay: calc(5 * 0.2s);
}
.stats__entries li:nth-child(5):after {
transition-delay: calc(5 * 0.1s);
}
.stats__entries li:nth-child(5) .text--split .char > span {
transition: 0.66s cubic-bezier(0.5, 0.01, 0, 1) calc(5 * 0.2s + var(--delay));
}
.stats__entries li:nth-child(6) .text--caption {
transition-delay: calc(6 * 0.2s);
}
.stats__entries li:nth-child(6):after {
transition-delay: calc(6 * 0.1s);
}
.stats__entries li:nth-child(6) .text--split .char > span {
transition: 0.66s cubic-bezier(0.5, 0.01, 0, 1) calc(6 * 0.2s + var(--delay));
}
.stats__entries li:nth-child(7) .text--caption {
transition-delay: calc(7 * 0.2s);
}
.stats__entries li:nth-child(7):after {
transition-delay: calc(7 * 0.1s);
}
.stats__entries li:nth-child(7) .text--split .char > span {
transition: 0.66s cubic-bezier(0.5, 0.01, 0, 1) calc(7 * 0.2s + var(--delay));
}
.stats__entries li:nth-child(8) .text--caption {
transition-delay: calc(8 * 0.2s);
}
.stats__entries li:nth-child(8):after {
transition-delay: calc(8 * 0.1s);
}
.stats__entries li:nth-child(8) .text--split .char > span {
transition: 0.66s cubic-bezier(0.5, 0.01, 0, 1) calc(8 * 0.2s + var(--delay));
}
.stats__entries li:nth-child(9) .text--caption {
transition-delay: calc(9 * 0.2s);
}
.stats__entries li:nth-child(9):after {
transition-delay: calc(9 * 0.1s);
}
.stats__entries li:nth-child(9) .text--split .char > span {
transition: 0.66s cubic-bezier(0.5, 0.01, 0, 1) calc(9 * 0.2s + var(--delay));
}
.stats__entries li:nth-child(10) .text--caption {
transition-delay: calc(10 * 0.2s);
}
.stats__entries li:nth-child(10):after {
transition-delay: calc(10 * 0.1s);
}
.stats__entries li:nth-child(10) .text--split .char > span {
transition: 0.66s cubic-bezier(0.5, 0.01, 0, 1) calc(10 * 0.2s + var(--delay));
}
.stats-card .content__wrap {
position: sticky;
top: 12rem;
max-width: 64.4rem;
}
.stats-card.section--center .wysiwyg {
margin: 0 auto;
max-width: 58rem;
}
.stats-card .modal__link {
color: #000;
}
.stats-card__content {
display: flex;
z-index: 2;
pointer-events: none;
}
.stats-card__content > .content__wrap {
margin: 1em auto auto;
pointer-events: all;
}
.stats-card__content:has(.btn) .btn {
margin-bottom: 3rem;
}
.stats-card__content p {
max-width: 48.4rem;
}
.stats-card__content:has(.modal) .btn {
margin-bottom: max(2rem, min(4vw, 4rem));
}
.section--reverse .stats-card__content {
justify-content: flex-end;
}
.stats-card__content .modal {
margin-bottom: 0;
}
.stats-card__entries small {
display: block;
margin-top: 0.2em;
font-size: 85%;
text-transform: none;
}
@media (min-width: 768px) {
.stats-card__entries small {
margin-top: 0.4em;
}
}
.stats-card__entries .h3 {
font-size: max(2rem, min(1.5vw, 2.5rem));
}
.stats-card__entries-caption small {
font-size: 75%;
}
.stats-card__entries-wrap {
margin: 0 auto;
box-shadow: 0 0 0 0 #fff;
background-color: #fff;
color: #221f20;
transition: 1s ease box-shadow;
}
.stats-card__entries-wrap em {
font-size: 55%;
}
@media (min-width: 768px) {
.stats-card__entries-wrap {
margin-right: 0;
margin-left: auto;
}
}
section:not(.stats-carousel):not(.hero-specs) .stats-card__entries-wrap {
max-width: 55.2rem;
}
.section--reverse .stats-card__entries-wrap {
margin-right: auto;
margin-left: 0;
}
[data-anim=true] .stats-card__entries-wrap {
box-shadow: 0 0 0 1rem #fff;
}
.stats-card__entries-wrap ul {
padding: 0 1rem;
}
@media (min-width: 768px) {
.stats-card__entries-wrap ul {
padding: 0 2rem;
}
}
.stats-card__entries-wrap li {
display: flex;
align-items: flex-end;
padding: max(1.5rem, min(2vw, 3rem)) 0;
line-height: 1;
}
.stats-card__entries-wrap li .h2 {
margin: 0;
margin-right: 0.2em;
margin-bottom: 0.15em;
line-height: 0.675;
text-transform: capitalize;
white-space: nowrap;
}
.stats-card__entries-wrap li:not(:has(.entry--value)) {
border-bottom: 0.1rem solid #c1c1c2;
padding: max(1.8rem, min(2vw, 2.4rem)) 0;
}
.stats-card__entries-wrap li:not(:has(.entry--value)):last-child {
border-bottom: 0;
}
.stats-card__entries-wrap .modal__inner {
border: 0;
border-radius: 0;
}
.stats-card__entries-caption {
margin: 3.7rem auto 0;
}
section:not(.stats-carousel) .stats-card__entries-caption {
margin: 3.7rem 0 0 auto;
max-width: 55.2rem;
}
.stats-carousel .stats-card__entries-wrap {
box-shadow: none !important;
}
.stats-carousel .stats-card__entries-wrap {
background-color: #fff;
color: #221f20;
}
.stats-carousel .stats-card__entries-wrap ul {
margin-bottom: 1rem;
padding: 0;
}
.stats-carousel .stats-card__entries-wrap ul li {
flex-direction: row !important;
}
.stats-carousel .stats-card__entries-wrap ul li {
align-content: flex-end;
gap: 0.5em;
margin-bottom: 0.8em;
border: 0;
padding: 0;
}
.stats-carousel .stats-card__entries-wrap ul li p:not(.h3) {
font-size: max(1.4rem, min(2vw, 1.6rem));
}
.stats-carousel .stats-card__entries-wrap .h3 {
font-size: max(2.4rem, min(3vw, 4.5rem));
white-space: pre;
}
.stats-carousel .stats-card__entries-wrap .content__wrap {
display: flex;
flex-direction: column;
justify-content: space-between;
box-sizing: border-box;
padding: 3rem;
height: 100%;
}
@media (min-width: 768px) {
.stats-carousel .stats-card__entries-wrap .content__wrap {
padding: 6.4rem 8rem 3rem 3rem;
}
}
.stats-carousel .stats-card__entries-wrap .content__wrap p {
margin-bottom: 0;
}
.stats-carousel .section__title {
position: relative;
z-index: 2;
overflow: visible;
}
.stats-carousel .carousel__entries {
position: relative;
align-items: flex-end;
z-index: 1;
}
.stats-carousel__container {
margin-bottom: max(4rem, min(4vw, 8rem));
}
.stats-carousel__entry {
box-sizing: border-box;
max-width: 115rem;
}
@media (max-width: 991.98px) {
.stats-carousel__entry-media {
background-color: #fff;
}
}
@media (max-width: 991.98px) {
.stats-carousel__entry-media h3 {
margin-top: 0 !important;
}
.stats-carousel__entry-media h3 {
padding: 0 3rem;
padding-top: 1em;
color: #221f20;
}
}
.stats-carousel__entry .media {
padding-top: 50% !important;
}
.stats-carousel__entry-media {
position: relative;
}
.stats-carousel__entry-media h2 {
position: absolute;
top: calc(100% + 2rem);
left: 0;
opacity: 0;
transition: 0.66s cubic-bezier(0.5, 0.01, 0, 1) opacity;
}
.stats-carousel__entry-media h2 .char > span {
transform: translateY(100%) !important;
}
.stats-carousel__entry-media h2 .char > span {
transition: 0s cubic-bezier(0.5, 0.01, 0, 1) 1s;
}
.swiper-slide-active .stats-carousel__entry-media h2 {
opacity: 1;
}
.swiper-slide-active .stats-carousel__entry-media h2 .char > span {
transform: translateY(0) !important;
}
.swiper-slide-active .stats-carousel__entry-media h2 .char > span {
transition: 0.66s cubic-bezier(0.5, 0.01, 0, 1) calc(0.2s + var(--delay));
}
.map {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.map:has(+ .full) {
padding-bottom: 0 !important;
}
.map h2 {
font-size: max(2rem, min(4vw, 3.5rem));
line-height: 1.1;
text-transform: uppercase;
}
.map ul a {
color: currentColor;
-webkit-text-decoration: none;
text-decoration: none;
}
.map .map__marker-label {
display: none;
z-index: 2;
pointer-events: none;
}
.map .map__marker-label:has(.label--force) {
display: block;
z-index: 1;
}
.map .map__marker-label.marker--active {
display: block;
}
.map .map__marker-label:has(img) img {
max-width: 10rem;
}
.map .map__marker-label .mapboxgl-popup-content {
box-shadow: none;
background: transparent;
padding: 0;
pointer-events: none;
text-align: center;
}
.map .map__marker-label .mapboxgl-popup-content > span:not(:has(img)) {
display: inline-block;
border: 0.1rem solid currentColor;
background-color: var(--colour);
padding: 0.7em 1.2em;
width: -moz-fit-content;
width: fit-content;
max-width: 12rem;
color: #fff;
font-size: 1rem;
line-height: 1;
text-align: center;
text-transform: uppercase;
}
.map .map__marker-label .mapboxgl-popup-content > span:has(img) {
display: inline-block;
margin-top: 1rem;
}
.map .map__marker-label .mapboxgl-popup-content > span.label--invert {
border-color: black;
color: black;
}
.map .map__marker-label .mapboxgl-popup-tip {
display: none;
}
.map__nav {
background: #fff;
height: 100%;
color: black;
}
@media (min-width: 992px) {
.map__nav {
padding-top: 10rem;
}
}
.map__nav a:hover {
color: #f2d94c;
}
.map__nav h4 {
font-weight: 400 !important;
font-size: max(1.6rem, min(2vw, 1.8rem)) !important;
letter-spacing: 0 !important;
}
.map__nav h4 {
font-family: Geist, Helvetica, Arial, sans-serif;
font-family: var(--font-body);
text-transform: uppercase;
}
.map__nav ul {
padding-bottom: 2rem;
line-height: 1.2;
}
.map__nav ul li {
margin: 0.66em 0;
color: rgba(255, 255, 255, 0.34);
}
.map__nav ul li:last-child {
margin-bottom: 0;
}
.map__nav .content__wrap {
height: 100%;
}
@media (min-width: 992px) {
.map__nav .content__wrap {
overflow-y: auto;
}
}
@media (min-width: 992px) {
.map__nav h2 {
margin-bottom: 2em;
}
}
.map__nav-inner {
display: flex;
flex-direction: column;
padding: max(2rem, min(4vw, 4rem)) max(2rem, min(4vw, 3rem)) 4rem;
height: 100%;
}
@media (min-width: 992px) {
.map__nav-inner {
padding-bottom: 0;
}
}
.map__group {
margin-top: 1.6rem;
}
.map__group summary {
display: flex;
position: relative;
flex-wrap: nowrap;
align-items: center;
}
.map__group summary:hover {
cursor: pointer;
}
.map__group summary:after {
display: inline-flex;
margin-right: 0;
margin-left: 1em;
width: 0.66em;
height: 0.66em;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12H23' stroke='%23FFDACD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 1V23' stroke='%23FFDACD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12H23' stroke='%23FFDACD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 1V23' stroke='%23FFDACD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
content: "";
}
.map__group details[open] summary:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='2' viewBox='0 0 24 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1H23' stroke='%23121F40' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='24' height='2' viewBox='0 0 24 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1H23' stroke='%23121F40' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.map__group-title {
display: inline-flex;
align-items: center;
}
.map__group-title h4 {
margin-bottom: 0;
}
.map__group-title span {
display: inline-flex;
position: relative;
box-sizing: border-box;
margin-right: 1rem;
border: 0.1rem solid white;
border-radius: 3rem;
background: var(--colour);
background-image: inherit;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 1em;
height: 1em;
}
.map__inner {
overflow: hidden;
}
@media (min-width: 992px) {
.map__inner {
height: calc(100vh - 10rem);
min-height: 60rem;
}
}
#map {
height: 100%;
min-height: 45rem;
}
@media (min-width: 992px) {
#map {
min-height: 60rem;
}
}
.cards .content__wrap {
margin-bottom: 2em;
max-width: 100%;
}
@media (min-width: 992px) {
.cards .content__wrap {
max-width: 50%;
}
}
.cards__entries {
text-transform: uppercase;
}
.cards__entry {
display: flex;
position: relative;
flex-direction: column;
justify-content: flex-end;
z-index: 1;
width: 100%;
overflow: hidden;
font-size: 1.5rem;
text-align: center;
}
@media (max-width: 767.98px) {
.cards__entry {
margin-bottom: 1.5em;
}
}
@media (max-width: 767.98px) {
.slider--cards .cards__entry, .slider--posts .cards__entry {
max-width: 30rem;
}
}
.cards__entry > a {
position: relative;
}
.slider--cards .cards__entry > a:before, .cards .cards__entry > a:before {
display: block;
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
min-height: 30rem;
content: "";
}
.cards__entry:has(.modal) {
z-index: 3;
}
.cards__entry:has(.modal):has(.modal--active) {
z-index: 4;
}
.cards__entry.entry--single {
margin: 0 auto;
max-width: 67.8rem;
}
.cards__entry.entry--single .media {
padding-top: 62% !important;
}
.cards__entry.entry--single.entry--post {
font-size: inherit;
}
.cards__entry .media {
display: inline-flex;
transition: 0.66s cubic-bezier(0.5, 0.01, 0, 1) transform;
vertical-align: bottom;
width: 100%;
height: 100%;
}
.cards__entry .media img {
-o-object-fit: cover;
object-fit: cover;
}
.cards__entry .media.media--responsive {
padding-top: 150%;
}
@media (min-width: 768px) {
.cards__entry .media.media--responsive {
padding-top: 170%;
}
}
.cards__entry:not(.entry--post):not(.cards__entry--contact_cards):has(.cards__entry-label):hover .cards__entry-label {
clip-path: inset(0 0 0 0);
}
.cards__entry:not(.entry--post):not(.cards__entry--contact_cards):has(.cards__entry-label):hover .media {
transform: translateY(3%);
}
@media (max-width: 991.98px) {
.cards__entry:not(.entry--post):not(.cards__entry--contact_cards):has(.cards__entry-label) .cards__entry-label {
clip-path: inset(0 0 0 0);
}
}
.cards__entry.entry--post {
display: flex;
flex-direction: column;
font-size: 1.6rem;
}
.cards__entry.entry--post .media {
display: block;
position: relative;
overflow: hidden;
}
.cards__entry.entry--post .media img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 991.98px) {
.cards__entry.entry--post .media {
padding-top: 130%;
}
}
.cards__entry.entry--post:hover .cards__entry-label {
transform: translateY(0);
}
@media (max-width: 991.98px) {
.cards__entry.entry--post .cards__entry-label {
transform: translateY(0);
}
}
@media (min-width: 576px) {
.cards__entry.entry--post.entry--odd .media {
padding-top: 110%;
}
}
@media (min-width: 768px) {
.cards__entry.entry--post.entry--odd .media {
padding-top: 123%;
}
.cards__entry.entry--post.entry--even .media {
padding-top: 99%;
}
}
.slider--fallback .cards__entry.entry--post.entry--even .media {
padding-top: 123%;
}
.cards__entry:not(.entry--apartment) > a {
height: 100%;
}
.cards__entry--contact_cards .cards__entry-label {
display: none;
}
.cards__entry--contact_cards .cards__entry-title {
position: static !important;
position: initial !important;
}
.cards__entry--contact_cards .cards__entry-title img {
bottom: auto !important;
}
.cards__entry--contact_cards .cards__entry-title img {
position: absolute;
top: 1rem;
right: 0;
left: 0;
margin: 0 auto;
padding: 0;
width: 16rem;
height: auto;
-o-object-position: center;
object-position: center;
}
@media (min-width: 768px) {
.cards__entry--contact_cards .cards__entry-title img {
top: 1.5rem;
width: 20rem;
}
}
.cards__entry--contact_cards .cards__entry-title p {
position: absolute;
bottom: 0;
transition: cubic-bezier(0.59, 0.08, 0.385, 1);
border: 1px solid #fff;
background: #221f20;
padding: 1rem 0;
width: 100%;
text-align: center;
}
@media (min-width: 768px) {
.cards__entry--contact_cards .cards__entry-title p {
padding: 1.5rem 0;
}
}
.cards__entry--contact_cards .cards__entry-link:hover .cards__entry-title p {
background: #fff;
color: #221f20;
}
.cards__entry-media {
position: relative;
overflow: hidden;
}
.entry--soldout .cards__entry-media:before {
position: absolute;
top: 0;
right: 0;
z-index: 3;
clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
background: #fff;
padding: 0.5em 0.75em 0.5em 2em;
content: "Sold Out";
color: #221f20;
line-height: 1;
font-family: ballinger-condensed, Helvetica, Arial, sans-serif;
font-family: var(--font-caption);
text-transform: uppercase;
}
.cards__entry-label {
display: inline-flex;
position: absolute;
top: 0;
right: 0;
left: 0;
justify-content: center;
align-items: center;
clip-path: inset(0 0 100% 0);
background: #fff;
padding: 0.5em;
color: #221f20;
transition: 0.66s cubic-bezier(0.5, 0.01, 0, 1);
z-index: 1;
text-transform: uppercase;
}
.section--invert .cards__entry-label {
background: #221f20;
color: #fff;
}
.entry--post .cards__entry-label {
top: auto;
bottom: 0;
transform: translateY(101%);
z-index: 3;
clip-path: initial;
transition: 0.66s cubic-bezier(0.5, 0.01, 0, 1);
}
.cards__entry-term {
display: inline-flex;
margin: 2.4rem auto 0;
background-color: #fff;
padding: 0.2em;
color: #221f20;
line-height: 0.96;
font-family: ballinger-condensed, Helvetica, Arial, sans-serif;
font-family: var(--font-caption);
text-align: center;
text-transform: uppercase;
}
.posts--apartment .cards__entry-term {
display: inline-flex;
background: #fff;
padding: 0.3rem 0.4rem;
color: #221f20;
line-height: 1;
}
.section--invert .cards__entry-term {
background-color: #221f20;
color: #fff;
}
.cards__entry-title {
z-index: 2;
margin-bottom: 1rem;
padding-top: 1rem;
text-align: center;
}
.slider--cards .cards__entry-title, .cards .cards__entry-title {
position: absolute;
right: 0;
bottom: 2rem;
left: 0;
}
.cards__entry-title p {
margin: 0 auto;
}
.cards__entry-title img {
vertical-align: bottom;
margin-bottom: 4.5rem;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: bottom;
object-position: bottom;
}
@media (max-width: 991.98px) {
.cards__entry-title {
font-size: max(1.7rem, min(2vw, 2rem));
}
}
.cards__entry-logo {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
pointer-events: none;
}
.cards__entry-logo img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: bottom;
object-position: bottom;
}
.cards__entry-details {
margin-top: 0.5em;
min-height: max(15rem, min(4vw, 21rem));
}
.cards__entry-meta {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
margin: 1.5rem auto 0;
padding: 0 0.5rem;
min-height: 13rem;
}
@media (min-width: 768px) {
.cards__entry-meta {
margin: 2rem auto 0;
padding: 0 1rem;
min-height: 12rem;
}
}
.cards__entry-meta:has(.counts--specs) {
justify-content: initial;
}
.slider.slider--posts .cards__entry-meta, .apartments .cards__entry-meta {
max-width: 36rem;
}
.entry--apartment .cards__entry-meta {
max-width: 34rem !important;
}
@media (max-width: 991.98px) {
.entry--apartment .cards__entry-meta {
max-width: 31.5rem !important;
}
}
.entry--page .cards__entry-meta {
flex-direction: column;
align-items: center;
}
.entry--page .cards__entry-meta > div {
margin: 0.3em;
font-size: 1.5rem;
}
.cards__entry-meta div {
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 0 0.4em 1rem;
}
@media (min-width: 768px) {
.cards__entry-meta div {
margin: 0 0.6em 1rem;
}
}
.cards__entry-meta div:before {
margin-right: 0.8rem;
}
section:not(.apartments) .cards__entry-price {
display: none;
}
section:not(.apartments) .cards__entry-size {
display: none;
}
.cards__entry-counts {
display: flex;
font-size: 1.6rem;
}
.cards__entry-counts:not(.counts--specs) span {
display: inline-flex;
}
.cards__entry-counts:not(.counts--specs) span:after {
margin: 0 0.4em;
content: "•";
}
.cards__entry-counts:not(.counts--specs) span:last-child:after {
display: none;
}
.cards__entry-counts.counts--specs {
text-transform: uppercase;
}
.cards__entry-counts.counts--specs > span {
display: inline-flex;
justify-content: center;
align-items: center;
margin: 0.25em 0.75em;
width: -moz-max-content;
width: max-content;
}
.cards__entry-counts.counts--specs span > span {
display: inline-flex;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
margin-right: 0.33em;
background-color: currentColor;
width: 1.3em;
height: 1.3em;
}
.cards__grid {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
@media (min-width: 768px) {
.cards__grid {
gap: 2.5rem;
}
}
@media (min-width: 992px) {
.cards__grid {
gap: 1.5rem;
}
.cards__grid > div {
flex: 1;
}
}
.slider {
overflow-x: clip;
}
.slider .swiper-slide:last-child {
margin-right: 0 !important;
}
.slider:has(.modal) {
overflow: visible;
}
.slider__content .content__wrap {
margin-bottom: 4rem;
max-width: 45.3rem;
}
@media (max-width: 767.98px) {
.slider__content .content__wrap {
display: flex;
flex-direction: column;
}
.slider__content .content__wrap .btn {
margin-right: auto;
}
}
.slider__entries {
flex-wrap: nowrap;
margin-bottom: 1rem;
}
.slider__entries .swiper-slide:has(.modal) {
z-index: 3;
}
.slider__entries .swiper-slide:has(.modal):has(.modal--active) {
z-index: 4;
}
.slider--posts:not(:has(.type-video)) .slider__entries {
display: flex;
align-items: flex-end;
margin-bottom: max(0rem, min(3vw, 5rem));
}
.slider--posts:not(:has(.type-video)) .slider__entries .entry--apartment,
.slider--posts:not(:has(.type-video)) .slider__entries .entry--page {
min-width: 35.4rem;
}
.slider--posts:has(.type-video) .slider__entries {
box-sizing: border-box;
}
.slider__button,
.carousel__button {
display: inline-flex;
cursor: pointer;
border: 0.1rem solid rgba(255, 255, 255, 0.3);
border-radius: 4rem;
width: 3rem;
height: 3rem;
color: currentColor;
transition: 0.5s ease;
}
@media (min-width: 768px) {
.slider__button,
.carousel__button {
width: 4rem;
height: 4rem;
}
}
.section--invert .slider__button,
.section--invert .carousel__button {
border-color: rgba(0, 0, 0, 0.3);
}
.slider__button:hover,
.carousel__button:hover {
border-color: #fff;
}
.section--invert .slider__button:hover,
.section--invert .carousel__button:hover {
border-color: #000;
}
.slider__button:after,
.carousel__button:after {
margin: auto;
width: 0.5rem;
height: 1rem;
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8L1 15' stroke='%23221F20'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8L1 15' stroke='%23221F20'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
@media (min-width: 768px) {
.slider__button:after,
.carousel__button:after {
width: 0.7rem;
height: 1.4rem;
}
}
.slider__button.slider--prev, .slider__button.carousel--prev,
.carousel__button.slider--prev,
.carousel__button.carousel--prev {
transform: scaleX(-1);
}
.slider__navigation {
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
z-index: 0;
margin-bottom: max(2.5rem, min(4vw, 10rem));
}
.slider--fallback .slider__navigation {
display: none;
}
.slider--mobile .slider__navigation {
display: flex;
}
@media (min-width: 768px) {
.slider__navigation {
margin-top: 3.2rem;
}
}
.slider__navigation .slider__pagination {
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
width: auto !important;
}
.slider__navigation .slider__pagination {
display: inline-flex;
position: relative;
align-items: center;
margin: 0 1.9rem;
}
@media (max-width: 991.98px) {
.slider__navigation .slider__pagination {
margin: 0 1rem;
}
}
.slider__navigation .slider__pagination span {
margin: 0.5rem !important;
}
.slider__navigation .slider__pagination span {
opacity: 1;
border-radius: 0;
background-color: currentColor;
width: 0.1rem;
height: 1rem;
transition: 0.5s cubic-bezier(1, 0, 0.4, 1);
}
@media (max-width: 991.98px) {
.slider__navigation .slider__pagination span {
margin: 0.25rem !important;
}
.slider__navigation .slider__pagination span {
height: 0.5rem;
}
}
.slider__navigation .slider__pagination span.swiper-pagination-bullet-active {
transform: scaleY(2.4);
background-color: #f2d94c;
}
.testimonials .slider__navigation .slider__pagination span.swiper-pagination-bullet-active {
background-color: #000;
}
.inline-media {
overflow: hidden;
}
.inline-media:has(.modal) {
overflow: visible;
}
@media (min-width: 992px) {
.inline-media:has(+ .inline-media) {
position: sticky;
top: 0;
top: var(--stickyTop, 0);
}
}
.inline-media:has(+ .inline-media) .btn,
.inline-media:has(+ .inline-media) .modal {
pointer-events: all;
}
.inline-media:has(+ .inline-media) .section__inner {
padding-bottom: 0 !important;
}
.inline-media .btn {
margin-top: 0;
margin-right: auto;
margin-bottom: max(3rem, min(4vw, 10rem));
}
.inline-media__inner {
margin-bottom: auto;
}
.inline-media__logo {
margin-top: 1rem;
margin-right: max(4rem, min(4vw, 9rem));
}
.inline-media__logo img {
min-width: 4rem;
min-height: 5rem;
}
@media (min-width: 768px) {
.section--reverse .inline-media__content {
display: flex;
justify-content: flex-end;
}
}
.inline-media__content .content__wrap {
display: flex;
flex-direction: column;
height: 100%;
}
@media (min-width: 768px) {
.inline-media__content .content__wrap {
max-width: 90%;
}
}
.inline-media__content .content__wrap .media {
margin-bottom: 0;
}
@media (min-width: 768px) {
.inline-media__content .content__wrap .media {
margin-top: max(5rem, min(10vh, 15rem));
}
}
@media (max-width: 767.98px) {
.inline-media__content .content__wrap .media {
margin-bottom: 1em;
}
}
.inline-media__content .content__wrap .modal {
margin: 3rem 0;
}
@media (min-width: 768px) {
.inline-media__content .content__wrap .modal {
margin: max(10rem, min(20vh, 20rem)) 0 0;
}
}
@media (min-width: 768px) {
.section--reverse .inline-media__content .content__wrap {
max-width: 57rem;
}
}
.inline-media__image {
display: flex;
position: relative;
justify-content: flex-end;
}
.inline-media__image img,
.inline-media__image video {
position: absolute;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.section--reverse .inline-media__image {
justify-content: flex-start;
}
.inline-media__image .content__wrap {
position: relative;
width: 100%;
}
.inline-media__image .content__wrap .media {
width: 100%;
}
@media screen and (min-width: 1440px) {
.inline-media__image .content__wrap .media {
height: 100%;
}
}
@media (max-width: 991.98px) {
.inline-media__image .content__wrap .media img,
.inline-media__image .content__wrap .media video {
position: relative;
}
}
.inline-media__image .content__wrap .inline__media-sm {
position: absolute;
bottom: 5vw;
left: -14vw;
z-index: 2;
padding-top: 53%;
max-width: 48.6rem;
}
@media (max-width: 991.98px) {
.inline-media__image .content__wrap .inline__media-sm {
right: 0 !important;
left: 0 !important;
}
.inline-media__image .content__wrap .inline__media-sm {
position: relative;
bottom: 0;
border: 0;
width: 100%;
max-width: 100%;
}
}
.section--reverse .inline-media__image .content__wrap .inline__media-sm {
right: -14vw;
left: auto;
}
.section--invert .inline-media__image .content__wrap .inline__media-sm {
border-color: #fff;
}
@media screen and (min-width: 1440px) {
.inline-media__image .content__wrap .inline__media-sm {
display: none;
}
}
.inline-accordion em {
font-style: italic;
}
.inline-accordion .slider__navigation {
color: #fff;
}
@media (max-width: 991.98px) {
.inline-accordion .h3 {
font-size: max(2rem, min(1vw, 3rem));
}
}
.inline-accordion ul {
margin-bottom: max(3.5rem, min(4vw, 7rem));
}
@media (min-width: 768px) {
.inline-accordion ul p {
padding-right: 9rem;
}
}
.inline-accordion ul ul {
margin-bottom: 1.5em;
}
.inline-accordion__header {
padding-right: 1.7em;
}
@media (min-width: 992px) {
.inline-accordion__content-wrapper {
padding-right: 3rem;
}
}
.inline-accordion__section-content {
margin-top: max(5rem, min(4vw, 10rem));
margin-bottom: max(3.5rem, min(4vw, 7rem));
}
.inline-accordion .hero__gallery-single {
position: relative;
margin-bottom: 0.5em;
max-width: 45.7rem;
max-width: 45.7rem;
overflow: visible;
overflow: initial;
overflow-x: clip;
}
.inline-accordion .hero__gallery-inner .slider__navigation,
.inline-accordion .hero__gallery-single .slider__navigation {
position: absolute;
right: 0;
bottom: 0;
left: 1.5rem;
z-index: 10;
margin-bottom: 1.5rem;
}
.inline-accordion .hero__gallery-inner .slider__caption,
.inline-accordion .hero__gallery-single .slider__caption {
font-size: 0.8em;
}
.inline-accordion .hero__gallery-inner {
position: relative;
margin-bottom: 0.5em;
max-width: 45.7rem;
overflow: visible;
overflow: initial;
overflow-x: clip;
}
.inline-accordion .hero__gallery-inner .media {
padding-top: 62%;
}
.inline-accordion .hero__gallery-inner .slider__pagination {
display: none;
}
.inline-accordion .hero__gallery-inner .slider__button {
display: inline-block;
width: 1rem;
height: 2rem;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8L1 15' stroke='%23221F20'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8L1 15' stroke='%23221F20'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
margin: 0 1rem;
}
.inline-accordion .hero__gallery-inner .slider__button:hover {
cursor: pointer;
background-color: #f2d94c;
}
.inline-accordion__media {
position: relative;
}
@media (max-width: 991.98px) {
.inline-accordion__media {
margin-top: 2rem;
}
}
.inline-accordion__media .media {
padding-top: 134%;
}
.inline-accordion__media-entry {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
clip-path: inset(100% 0 0 0);
transition: clip-path 0s cubic-bezier(1, 0, 0.4, 1) 1s;
z-index: 1;
}
.inline-accordion__media-entry.entry--active {
position: relative;
z-index: 2;
clip-path: inset(0 0 0 0);
transition: clip-path 1s cubic-bezier(1, 0, 0.4, 1) 0s;
}
.inline-accordion__media-inner {
position: sticky;
top: 10rem;
}
.news.news--active {
pointer-events: none;
}
.news__entries {
margin-top: 4rem;
}
.news__entries ul {
margin-right: 0;
margin-left: auto;
padding-left: 3rem;
max-width: 80.3rem;
}
@media (max-width: 767.98px) {
.news__entries ul {
padding-left: 0rem;
}
}
.news__entries ul li:first-child a {
padding-top: 0;
}
.news__entries ul li:last-child {
margin-bottom: 2rem;
}
.news__entries ul li:last-child a {
padding-bottom: 0;
}
.news__entries ul li:last-child::after {
display: none;
}
.news__entries ul a {
display: flex;
align-items: flex-start;
margin: 0;
padding-top: 4.5rem;
padding-bottom: 4.5rem;
}
@media (max-width: 767.98px) {
.news__entries ul a {
flex-direction: column;
padding-top: 2rem;
padding-bottom: 2rem;
}
}
.news__entries ul span[data-text],
.news__entries ul strong[data-text] {
display: inline-flex;
position: relative;
}
.news__entries ul span[data-text]:after,
.news__entries ul strong[data-text]:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: attr(data-text);
color: #fff;
transition: 0.525s cubic-bezier(1, 0, 0.4, 1) clip-path;
}
@media (min-width: 992px) {
.news__entries ul span[data-text]:after,
.news__entries ul strong[data-text]:after {
clip-path: inset(0 100% 0 0);
}
}
.news__entries ul li {
position: relative;
}
.news__entries ul li:after {
position: absolute;
bottom: 0;
left: 0;
background-color: #636466;
width: 100%;
height: 0.1rem;
content: "";
}
.news__entries ul li span {
width: 33%;
}
@media (max-width: 767.98px) {
.news__entries ul li span {
margin-bottom: 0.5rem;
width: 100%;
font-size: 80%;
}
}
.news__entry {
color: #636466;
}
.news__entry.entry--active {
pointer-events: all;
}
.news__entry.entry--active [data-text]:after {
clip-path: inset(0 0 0 0);
}
.news__entry-mobile {
display: flex;
align-items: center;
margin: 0;
width: 100%;
}
.news__entry-mobile .media {
display: none;
margin-right: 1em;
padding-top: 20%;
}
@media (max-width: 767.98px) {
.news__entry-mobile .media {
display: block;
position: relative;
top: 5px;
width: 26.5%;
}
}
@media (max-width: 767.98px) {
.news__entry-mobile .media img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.news__entry-mobile strong {
margin: 0;
width: 100%;
max-width: 52rem;
font-size: 100%;
}
.news__entries-media-stage {
min-height: var(--stageHeight);
}
@media (max-width: 767.98px) {
.news__entries-media-stage {
display: none;
}
}
.news__entries-media {
overflow: hidden;
}
.news__entries-media .media,
.news__entries-media img {
display: inline-block;
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.news__entries-media .media {
z-index: 0;
padding-top: 105%;
height: auto;
overflow: hidden;
}
.news__entries-media .media img {
clip-path: inset(0 100% 0 0);
transition: 0s clip-path 0.66s, 1s filter 0s;
filter: blur(0.1rem) saturate(0) brightness(0.5);
}
.news__entries-media .media.entry--active {
z-index: 1;
}
.news__entries-media .media.entry--active img {
clip-path: inset(0 0 0 0);
transition: 0.5s cubic-bezier(1, 0, 0.4, 1) clip-path, 0s index, 0s filter;
filter: blur(0) saturate(1) brightness(1);
}
.centre h3 {
margin-bottom: 0.175em;
}
.centre .media {
margin: 0 auto;
}
.centre .centre__inner {
padding-bottom: 10rem;
}
@media (max-width: 767.98px) {
.centre .centre__inner {
padding-top: 0;
padding-bottom: 2.5rem;
}
}
.centre .centre__inner .content__wrap {
max-width: 74.5rem;
}
.centre:not(.section--invert) .btn span:last-child {
background-color: #fff;
color: #221f20;
}
.centre .content__wrap > div {
gap: 0.5rem;
}
@media (max-width: 991.98px) {
.centre .content__wrap > div {
flex-wrap: wrap;
}
.centre .content__wrap > div .btn {
margin: 0.5em auto !important;
}
}
.centre__cta {
margin-bottom: max(5rem, min(8vw, 15rem));
}
.centre__cta:has(img) {
position: relative;
}
.centre__cta:has(img) .btn {
position: absolute;
right: auto;
bottom: 2rem;
left: auto;
margin: auto;
}
.centre__cta .content__wrap {
display: flex;
flex-direction: column;
align-items: center;
}
.centre__cta .content__wrap img {
max-width: 74.5rem;
}
.centre__cta h4 {
z-index: 2;
margin-bottom: -0.45em;
}
.full {
padding: 0 !important;
}
.full {
overflow: hidden;
}
.full img,
.full video {
transform: scale(calc(1.1 - var(--value) / 10));
filter: saturate(var(--value)) brightness(calc(0.5 + var(--value) * 0.5));
height: 100%;
}
.overview .content__wrap {
max-width: 57.2rem;
}
@media (max-width: 767.98px) {
.overview .content__wrap {
max-width: 100%;
}
}
.overview .content__wrap p {
max-width: 45.7rem;
}
@media (max-width: 767.98px) {
.overview .content__wrap p {
max-width: 100%;
}
}
.overview .content__wrap p:has(+ .btn) {
margin-bottom: 1.75em;
}
.overview p:not(:has(+ *)) {
margin-bottom: 0;
}
.overview__inner {
padding-top: 5rem;
padding-bottom: 5rem;
}
@media (max-width: 767.98px) {
.overview__inner {
padding-top: 3rem;
padding-bottom: 3rem;
}
}
.tabs .section__inner {
padding-top: 0 !important;
}
.tabs--images .tabs__container.container--max-sm {
max-width: 115rem;
}
.tabs__inner .content__wrap {
max-width: 53.4rem;
}
.tabs__inner:not(:has(p)) h3 {
margin-bottom: 0;
}
.tabs__media {
width: 100%;
max-height: 40rem;
}
@media (min-width: 768px) {
.tabs__media {
width: 30%;
max-height: 100%;
}
}
.tabs__media img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.tabs--images .tabs__media {
width: 100%;
max-width: 100%;
}
.tabs__content {
width: 100%;
overflow: hidden;
}
@media (min-width: 768px) {
.tabs__content {
width: 70%;
}
}
.tabs__content ul {
font-size: max(1.4rem, min(0.9vw, 1.6rem));
}
.tabs--images .tabs__content {
display: none;
}
.tabs__entry-wrap {
display: flex;
background: #fff;
width: 100%;
color: #000;
}
@media (min-width: 768px) {
.tabs__entry-wrap {
flex-wrap: nowrap;
}
}
@media (max-width: 767.98px) {
.tabs__entry-wrap {
flex-direction: column;
}
}
.section--invert .tabs__entry-wrap {
background: #000;
color: #fff;
}
.tabs__entries {
margin-top: 0 !important;
}
.tabs__entries {
position: relative;
}
.tabs__entries-nav {
position: relative;
transform: translateY(50%);
z-index: 2;
margin-top: 1em;
color: #fff;
text-align: center;
}
@media (max-width: 991.98px) {
.tabs__entries-nav {
transform: translateY(0);
margin-bottom: 2rem;
}
}
.section--invert .tabs__entries-nav {
color: #000;
}
.tabs__entries-nav ul {
display: inline-flex;
align-items: center;
margin: 0 auto;
border: 0.2rem solid #fff;
background-color: #000;
padding: 0.5rem;
}
@media (max-width: 991.98px) {
.tabs__entries-nav ul {
width: 100%;
max-width: 36rem;
font-size: 1.5rem;
}
}
.section--invert .tabs__entries-nav ul {
border: 0.2rem solid #000;
background-color: #fff;
}
.tabs__entries-nav ul li {
position: relative;
padding: 1.4rem;
min-width: 15.7rem;
line-height: 1;
white-space: nowrap;
}
@media (max-width: 991.98px) {
.tabs__entries-nav ul li {
padding: 1rem;
width: 100%;
min-width: auto;
font-size: 1.3rem;
}
}
.tabs__entries-nav ul li:after {
display: inline-flex;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
justify-content: center;
align-items: center;
background-color: #fff;
content: attr(data-title);
color: #000;
transition: 0.5s cubic-bezier(0.5, 0.01, 0, 1) clip-path;
clip-path: inset(100% 0 0 0);
}
.section--invert .tabs__entries-nav ul li:after {
background-color: #000;
color: #fff;
}
.tabs__entries-nav ul li:first-child:after {
clip-path: inset(0 100% 0 0);
}
.tabs__entries-nav ul li:last-child:after {
clip-path: inset(0 0 0 100%);
}
.tabs__entries-nav ul li.item--disabled {
opacity: 0.3;
pointer-events: none;
}
.tabs__entries-nav ul li.item--active {
pointer-events: none;
}
.tabs__entries-nav ul li.item--active:after {
clip-path: inset(0 0 0 0);
}
.tabs__entries-nav ul li:not(.item--active):hover {
cursor: pointer;
}
.tabs__entry {
height: auto !important;
}
.tabs__entry {
display: flex;
position: absolute;
visibility: hidden;
z-index: 0;
}
.tabs__entry.item--active {
position: relative;
visibility: visible;
z-index: 1;
}
.tabs__content {
display: inline-flex;
justify-content: center;
align-items: center;
padding: max(1.5rem, min(1vw, 3rem)) max(2rem, min(1vw, 5rem));
}
.tabs__content div > small {
display: block;
margin-top: 4rem;
}
.tabs__content ul {
margin-top: 4rem;
}
.tabs__content li {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.tabs__content li small {
display: inline-flex;
line-height: 1.2;
text-transform: none;
}
.tabs__content li h3 {
width: auto !important;
font-size: max(2rem, min(1.5vw, 2.6rem)) !important;
}
.tabs__content li h3 {
display: inline-flex;
align-items: center;
box-sizing: content-box;
margin: 0 1rem 0 0;
padding: 2rem;
line-height: 1;
text-align: right;
white-space: nowrap;
}
.tabs__content li span {
display: inline-block;
position: relative;
line-height: 1.2;
}
.tabs__content li span small {
margin-top: 0.66rem;
line-height: 1.5;
}
.tabs__content li span:first-of-type {
max-width: none !important;
}
.tabs__content li span:last-of-type {
padding-left: 3rem;
max-width: 34rem;
}
@media (max-width: 767.98px) {
.tabs__content li span:last-of-type {
max-width: 20rem;
}
}
.tabs__content li {
display: flex;
position: relative;
flex-wrap: nowrap;
align-items: stretch;
gap: 0.5rem;
}
.tabs__content li > span {
display: inline-flex;
align-items: center;
padding: 2rem 0;
}
@media (max-width: 991.98px) {
.tabs__content li > span {
padding: max(1rem, min(2vw, 2rem)) 0;
}
}
.tabs__content li:first-of-type span.tabs__line:before {
top: -0.5rem;
}
.tabs__content li:last-of-type span.tabs__line:before {
bottom: -0.5rem;
}
.tabs__content li:first-of-type span.tabs__line:before, .tabs__content li:last-of-type span.tabs__line:before {
display: inline-block;
position: absolute;
margin-right: auto;
margin-left: -0.45rem;
border-radius: 2rem;
background-color: currentColor;
width: 1rem;
height: 1rem;
content: "";
}
.tabs__content li span.tabs__line {
display: block;
background-color: currentColor;
padding: 0;
width: 0.2rem;
content: "";
}
.tabs__content li span.text--upper:before {
display: inline-block;
position: absolute;
top: 50%;
left: -0.6rem;
transform: translate(-50%, -50%) rotate(45deg);
background-color: currentColor;
width: 1.5rem;
height: 1.5rem;
content: "";
}
.tabs__headline-wrap {
display: block;
justify-content: flex-end;
}
.testimonials .modal {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
.testimonials .modal .modal__inner {
flex-shrink: 0;
margin-top: auto;
width: 100%;
}
.testimonials .modal .modal__link {
display: none !important;
}
.testimonials .cards__entry {
flex-direction: column;
align-items: center;
width: -moz-fit-content;
width: fit-content;
min-width: 28rem;
overflow: visible;
}
@media (max-width: 991.98px) {
.testimonials .cards__entry {
max-width: 40rem;
}
}
@media (min-width: 768px) {
.testimonials .cards__entry {
min-width: 32rem;
}
}
.testimonials .cards__entry.entry--even .content__wrap {
min-height: 30rem;
}
@media (min-width: 768px) {
.testimonials .cards__entry.entry--even .content__wrap {
min-height: 36rem;
}
}
.testimonials .cards__entry.entry--even .modal__inner {
padding-top: 0;
min-height: 30rem;
}
@media (min-width: 768px) {
.testimonials .cards__entry.entry--even .modal__inner {
min-height: 36rem;
}
}
.testimonials .cards__entry.entry--even .cards__entry-inner {
flex-direction: row;
}
@media (min-width: 768px) {
.testimonials .cards__entry.entry--even .cards__entry-inner {
flex-direction: row-reverse;
}
}
.testimonials .cards__entry.entry--odd .content__wrap {
min-height: 35rem;
}
@media (min-width: 768px) {
.testimonials .cards__entry.entry--odd .content__wrap {
min-height: 45.3rem;
}
}
.testimonials .cards__entry.entry--odd .modal__inner {
padding-top: 0;
min-height: 35rem;
}
@media (min-width: 768px) {
.testimonials .cards__entry.entry--odd .modal__inner {
min-height: 45.3rem;
}
}
.testimonials .cards__entry .content__wrap {
display: flex;
align-items: flex-end;
}
.testimonials .cards__entry-meta {
align-items: flex-start;
margin-top: 1.5rem;
height: 8rem;
min-height: 0;
text-align: center;
}
@media (min-width: 768px) {
.testimonials .cards__entry-meta {
margin-top: 2.4rem;
height: 10rem;
}
}
.testimonials__entries {
flex-wrap: nowrap;
align-items: flex-end;
margin-top: 1em;
}
.testimonials__quote {
display: flex;
align-items: flex-end;
}
.testimonials__quote .content__wrap {
box-sizing: border-box;
background: #dbdbdb;
padding: 1.5rem 1.5rem 2rem 1.5rem;
}
@media (min-width: 768px) {
.testimonials__quote .content__wrap {
padding: 2rem 2rem 3rem 2rem;
}
}
.testimonials__quote .content__wrap:before {
position: absolute;
top: 1.5rem;
left: 1.5rem;
width: 3.5rem;
height: 2.8rem;
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='45' height='36' viewBox='0 0 45 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 35V16.9375L6.29412 1H14.7647L9.47059 16.9375H19V35H1Z' stroke='%23231F20'/%3E%3Cpath d='M26 35V16.9375L31.2941 1H39.7647L34.4706 16.9375H44V35H26Z' stroke='%23231F20'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='45' height='36' viewBox='0 0 45 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 35V16.9375L6.29412 1H14.7647L9.47059 16.9375H19V35H1Z' stroke='%23231F20'/%3E%3Cpath d='M26 35V16.9375L31.2941 1H39.7647L34.4706 16.9375H44V35H26Z' stroke='%23231F20'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
@media (min-width: 768px) {
.testimonials__quote .content__wrap:before {
top: 2rem;
left: 2rem;
width: 4.3rem;
height: 3.4rem;
}
}
.testimonials__quote blockquote {
line-height: 1.2;
}
@media (max-width: 991.98px) {
.testimonials__quote blockquote {
line-height: 1.15;
}
}
.testimonials__media .content__wrap {
width: 100%;
}
.testimonials__media .modal__inner {
border: 0;
border-radius: 0;
padding-top: 75%;
}
@media (min-width: 768px) {
.testimonials__media .modal__inner {
padding-top: 92%;
}
}
.events p {
margin: 0;
}
.events:has(.events__empty) .events__more {
display: none;
}
.events .tabs__entries-nav ul {
border: 0.2rem solid #fff;
}
.events.section--invert .tabs__entries-nav ul {
border: 0.2rem solid #000;
}
.events .tabs__entry {
display: none;
position: relative;
visibility: inherit;
}
.events .tabs__entry.item--active {
display: flex;
}
.events .tabs__entry-inner {
width: 100%;
}
.events__entry-title small {
display: inline-flex;
margin-bottom: 0.66em;
background-color: #fff;
padding: 0.2em 0.3em;
color: #000;
line-height: 1;
}
.events__entry-title:has(small) p {
margin-bottom: 2em;
}
.events__entry-title p {
padding-right: 11%;
}
@media (max-width: 991.98px) {
.events__entry-loc {
font-weight: 600;
}
}
.events__entry-thumb {
margin-right: 2rem;
background: #636466;
width: 11rem;
min-width: 11rem;
height: 10rem;
}
@media (max-width: 767.98px) {
.events__entry-thumb {
margin-right: 1rem;
margin-bottom: 2rem;
}
}
.events__entry-thumb img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.events__entry {
display: flex;
position: relative;
align-items: center;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
}
@media (max-width: 767.98px) {
.events__entry {
flex-direction: column;
align-items: flex-start;
padding-top: 1.2rem;
padding-bottom: 1.2rem;
}
}
.events__entry .text--upper {
flex-wrap: nowrap;
font-size: 1.5rem;
}
.events__entry > * {
opacity: 0.7;
}
.events__entry:hover > * {
opacity: 1;
}
.events__entry:after {
position: absolute;
right: 1.5rem;
bottom: 0;
left: 1.5rem;
opacity: 0.25;
background: #636466;
height: 0.1rem;
content: "";
}
@media (max-width: 767.98px) {
.events__entry:after {
right: 0;
left: 0;
}
}
@media (min-width: 768px) {
.events__entry-date:has(small) p {
margin-bottom: 1.4em;
}
}
.carousel {
padding-top: max(5rem, min(8vw, 10rem)) !important;
padding-bottom: max(5rem, min(8vw, 10rem)) !important;
}
.carousel.section--invert .swiper-pagination-bullet-active {
background-color: #000 !important;
}
.carousel .slider__navigation {
margin-top: 3.2rem;
margin-bottom: 5rem;
}
.carousel__entries {
margin-top: 1.2em;
margin-bottom: 1rem;
}
.carousel__entries-content {
z-index: 2;
}
.carousel__entries-content .swiper-fraction {
margin-bottom: max(1rem, min(1vw, 3rem));
font-size: max(1.5rem, min(1vw, 2rem));
}
.carousel__entries-content-wrap a {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.carousel__entries-content-wrap.entry--text {
position: relative;
max-width: 65rem;
}
@media (min-width: 992px) {
.carousel__entries-content-wrap.entry--text {
margin-top: -1.5vw;
}
}
.carousel__entries-content-wrap.entry--text li {
transition: 0.33s ease opacity, 0s display 0.33s;
display: none;
}
.carousel__entries-content-wrap.entry--text li.item--active {
display: block;
transition: 0.66s ease opacity 0.33s, 0s display 0.33s;
}
.carousel__entries-content-wrap.entry--title {
position: relative;
}
.carousel__entries-content-wrap.entry--title h3 {
font-size: max(2rem, min(5vw, 4rem));
}
.carousel__entries-content-wrap.entry--title li {
position: absolute;
top: 0;
left: 0;
opacity: 0;
pointer-events: none;
}
.carousel__entries-content-wrap.entry--title li .char > span {
transform: translateY(100%) !important;
}
.carousel__entries-content-wrap.entry--title li .char > span {
transition: 0s cubic-bezier(0.5, 0.01, 0, 1) 1s;
}
.carousel__entries-content-wrap.entry--title li.item--active {
position: relative;
opacity: 1;
}
.carousel__entries-content-wrap.entry--title li.item--active .char > span {
transform: translateY(0) !important;
}
.carousel__entries-content-wrap.entry--title li.item--active .char > span {
transition: 0.66s cubic-bezier(0.5, 0.01, 0, 1) calc(0.2s + var(--delay));
}
.carousel__entry .media {
display: inline-flex;
position: relative;
align-items: center;
vertical-align: bottom;
padding-top: max(40%, min(58vh, 62%));
width: 100%;
height: 100%;
overflow: hidden;
}
@media (max-width: 991.98px) {
.carousel__entry .media {
height: auto;
}
}
.carousel__entry .media img,
.carousel__entry .media video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.carousel__entry:not(.stats-carousel__entry) .media {
transition: all cubic-bezier(0.5, 0.01, 0, 1) 1s !important;
}
.carousel__entry:not(.stats-carousel__entry) .media {
transform: scale(0.68);
opacity: 0.1;
}
.carousel__entry.stats-carousel__entry {
transform: scale(0.68) !important;
}
.carousel__entry.stats-carousel__entry {
opacity: 0.1;
transition: 1s transform cubic-bezier(0.5, 0.01, 0, 1) 0s, 1s opacity cubic-bezier(0.5, 0.01, 0, 1) 0s, 1s transform-origin cubic-bezier(0.5, 0.01, 0, 1) 0s, 0s z-index 1s;
}
.carousel__entry.swiper-slide-prev.stats-carousel__entry {
transform-origin: bottom right;
}
.carousel__entry.swiper-slide-prev .media {
transform-origin: right;
}
.carousel__entry.swiper-slide-next.stats-carousel__entry {
transform-origin: bottom left;
}
.carousel__entry.swiper-slide-next .media {
transform-origin: left;
}
.carousel__entry.swiper-slide-active .media {
transform: scale(1);
opacity: 1;
}
.carousel__entry.swiper-slide-active.stats-carousel__entry {
transform: scale(1) !important;
}
.carousel__entry.swiper-slide-active.stats-carousel__entry {
opacity: 1;
z-index: 1;
}
.carousel-cards .carousel {
padding: 0 !important;
}
.carousel-cards .carousel {
position: relative;
}
.carousel-cards .carousel__item {
position: absolute;
}
.carousel-cards .carousel__item .media {
border: 0 !important;
}
.carousel-cards .carousel__item .media {
pointer-events: none;
}
.carousel-cards .carousel__item img {
clip-path: inset(0 100% 0 0);
transition: 0s clip-path 0.66s, 1s filter 0s;
filter: blur(0.1rem) saturate(0) brightness(0.5);
}
.carousel-cards .carousel__item.item--active {
z-index: 1;
}
.carousel-cards .carousel__item.item--active img {
clip-path: inset(0 0 0 0);
transition: 0.5s cubic-bezier(1, 0, 0.4, 1) clip-path, 0s index, 0s filter;
filter: blur(0) saturate(1) brightness(1);
}
.carousel-cards .carousel__buttons {
position: absolute;
right: 0.5rem;
bottom: 2rem;
z-index: 2;
}
.carousel-cards .carousel__button {
display: inline-block;
width: 1.4rem;
height: 2.8rem;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8L1 15' stroke='%23221F20'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8L1 15' stroke='%23221F20'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
margin: 0 1.5rem;
}
.carousel-cards .carousel__button:hover {
cursor: pointer;
background-color: #f2d94c;
}
.carousel-cards__content .content__wrap {
margin: 0 auto;
max-width: 50rem;
text-align: center;
}
.carousel-cards__content p {
line-height: 1;
}
.carousel-cards__entries {
margin: 0 auto;
max-width: 105rem;
color: #fff;
}
.carousel-cards__entries.cards--max {
max-width: 142rem;
}
.carousel-cards__gallery {
padding: 0 0.25rem !important;
}
.carousel-cards__gallery {
overflow: hidden;
}
@media (max-width: 1199.98px) {
.carousel-cards__gallery {
margin-bottom: 1em;
}
}
.carousel-cards__gallery-content {
position: absolute;
right: 0.25rem;
bottom: 0;
left: 0.25rem;
z-index: 2;
padding: 2rem;
pointer-events: none;
}
.carousel-cards__gallery-content h3 {
margin-bottom: 0.5rem;
}
.carousel-cards__gallery-content p {
font-size: max(1.4rem, min(4vw, 1.6rem));
}
.carousel-cards__gallery-content:before {
display: block;
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
min-height: 30rem;
content: "";
}
.carousel-cards__link {
margin-top: 3rem;
}
.grid img {
margin-right: 0;
margin-bottom: 1rem;
max-width: 4.2rem;
height: 3.2rem;
}
@media (min-width: 768px) {
.grid img {
margin-right: 1.5rem;
margin-bottom: 0;
}
}
.grid__entries {
position: relative;
overflow: hidden;
}
.grid__entries:after {
display: none;
}
@media (min-width: 768px) {
.grid__entries:after {
display: inline-block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
background: #221f20;
width: 0.1rem;
height: 100%;
content: "";
}
}
.grid__caption {
margin-top: 3rem;
margin-bottom: 1.5rem;
max-width: 100%;
}
@media (min-width: 768px) {
.grid__caption {
margin-top: 5rem;
margin-bottom: 2rem;
max-width: 90rem;
}
}
.grid__entry {
opacity: 0;
z-index: 0;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
transition: 0.2s ease-out opacity;
}
@media (min-width: 768px) {
.grid__entry {
padding-top: 2.4rem;
padding-bottom: 2.4rem;
}
}
.grid__entry:nth-child(1) {
transition-delay: 0.0175s;
}
.grid__entry:nth-child(2) {
transition-delay: 0.035s;
}
.grid__entry:nth-child(3) {
transition-delay: 0.0525s;
}
.grid__entry:nth-child(4) {
transition-delay: 0.07s;
}
.grid__entry:nth-child(5) {
transition-delay: 0.0875s;
}
.grid__entry:nth-child(6) {
transition-delay: 0.105s;
}
.grid__entry:nth-child(7) {
transition-delay: 0.1225s;
}
.grid__entry:nth-child(8) {
transition-delay: 0.14s;
}
.grid__entry:nth-child(9) {
transition-delay: 0.1575s;
}
.grid__entry:nth-child(10) {
transition-delay: 0.175s;
}
.grid__entry:nth-child(11) {
transition-delay: 0.1925s;
}
.grid__entry:nth-child(12) {
transition-delay: 0.21s;
}
.grid__entry:nth-child(13) {
transition-delay: 0.2275s;
}
.grid__entry:nth-child(14) {
transition-delay: 0.245s;
}
.grid__entry:nth-child(15) {
transition-delay: 0.2625s;
}
.grid__entry:nth-child(16) {
transition-delay: 0.28s;
}
.grid__entry:nth-child(17) {
transition-delay: 0.2975s;
}
.grid__entry:nth-child(18) {
transition-delay: 0.315s;
}
.grid__entry:nth-child(19) {
transition-delay: 0.3325s;
}
.grid__entry:nth-child(20) {
transition-delay: 0.35s;
}
.grid__entry:nth-child(21) {
transition-delay: 0.3675s;
}
.grid__entry:nth-child(22) {
transition-delay: 0.385s;
}
.grid__entry:nth-child(23) {
transition-delay: 0.4025s;
}
.grid__entry:nth-child(24) {
transition-delay: 0.42s;
}
[data-anim=true] .grid__entry {
opacity: 1;
}
[data-anim=true] .grid__entry:before {
transform: scaleX(1);
}
.grid__entry:before {
transition: 0.5s cubic-bezier(0.5, 0.01, 0, 1) transform;
display: none;
position: absolute;
right: 0;
bottom: 0;
left: 0;
transform: scaleX(0);
transform-origin: left;
background-color: #636466;
height: 0.1rem;
content: "";
}
@media (min-width: 768px) {
.grid__entry:before {
display: block;
}
}
.grid__entry .content__wrap {
display: flex;
position: relative;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
height: 100%;
overflow: hidden;
text-align: center;
}
@media (min-width: 768px) {
.grid__entry .content__wrap {
flex-direction: row;
align-items: center;
text-align: left;
}
}
.grid__entry .content__wrap:after {
display: none;
}
@media (min-width: 768px) {
.grid__entry .content__wrap:after {
display: inline-block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
background-color: #636466;
width: 0.1rem;
height: 3.2rem;
content: "";
}
}
@media (max-width: 767.98px) {
.grid__entry .content__wrap {
margin: 0 auto;
max-width: 15rem;
}
}
.grid__entry:last-child .content__wrap:after {
display: none;
}
.grid__entry p {
margin: 0;
line-height: 1.2;
}
@media (max-width: 767.98px) {
.grid__entry p {
padding: 0 1em;
font-size: 1.3rem;
}
}
.apartments .posts__sort {
margin-top: max(3rem, min(4vw, 8rem));
margin-bottom: max(3rem, min(4vw, 8rem));
}
.apartments:not(.posts--apartment) form {
background: #fff;
padding: 2rem;
color: #000;
}
@media (max-width: 991.98px) {
.apartments:not(.posts--apartment) form {
padding: 2rem 0 1rem;
}
}
.apartments select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
border: 0.1rem solid #33574e;
background: transparent;
background-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 1L7.5 8L14.5 1' stroke='black'/%3E%3C/svg%3E%0A");
background-position: right 1.4rem center;
background-repeat: no-repeat;
padding: 1.6rem 1.4rem;
min-width: 16rem;
color: currentColor;
line-height: 1;
text-transform: uppercase;
}
.apartments select:focus {
border-color: #002d22;
}
.apartments select:hover {
cursor: pointer;
}
.apartments.posts--apartment select {
border-color: #636466;
background-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 1L7.5 8L14.5 1' stroke='white'/%3E%3C/svg%3E%0A");
}
.apartments.section--invert form {
background: #021f18;
color: #fff;
}
.apartments.section--invert select {
border-color: #636466;
background-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 1L7.5 8L14.5 1' stroke='white'/%3E%3C/svg%3E%0A");
color: #fff;
}
.apartments.section--invert select:focus {
border-color: #fff;
}
.apartments .section__title {
padding-bottom: 0;
}
.apartments__entry {
position: relative;
border-bottom: 0.1rem solid #fff;
padding: 3.6rem 3rem;
transition: color 0.175s ease-in-out 0.075s;
}
@media (max-width: 991.98px) {
.apartments__entry {
padding: 2rem;
}
}
.apartments__entry:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
clip-path: inset(100% 0 0 0);
background: #fff;
content: "";
transition: clip-path 0.35s ease-in-out;
}
.apartments__entry:hover {
color: #221f20;
transition: color 0.175s ease-in-out 0.075s;
}
.apartments__entry:hover:before {
clip-path: inset(0 0 0 0);
}
@media (max-width: 991.98px) {
.apartments__entry .text--upper {
display: block;
margin-top: 3rem;
}
}
.section--invert .apartments__entry {
border-bottom: 0.1rem solid #221f20;
}
.section--invert .apartments__entry:before {
background: #221f20;
}
.section--invert .apartments__entry:hover {
color: #fff;
}
.apartments__entry .h3 {
margin: 0;
}
@media (max-width: 767.98px) {
.apartments__entry .h3 {
margin-bottom: 1rem;
}
}
.apartments__entry:last-child {
border: 0;
}
.apartments__entry ul {
display: flex;
}
@media (max-width: 767.98px) {
.apartments__entry ul {
flex-wrap: wrap;
}
}
.apartments__entry ul li {
margin: 0 2rem;
}
@media (max-width: 767.98px) {
.apartments__entry ul li {
margin: 1rem 0;
width: 50%;
}
}
.apartments__entry-spec {
display: inline-flex;
flex-wrap: nowrap;
align-items: center;
white-space: nowrap;
}
.apartments__entry-spec:before {
display: inline-block;
margin-right: 0.8rem;
width: 2rem;
height: 2rem;
content: "";
}
.apartments__entry-spec.spec--price:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='1' width='19' height='19' rx='9.5' stroke='%23040507'/%3E%3Cpath d='M12.5 13.7795V14.5H7.5V13.7795H8.50309V10.8336H7.5V10.1611H8.50309V8.77885C8.50309 8.02813 8.71228 7.46064 9.13066 7.07638C9.55247 6.69213 10.1715 6.5 10.9877 6.5C11.2174 6.5 11.454 6.51779 11.6975 6.55337C11.9444 6.58539 12.1588 6.63164 12.3405 6.69213V7.41795C11.9359 7.28986 11.5003 7.22582 11.034 7.22582C10.4304 7.22582 9.988 7.34857 9.70679 7.59406C9.42558 7.836 9.28498 8.22559 9.28498 8.76284V10.1611H11.5947V10.8336H9.28498V13.7795H12.5Z' fill='%23040507'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='1' width='19' height='19' rx='9.5' stroke='%23040507'/%3E%3Cpath d='M12.5 13.7795V14.5H7.5V13.7795H8.50309V10.8336H7.5V10.1611H8.50309V8.77885C8.50309 8.02813 8.71228 7.46064 9.13066 7.07638C9.55247 6.69213 10.1715 6.5 10.9877 6.5C11.2174 6.5 11.454 6.51779 11.6975 6.55337C11.9444 6.58539 12.1588 6.63164 12.3405 6.69213V7.41795C11.9359 7.28986 11.5003 7.22582 11.034 7.22582C10.4304 7.22582 9.988 7.34857 9.70679 7.59406C9.42558 7.836 9.28498 8.22559 9.28498 8.76284V10.1611H11.5947V10.8336H9.28498V13.7795H12.5Z' fill='%23040507'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.apartments__entry-spec.spec--bedrooms:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='23' height='19' viewBox='0 0 23 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 14.3913V6.76087H1V14.3913M22 14.3913H1M22 14.3913V18.5H19.27L19.27 16.3478H3.73V18.5H1V14.3913M3.94 0.5H19.06V6.76087H3.94V0.5ZM6.46677 4.21739H10.234V6.76087H6.46677V4.21739ZM12.7668 4.21739H16.534V6.76087H12.7668V4.21739Z' stroke='%23040507'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='23' height='19' viewBox='0 0 23 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 14.3913V6.76087H1V14.3913M22 14.3913H1M22 14.3913V18.5H19.27L19.27 16.3478H3.73V18.5H1V14.3913M3.94 0.5H19.06V6.76087H3.94V0.5ZM6.46677 4.21739H10.234V6.76087H6.46677V4.21739ZM12.7668 4.21739H16.534V6.76087H12.7668V4.21739Z' stroke='%23040507'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.apartments__entry-spec.spec--floor:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='21' viewBox='0 0 16 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='0.5' width='7.89474' height='20' stroke='%23040507'/%3E%3Cpath d='M3.87109 18.5861H5.78497V20.5H3.87109V18.5861Z' stroke='%23040507'/%3E%3Cpath d='M6.26339 3.45727V2.31818M6.26339 6.02025V4.88116M6.26339 8.5832V7.44411M6.26339 11.1462V10.0071M6.26339 13.7091V12.57M6.26339 16.2721V15.133M3.39258 3.45727V2.31818M3.39258 6.02025V4.88116M3.39258 8.5832V7.44411M3.39258 11.1462V10.0071M3.39258 13.7091V12.57M3.39258 16.2721V15.133' stroke='%23040507'/%3E%3Crect x='9' y='8.5' width='6' height='12' stroke='%23040507'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='16' height='21' viewBox='0 0 16 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='0.5' width='7.89474' height='20' stroke='%23040507'/%3E%3Cpath d='M3.87109 18.5861H5.78497V20.5H3.87109V18.5861Z' stroke='%23040507'/%3E%3Cpath d='M6.26339 3.45727V2.31818M6.26339 6.02025V4.88116M6.26339 8.5832V7.44411M6.26339 11.1462V10.0071M6.26339 13.7091V12.57M6.26339 16.2721V15.133M3.39258 3.45727V2.31818M3.39258 6.02025V4.88116M3.39258 8.5832V7.44411M3.39258 11.1462V10.0071M3.39258 13.7091V12.57M3.39258 16.2721V15.133' stroke='%23040507'/%3E%3Crect x='9' y='8.5' width='6' height='12' stroke='%23040507'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.apartments__entry-spec.spec--size:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='1' width='19' height='19' stroke='%23040507' stroke-dasharray='10 10'/%3E%3Cpath d='M14.4997 6L8.3418 12.1579M14.4997 6V9.31579M14.4997 6H11.1839' stroke='%23040507'/%3E%3Cpath d='M5.50051 15L9.76367 10.7368M5.50051 15V11.6842M5.50051 15H8.8163' stroke='%23040507'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='1' width='19' height='19' stroke='%23040507' stroke-dasharray='10 10'/%3E%3Cpath d='M14.4997 6L8.3418 12.1579M14.4997 6V9.31579M14.4997 6H11.1839' stroke='%23040507'/%3E%3Cpath d='M5.50051 15L9.76367 10.7368M5.50051 15V11.6842M5.50051 15H8.8163' stroke='%23040507'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.apartments__entry-spec.spec--date:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3699 14.0685H2.52008C1.22046 14.0685 0.163086 13.0113 0.163086 11.7115V3.57379C0.163086 2.27417 1.22046 1.2168 2.52008 1.2168H13.3699C14.6696 1.2168 15.7269 2.27417 15.7269 3.57379V11.7115C15.7269 13.0111 14.6696 14.0685 13.3699 14.0685ZM2.52008 1.9759C1.63901 1.9759 0.922188 2.69273 0.922188 3.57379V11.7115C0.922188 12.5926 1.63901 13.3094 2.52008 13.3094H13.3699C14.251 13.3094 14.9678 12.5926 14.9678 11.7115V3.57379C14.9678 2.69273 14.251 1.9759 13.3699 1.9759H2.52008Z' fill='white'/%3E%3Cpath d='M13.8066 5.25829H2.08276C1.87306 5.25829 1.70312 5.08835 1.70312 4.87866C1.70312 4.66896 1.87306 4.49902 2.08276 4.49902H13.8066C14.0163 4.49902 14.1863 4.66896 14.1863 4.87866C14.1863 5.08835 14.0163 5.25829 13.8066 5.25829Z' fill='white'/%3E%3Cpath d='M3.62378 2.92629C3.41408 2.92629 3.24414 2.75635 3.24414 2.54665V0.387447C3.24414 0.177751 3.41408 0.0078125 3.62378 0.0078125C3.83347 0.0078125 4.00341 0.177751 4.00341 0.387447V2.54682C4.00341 2.75652 3.83347 2.92645 3.62378 2.92645V2.92629Z' fill='white'/%3E%3Cpath d='M7.94506 2.92629C7.73537 2.92629 7.56543 2.75635 7.56543 2.54665V0.387447C7.56543 0.177751 7.73537 0.0078125 7.94506 0.0078125C8.15476 0.0078125 8.3247 0.177751 8.3247 0.387447V2.54682C8.3247 2.75652 8.15476 2.92645 7.94506 2.92645V2.92629Z' fill='white'/%3E%3Cpath d='M12.2664 2.92629C12.0567 2.92629 11.8867 2.75635 11.8867 2.54665V0.387447C11.8867 0.177751 12.0567 0.0078125 12.2664 0.0078125C12.4761 0.0078125 12.646 0.177751 12.646 0.387447V2.54682C12.646 2.75652 12.4761 2.92645 12.2664 2.92645V2.92629Z' fill='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3699 14.0685H2.52008C1.22046 14.0685 0.163086 13.0113 0.163086 11.7115V3.57379C0.163086 2.27417 1.22046 1.2168 2.52008 1.2168H13.3699C14.6696 1.2168 15.7269 2.27417 15.7269 3.57379V11.7115C15.7269 13.0111 14.6696 14.0685 13.3699 14.0685ZM2.52008 1.9759C1.63901 1.9759 0.922188 2.69273 0.922188 3.57379V11.7115C0.922188 12.5926 1.63901 13.3094 2.52008 13.3094H13.3699C14.251 13.3094 14.9678 12.5926 14.9678 11.7115V3.57379C14.9678 2.69273 14.251 1.9759 13.3699 1.9759H2.52008Z' fill='white'/%3E%3Cpath d='M13.8066 5.25829H2.08276C1.87306 5.25829 1.70312 5.08835 1.70312 4.87866C1.70312 4.66896 1.87306 4.49902 2.08276 4.49902H13.8066C14.0163 4.49902 14.1863 4.66896 14.1863 4.87866C14.1863 5.08835 14.0163 5.25829 13.8066 5.25829Z' fill='white'/%3E%3Cpath d='M3.62378 2.92629C3.41408 2.92629 3.24414 2.75635 3.24414 2.54665V0.387447C3.24414 0.177751 3.41408 0.0078125 3.62378 0.0078125C3.83347 0.0078125 4.00341 0.177751 4.00341 0.387447V2.54682C4.00341 2.75652 3.83347 2.92645 3.62378 2.92645V2.92629Z' fill='white'/%3E%3Cpath d='M7.94506 2.92629C7.73537 2.92629 7.56543 2.75635 7.56543 2.54665V0.387447C7.56543 0.177751 7.73537 0.0078125 7.94506 0.0078125C8.15476 0.0078125 8.3247 0.177751 8.3247 0.387447V2.54682C8.3247 2.75652 8.15476 2.92645 7.94506 2.92645V2.92629Z' fill='white'/%3E%3Cpath d='M12.2664 2.92629C12.0567 2.92629 11.8867 2.75635 11.8867 2.54665V0.387447C11.8867 0.177751 12.0567 0.0078125 12.2664 0.0078125C12.4761 0.0078125 12.646 0.177751 12.646 0.387447V2.54682C12.646 2.75652 12.4761 2.92645 12.2664 2.92645V2.92629Z' fill='white'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.load--active .apartments__entries {
opacity: 0.5;
filter: blur(0.05rem);
pointer-events: none;
}
.apartments__filter {
padding: 3.6rem 4.5rem;
}
@media (max-width: 991.98px) {
.apartments__filter {
padding: 2rem;
}
}
.posts--apartment .apartments__filter {
border: 0.1rem solid #636466;
padding: max(1.5rem, min(2vw, 2.4rem));
}
.apartments__filter label {
margin-bottom: 1.6rem;
}
@media (max-width: 991.98px) {
.apartments__filter label {
margin-bottom: 1rem;
}
}
.apartments__filter button {
min-width: 19.2rem;
}
.apartments__filter select {
width: 100%;
}
.apartments__filter-inner:not(.posts--apartment) .apartments__filter-inner {
background: #fff;
padding: 2.4rem 0.9rem;
color: #002d22;
}
.section--invert .apartments__filter-inner:not(.posts--apartment) .apartments__filter-inner {
background: #002d22;
color: #fff;
}
.apartments__filter-option {
width: 100%;
}
.apartments__filter-option-select {
display: flex;
align-items: center;
}
@media (max-width: 991.98px) {
.apartments__filter-option-select {
flex-wrap: wrap;
}
.apartments__filter-option-select select {
margin-bottom: 1em;
}
}
.apartments__filter-option-select > span {
display: inline-flex;
margin: 0 1rem 0;
width: 1.6rem;
height: 2rem;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='1' viewBox='0 0 10 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.5H9' stroke='white' stroke-linecap='square'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='10' height='1' viewBox='0 0 10 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.5H9' stroke='white' stroke-linecap='square'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
@media (max-width: 991.98px) {
.apartments__filter-option-select > span {
display: none;
}
}
.apartments__filter-option-select button {
width: 100%;
}
@media (min-width: 992px) {
.apartments__filter-option-select button {
margin-left: 3rem;
}
}
.apartments__filter-option-select button span:last-child {
background: #000 !important;
}
.featured-text:not(:has(.btn)) h1 {
margin-bottom: 0;
padding: 0 2rem;
font-size: max(4rem, min(3vw, 7.2rem));
line-height: 1.1;
}
.featured-text__inner {
padding-top: max(1.5rem, min(4vw, 3rem));
padding-bottom: max(1.5rem, min(4vw, 3rem));
}
.blocks h4 {
font-family: Geist, Helvetica, Arial, sans-serif;
font-family: var(--font-body);
}
.blocks h4 > em {
margin-bottom: 0.125em;
font-size: 66%;
line-height: 2;
font-family: "ballinger-condensed", Helvetica, Arial, sans-serif;
}
.blocks h4 {
display: inline-block;
display: block;
margin-bottom: max(1.6rem, min(1vw, 2.4rem));
border-bottom: 0.1rem solid #636466;
padding-bottom: max(1.6rem, min(1vw, 2.4rem));
}
.blocks img {
margin-bottom: 2.4rem;
}
.blocks__entry {
margin-bottom: max(4.8rem, min(10vw, 9.6rem));
}
.blocks__inner .content__wrap {
max-width: 75rem;
}
@media (min-width: 992px) {
.blocks__inner .content__wrap {
margin-bottom: 5.5rem;
}
}
.content.content--single, .content.content--wysiwyg {
padding-top: max(16rem, min(20vw, 32rem)) !important;
}
.content.content--single strong, .content.content--wysiwyg strong {
font-weight: 600;
}
.content.content--single ul, .content.content--wysiwyg ul {
margin-left: 1.1em;
list-style-type: disc;
}
.content .wp-video {
max-width: 57.2rem;
}
.content img,
.content .wp-caption,
.content .wp-video .mejs-video {
margin: max(4rem, min(5vw, 8rem)) 0;
}
.content .wp-video {
margin-bottom: 1.5em;
}
.content .wp-caption {
width: 100% !important;
}
.content .wp-caption p {
margin-top: 0.66em;
font-size: max(1.4rem, min(2vw, 1.6rem));
}
.content .wp-caption img,
.content .wp-caption .wp-video .mejs-video {
margin: 0;
}
.content p:not(:has(img)) {
padding-right: 10rem;
}
@media (max-width: 767.98px) {
.content p:not(:has(img)) {
padding-right: 0;
}
}
.content__thumb img {
margin: 0;
}
.content__meta:not(.featured-posts__entry-meta) {
margin-bottom: 3rem;
font-family: "ballinger-condensed", Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
.content__meta ul {
display: inline-flex;
margin-top: 3rem;
}
.content__meta ul li {
display: inline-flex;
position: relative;
align-items: center;
padding: 0 3.5rem;
}
.content__meta ul li:first-child {
padding-left: 0;
}
.content__meta ul li:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
content: "•";
}
.content__meta ul li:last-child {
padding-right: 0;
}
.content__meta ul li:last-child:after {
display: none;
}
.featured-posts .content__meta ul li, .posts .content__meta ul li {
padding-right: 0;
}
.featured-posts .content__meta ul li:after, .posts .content__meta ul li:after {
display: none;
}
.featured-posts .content__meta ul, .posts .content__meta ul {
margin-bottom: 2rem;
}
.content__title {
margin-bottom: max(4rem, min(4vw, 8rem));
}
.content__title:has(p) .content__wrap {
border-bottom: 0.1rem solid #636466;
padding-bottom: 1rem;
}
.content__title p {
margin-bottom: 2em;
border-bottom: 0.1rem solid #636466;
padding-bottom: 2em;
}
.content__meta-event {
margin-bottom: max(4rem, min(4vw, 8rem));
}
.content__meta-event.meta--event-dates ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.content__meta-event.meta--event-dates ul li {
display: flex;
align-items: center;
margin-bottom: 1em;
width: 50%;
font-weight: 600;
}
@media (max-width: 767.98px) {
.content__meta-event.meta--event-dates ul li {
width: 100%;
}
}
.content__meta-event.meta--event-dates ul li small {
font-weight: 400;
}
.content__meta-event .h4 {
font-family: Geist, Helvetica, Arial, sans-serif;
font-family: var(--font-body);
}
.content__meta-event strong {
font-weight: 600;
}
.content__meta-event ul {
margin-top: 3rem;
}
.content__meta-event li {
margin-bottom: 1rem;
}
.content__meta-event li strong {
text-transform: capitalize;
}
.content__body h2,
.content__body .h2,
.content__body h3,
.content__body .h3,
.content__body h4,
.content__body .h4 {
margin-bottom: 1.3em;
font-size: max(2rem, min(4vw, 2.6rem));
font-family: Geist, Helvetica, Arial, sans-serif;
font-family: var(--font-body);
}
.content__event-date {
margin-bottom: 2em;
}
.content__gallery {
margin-top: 2em;
}
.content__gallery img,
.content__gallery video {
margin: 0;
padding: 0;
}
.content__gallery-entry {
display: flex;
margin-right: -0.5rem;
margin-left: -0.5em;
}
.content__gallery-entry img,
.content__gallery-entry video {
padding: 0.5em;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.content__gallery-entry .media.media--50 {
width: 50%;
}
.content__gallery-entry .media[data-caption] {
position: relative;
padding-bottom: 1.5em;
}
.content__gallery-entry .media[data-caption]:after {
top: calc(100% - 2em);
left: 0;
padding-left: 0.5em;
}
.content__gallery-entry:has(.media[data-caption]) .media.media--50 {
padding-bottom: 1.5em;
}
.content__sidebar-widget {
position: sticky;
top: 12rem;
background-color: #fff;
padding: 2rem;
min-width: 27rem;
max-width: 35rem;
color: #000;
}
@media (max-width: 991.98px) {
.content__sidebar-widget {
position: static;
margin-top: 3rem;
width: 100%;
max-width: none;
}
}
.content__sidebar-widget p {
padding-right: 0 !important;
}
.content__sidebar-widget p {
margin-bottom: 1em;
}
.content__sidebar-widget-event {
border-bottom: 0.1rem solid #c1c1c2;
}
.ticker:not(:has(.ticker__content)) {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.ticker img {
width: 100%;
max-width: 20rem;
height: 100%;
max-height: 7.7rem;
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 991.98px) {
.ticker img {
max-width: 10rem;
}
}
.ticker__content .content__wrap {
margin-bottom: 5rem;
max-width: 47rem;
}
.ticker__wrap {
display: flex;
}
.ticker__inner {
display: flex;
align-items: center;
animation: ticker 30s linear infinite;
width: -moz-max-content;
width: max-content;
min-width: 200rem;
}
.ticker__item {
margin: 0 4.4rem;
}
.ticker__entries {
background-color: #fff;
padding-top: max(1rem, min(1vw, 2.4rem));
padding-bottom: max(1rem, min(1vw, 2.4rem));
}
.case-studies img,
.case-studies video {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.case-studies__container {
padding-top: max(2rem, min(4vw, 4rem));
padding-bottom: max(2rem, min(4vw, 4rem));
}
@media (max-width: 767.98px) {
.case-studies__container {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
.case-studies__entry .content__wrap {
padding-top: 3rem;
padding-bottom: 3rem;
}
@media (max-width: 767.98px) {
.case-studies__entry .content__wrap {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
.case-studies__entry .content__wrap p:not(.text--caption) {
padding-top: max(4rem, min(4vw, 9rem));
}
@media (max-width: 767.98px) {
.case-studies__entry .content__wrap p:not(.text--caption) {
padding-top: 2rem;
}
}
.case-studies__entry:has(.media) .content__wrap {
padding: 0 max(1.5rem, min(4vw, 3rem));
}
@media (max-width: 767.98px) {
.case-studies__entry:has(.media) .content__wrap {
padding: 2rem 2rem 2rem 0;
}
}
.case-studies__entry:has(:not(.media)) {
align-self: center;
}
@media (max-width: 767.98px) {
.case-studies__entry:has(:not(.media)) {
align-self: stretch;
}
}
.media-modal {
text-align: center;
}
.media-modal .content__wrap {
margin: 0 auto;
width: 100%;
max-width: 68.8rem;
}
.media-modal .modal {
margin: 0 auto;
}
.share {
display: inline-flex;
position: relative;
align-items: center;
}
@media (max-width: 767.98px) {
.share {
width: 100%;
}
}
.share ul {
display: inline-flex;
align-items: center;
}
.share li {
margin-right: 2rem;
}
@media (max-width: 767.98px) {
.share li {
margin-right: 1rem;
margin-bottom: 1rem;
}
}
.share li a {
display: inline-flex;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 2.4rem;
height: 2.4rem;
}
.share li.share--link a {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9959 1.06663C15.4228 1.05296 13.9071 1.65773 12.7755 2.75068L12.7652 2.7608L11.0452 4.4708C10.6535 4.86018 10.6517 5.49335 11.0411 5.88501C11.4305 6.27667 12.0636 6.27851 12.4553 5.88913L14.1699 4.1845C14.9238 3.45887 15.9321 3.05746 16.9786 3.06656C18.0273 3.07567 19.0306 3.49635 19.7722 4.23798C20.5139 4.97961 20.9345 5.98286 20.9437 7.03165C20.9527 8.0777 20.5517 9.08557 19.8267 9.83934L16.8331 12.8329C16.4276 13.2385 15.9395 13.5523 15.4021 13.7528C14.8647 13.9533 14.2904 14.0358 13.7183 13.9949C13.1462 13.9539 12.5896 13.7903 12.0862 13.5153C11.5829 13.2403 11.1446 12.8603 10.801 12.401C10.4702 11.9587 9.84352 11.8684 9.40127 12.1992C8.95902 12.53 8.86867 13.1567 9.19948 13.5989C9.71482 14.2879 10.3723 14.858 11.1273 15.2705C11.8824 15.683 12.7173 15.9283 13.5755 15.9897C14.4336 16.0512 15.295 15.9274 16.1011 15.6267C16.9072 15.326 17.6392 14.8554 18.2475 14.2469L21.2474 11.2471L21.2595 11.2347C22.3525 10.1031 22.9572 8.58745 22.9436 7.01427C22.9299 5.44109 22.2989 3.93621 21.1864 2.82377C20.074 1.71132 18.5691 1.0803 16.9959 1.06663Z' fill='%23221F20'/%3E%3Cpath d='M10.425 8.01018C9.56681 7.94872 8.70546 8.07254 7.89935 8.37324C7.0933 8.67392 6.36133 9.14443 5.75309 9.75285L2.75309 12.7529L2.74091 12.7652C1.64796 13.8969 1.0432 15.4125 1.05687 16.9857C1.07054 18.5588 1.70155 20.0637 2.814 21.1762C3.92645 22.2886 5.43132 22.9196 7.0045 22.9333C8.57768 22.947 10.0933 22.3422 11.2249 21.2492L11.2373 21.2371L12.9473 19.5271C13.3378 19.1365 13.3378 18.5034 12.9473 18.1129C12.5568 17.7223 11.9236 17.7223 11.5331 18.1129L9.82957 19.8164C9.0758 20.5414 8.06793 20.9425 7.02188 20.9334C5.9731 20.9243 4.96985 20.5036 4.22821 19.7619C3.48658 19.0203 3.06591 18.0171 3.05679 16.9683C3.0477 15.9222 3.44876 14.9144 4.17379 14.1606L7.16731 11.1671C7.57281 10.7614 8.06095 10.4476 8.59836 10.2471C9.13577 10.0466 9.71 9.9641 10.2821 10.0051C10.8542 10.046 11.4108 10.2096 11.9142 10.4846C12.4175 10.7596 12.8559 11.1396 13.1994 11.5989C13.5302 12.0412 14.1569 12.1315 14.5992 11.8007C15.0414 11.4699 15.1318 10.8432 14.801 10.401C14.2856 9.71203 13.6281 9.14196 12.8731 8.72945C12.1181 8.31694 11.2832 8.07164 10.425 8.01018Z' fill='%23221F20'/%3E%3C/svg%3E%0A");
}
.share li.share--facebook a {
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8.4C2 6.15979 2 5.03968 2.43597 4.18404C2.81947 3.43139 3.43139 2.81947 4.18404 2.43597C5.03968 2 6.15979 2 8.4 2H13.6C15.8402 2 16.9603 2 17.816 2.43597C18.5686 2.81947 19.1805 3.43139 19.564 4.18404C20 5.03968 20 6.15979 20 8.4V13.6C20 15.8402 20 16.9603 19.564 17.816C19.1805 18.5686 18.5686 19.1805 17.816 19.564C16.9603 20 15.8402 20 13.6 20H8.4C6.15979 20 5.03968 20 4.18404 19.564C3.43139 19.1805 2.81947 18.5686 2.43597 17.816C2 16.9603 2 15.8402 2 13.6V8.4Z' stroke='%23221F20' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.97266 19.8993V9.89009C9.97266 8.62916 10.4736 7.41988 11.3652 6.52827C12.2568 5.63666 13.4661 5.13574 14.727 5.13574C15.1416 5.13574 15.4777 5.47184 15.4777 5.88643C15.4777 6.30102 15.1416 6.63712 14.727 6.63712C13.8643 6.63712 13.0369 6.97985 12.4268 7.5899C11.8168 8.19995 11.474 9.02735 11.474 9.89009V19.8993C11.474 20.3139 11.1379 20.65 10.7233 20.65C10.3088 20.65 9.97266 20.3139 9.97266 19.8993Z' fill='black'/%3E%3Cpath d='M13.7562 11.251L13.7756 11.2512C14.1812 11.2615 14.5069 11.5936 14.5069 12.0017C14.5069 12.4098 14.1812 12.7418 13.7756 12.7521L13.7562 12.7524H7.75069C7.33609 12.7524 7 12.4163 7 12.0017C7 11.5871 7.33609 11.251 7.75069 11.251H13.7562Z' fill='black'/%3E%3C/svg%3E%0A");
}
.share li.share--linkedin a {
background-image: url("data:image/svg+xml,%0A%3Csvg width='22px' height='22px' viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='brand-linkedin' transform='translate(1.25, 1.25)'%3E%3Cpath d='M12.35,0 C15.3010221,0 16.0029015,0.0573449396 16.9065148,0.517726294 C17.8002299,0.973133847 18.5268539,1.69978557 18.9822455,2.59352875 C19.4426511,3.49706416 19.5,4.19893949 19.5,7.15 L19.5,12.35 C19.5,15.3010297 19.4426508,16.0029132 18.9822437,16.9065148 C18.5268417,17.800219 17.800219,18.5268417 16.9064923,18.9822552 C16.0029132,19.4426508 15.3010297,19.5 12.35,19.5 L7.15,19.5 C4.19893949,19.5 3.49706416,19.4426511 2.59354313,18.9822529 C1.69978557,18.5268539 0.973133847,17.8002299 0.517705337,16.9064737 C0.0573449396,16.0029015 0,15.3010221 0,12.35 L0,7.15 C0,4.19894705 0.0573445962,3.49707586 0.517717143,2.59354313 C0.973121627,1.69977472 1.69977472,0.973121627 2.59354735,0.517714995 C3.49707586,0.0573445962 4.19894705,0 7.15,0 L12.35,0 Z M6.61241117,1.50086315 C4.41041138,1.50865854 3.82595675,1.57326063 3.27453687,1.85422286 C2.66300528,2.16581837 2.16581837,2.66300528 1.85422501,3.27453265 C1.57326078,3.82595645 1.50865856,4.41041136 1.50086314,6.61241117 L1.50086314,12.887589 C1.50865842,15.0895891 1.57325943,15.6740422 1.85421371,16.2254852 C2.16580962,16.8369769 2.66300123,17.3341496 3.27455125,17.6457545 C3.86838536,17.9483486 4.50053051,18 7.15,18 L12.35,18 C14.9994703,18 15.6316118,17.9483492 16.2254852,17.6457563 C16.836981,17.3341583 17.3341583,16.836981 17.6457448,16.2255077 C17.9483492,15.6316118 18,14.9994703 18,12.35 L18,7.15 C18,4.50053051 17.9483486,3.86838536 17.6457471,3.27453687 C17.3341496,2.66300123 16.8369769,2.16580962 16.2255263,1.85423466 C15.6740452,1.57326092 15.0895893,1.50865853 12.887589,1.50086315 L6.61241117,1.50086315 Z' id='Path' fill='%23221F20' fill-rule='nonzero'%3E%3C/path%3E%3Cline x1='5.75' y1='5.375' x2='5.75' y2='5.875' id='Path' stroke='%23221F20' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/line%3E%3Cpath d='M5.75,14.125 L5.75,8.5 M9.75,14.125 L9.75,11.25 M9.75,11.25 L9.75,8.5 M9.75,11.25 C9.75,9.9624 10.972,9.25 12.15,9.25 C13.75,9.25 13.75,10.625 13.75,12.125 L13.75,14.125' id='Shape' stroke='%23221F20' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.share__notify {
display: inline-flex;
position: absolute;
top: 0;
bottom: 0;
left: 100%;
align-items: center;
opacity: 0;
transition: opacity 0.3s ease-in-out;
transition: opacity 3s ease-in-out;
margin: auto;
border: 0.1rem solid currentColor;
border-radius: 0.3rem;
padding: 0.6em 0.3em;
pointer-events: none;
color: green;
font-weight: 500;
line-height: 1;
text-align: center;
white-space: nowrap;
}
@media (max-width: 991.98px) {
.share__notify {
position: relative;
width: 100%;
}
}
.copy--success .share__notify {
opacity: 1;
transition: opacity 0.3s ease-in-out;
}
.share__notify:before {
display: inline-flex;
margin-right: 0.22em;
width: 0.8em;
height: 0.8em;
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-info-circle'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0' /%3E%3Cpath d='M12 9h.01' /%3E%3Cpath d='M11 12h1v4h1' /%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-info-circle'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0' /%3E%3Cpath d='M12 9h.01' /%3E%3Cpath d='M11 12h1v4h1' /%3E%3C/svg%3E");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.featured-posts ul {
margin-top: 1em;
margin-bottom: 3rem;
}
@media (max-width: 767.98px) {
.featured-posts ul {
margin-bottom: 2rem;
}
}
.featured-posts p:not(.text--caption) {
font-size: max(1.8rem, min(2vw, 2.6rem));
}
.featured-posts .media {
display: inline-flex;
padding-top: 80%;
max-width: 34.6rem;
}
@media (max-width: 991.98px) {
.featured-posts .media {
margin-bottom: 2rem;
padding-top: 50%;
max-width: 100%;
}
}
.featured-posts .section__inner {
padding-bottom: 5rem;
}
@media (max-width: 767.98px) {
.featured-posts .section__inner {
padding-bottom: 3rem;
}
}
.featured-posts.featured-posts--videos .content__meta {
text-transform: inherit;
}
.featured-posts.featured-posts--videos .content__meta ul {
text-transform: uppercase;
}
.featured-posts__entries {
position: relative;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
@media (max-width: 767.98px) {
.featured-posts__entries {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
.featured-posts__entries:after, .featured-posts__entries:before {
position: absolute;
right: 1.5rem;
bottom: 0;
left: 1.5rem;
background-color: #636466;
height: 0.1rem;
content: "";
}
@media (max-width: 767.98px) {
.featured-posts__entries:after, .featured-posts__entries:before {
right: 0;
left: 0;
}
}
.featured-posts__entries:before {
top: 0;
bottom: auto;
}
.featured-posts--videos .featured-posts__entries:before {
display: none;
}
.featured-posts__entry {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.featured-posts__entry .content__wrap {
max-width: 68.7rem;
}
.featured-posts__entry .modal__link {
display: none !important;
}
.reels .slider__navigation {
margin-top: 1em;
}
.reels__entry {
min-width: 20rem;
}
.reels__entry .media {
display: inline-flex;
position: relative;
}
.reels__entry .media img,
.reels__entry .media video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.reels__entry .media,
.reels__entry .modal__inner {
border: 0;
border-radius: 0.4rem;
padding-top: 177%;
width: 100%;
min-width: 20rem;
overflow: clip;
}
.reels__entry .modal__inner p {
display: none;
}
.posts .content__meta {
text-transform: inherit;
}
.posts .content__meta ul {
margin-top: 1em;
text-transform: uppercase;
}
.posts .text--body-lg {
font-size: max(1.6rem, min(2vw, 2.6rem));
}
@media (max-width: 991.98px) {
.posts form select {
width: 100%;
}
}
.load--active .posts__entries {
opacity: 0.5;
filter: blur(0.05rem);
pointer-events: none;
}
.posts__entry {
margin-bottom: 5rem;
}
@media (max-width: 767.98px) {
.posts__entry {
margin-bottom: 3rem;
}
.posts__entry:last-child {
margin-bottom: 0;
}
.slider .posts__entry {
margin-bottom: 0;
}
}
.posts__entry.type-video .modal__link {
display: none !important;
}
.posts__entry.type-video .content__meta {
margin-top: 1em;
margin-bottom: 2em;
}
.posts__sort {
margin-bottom: 9rem;
}
@media (max-width: 767.98px) {
.posts__sort {
margin-bottom: 5rem;
}
}
.posts__terms a {
display: inline-flex;
border: 0.1rem solid currentColor;
padding: 1em;
color: #fff;
font-size: 1.6rem;
line-height: 1;
font-family: "ballinger-condensed", Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
@media (max-width: 767.98px) {
.posts__terms a {
padding: 0.8em;
font-size: 1.4rem;
}
}
.posts__terms a:hover {
color: #f2d94c;
}
.posts__terms ul {
display: flex;
flex-wrap: wrap;
}
.posts__terms ul li {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.posts__terms ul li.term--active a {
background: #fff;
pointer-events: none;
color: #000;
}
.popup-block-section {
display: none;
z-index: 9999;
}
.popup-block-section__overlay {
display: flex;
position: fixed;
top: 0;
left: 0;
justify-content: center;
align-items: center;
opacity: 1;
z-index: 9999;
-webkit-backdrop-filter: blur(0.5rem);
backdrop-filter: blur(0.5rem);
background: rgba(34, 31, 32, 0.5);
width: 100dvw;
height: 100dvh;
}
.popup-block-section__popup {
position: relative;
margin: 0 auto;
background: #021f18;
padding: 3rem;
max-width: 920px;
max-height: 95vh;
overflow-x: clip;
overflow-y: auto;
color: currentColor;
}
.popup-block-section .frm_form_field {
margin-bottom: 2rem !important;
}
.popup-block-section__header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 3rem;
padding-bottom: 1.5rem;
}
.popup-block-section__title {
margin: 0;
}
.popup-block-section .popup__close {
position: absolute;
right: 2rem;
}
.popup-block-section--active {
display: block;
}
.table .content__wrap {
margin: 0 auto;
max-width: 74.5rem;
}
@media (max-width: 767.98px) {
.table .content__wrap {
max-width: 100%;
}
}
.table__entries .content__wrap {
margin: 0 auto;
max-width: 91.8rem;
}
@media (max-width: 767.98px) {
.table__entries .content__wrap {
max-width: 100%;
}
}
.table__entry {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 0.1rem solid #33574e;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
}
@media (max-width: 767.98px) {
.table__entry {
flex-direction: column;
align-items: flex-start;
padding-top: 1.2rem;
padding-bottom: 1.2rem;
}
}
.table__entry p {
margin: 0;
}
.table__entry:last-child {
border-bottom: 0;
}
.table__entry > div {
width: 50%;
max-width: 45rem;
}
@media (max-width: 767.98px) {
.table__entry > div {
width: 100%;
max-width: none;
margin-bottom: 0.5rem;
}
}
.table__entry-unit {
font-size: max(1.8rem, min(2vw, 2.2rem));
}
.table__entry-value {
width: 15rem;
text-align: right;
}
@media (max-width: 767.98px) {
.table__entry-value {
width: 100%;
text-align: left;
}
}
.breadcrumbs {
font-size: 1.6rem;
font-family: ballinger-condensed, Helvetica, Arial, sans-serif;
font-family: var(--font-caption);
text-transform: uppercase;
}
@media (max-width: 767.98px) {
.breadcrumbs {
font-size: 1rem;
}
}
.breadcrumbs ul {
display: flex;
flex-wrap: nowrap;
align-items: center;
white-space: nowrap;
}
.breadcrumbs ul li {
display: flex;
padding: 0 2.4rem;
padding-left: 0;
}
@media (max-width: 767.98px) {
.breadcrumbs ul li {
display: inline-block !important;
}
.breadcrumbs ul li {
margin-bottom: 0.5rem;
padding: 0 1.2rem;
padding-left: 0;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.breadcrumbs ul li a {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.breadcrumbs ul li:last-child {
padding-right: 0;
}
.breadcrumbs ul li:last-child:after {
display: none;
}
.breadcrumbs ul li:after {
display: inline-flex;
margin-left: 2.4rem;
width: 2rem;
height: 2rem;
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3L15 10L8 17' stroke='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3L15 10L8 17' stroke='white'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
@media (max-width: 767.98px) {
.breadcrumbs ul li:after {
margin-left: 0.5rem;
width: 1.5rem;
height: 1.5rem;
}
}
.breadcrumbs ul li.breadcrumbs--current {
pointer-events: none;
color: #f2d94c;
}
.form .content__wrap {
margin-bottom: max(3rem, min(5vw, 5rem));
}
.form .frm_required {
display: none;
}
.form .frm_form_field {
display: flex;
flex-direction: column;
margin-bottom: max(2.5rem, min(4vw, 4rem));
}
.form .frm_form_field label,
.form .frm_form_field .frm_primary_label {
margin-bottom: 0.5em;
font-weight: 500;
font-size: max(1.4rem, min(2vw, 1.6rem));
text-align: left;
}
.form .frm_form_field button {
width: 100%;
min-height: max(4.4rem, min(5vw, 5rem));
color: #000;
}
.form .frm_form_field button:hover {
background-color: #221f20;
color: #fff;
}
.form .frm_form_field p {
text-align: left;
}
.form .frm_form_field p strong {
font-weight: 600;
}
.form .frm_form_field ol {
margin-bottom: 1em;
padding-left: 1em;
list-style-type: decimal;
text-align: left;
}
.form .frm_form_field .frm_description {
padding: 5px 0;
font-size: 80%;
text-align: left;
}
.form .frm_form_field .frm_error {
opacity: 1;
padding: 5px 0;
color: #f2d94c;
font-size: 80%;
text-align: left;
}
.form .frm_form_field.form-field-group {
margin-bottom: 0;
}
.form .frm_form_field.form-field-group .frm_error {
position: absolute;
top: max(65px, min(10vw, 76px));
}
.form .frm_form_field.form-field-address .frm_error {
top: auto;
top: initial;
right: 0;
}
.form .frm_form_field.form-field-address .frm_combo_inputs_container .frm_form_field:last-child {
display: none;
}
.form .frm_form_field.form-field-address .frm_combo_inputs_container .frm_form_field:nth-last-child(2) {
grid-column: span 4/span 4;
}
.form .frm_form_field.frm_blank_field {
position: relative;
}
.form .frm_checkbox label {
display: flex;
align-items: center;
font-size: max(1.4rem, min(2vw, 1.6rem));
}
.form .frm_checkbox label:hover {
cursor: pointer;
}
.form .frm_checkbox .dz-preview {
border-color: #fff;
}
.form .frm_dropzone {
max-width: 100% !important;
}
.form .frm_dropzone .dz-progress {
display: none !important;
}
.form .frm_dropzone .dz-details {
display: flex;
position: relative;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.form .frm_dropzone .dz-details .dz-remove {
position: absolute;
top: auto;
right: 0.2rem;
bottom: auto;
margin: auto 0;
}
.form .frm_dropzone .dz-details .dz-remove svg path {
stroke: #636466;
}
.form .frm_dropzone .dz-details .dz-remove:hover svg path {
stroke: white;
}
.form .frm_dropzone .dz-image {
display: flex;
align-items: center;
border-right: 0.1rem solid currentColor;
padding-right: 1.5rem;
}
.form .frm_dropzone .dz-image:after {
display: inline-block;
width: 2.4rem;
height: 2.4rem;
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.5996 8.39995V22.7999H3.59961V1.19995H14.5087M21.5996 8.39995L14.5087 1.19995M21.5996 8.39995H14.5087V1.19995M6.87234 8.39995H11.236M6.87234 12.8307H18.3269M6.87234 17.8153H18.3269' stroke='%23221F20'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.5996 8.39995V22.7999H3.59961V1.19995H14.5087M21.5996 8.39995L14.5087 1.19995M21.5996 8.39995H14.5087V1.19995M6.87234 8.39995H11.236M6.87234 12.8307H18.3269M6.87234 17.8153H18.3269' stroke='%23221F20'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.form .frm_dropzone .dz-image img {
display: none;
}
.form .frm_dropzone .dz-message {
display: flex !important;
border-color: currentColor !important;
background: transparent !important;
}
.form .frm_dropzone .dz-message {
flex-direction: column;
align-items: center;
margin-bottom: max(1.5rem, min(3vw, 2rem));
padding-bottom: max(2.5rem, min(4vw, 4rem));
}
.form .frm_dropzone .dz-message svg {
opacity: 0.2;
margin-top: 1rem;
margin-bottom: 1rem;
width: 4rem;
}
.form.section--invert .frm_dropzone .dz-details .dz-remove:hover svg path {
stroke: #000;
}
.form.section--invert .dz-preview {
border-color: #000 !important;
}
.form .frm_dropzone {
display: inline-flex;
flex-direction: column;
}
.form form {
display: flex;
flex-direction: column;
margin: 0 auto;
max-width: max(32rem, min(90vw, 68.8rem));
}
@media (max-width: 991.98px) {
.form form {
padding: 0 max(1rem, min(3vw, 2rem));
}
}
.form .frm_screen_reader {
display: none;
}
.form__inner h2 {
padding: 0 0.5em 0.33em;
}
.form__inner .content__wrap {
max-width: 77.2rem;
}
.inline-carousel .content__wrap {
max-width: 60rem;
}
.inline-carousel .content__wrap ol {
padding-left: 2rem;
list-style: decimal;
}
.inline-carousel .content__wrap p {
margin: 1.5rem 0;
line-height: 1.7;
}
.inline-carousel .content__wrap blockquote {
border-left: 4px solid #ccc;
padding-left: 1.5rem;
color: #555;
font-style: italic;
}
.inline-carousel .content__wrap a {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.inline-carousel .content__wrap table {
border-collapse: collapse;
width: 100%;
}
.inline-carousel .content__wrap th,
.inline-carousel .content__wrap td {
border: 1px solid #ccc;
padding: 0.75rem;
text-align: left;
}
.inline-carousel .content__wrap pre {
background: #f4f4f4;
padding: 1.5rem;
overflow-x: auto;
font-size: 0.95rem;
font-family: monospace;
}
.inline-carousel .swiper-wrapper {
height: auto;
}
.inline-carousel .wysiwyg img,
.inline-carousel .wysiwyg video {
width: 100% !important;
}
.inline-carousel .wysiwyg h3 {
font-size: max(2rem, min(2vw, 3.2rem));
}
.inline-carousel .wysiwyg ul {
margin: 1em 0;
}
.inline-carousel .wysiwyg p {
margin-bottom: 2em;
}
.inline-carousel .wysiwyg h3 {
margin-bottom: 1em;
}
.inline-carousel .wysiwyg img {
margin: 2rem 0;
}
.inline-carousel__list {
padding-left: 0 !important;
}
.inline-carousel__list {
padding-top: 4.2rem;
}
.inline-carousel__list li {
display: flex;
align-items: center;
margin-bottom: 2.4rem;
}
.inline-carousel__list li img {
margin-right: 1.6rem;
width: 3.2rem;
height: 3.2rem;
}
@media (min-width: 768px) {
.section--reverse .inline-carousel__content .content__wrap {
margin: 0 auto;
}
}
.contact-details__entry {
margin-bottom: 4rem;
max-width: 45.7rem;
}
@media (max-width: 767.98px) {
.contact-details__entry {
margin-bottom: 3rem;
max-width: 100%;
}
}
.contact-details__entry ul {
display: flex;
flex-direction: column;
}
.contact-details__entry ul li {
margin-right: auto;
margin-bottom: 0.66em;
}
.contact-details__entry ul li:hover {
color: #f2d94c;
}
.contact-details__entry ul li.spec--phone:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.85714 7.85714L10 5.71429L5.35597 1.07026C5.31717 1.03146 5.25426 1.03146 5.21546 1.07026C2.88732 3.39839 2.88732 7.17304 5.21546 9.50117L10.4988 14.7845C12.827 17.1127 16.6016 17.1127 18.9297 14.7845C18.9685 14.7457 18.9685 14.6828 18.9297 14.644L14.2857 10L12.1429 12.1429L7.85714 7.85714Z' stroke='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.85714 7.85714L10 5.71429L5.35597 1.07026C5.31717 1.03146 5.25426 1.03146 5.21546 1.07026C2.88732 3.39839 2.88732 7.17304 5.21546 9.50117L10.4988 14.7845C12.827 17.1127 16.6016 17.1127 18.9297 14.7845C18.9685 14.7457 18.9685 14.6828 18.9297 14.644L14.2857 10L12.1429 12.1429L7.85714 7.85714Z' stroke='white'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.contact-details__entry ul li.spec--whatsapp:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1868 6.60328C16.7824 5.70492 16.2019 4.89836 15.4649 4.20328C14.7278 3.51475 13.8734 2.97049 12.9211 2.59016C11.9362 2.19672 10.8926 2 9.81634 2C8.74012 2 7.6965 2.19672 6.7116 2.59016C5.7593 2.97049 4.90485 3.5082 4.1678 4.20328C3.43075 4.89836 2.85025 5.70492 2.44585 6.60328C2.02841 7.53443 1.81315 8.53115 1.81315 9.5541C1.81315 11.3443 2.47844 13.0623 3.69816 14.4262L3.04591 18L6.51592 16.4459C7.55301 16.8918 8.65532 17.1148 9.80981 17.1148C10.886 17.1148 11.9297 16.918 12.9146 16.5246C13.8669 16.1443 14.7213 15.6066 15.4584 14.9115C16.1954 14.2164 16.7759 13.4098 17.1803 12.5115C17.5977 11.5803 17.813 10.5836 17.813 9.56066C17.8195 8.53115 17.6043 7.54098 17.1868 6.60328Z' stroke='white'/%3E%3Cpath d='M12.9519 10.7327C12.6139 10.5686 12.367 10.4676 12.1916 10.4045C12.0811 10.3667 11.8212 10.2531 11.7302 10.3225C11.4443 10.5497 11.1388 11.1933 10.8139 11.3131C10.0082 11.1617 9.26086 10.6254 8.67601 10.0764C8.41608 9.83667 7.93521 9.15522 7.83124 8.97224C7.81174 8.78295 8.16264 8.53056 8.24062 8.38543C8.64351 7.94375 8.3381 7.66613 8.28612 7.48314C8.19514 7.29385 8.03919 6.95313 7.90272 6.6755C7.78576 6.49252 7.75974 6.2212 7.55179 6.12025C6.66803 5.67856 6.16119 6.56193 5.95324 7.02254C4.69908 9.95656 12.2371 15.5407 13.7706 11.6917C13.8486 11.3573 13.8161 11.2311 13.6992 11.0797C13.4652 10.9219 13.1923 10.8525 12.9519 10.7327Z' fill='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1868 6.60328C16.7824 5.70492 16.2019 4.89836 15.4649 4.20328C14.7278 3.51475 13.8734 2.97049 12.9211 2.59016C11.9362 2.19672 10.8926 2 9.81634 2C8.74012 2 7.6965 2.19672 6.7116 2.59016C5.7593 2.97049 4.90485 3.5082 4.1678 4.20328C3.43075 4.89836 2.85025 5.70492 2.44585 6.60328C2.02841 7.53443 1.81315 8.53115 1.81315 9.5541C1.81315 11.3443 2.47844 13.0623 3.69816 14.4262L3.04591 18L6.51592 16.4459C7.55301 16.8918 8.65532 17.1148 9.80981 17.1148C10.886 17.1148 11.9297 16.918 12.9146 16.5246C13.8669 16.1443 14.7213 15.6066 15.4584 14.9115C16.1954 14.2164 16.7759 13.4098 17.1803 12.5115C17.5977 11.5803 17.813 10.5836 17.813 9.56066C17.8195 8.53115 17.6043 7.54098 17.1868 6.60328Z' stroke='white'/%3E%3Cpath d='M12.9519 10.7327C12.6139 10.5686 12.367 10.4676 12.1916 10.4045C12.0811 10.3667 11.8212 10.2531 11.7302 10.3225C11.4443 10.5497 11.1388 11.1933 10.8139 11.3131C10.0082 11.1617 9.26086 10.6254 8.67601 10.0764C8.41608 9.83667 7.93521 9.15522 7.83124 8.97224C7.81174 8.78295 8.16264 8.53056 8.24062 8.38543C8.64351 7.94375 8.3381 7.66613 8.28612 7.48314C8.19514 7.29385 8.03919 6.95313 7.90272 6.6755C7.78576 6.49252 7.75974 6.2212 7.55179 6.12025C6.66803 5.67856 6.16119 6.56193 5.95324 7.02254C4.69908 9.95656 12.2371 15.5407 13.7706 11.6917C13.8486 11.3573 13.8161 11.2311 13.6992 11.0797C13.4652 10.9219 13.1923 10.8525 12.9519 10.7327Z' fill='white'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.contact-details__entry ul li.spec--email:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4V16H18V4M2 4H18M2 4L10.1404 10.7091L18 4' stroke='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4V16H18V4M2 4H18M2 4L10.1404 10.7091L18 4' stroke='white'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.timeline .carousel {
padding: 0 !important;
}
.timeline .carousel {
margin-bottom: 10rem;
}
@media (max-width: 1199.98px) {
.timeline .carousel {
margin-bottom: 5rem;
}
}
.timeline .h3 {
margin-bottom: 2rem;
}
.timeline .carousel__item {
position: absolute;
opacity: 0;
z-index: 0;
margin-right: auto;
margin-left: auto;
width: 100%;
transition: 0s linear opacity 0.66s, 0s linear z-index 0s;
}
.timeline .carousel__item .content__wrap > div {
opacity: 0;
transition: 0.33s linear opacity 0s;
}
.timeline .carousel__item .media {
border: 0 !important;
}
.timeline .carousel__item .media {
pointer-events: none;
}
.timeline .carousel__item img {
clip-path: inset(0 100% 0 0);
transition: 0s clip-path 0.66s, 1s filter 0s;
filter: blur(0.1rem) saturate(0) brightness(0.5);
}
.timeline .carousel__item.item--active {
opacity: 1;
z-index: 1;
transition: 0s linear opacity 0s, 0s linear z-index 0s;
}
.timeline .carousel__item.item--active img {
clip-path: inset(0 0 0 0);
transition: 0.5s cubic-bezier(1, 0, 0.4, 1) clip-path, 0s index, 0s filter;
filter: blur(0) saturate(1) brightness(1);
}
.timeline .carousel__item.item--active .content__wrap > div {
opacity: 1;
transition: 0.33s linear opacity 0.33s;
}
.timeline .content__wrap {
display: flex;
flex-direction: column;
height: 100%;
}
@media (min-width: 992px) {
.timeline .content__wrap > div {
margin: auto auto 50% 0;
}
}
.timeline .carousel {
position: relative;
}
.timeline .carousel__buttons {
position: absolute;
bottom: 1vw;
left: 0;
z-index: 10;
}
@media (max-width: 1199.98px) {
.timeline .carousel__buttons {
bottom: 2rem;
left: 2rem;
}
}
.timeline .carousel__buttons ul {
margin-left: 1rem;
}
@media (max-width: 1199.98px) {
.timeline .carousel__buttons ul {
margin-left: 0;
}
}
.timeline .carousel__buttons li {
margin-right: 2rem;
}
@media (max-width: 1199.98px) {
.timeline .carousel__buttons li {
margin-right: 1rem;
}
}
.timeline .carousel__button.carousel--prev {
margin-left: 0;
}
.timeline .media {
padding-top: 100%;
}
.timeline .carousel__nav {
position: absolute;
right: 0;
bottom: -3rem;
left: 0;
}
.timeline .carousel__nav ul {
display: flex;
flex-direction: row;
justify-content: space-around;
border-top: 0.1rem solid currentColor;
}
.timeline .carousel__nav ul li {
border: 0.1rem solid currentColor;
border-radius: 50%;
background-color: #221f20;
width: 1.2rem;
height: 1.2rem;
}
.timeline .carousel__nav ul li.item--active {
background-color: #fff;
}
.timeline.section--invert .carousel__nav ul li {
transform: translateY(-50%);
background-color: #fff;
}
.timeline.section--invert .carousel__nav ul li.item--active {
background-color: #000;
}
.timeline.section--invert .carousel__nav ul li:hover {
cursor: pointer;
}
.timeline .nav__item {
display: inline-flex;
position: relative;
}
.timeline .nav__item:after {
display: inline-flex;
position: absolute;
top: calc(100% + max(1rem, min(1vw, 2rem)));
right: 0;
left: 0;
transform: translateX(calc(-50% - 5px));
margin: 0 auto;
content: attr(data-label);
font-size: 1.4rem;
}
.comparison select {
margin-bottom: 7rem;
width: 100%;
}
.comparison .media {
margin-top: max(0rem, min(1vw, 4rem));
margin-bottom: 4rem;
padding-top: 83%;
}
@media (max-width: 991.98px) {
.comparison h4 {
font-size: max(1.3rem, min(1vw, 2rem));
}
}
.comparison .text--upper {
line-height: 1.1;
}
.comparison .btn {
margin: 0.33em 0;
}
@media (max-width: 767.98px) {
.comparison .btn {
width: 100%;
}
}
.comparison__chart-entry.load--active {
opacity: 0.5;
filter: blur(0.05rem);
pointer-events: none;
}
.comparison__inner {
margin: 0 auto;
padding-bottom: 10rem;
max-width: 94.9rem;
}
@media (max-width: 991.98px) {
.comparison__inner {
padding-bottom: 0;
}
}
.comparison__chart-inner li {
display: flex;
flex-direction: column;
border-bottom: 0.1rem solid #636466;
padding: 1.6rem 0;
}
@media (max-width: 991.98px) {
.comparison__chart-inner li {
padding: 1.2rem 0;
}
}
.comparison__chart-inner li:first-child {
padding-top: 0;
}
.comparison__chart-inner li span {
display: inline-flex;
margin-right: 2rem;
}
@media (max-width: 991.98px) {
.comparison__chart-inner li span {
margin-right: 1rem;
margin-bottom: 0.5rem;
}
}
.comparison__chart-inner ul {
margin-bottom: 4rem;
font-size: max(0.8em, min(1vw, 1em));
}
@media (max-width: 991.98px) {
.comparison__chart-inner ul {
margin-bottom: 2rem;
}
}
body.page-template-template-development section {
background: #000;
color: #fff;
}
body.page-template-template-development section.section--invert {
background: #fff;
color: #000;
}
body.page-template-template-development section:last-of-type:has(.full__container) {
z-index: 11;
}
body.page-template-template-neighbourhood section {
background: #000;
color: #fff;
}
body.page-template-template-neighbourhood section.section--invert {
background: #fff;
color: #000;
}
body.page-template-template-neighbourhood section:last-of-type:has(.full__container) {
z-index: 11;
}
body.single-apartment .hero .hero__gallery-inner .media {
padding-top: 72%;
}
body.theme--new-jackson.header--active header {
background-color: #000;
}
body.theme--new-jackson .hero__inner .hero__logo {
position: sticky;
top: 12rem;
}
body.theme--new-jackson.page-template-template-neighbourhood .hero__logo {
margin: 12rem auto auto;
}
body.theme--new-jackson.page-template-template-neighbourhood .hero__logo img {
max-width: 100%;
height: auto;
max-height: 100%;
}
body.theme--new-jackson .btn:not(.btn--nav),
body.theme--new-jackson button {
font-family: Geist, Helvetica, Arial, sans-serif;
font-family: var(--font-body);
}
body.theme--new-jackson h1,
body.theme--new-jackson .h1 {
font-size: max(6.2rem, min(8vw, 12.8rem)) !important;
}
body.theme--new-jackson h2,
body.theme--new-jackson .h2 {
font-size: max(4rem, min(8vw, 6.2rem));
}
body.theme--new-jackson h3,
body.theme--new-jackson .h3 {
font-size: max(2rem, min(8vw, 4rem));
}
body.theme--new-jackson h2.h3 {
font-size: max(4rem, min(8vw, 6.2rem));
}
body.theme--new-jackson section {
background: #000;
color: #fff;
}
body.theme--new-jackson section.section--invert {
background: #fff;
color: #000;
}
body.theme--new-jackson .map h4 {
font-family: "Gotham", Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
body.theme--new-jackson .map ul a {
color: rgba(0, 0, 0, 0.34);
}
body.theme--new-jackson .map ul a:hover {
color: #000;
}
body.theme--new-jackson .inline-media {
background: #000;
color: #fff;
}
body.theme--new-jackson .inline-media:first-of-type {
background: #fff;
color: #000;
}
body.theme--new-jackson .inline-media__content .content__wrap {
max-width: 48.6rem;
}
body.theme--contour .breadcrumbs {
font-family: "ballinger-condensed", Helvetica, Arial, sans-serif;
}
body.theme--contour.header--active header {
background-color: #002d22;
}
body.theme--contour .btn,
body.theme--contour button {
letter-spacing: 0.025em;
}
body.theme--contour .btn:not(.btn--nav),
body.theme--contour button:not(.btn--nav) {
font-family: Geist, Helvetica, Arial, sans-serif;
font-family: var(--font-body);
}
body.theme--contour .btn.btn--solid-invert,
body.theme--contour button.btn--solid-invert {
background: #002d22;
}
body.theme--contour .btn.btn--solid-invert span:last-child,
body.theme--contour button.btn--solid-invert span:last-child {
background-color: #221f20;
color: #fff;
}
body.theme--contour h1,
body.theme--contour h2,
body.theme--contour h3,
body.theme--contour h4 {
text-transform: inherit;
}
body.theme--contour h1 > em,
body.theme--contour h2 > em,
body.theme--contour h3 > em,
body.theme--contour h4 > em {
font-style: normal;
font-family: "Interborough", Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
body.theme--contour p > em {
font-style: normal;
font-size: max(1.8rem, min(1.2vw, 2.2rem));
}
body.theme--contour section:not(.hero--apartment) h1,
body.theme--contour section:not(.hero--apartment) .h1 {
font-size: max(3rem, min(8vw, 6rem));
letter-spacing: 0.56em;
text-transform: uppercase;
}
body.theme--contour h2,
body.theme--contour .h2 {
font-size: max(2.5rem, min(8vw, 4.8rem));
}
body.theme--contour h2:has(em),
body.theme--contour .h2:has(em) {
font-size: max(3.2rem, min(8vw, 6.4rem)) !important;
}
body.theme--contour h3,
body.theme--contour .h3 {
font-size: max(2rem, min(1.5vw, 2.6rem));
text-transform: inherit;
}
body.theme--contour section {
background: #002d22;
color: #fff;
}
body.theme--contour section.section--invert {
background: #fff;
color: #000;
}
body.theme--contour section:last-of-type {
z-index: 11;
}
body.theme--contour section:not(.case-studies) strong {
font-size: 200%;
line-height: 1.2;
}
body.theme--contour .accordion details[open] summary {
color: #fff;
}
body.theme--contour .accordion details summary {
color: #869e98;
}
body.theme--contour .accordion details summary:hover {
color: #fff;
}
body.theme--contour .apartments__entry:hover {
color: #002d22;
}
body.theme--contour .apartments.section--invert .apartments__entry:before {
background-color: #002d22;
}
body.theme--contour .apartments.section--invert .apartments__entry:hover {
color: #fff;
}
body.theme--contour .hero__specs-entry {
border-color: #33574e;
}
body.theme--contour .stats-carousel .stats-card__entries-wrap {
background-color: #021f18;
color: #fff;
}
body.theme--contour .stats-carousel__entry-media {
background-color: #021f18;
}
body.theme--contour .stats-carousel__entry-media h3 {
color: #fff;
}
body.theme--contour .stats-card__entries-wrap:not(.stats-carousel__card):not(.hero-specs__entries-wrap) li:not(:has(.text--caption)) {
border-color: #33574e;
}
body.theme--contour .stats-card__entries-wrap:not(.stats-carousel__card):not(.hero-specs__entries-wrap) li:not(:has(.text--caption)) p {
position: relative;
padding-left: 1.25em;
}
body.theme--contour .stats-card__entries-wrap:not(.stats-carousel__card):not(.hero-specs__entries-wrap) li:not(:has(.text--caption)) p:before {
display: inline-flex;
position: absolute;
top: 0;
bottom: 0;
left: 0;
transform: rotate(45deg);
margin: auto;
background: currentColor;
width: 0.5em;
height: 0.5em;
content: "";
}
body.theme--contour .stats-card__entries-wrap:not(.stats-carousel__card):not(.hero-specs__entries-wrap) li:not(:has(.text--caption)) .h2 {
font-size: max(1.8rem, min(8vw, 2.6rem));
}
body.theme--contour .stats-card__entries-wrap li:has(.text--caption) .h2 {
margin-right: 0.5em;
}
body.theme--contour .stats-card__content {
align-items: flex-start;
}
@media (min-width: 768px) {
body.theme--contour .stats-card__content {
margin-top: 4rem;
}
}
body.theme--contour .stats-card__content p {
max-width: 100%;
}
body.theme--contour .stats-card__content p:not(:has(strong)) {
max-width: 53.7rem;
}
body.theme--contour .stats-card__content .content__wrap {
max-width: 70rem;
}
body.theme--contour .stats-card .stats-card__entries-wrap {
box-shadow: 0 0 0 0 #021f18;
background-color: #021f18;
color: #fff;
}
body.theme--contour .testimonials:not(.section--invert) .testimonials__quote .content__wrap {
background-color: #021f18;
}
body.theme--contour .slider__pagination span.swiper-pagination-bullet-active {
background-color: #fff !important;
}
body.theme--contour .slider.section--invert .slider__pagination span.swiper-pagination-bullet-active {
background-color: #221f20 !important;
}
body.theme--contour .inline-accordion__gallery {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='665' height='900' viewBox='0 0 665 900' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M665 0V900H77.2344L140.842 802.244L31.2129 652.1L133.246 501.282L0 0H665Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='665' height='900' viewBox='0 0 665 900' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M665 0V900H77.2344L140.842 802.244L31.2129 652.1L133.246 501.282L0 0H665Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
-webkit-mask-position: top right;
mask-position: top right;
-webkit-mask-size: 95%;
mask-size: 95%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
body.theme--contour .centre h3 {
margin-bottom: 0.66em;
}
body.theme--contour .centre .content__wrap {
max-width: 120rem;
}
body.theme--contour .centre:not(:has(p)) .content__wrap {
max-width: 150rem;
}
body.theme--contour .centre:not(:has(p)):has(+ section) {
padding-bottom: 0 !important;
}
body.theme--contour .centre:not(:has(p)):has(+ section) .centre__inner {
padding-bottom: 0;
}
body.theme--contour .centre p {
margin-right: auto;
margin-left: auto;
max-width: 63rem;
font-size: 122%;
}
body.theme--contour .grid__entry:before {
background-color: #33574e;
}
body.theme--contour .grid__entry .content__wrap:after {
background-color: #33574e;
}
body.theme--contour .grid__entries:after {
background-color: #002d22;
}
body.theme--contour .tabs__entry-wrap {
background-color: #021f18;
color: #fff;
}
body.theme--contour .tabs__content li h3:before {
background: #33574e;
}
body.theme--contour .tabs__content li h3:before:after {
transform: rotate(-45deg);
border-radius: 0;
}
body.theme--contour .tabs__content li span.tabs__line {
background-color: #33574e;
}
body.theme--contour .tabs__content li:first-of-type span.tabs__line:before, body.theme--contour .tabs__content li:last-of-type span.tabs__line:before {
background-color: #33574e;
}
body.theme--contour .tabs__entries-nav ul {
border: 0.1rem solid #869e98;
background-color: #002d22;
}
body.theme--contour .tabs.section--invert .timeline__entries-nav ul {
border: 0.2rem solid #002d22;
background-color: #fff;
}
body.theme--contour .map h2,
body.theme--contour .map h4 {
font-weight: 600;
}
body.theme--contour .map__nav {
background: #021f18;
color: #fff;
}
body.theme--contour .map__nav h4 {
font-weight: 600 !important;
}
body.theme--contour .map__nav h4 {
text-transform: inherit;
}
body.theme--contour .map ul a {
color: #869e98;
}
body.theme--contour .map ul a:hover {
color: #fff;
}
body.theme--contour [data-anim=true] .stats-card__entries-wrap {
box-shadow: 0 0 0 1rem #021f18;
}
body.theme--colliers-yard.header--active header,
body.theme--bankside.header--active header {
background-color: #ea6851;
}
body.theme--colliers-yard h1,
body.theme--colliers-yard .h1,
body.theme--bankside h1,
body.theme--bankside .h1 {
margin-bottom: 0.25em;
font-size: max(6rem, min(8vw, 12.8rem));
}
body.theme--colliers-yard h2,
body.theme--colliers-yard .h2,
body.theme--bankside h2,
body.theme--bankside .h2 {
font-size: max(4rem, min(8vw, 6.4rem));
}
body.theme--colliers-yard h3,
body.theme--colliers-yard .h3,
body.theme--bankside h3,
body.theme--bankside .h3 {
font-size: max(2rem, min(8vw, 4rem));
}
body.theme--colliers-yard .btn--outline span:last-child, body.theme--colliers-yard .btn.btn--outline-dark span:last-child,
body.theme--colliers-yard button:not([class^=mapbox]).btn--outline-dark span:last-child,
body.theme--colliers-yard button[type=submit].btn--outline-dark span:last-child,
body.theme--bankside .btn--outline span:last-child,
body.theme--bankside .btn.btn--outline-dark span:last-child,
body.theme--bankside button:not([class^=mapbox]).btn--outline-dark span:last-child,
body.theme--bankside button[type=submit].btn--outline-dark span:last-child {
background: #221f20;
color: #fff;
}
body.theme--colliers-yard section,
body.theme--bankside section {
background: #ea6851;
color: #231f20;
}
body.theme--colliers-yard section .media img,
body.theme--colliers-yard section .media video,
body.theme--bankside section .media img,
body.theme--bankside section .media video {
box-sizing: border-box;
border: 0.3rem solid #231f20;
}
body.theme--colliers-yard section.section--invert,
body.theme--bankside section.section--invert {
border-top: 0.3rem solid #231f20;
border-bottom: 0.3rem solid #231f20;
background: #fdf0ee;
}
body.theme--colliers-yard section.section--invert .section__inner,
body.theme--bankside section.section--invert .section__inner {
margin-top: 5rem;
}
body.theme--colliers-yard section.section--invert:has(+ .section--invert),
body.theme--bankside section.section--invert:has(+ .section--invert) {
border-bottom: 0;
}
body.theme--colliers-yard section .text--underline,
body.theme--bankside section .text--underline {
padding-right: 1em;
}
body.theme--colliers-yard section .text--underline:after,
body.theme--bankside section .text--underline:after {
opacity: 1;
height: 0.3rem;
}
body.theme--colliers-yard .modal__inner,
body.theme--bankside .modal__inner {
border: 0.3rem solid #231f20;
border-radius: 0;
}
body.theme--colliers-yard .hero.hero--apartment,
body.theme--bankside .hero.hero--apartment {
color: #221f20;
}
body.theme--colliers-yard .hero .hero-specs__entries img,
body.theme--bankside .hero .hero-specs__entries img {
border: 0;
}
body.theme--colliers-yard .hero .hero__specs-entry,
body.theme--bankside .hero .hero__specs-entry {
border-color: currentColor;
}
body.theme--colliers-yard .hero__gallery .media img,
body.theme--bankside .hero__gallery .media img {
box-sizing: border-box;
}
body.theme--colliers-yard .hero.hero-specs .hero-specs__entries-wrap,
body.theme--bankside .hero.hero-specs .hero-specs__entries-wrap {
color: #231f20;
}
body.theme--colliers-yard .hero.hero-specs .hero-specs__entries-wrap li,
body.theme--bankside .hero.hero-specs .hero-specs__entries-wrap li {
border-color: currentColor;
}
body.theme--colliers-yard .hero.hero-specs .section__title img,
body.theme--bankside .hero.hero-specs .section__title img {
border: 0;
}
body.theme--colliers-yard .stats-card,
body.theme--bankside .stats-card {
background: #9f6255;
color: #fff;
}
body.theme--colliers-yard .stats-card__entries-wrap,
body.theme--bankside .stats-card__entries-wrap {
box-shadow: 0 0 0 0 #231f20;
background: #231f20;
color: #fff;
}
body.theme--colliers-yard .stats-card__entries-wrap .h3,
body.theme--bankside .stats-card__entries-wrap .h3 {
font-size: max(2rem, min(8vw, 3.5rem));
}
body.theme--colliers-yard .stats-card[data-anim=true] .stats-card__entries-wrap,
body.theme--bankside .stats-card[data-anim=true] .stats-card__entries-wrap {
box-shadow: 0 0 0 1rem #231f20;
}
body.theme--colliers-yard .stats-card__entries-wrap li:not(:has(.entry--value)),
body.theme--bankside .stats-card__entries-wrap li:not(:has(.entry--value)) {
border-width: 0.3rem;
border-color: #fff;
}
body.theme--colliers-yard .stats-card__entries small,
body.theme--bankside .stats-card__entries small {
text-transform: none;
text-transform: initial;
}
body.theme--colliers-yard .stats-card .modal__link,
body.theme--bankside .stats-card .modal__link {
color: #fff;
}
body.theme--colliers-yard .stats-card.section--invert .modal__link,
body.theme--bankside .stats-card.section--invert .modal__link {
color: #231f20;
}
body.theme--colliers-yard .stats-carousel .section__title,
body.theme--bankside .stats-carousel .section__title {
transform: none;
transform: initial;
}
body.theme--colliers-yard .stats-carousel__entry-media,
body.theme--bankside .stats-carousel__entry-media {
background-color: #231f20;
}
@media (max-width: 991.98px) {
body.theme--colliers-yard .stats-carousel__entry-media h3,
body.theme--bankside .stats-carousel__entry-media h3 {
color: #fff;
}
}
body.theme--colliers-yard .map__nav,
body.theme--bankside .map__nav {
background: #231f20;
color: #fff;
}
body.theme--colliers-yard .inline-media__image .content__wrap,
body.theme--bankside .inline-media__image .content__wrap {
max-width: 67rem;
}
@media (min-width: 992px) {
body.theme--colliers-yard .inline-media__image .content__wrap,
body.theme--bankside .inline-media__image .content__wrap {
min-height: 62rem;
}
}
body.theme--colliers-yard .inline-media.section--invert,
body.theme--bankside .inline-media.section--invert {
background: #231f20;
color: #fff;
}
body.theme--colliers-yard .inline-media.section--invert .btn--solid-accent span:last-child, body.theme--colliers-yard .inline-media.section--invert .btn.btn--solid-accent-light span:last-child, body.theme--colliers-yard .inline-media.section--invert .btn.frm_button_submit-light span:last-child,
body.theme--colliers-yard .inline-media.section--invert button:not([class^=mapbox]).btn--solid-accent-light span:last-child,
body.theme--colliers-yard .inline-media.section--invert button:not([class^=mapbox]).frm_button_submit-light span:last-child,
body.theme--colliers-yard .inline-media.section--invert button[type=submit].btn--solid-accent-light span:last-child,
body.theme--colliers-yard .inline-media.section--invert button[type=submit].frm_button_submit-light span:last-child,
body.theme--bankside .inline-media.section--invert .btn--solid-accent span:last-child,
body.theme--bankside .inline-media.section--invert .btn.btn--solid-accent-light span:last-child,
body.theme--bankside .inline-media.section--invert .btn.frm_button_submit-light span:last-child,
body.theme--bankside .inline-media.section--invert button:not([class^=mapbox]).btn--solid-accent-light span:last-child,
body.theme--bankside .inline-media.section--invert button:not([class^=mapbox]).frm_button_submit-light span:last-child,
body.theme--bankside .inline-media.section--invert button[type=submit].btn--solid-accent-light span:last-child,
body.theme--bankside .inline-media.section--invert button[type=submit].frm_button_submit-light span:last-child {
background-color: #fff;
color: #231f20;
}
@media (min-width: 992px) {
body.theme--colliers-yard .inline-media .inline-media__inner,
body.theme--bankside .inline-media .inline-media__inner {
align-items: center;
}
}
body.theme--colliers-yard .tabs.section--invert .timeline__entries-nav ul,
body.theme--bankside .tabs.section--invert .timeline__entries-nav ul {
border: 0.3rem solid #231f20;
}
body.theme--colliers-yard .tabs.section--invert .timeline__entries-nav ul li:after,
body.theme--bankside .tabs.section--invert .timeline__entries-nav ul li:after {
background: #231f20;
}
body.theme--colliers-yard .tabs.section--invert .timeline__entry-wrap,
body.theme--bankside .tabs.section--invert .timeline__entry-wrap {
background: #231f20;
}
body.theme--colliers-yard .grid__entries:after,
body.theme--bankside .grid__entries:after {
background-color: #ea6851;
}
body.theme--colliers-yard .grid__entry:before, body.theme--colliers-yard .grid__entry .content__wrap:after,
body.theme--bankside .grid__entry:before,
body.theme--bankside .grid__entry .content__wrap:after {
background-color: rgba(253, 240, 238, 0.3);
}
body.theme--colliers-yard .slider .cards__entry-media .media img,
body.theme--colliers-yard .slider .cards__entry-media .media video,
body.theme--bankside .slider .cards__entry-media .media img,
body.theme--bankside .slider .cards__entry-media .media video {
border: 0;
}
body.theme--colliers-yard .slider .slider__button,
body.theme--bankside .slider .slider__button {
border-width: 0.2rem;
border-color: rgba(35, 31, 32, 0.3);
}
body.theme--colliers-yard .slider .slider__button:hover,
body.theme--bankside .slider .slider__button:hover {
border-color: #231f20;
}
body.theme--colliers-yard .slider .slider__button:after,
body.theme--bankside .slider .slider__button:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L8.5 8L1.5 15' stroke='%23231F20' stroke-width='2'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L8.5 8L1.5 15' stroke='%23231F20' stroke-width='2'/%3E%3C/svg%3E%0A");
}
body.theme--colliers-yard .slider .swiper-pagination-bullet,
body.theme--bankside .slider .swiper-pagination-bullet {
width: 0.2rem;
}
body.theme--colliers-yard .slider.section--invert,
body.theme--bankside .slider.section--invert {
background: #fdf0ee;
color: #231f20;
}
body.theme--colliers-yard .slider.section--invert .swiper-pagination-bullet-active,
body.theme--bankside .slider.section--invert .swiper-pagination-bullet-active {
background-color: #ea6851 !important;
}
body.theme--colliers-yard .slider.section--invert .slider__button,
body.theme--bankside .slider.section--invert .slider__button {
border-color: rgba(35, 31, 32, 0.3);
}
body.theme--colliers-yard .slider.section--invert .slider__button:hover,
body.theme--bankside .slider.section--invert .slider__button:hover {
border-color: #231f20;
}
body.theme--colliers-yard .popup-block-section__popup,
body.theme--bankside .popup-block-section__popup {
background-color: #ea6851;
}
body.theme--colliers-yard .popup-block-section .btn--close,
body.theme--bankside .popup-block-section .btn--close {
color: currentColor;
}
body.theme--colliers-yard .testimonials__quote .content__wrap,
body.theme--bankside .testimonials__quote .content__wrap {
border: 0.3rem solid #231f20;
background: #fdf0ee;
}
body.theme--colliers-yard .testimonials__quote .content__wrap:before,
body.theme--bankside .testimonials__quote .content__wrap:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='45' height='36' viewBox='0 0 45 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 35V16.9375L6.29412 1H14.7647L9.47059 16.9375H19V35H1Z' fill='%23231F20'/%3E%3Cpath d='M26 35V16.9375L31.2941 1H39.7647L34.4706 16.9375H44V35H26Z' fill='%23231F20'/%3E%3Cpath d='M1 35V16.9375L6.29412 1H14.7647L9.47059 16.9375H19V35H1Z' stroke='%23231F20'/%3E%3Cpath d='M26 35V16.9375L31.2941 1H39.7647L34.4706 16.9375H44V35H26Z' stroke='%23231F20'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='45' height='36' viewBox='0 0 45 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 35V16.9375L6.29412 1H14.7647L9.47059 16.9375H19V35H1Z' fill='%23231F20'/%3E%3Cpath d='M26 35V16.9375L31.2941 1H39.7647L34.4706 16.9375H44V35H26Z' fill='%23231F20'/%3E%3Cpath d='M1 35V16.9375L6.29412 1H14.7647L9.47059 16.9375H19V35H1Z' stroke='%23231F20'/%3E%3Cpath d='M26 35V16.9375L31.2941 1H39.7647L34.4706 16.9375H44V35H26Z' stroke='%23231F20'/%3E%3C/svg%3E%0A");
}
body.theme--colliers-yard .testimonials__media,
body.theme--bankside .testimonials__media {
box-sizing: border-box;
}
body.theme--colliers-yard .testimonials__media .modal__inner,
body.theme--bankside .testimonials__media .modal__inner {
border: 0;
}
body.theme--colliers-yard .testimonials.section--invert,
body.theme--bankside .testimonials.section--invert {
background: #fff;
color: #231f20;
}
body.theme--colliers-yard .testimonials.section--invert .testimonials__quote .content__wrap,
body.theme--bankside .testimonials.section--invert .testimonials__quote .content__wrap {
background: #ea6851;
}
body.theme--colliers-yard .testimonials.section--invert .slider__button,
body.theme--bankside .testimonials.section--invert .slider__button {
border-color: rgba(35, 31, 32, 0.3);
}
body.theme--colliers-yard .testimonials.section--invert .slider__button:hover,
body.theme--bankside .testimonials.section--invert .slider__button:hover {
border-color: #231f20;
}
body.theme--colliers-yard .accordion details[open] summary,
body.theme--colliers-yard .accordion summary:hover,
body.theme--bankside .accordion details[open] summary,
body.theme--bankside .accordion summary:hover {
color: #fff;
}
body.theme--colliers-yard .section--invert .accordion details[open] summary,
body.theme--colliers-yard .section--invert .accordion summary:hover,
body.theme--bankside .section--invert .accordion details[open] summary,
body.theme--bankside .section--invert .accordion summary:hover {
color: #ea6851 !important;
}
body.theme--colliers-yard .apartments__filter-inner,
body.theme--bankside .apartments__filter-inner {
background: #fff;
color: #231f20;
}
body.theme--colliers-yard .apartments.section--invert .apartments__filter-inner,
body.theme--bankside .apartments.section--invert .apartments__filter-inner {
background: #9f6255;
color: #fff;
}
body.theme--colliers-yard .apartments.section--invert .apartments__filter-inner select,
body.theme--bankside .apartments.section--invert .apartments__filter-inner select {
border-color: #fdf0ee;
}
body.theme--colliers-yard .apartments.section--invert .apartments__entry:before,
body.theme--bankside .apartments.section--invert .apartments__entry:before {
background-color: #9f6255;
}
body.theme--colliers-yard .pagination > span,
body.theme--bankside .pagination > span {
background: #fdf0ee;
}
body.theme--colliers-yard .pagination > a:not(.next):not(.prev):hover,
body.theme--bankside .pagination > a:not(.next):not(.prev):hover {
background: #fff;
}
body.theme--colliers-yard .section--invert .pagination > span,
body.theme--bankside .section--invert .pagination > span {
background: #231f20;
}
body.theme--colliers-yard .carousel,
body.theme--bankside .carousel {
background: #9f6255;
}
body.theme--colliers-yard .carousel .swiper-pagination-bullet-active,
body.theme--bankside .carousel .swiper-pagination-bullet-active {
background-color: #ea6851;
}
body.theme--colliers-yard .carousel .media,
body.theme--bankside .carousel .media {
box-sizing: border-box;
border: 0.3rem solid #231f20;
}
body.theme--colliers-yard .carousel .media img,
body.theme--bankside .carousel .media img {
border: 0;
}
body.theme--colliers-yard .events__entry:after,
body.theme--bankside .events__entry:after {
background-color: #231f20;
height: 0.2rem;
}
body.theme--colliers-yard form select,
body.theme--bankside form select {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 7L10.5 14L17.5 7' stroke='black'/%3E%3C/svg%3E%0A");
}
body.theme--colliers-yard .featured-text h1,
body.theme--bankside .featured-text h1 {
font-size: max(4rem, min(8vw, 10rem));
}
body.theme--colliers-yard .centre__cta:has(img) h4,
body.theme--bankside .centre__cta:has(img) h4 {
transform: none;
transform: initial;
}
body.theme--colliers-yard .centre__cta h4,
body.theme--bankside .centre__cta h4 {
margin-bottom: 0.3em !important;
}
body.theme--colliers-yard .centre__cta h4,
body.theme--bankside .centre__cta h4 {
font-size: max(4.2rem, min(7vw, 9.6rem));
}
body.theme--colliers-yard .centre:not(.section--invert) .btn.btn--solid-accent, body.theme--colliers-yard .centre:not(.section--invert) .btn.btn--solid-accent-light, body.theme--colliers-yard .centre:not(.section--invert) .btn.frm_button_submit-light,
body.theme--bankside .centre:not(.section--invert) .btn.btn--solid-accent,
body.theme--bankside .centre:not(.section--invert) .btn.btn--solid-accent-light,
body.theme--bankside .centre:not(.section--invert) .btn.frm_button_submit-light {
background-color: #221f20;
color: #fff;
}
body.theme--colliers-yard .btn:not(.btn--nav),
body.theme--colliers-yard button,
body.theme--bankside .btn:not(.btn--nav),
body.theme--bankside button {
font-family: Geist, Helvetica, Arial, sans-serif;
font-family: var(--font-body);
}
body.theme--colliers-yard .btn--solid-accent:not(.btn--nav), body.theme--colliers-yard .btn.btn--solid-accent-light:not(.btn--nav), body.theme--colliers-yard .btn.frm_button_submit-light:not(.btn--nav),
body.theme--colliers-yard button.btn--solid-accent-light:not(.btn--nav):not([class^=mapbox]),
body.theme--colliers-yard button.frm_button_submit-light:not(.btn--nav):not([class^=mapbox]),
body.theme--colliers-yard button[type=submit].btn--solid-accent-light:not(.btn--nav),
body.theme--colliers-yard button[type=submit].frm_button_submit-light:not(.btn--nav),
body.theme--bankside .btn--solid-accent:not(.btn--nav),
body.theme--bankside .btn.btn--solid-accent-light:not(.btn--nav),
body.theme--bankside .btn.frm_button_submit-light:not(.btn--nav),
body.theme--bankside button.btn--solid-accent-light:not(.btn--nav):not([class^=mapbox]),
body.theme--bankside button.frm_button_submit-light:not(.btn--nav):not([class^=mapbox]),
body.theme--bankside button[type=submit].btn--solid-accent-light:not(.btn--nav),
body.theme--bankside button[type=submit].frm_button_submit-light:not(.btn--nav) {
background: #ea6851;
}
body.theme--trinity-island .btn,
body.theme--vista .btn {
font-weight: 500;
}
body.theme--trinity-island.header--active header,
body.theme--vista.header--active header {
background-color: #093549;
}
body.theme--trinity-island h1,
body.theme--trinity-island .h1,
body.theme--vista h1,
body.theme--vista .h1 {
margin-bottom: 0.5em;
font-size: max(3rem, min(4vw, 7.2rem));
line-height: 1.1;
}
body.theme--trinity-island h2,
body.theme--trinity-island .h2,
body.theme--vista h2,
body.theme--vista .h2 {
font-size: max(4rem, min(4vw, 5.4rem));
}
body.theme--trinity-island h3,
body.theme--trinity-island .h3,
body.theme--vista h3,
body.theme--vista .h3 {
font-size: max(2rem, min(3vw, 3.2rem));
}
body.theme--trinity-island section,
body.theme--vista section {
background: #093549;
color: #fff;
}
body.theme--trinity-island section.section--invert,
body.theme--vista section.section--invert {
background: #fdfbed;
color: #093549;
}
body.theme--trinity-island section.section--invert .section__inner,
body.theme--vista section.section--invert .section__inner {
margin-top: 5rem;
}
body.theme--trinity-island section .text--underline,
body.theme--vista section .text--underline {
padding-right: 1em;
}
body.theme--trinity-island section .text--underline:after,
body.theme--vista section .text--underline:after {
opacity: 1;
height: 0.3rem;
}
body.theme--trinity-island .featured-text,
body.theme--vista .featured-text {
background: url("../images/raster/renaker-featured-trinity.jpg") center/cover !important;
color: #fff !important;
}
body.theme--trinity-island .grid__entries:after,
body.theme--vista .grid__entries:after {
background-color: #093549;
}
body.theme--trinity-island .grid__entry:before, body.theme--trinity-island .grid__entry .content__wrap:after,
body.theme--vista .grid__entry:before,
body.theme--vista .grid__entry .content__wrap:after {
background-color: rgba(253, 251, 237, 0.2);
}
body.theme--trinity-island .grid.section--invert .grid__entries:after,
body.theme--vista .grid.section--invert .grid__entries:after {
background-color: #fdfbed;
}
body.theme--trinity-island .grid.section--invert .grid__entry:before,
body.theme--trinity-island .grid.section--invert .grid__entry .content__wrap:after,
body.theme--vista .grid.section--invert .grid__entry:before,
body.theme--vista .grid.section--invert .grid__entry .content__wrap:after {
background-color: rgba(9, 53, 73, 0.2);
}
body.theme--trinity-island .contact-widget ul,
body.theme--vista .contact-widget ul {
border: 0;
}
body.theme--trinity-island .contact-widget__inner > a,
body.theme--vista .contact-widget__inner > a {
-webkit-backdrop-filter: blur(1rem);
backdrop-filter: blur(1rem);
border: 0.1rem solid #fff;
border-right: 0;
border-top-left-radius: 4rem;
border-bottom-left-radius: 4rem;
background-color: rgba(9, 53, 73, 0.5);
}
body.theme--trinity-island .contact-widget__inner > a:after,
body.theme--vista .contact-widget__inner > a:after {
background-color: #fff;
}
body.theme--trinity-island .contact-widget__inner li,
body.theme--vista .contact-widget__inner li {
-webkit-backdrop-filter: blur(1rem);
backdrop-filter: blur(1rem);
border-color: currentColor;
border: 0.1rem solid #fff;
background-color: rgba(9, 53, 73, 0.5);
color: #fff;
}
body.theme--trinity-island .hero,
body.theme--vista .hero {
color: #fff;
}
body.theme--trinity-island .hero__logo img,
body.theme--vista .hero__logo img {
margin: 0 auto;
max-width: max(40rem, min(55vw, 100rem));
}
body.theme--trinity-island .hero__ticker,
body.theme--vista .hero__ticker {
background: #0b5869;
color: #fff;
}
body.theme--trinity-island .stats-carousel__entry-media,
body.theme--vista .stats-carousel__entry-media {
background-color: #0b5869;
}
body.theme--trinity-island .stats-carousel__entry-media h3,
body.theme--vista .stats-carousel__entry-media h3 {
color: #fff;
}
body.theme--trinity-island .stats-card .h3,
body.theme--vista .stats-card .h3 {
font-size: max(1.8rem, min(4vw, 2.8rem));
}
body.theme--trinity-island .stats-card__entries-wrap,
body.theme--vista .stats-card__entries-wrap {
box-shadow: 0 0 0 0 #0b5869;
background: #0b5869;
color: #fff;
}
body.theme--trinity-island .stats-card[data-anim=true] .stats-card__entries-wrap,
body.theme--vista .stats-card[data-anim=true] .stats-card__entries-wrap {
box-shadow: 0 0 0 1rem #0b5869;
}
body.theme--trinity-island .stats-card .modal__link,
body.theme--vista .stats-card .modal__link {
color: #fff;
}
body.theme--trinity-island .stats-card.section--reverse,
body.theme--vista .stats-card.section--reverse {
background-image: url("../images/raster/renaker-trinity-bg.jpg");
background-size: cover;
background-color: center;
}
body.theme--trinity-island .stats-card.section--reverse .stats-card__entries-wrap,
body.theme--vista .stats-card.section--reverse .stats-card__entries-wrap {
box-shadow: 0 0 0 0 #093549;
background: #093549;
color: #fff;
}
body.theme--trinity-island .stats-card.section--reverse[data-anim=true] .stats-card__entries-wrap,
body.theme--vista .stats-card.section--reverse[data-anim=true] .stats-card__entries-wrap {
box-shadow: 0 0 0 1rem #093549;
}
body.theme--trinity-island .map__nav,
body.theme--vista .map__nav {
background: #093549;
color: #fff;
}
body.theme--trinity-island .map h2,
body.theme--vista .map h2 {
padding-right: 1rem;
text-transform: inherit;
}
body.theme--trinity-island .inline-media__image .content__wrap,
body.theme--vista .inline-media__image .content__wrap {
max-width: 67rem;
}
@media (min-width: 992px) {
body.theme--trinity-island .inline-media__image .content__wrap,
body.theme--vista .inline-media__image .content__wrap {
min-height: 62rem;
}
}
body.theme--trinity-island .inline-media.section--invert .btn--solid-accent span:last-child, body.theme--trinity-island .inline-media.section--invert .btn.btn--solid-accent-light span:last-child, body.theme--trinity-island .inline-media.section--invert .btn.frm_button_submit-light span:last-child,
body.theme--trinity-island .inline-media.section--invert button:not([class^=mapbox]).btn--solid-accent-light span:last-child,
body.theme--trinity-island .inline-media.section--invert button:not([class^=mapbox]).frm_button_submit-light span:last-child,
body.theme--trinity-island .inline-media.section--invert button[type=submit].btn--solid-accent-light span:last-child,
body.theme--trinity-island .inline-media.section--invert button[type=submit].frm_button_submit-light span:last-child,
body.theme--vista .inline-media.section--invert .btn--solid-accent span:last-child,
body.theme--vista .inline-media.section--invert .btn.btn--solid-accent-light span:last-child,
body.theme--vista .inline-media.section--invert .btn.frm_button_submit-light span:last-child,
body.theme--vista .inline-media.section--invert button:not([class^=mapbox]).btn--solid-accent-light span:last-child,
body.theme--vista .inline-media.section--invert button:not([class^=mapbox]).frm_button_submit-light span:last-child,
body.theme--vista .inline-media.section--invert button[type=submit].btn--solid-accent-light span:last-child,
body.theme--vista .inline-media.section--invert button[type=submit].frm_button_submit-light span:last-child {
background-color: #fff;
color: #231f20;
}
@media (min-width: 992px) {
body.theme--trinity-island .inline-media .inline-media__inner,
body.theme--vista .inline-media .inline-media__inner {
align-items: center;
}
}
body.theme--trinity-island .inline-media.section--reverse:not(.section--invert),
body.theme--vista .inline-media.section--reverse:not(.section--invert) {
background-image: url("../images/raster/renaker-trinity-bg.jpg");
background-size: cover;
background-color: center;
}
body.theme--trinity-island .inline-accordion .h3,
body.theme--vista .inline-accordion .h3 {
font-size: max(2rem, min(5vw, 2.5rem));
}
body.theme--trinity-island .tabs:not(.section--invert),
body.theme--vista .tabs:not(.section--invert) {
background-image: url("../images/raster/renaker-trinity-bg.jpg");
background-size: cover;
background-color: center;
}
body.theme--trinity-island .tabs__entries-nav ul,
body.theme--vista .tabs__entries-nav ul {
border: 0.1rem solid #84959b;
background: #093549;
}
body.theme--trinity-island .tabs__entry-wrap,
body.theme--vista .tabs__entry-wrap {
background: #093549;
}
body.theme--trinity-island .tabs__content,
body.theme--vista .tabs__content {
color: #fff;
}
body.theme--trinity-island .tabs__content ul,
body.theme--vista .tabs__content ul {
font-size: max(1.4rem, min(0.85vw, 1.6rem));
}
body.theme--trinity-island .tabs__content li h3,
body.theme--vista .tabs__content li h3 {
font-family: Geist, Helvetica, Arial, sans-serif;
font-family: var(--font-body);
text-transform: uppercase;
}
body.theme--trinity-island .tabs.section--invert .timeline__entries-nav ul,
body.theme--vista .tabs.section--invert .timeline__entries-nav ul {
border-color: #fdfbed;
color: #fdfbed;
}
body.theme--trinity-island .tabs.section--invert .timeline__entries-nav ul li:after,
body.theme--vista .tabs.section--invert .timeline__entries-nav ul li:after {
background: #fdfbed;
color: #093549;
}
body.theme--trinity-island .testimonials__quote .content__wrap,
body.theme--vista .testimonials__quote .content__wrap {
background: #0b5869;
}
body.theme--trinity-island .testimonials.section--invert,
body.theme--vista .testimonials.section--invert {
background: #fff;
}
body.theme--trinity-island .testimonials.section--invert .cards__entry .content__wrap,
body.theme--vista .testimonials.section--invert .cards__entry .content__wrap {
color: #fff;
}
body.theme--trinity-island .accordion summary,
body.theme--vista .accordion summary {
opacity: 0.33;
color: #fff;
}
body.theme--trinity-island .accordion details[open] summary,
body.theme--trinity-island .accordion summary:hover,
body.theme--vista .accordion details[open] summary,
body.theme--vista .accordion summary:hover {
opacity: 1;
}
body.theme--trinity-island .accordion .h3,
body.theme--vista .accordion .h3 {
font-family: Geist, Helvetica, Arial, sans-serif;
font-family: var(--font-body);
text-transform: uppercase;
}
body.theme--trinity-island .slider .swiper-pagination-bullet-active,
body.theme--vista .slider .swiper-pagination-bullet-active {
background-color: #fff !important;
}
body.theme--trinity-island .slider.section--invert .swiper-pagination-bullet-active,
body.theme--vista .slider.section--invert .swiper-pagination-bullet-active {
background-color: #231f20 !important;
}
body.theme--trinity-island .carousel .slider__button:after,
body.theme--vista .carousel .slider__button:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L8.5 8L1.5 15' stroke='%23231F20' stroke-width='2'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L8.5 8L1.5 15' stroke='%23231F20' stroke-width='2'/%3E%3C/svg%3E%0A");
}
body.theme--trinity-island .events__entry:after,
body.theme--vista .events__entry:after {
background-color: #fdfbed;
}
body.theme--trinity-island .centre__cta:has(img) h4,
body.theme--vista .centre__cta:has(img) h4 {
transform: none;
transform: initial;
}
body.theme--trinity-island .popup-block-section__popup,
body.theme--vista .popup-block-section__popup {
background-color: #093549;
}
body.theme--trinity-island .apartments .h3,
body.theme--vista .apartments .h3 {
font-family: Geist, Helvetica, Arial, sans-serif;
font-family: var(--font-body);
text-transform: uppercase;
}
body.theme--trinity-island .apartments__filter-inner,
body.theme--vista .apartments__filter-inner {
background: #0b5869;
color: #fdfbed;
}
body.theme--trinity-island .apartments__filter-inner select,
body.theme--vista .apartments__filter-inner select {
border-color: #fdfbed;
}
body.theme--trinity-island .apartments__entry,
body.theme--vista .apartments__entry {
border-color: #fdfbed;
}
body.theme--trinity-island .apartments__entry:before,
body.theme--vista .apartments__entry:before {
background-color: #fdfbed;
}
body.theme--trinity-island .apartments.section--invert .apartments__entry:before,
body.theme--vista .apartments.section--invert .apartments__entry:before {
background-color: #093549;
}
body.theme--trinity-island .apartments.section--invert .apartments__filter-inner,
body.theme--vista .apartments.section--invert .apartments__filter-inner {
background: #093549;
color: #fdfbed;
}
body.theme--trinity-island .apartments.section--invert .apartments__filter-inner select,
body.theme--vista .apartments.section--invert .apartments__filter-inner select {
border-color: #fdfbed;
}
body.theme--trinity-island .apartments.section--invert .apartments__entry,
body.theme--vista .apartments.section--invert .apartments__entry {
border-color: #093549;
}
body.theme--trinity-island .apartments.section--invert .pagination > *,
body.theme--vista .apartments.section--invert .pagination > * {
border-color: #093549;
}
body.theme--trinity-island .apartments.section--invert .pagination > span,
body.theme--vista .apartments.section--invert .pagination > span {
background-color: #093549;
color: #fdfbed;
}
body.theme--trinity-island .apartments.section--invert .pagination a:not(.next):not(.prev):hover,
body.theme--vista .apartments.section--invert .pagination a:not(.next):not(.prev):hover {
background-color: #0b5869;
color: #fdfbed;
}
body.theme--trinity-island .pagination > *,
body.theme--vista .pagination > * {
border-color: #fdfbed;
}
body.theme--trinity-island .pagination > span,
body.theme--vista .pagination > span {
background-color: #fdfbed;
color: #093549;
}
body.theme--trinity-island .pagination a:not(.next):not(.prev):hover,
body.theme--vista .pagination a:not(.next):not(.prev):hover {
background-color: #0b5869;
}
body.theme--trinity-island .btn:not(.btn--nav),
body.theme--trinity-island button,
body.theme--vista .btn:not(.btn--nav),
body.theme--vista button {
font-family: Geist, Helvetica, Arial, sans-serif;
font-family: var(--font-body);
}
body.theme--blade.header--active header {
background-color: #092c37;
}
body.theme--blade .hero__logo p {
margin-top: 5rem;
}
body.theme--blade .hero__ticker {
background-color: #be9b4b;
color: #092c37;
}
body.theme--blade .contact-widget ul {
border: 0;
}
body.theme--blade .contact-widget__inner > a {
-webkit-backdrop-filter: blur(1rem);
backdrop-filter: blur(1rem);
border: 0.1rem solid #fff;
border-right: 0;
border-top-left-radius: 4rem;
border-bottom-left-radius: 4rem;
background-color: rgba(9, 44, 55, 0.5);
}
body.theme--blade .contact-widget__inner > a:after {
background-color: #fff;
}
body.theme--blade .contact-widget__inner li {
-webkit-backdrop-filter: blur(1rem);
backdrop-filter: blur(1rem);
border-color: currentColor;
border: 0.1rem solid #fff;
background-color: rgba(9, 44, 55, 0.5);
color: #fff;
}
body.theme--blade .btn.btn--outline, body.theme--blade .btn.btn--outline-dark,
body.theme--blade button.btn--outline,
body.theme--blade button.btn--outline-dark:not([class^=mapbox]),
body.theme--blade button[type=submit].btn--outline-dark {
box-shadow: inset 0 0 0 0.1rem #be9b4b;
}
body.theme--blade .btn.btn--solid-accent, body.theme--blade .btn.btn--solid-accent-light, body.theme--blade .btn.frm_button_submit-light,
body.theme--blade button.btn--solid-accent,
body.theme--blade button.btn--solid-accent-light:not([class^=mapbox]),
body.theme--blade button.frm_button_submit-light:not([class^=mapbox]),
body.theme--blade button[type=submit].btn--solid-accent-light,
body.theme--blade button[type=submit].frm_button_submit-light {
background-color: #be9b4b;
}
body.theme--blade .btn.btn--play:hover,
body.theme--blade button.btn--play:hover {
color: #be9b4b;
}
body.theme--blade h1,
body.theme--blade .h1,
body.theme--blade h2,
body.theme--blade .h2,
body.theme--blade h3,
body.theme--blade .h3,
body.theme--blade h4,
body.theme--blade .h4 {
color: #be9b4b;
font-weight: 300;
line-height: 1.12;
text-transform: uppercase;
}
body.theme--blade h1,
body.theme--blade .h1 {
font-size: max(4.5rem, min(1vw, 7.2rem));
}
body.theme--blade h2,
body.theme--blade .h2 {
font-size: max(2.5rem, min(3vw, 4.8rem));
}
body.theme--blade h3,
body.theme--blade .h3 {
font-size: max(2rem, min(1.5vw, 2.6rem));
}
body.theme--blade section {
background: #092c37;
color: #fff;
}
body.theme--blade section.section--invert {
background: #fff;
color: #092c37;
}
body.theme--blade section.section--invert h1,
body.theme--blade section.section--invert h2,
body.theme--blade section.section--invert h3,
body.theme--blade section.section--invert h4 {
color: currentColor;
}
body.theme--blade section:last-of-type {
z-index: 11;
}
body.theme--blade section strong {
font-size: 200%;
line-height: 1.2;
}
body.theme--blade .popup-block-section__popup {
background-color: #092c37;
}
body.theme--blade .accordion details summary .h3 {
opacity: 0.5;
color: #fff;
}
body.theme--blade .accordion details summary:hover .h3 {
opacity: 1;
}
body.theme--blade .accordion details summary:after {
background: #fff;
}
body.theme--blade .accordion details[open] summary .h3 {
opacity: 1;
}
body.theme--blade .inline-media .media:not(.inline__media-sm) {
border-top-left-radius: max(5rem, min(15vw, 20rem));
overflow: hidden;
}
body.theme--blade .inline-media.section--reverse .media:not(.inline__media-sm) {
border-top-right-radius: max(5rem, min(15vw, 20rem));
border-top-left-radius: 0;
overflow: hidden;
}
body.theme--blade .inline-accordion .inline-accordion__media-entry .media:not(.inline__media-sm) {
border-top-left-radius: max(5rem, min(15vw, 20rem));
overflow: hidden;
}
body.theme--blade .inline-accordion.section--reverse .media:not(.inline__media-sm) {
border-top-right-radius: max(5rem, min(15vw, 20rem));
border-top-left-radius: 0;
overflow: hidden;
}
body.theme--blade .slider .slider__navigation .slider__pagination .swiper-pagination-bullet {
background: #fff;
}
body.theme--blade .slider__button {
border-color: #be9b4b;
color: #fff;
}
body.theme--blade .slider__button:hover {
color: #be9b4b;
}
body.theme--blade .testimonials__quote .content__wrap {
background-color: #be9b4b;
color: #092c37;
}
body.theme--blade .apartments .h3 {
color: currentColor;
}
body.theme--blade .apartments__entry:hover {
color: #092c37;
}
body.theme--blade .apartments__entry:before {
background-color: #fff;
}
body.theme--blade .apartments.section--invert .apartments__entry:hover {
color: #fff;
}
body.theme--blade .apartments.section--invert .apartments__entry:before {
background-color: #092c37;
}
body.theme--blade .apartments.section--invert form {
background-color: #092c37;
}
body.theme--blade .apartments.section--invert form label {
color: #be9b4b;
}
body.theme--blade .stats-card:not(.section--invert) .stats-card__entries-wrap .h3 {
color: #092c37;
}
body.theme--blade .stats-card__content {
align-items: flex-start;
margin-top: 4rem;
}
body.theme--blade .stats-card__content p {
max-width: 100%;
}
body.theme--blade .stats-card__content p:not(:has(strong)) {
max-width: 53.7rem;
}
body.theme--blade .stats-card__content .content__wrap {
max-width: 70rem;
}
body.theme--blade .stats-card.section--invert .stats-card__entries-wrap {
box-shadow: 0 0 0 0 #092c37;
background-color: #092c37;
color: #fff;
}
body.theme--blade .tabs__entry-wrap {
background-color: #8fafc1;
color: #092c37;
}
body.theme--blade .tabs__entry-wrap h3 {
color: inherit;
}
body.theme--blade .tabs__content li h3:before {
background: #fff;
}
body.theme--blade .tabs__content li h3:after {
transform: rotate(-45deg);
border-radius: 0;
background-color: #fff;
}
body.theme--blade .tabs__entries-nav {
color: #000;
}
body.theme--blade .tabs__entries-nav ul {
border: 0.1rem solid #092c37;
background-color: #8fafc1;
}
body.theme--blade .map h2,
body.theme--blade .map h4 {
color: #092c37;
}
body.theme--blade .map__nav {
background: #8fafc1;
color: #fff;
}
body.theme--blade .map ul a {
color: #4c6e7c;
}
body.theme--blade .map ul a:hover {
color: #fff;
}
body.theme--blade .map .map__group summary:after {
background-color: #092c37;
}
body.theme--blade .stats-carousel {
color: #092c37;
}
body.theme--blade .stats-carousel .h3 {
color: currentColor;
font-size: max(2.4rem, min(3vw, 3.5rem));
line-height: 1;
}
body.theme--blade .stats-carousel .text--body-sm {
font-size: 85%;
}
body.theme--blade .stats-carousel .section__title {
transform: none;
transform: initial;
}
body.theme--blade .stats-carousel .stats-card__entries-wrap {
background: #8fafc1;
}
body.theme--blade .stats-carousel__entry-media {
background: #8fafc1;
}
body.theme--blade .stats-carousel__entry-media .media {
border-top-right-radius: max(5rem, min(15vw, 20rem));
overflow: hidden;
}
body.theme--blade .stats-carousel__entry-media h3 {
color: #092c37;
}
body.theme--blade .stats-carousel__entry-media h2 {
font-size: max(2.5rem, min(3vw, 3.5rem));
}
body.theme--three60.header--active header {
background-color: #564b58;
}
body.theme--three60 .hero__logo p {
margin-top: 5rem;
}
body.theme--three60 .hero__ticker {
background-color: #8c648d;
color: #fff;
}
body.theme--three60 .contact-widget ul {
border: 0;
}
body.theme--three60 .contact-widget__inner > a {
-webkit-backdrop-filter: blur(1rem);
backdrop-filter: blur(1rem);
border: 0.1rem solid #fff;
border-right: 0;
border-top-left-radius: 4rem;
border-bottom-left-radius: 4rem;
background-color: rgba(86, 75, 88, 0.5);
}
body.theme--three60 .contact-widget__inner > a:after {
background-color: #fff;
}
body.theme--three60 .contact-widget__inner li {
-webkit-backdrop-filter: blur(1rem);
backdrop-filter: blur(1rem);
border-color: currentColor;
border: 0.1rem solid #fff;
background-color: rgba(86, 75, 88, 0.5);
color: #fff;
}
body.theme--three60 .btn:not(.btn--nav),
body.theme--three60 button:not(.btn--nav) {
font-family: Geist, Helvetica, Arial, sans-serif;
font-family: var(--font-body);
}
body.theme--three60 .btn.btn--solid-accent, body.theme--three60 .btn.btn--solid-accent-light, body.theme--three60 .btn.frm_button_submit-light,
body.theme--three60 button.btn--solid-accent,
body.theme--three60 button.btn--solid-accent-light:not([class^=mapbox]),
body.theme--three60 button.frm_button_submit-light:not([class^=mapbox]),
body.theme--three60 button[type=submit].btn--solid-accent-light,
body.theme--three60 button[type=submit].frm_button_submit-light {
background-color: #8c648d;
color: #fff;
}
body.theme--three60 .btn.btn--play:hover,
body.theme--three60 button.btn--play:hover {
color: #627170;
}
body.theme--three60 h1,
body.theme--three60 .h1 {
font-size: max(4.5rem, min(6vw, 8rem));
}
body.theme--three60 h2,
body.theme--three60 .h2 {
font-size: max(2.5rem, min(6vw, 5.6rem));
}
body.theme--three60 h3,
body.theme--three60 .h3 {
font-size: max(2rem, min(6vw, 3rem));
}
body.theme--three60 .text--split {
line-height: 1.2;
}
body.theme--three60 section {
background: #564b58;
color: #fff;
}
body.theme--three60 section.section--invert {
background: #fff;
color: #564b58;
}
body.theme--three60 section.section--invert h1,
body.theme--three60 section.section--invert h2,
body.theme--three60 section.section--invert h3,
body.theme--three60 section.section--invert h4 {
color: currentColor;
}
body.theme--three60 section.section--invert .btn.btn--outline, body.theme--three60 section.section--invert .btn.btn--outline-dark {
box-shadow: inset 0 0 0 0.1rem #564b58;
color: #564b58;
}
body.theme--three60 section:last-of-type {
z-index: 11;
}
body.theme--three60 section strong {
font-size: 200%;
line-height: 1.2;
}
body.theme--three60 .accordion details summary .h3 {
opacity: 0.5;
color: #fff;
font-size: max(2rem, min(4vw, 2.8rem));
font-family: Geist, Helvetica, Arial, sans-serif;
font-family: var(--font-body);
text-transform: uppercase;
}
body.theme--three60 .accordion details summary:hover .h3 {
opacity: 1;
}
body.theme--three60 .accordion details summary:after {
background: #fff;
}
body.theme--three60 .accordion details[open] summary .h3 {
opacity: 1;
}
body.theme--three60 .inline-media__image .content__wrap {
max-width: 67rem;
}
@media (min-width: 992px) {
body.theme--three60 .inline-media__image .content__wrap {
min-height: 62rem;
}
}
body.theme--three60 .inline-media__image .content__wrap img,
body.theme--three60 .inline-media__image .content__wrap video {
-o-object-fit: contain;
object-fit: contain;
}
@media (min-width: 992px) {
body.theme--three60 .inline-media .inline-media__inner {
align-items: center;
}
}
body.theme--three60 .inline-media.section--reverse:not(.section--invert) {
background: #627170;
color: #fff;
}
body.theme--three60 .inline-media.section--reverse:not(.section--invert) .btn.btn--outline, body.theme--three60 .inline-media.section--reverse:not(.section--invert) .btn.btn--outline-dark {
box-shadow: inset 0 0 0 0.1rem currentcolor;
color: currentcolor;
}
body.theme--three60 .inline-media.section--reverse:not(.section--invert) .btn.btn--outline span:last-child, body.theme--three60 .inline-media.section--reverse:not(.section--invert) .btn.btn--outline-dark span:last-child {
background: #fff;
color: #627170;
}
body.theme--three60 .popup-block-section__popup {
background-color: #564b58;
}
body.theme--three60 .apartments .apartments__entry:before {
background-color: #fff;
}
body.theme--three60 .apartments .apartments__entry:hover {
color: #564b58;
}
body.theme--three60 .apartments.section--invert form {
background-color: #564b58;
}
body.theme--three60 .apartments.section--invert select {
border-color: #8c648d;
}
body.theme--three60 .apartments.section--invert select:focus {
border-color: #fff;
}
body.theme--three60 .apartments.section--invert .apartments__entry:hover {
color: #fff;
}
body.theme--three60 .apartments.section--invert .apartments__entry:before {
background-color: #564b58;
}
body.theme--three60 .slider .slider__navigation .slider__pagination .swiper-pagination-bullet {
background: #fff;
}
body.theme--three60 .slider.section--invert .slider__pagination span.swiper-pagination-bullet {
background-color: #221f20;
}
body.theme--three60 .testimonials:not(.section--invert) .testimonials__quote .content__wrap {
background-color: #8c648d;
}
body.theme--three60 .stats-card:not(.section--invert) .stats-card__entries-wrap .h3 {
color: #564b58;
}
body.theme--three60 .stats-card__entries small {
font-size: 66%;
font-family: Geist, Helvetica, Arial, sans-serif;
font-family: var(--font-body);
}
body.theme--three60 .stats-card__content {
align-items: flex-start;
margin-top: 4rem;
}
body.theme--three60 .stats-card__content p {
max-width: 100%;
}
body.theme--three60 .stats-card__content p:not(:has(strong)) {
max-width: 53.7rem;
}
body.theme--three60 .stats-card__content .content__wrap {
max-width: 70rem;
}
body.theme--three60 .stats-card.section--invert .stats-card__entries-wrap {
box-shadow: 0 0 0 0 #564b58;
background-color: #564b58;
color: #fff;
}
body.theme--three60 .stats-card.section--invert[data-anim=true] .stats-card__entries-wrap {
box-shadow: 0 0 0 1rem #564b58;
}
body.theme--three60 .grid__entry:before {
background-color: rgba(255, 255, 255, 0.25);
}
body.theme--three60 .grid__entry .content__wrap:after {
background-color: rgba(255, 255, 255, 0.25);
}
body.theme--three60 .grid__entries:after {
background-color: #564b58;
}
body.theme--three60 .tabs__entry-wrap {
color: #564b58;
}
body.theme--three60 .tabs .tabs__entries-nav ul {
border: 0.2rem solid #fff;
background: #564b58;
}
body.theme--three60 .tabs.section--invert {
background: url("../images/raster/renaker-three60-bg.jpg") left/cover no-repeat;
}
body.theme--three60 .tabs.section--invert .tabs__entry-wrap {
background-color: #627170;
color: #fff;
}
body.theme--three60 .tabs.section--invert .tabs__entry-wrap h3 {
color: inherit;
}
body.theme--three60 .tabs.section--invert .tabs__entries-nav {
color: #fff;
}
body.theme--three60 .tabs.section--invert .tabs__entries-nav ul {
border-color: #fff;
background: #627170;
}
body.theme--three60 .tabs.section--invert .tabs__entries-nav ul li:after {
background: #fff;
color: #000;
}
body.theme--three60 .tabs.section--invert .tabs__content li h3:before {
background: #fff;
}
body.theme--three60 .tabs.section--invert .tabs__content li:first-child span:before,
body.theme--three60 .tabs.section--invert .tabs__content li:last-child span:after {
background: #fff;
}
body.theme--three60 .tabs__content li h3 {
width: 20rem;
letter-spacing: -0.03em;
}
body.theme--three60 .tabs__content li span {
max-width: 30rem;
}
body.theme--three60 .map h2 {
text-transform: inherit;
}
body.theme--three60 .map__nav {
background-color: #564b58;
color: #fff;
}
body.theme--three60 .map__nav ul li {
color: #c4c0c5;
}
body.theme--three60 .map__nav ul li a:hover {
color: #fff;
}
body.theme--three60 .featured-text {
background: url("../images/raster/renaker-featured-three60.jpg") center/cover !important;
}
body.theme--three60 .stats-carousel h2 {
text-transform: inherit;
}
body.theme--three60 .stats-carousel .h2 {
color: currentColor;
line-height: 0.725;
}
body.theme--three60 .stats-carousel .section__title {
transform: none;
transform: initial;
}
body.theme--three60 .stats-carousel .stats-card__entries-wrap {
background: #8c648d;
color: #fff;
}
body.theme--three60 .stats-carousel__entry-media {
background: #8c648d;
}
body.theme--three60 .stats-carousel__entry-media h3 {
color: #fff;
}
body.theme--deansgate .contact-widget ul {
border: 0;
}
body.theme--deansgate .contact-widget__inner > a {
-webkit-backdrop-filter: blur(1rem);
backdrop-filter: blur(1rem);
border: 0.1rem solid #fff;
border-right: 0;
border-top-left-radius: 4rem;
border-bottom-left-radius: 4rem;
background-color: rgba(255, 255, 255, 0.1);
}
body.theme--deansgate .contact-widget__inner > a:after {
background-color: #fff;
}
body.theme--deansgate .contact-widget__inner li {
-webkit-backdrop-filter: blur(1rem);
backdrop-filter: blur(1rem);
border-color: currentColor;
border: 0.1rem solid #fff;
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
}
body.theme--deansgate .carousel.section--invert {
background: #be9a4c;
color: #222221;
}
body.theme--crown .contact-widget ul {
border: 0;
}
body.theme--crown .contact-widget__inner > a {
-webkit-backdrop-filter: blur(1rem);
backdrop-filter: blur(1rem);
border: 0.1rem solid #fff;
border-right: 0;
border-top-left-radius: 4rem;
border-bottom-left-radius: 4rem;
background-color: rgba(255, 255, 255, 0.1);
}
body.theme--crown .contact-widget__inner > a:after {
background-color: #fff;
}
body.theme--crown .contact-widget__inner li {
-webkit-backdrop-filter: blur(1rem);
backdrop-filter: blur(1rem);
border-color: currentColor;
border: 0.1rem solid #fff;
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
}
body.theme--crown .carousel.section--invert {
background: #b58149;
color: #1d1d1b;
}
body.theme--crown .inline-media.section--invert {
background: #85a1b8;
color: #1d1d1b;
}