@import url(https://fonts.googleapis.com/css2?family=DM+Mono&display=swap);
@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;
}
[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 currentColor;
text-decoration: underline dotted currentColor;
/* 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%;
}
.opacity02 {
opacity: 0.2;
display: none;
}
.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%;
}
.opacity02 {
opacity: 0.2;
display: none;
}
.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;
}
.opacity02 {
opacity: 0.2;
display: none;
}
.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 logoSpin {
0% {
transform: scale(1) rotate(0);
}
50% {
transform: scale(0.9);
}
100% {
transform: scale(1) rotate(180deg);
}
}
@keyframes sliderPag {
0% {
transform: scaleX(0);
}
20% {
transform: scaleX(0);
}
99% {
transform: scaleX(1);
}
100% {
transform: scaleX(1);
}
}
/**
* @license
* MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license at the URLs below.
*
* Webfont: TT Hoves Pro Regular by TypeType
* URL: https://www.myfonts.com/products/regular-tt-hoves-613654
* Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
*
* Webfont: TT Hoves Pro Light by TypeType
* URL: https://www.myfonts.com/products/light-tt-hoves-613652
* Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
*
* Webfont: TT Hoves Light by TypeType
* URL: https://www.myfonts.com/products/light-tt-hoves-244733
* Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
*
* Webfont: TT Hoves Regular by TypeType
* URL: https://www.myfonts.com/products/regular-tt-hoves-244752
* Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
*
* © 2023 MyFonts Inc. */
@font-face {
font-family: "TTHovesRegular";
src:
url("../fonts/tthovesregular-font.woff2") format("woff2"),
url("../fonts/tthovesregular-font.woff") format("woff");
}
@font-face {
font-family: "TTHovesLight";
src:
url("../fonts/tthoveslight-font.woff2") format("woff2"),
url("../fonts/tthoveslight-font.woff") format("woff");
}
.vh {
min-height: auto;
}
@media (min-width: 992px) {
.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--max,
.container--max.container-sm,
.container--max.container-md,
.container--max.container-lg,
.container--max.container-xl {
max-width: 131rem;
}
.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 {
max-width: calc(131rem - 100px);
}
.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: #0056b3 !important;
}
.text-secondary {
color: #6c757d !important;
}
a.text-secondary:hover,
a.text-secondary:focus {
color: #494f54 !important;
}
.text-success {
color: #28a745 !important;
}
a.text-success:hover,
a.text-success:focus {
color: #19692c !important;
}
.text-info {
color: #17a2b8 !important;
}
a.text-info:hover,
a.text-info:focus {
color: #0f6674 !important;
}
.text-warning {
color: #ffc107 !important;
}
a.text-warning:hover,
a.text-warning:focus {
color: #ba8b00 !important;
}
.text-danger {
color: #dc3545 !important;
}
a.text-danger:hover,
a.text-danger:focus {
color: #a71d2a !important;
}
.text-light {
color: #f8f9fa !important;
}
a.text-light:hover,
a.text-light:focus {
color: #cbd3da !important;
}
.text-dark {
color: #343a40 !important;
}
a.text-dark:hover,
a.text-dark:focus {
color: #121416 !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 {
text-decoration: none !important;
}
.text-break {
word-break: break-word !important;
word-wrap: break-word !important;
}
.text-reset {
color: inherit !important;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
margin-bottom: 0.58em;
font-family: "TTHovesRegular", "Helvetica", "Arial", sans-serif;
letter-spacing: -0.02em;
}
h1,
.h1 {
margin-bottom: 0.56em;
font-size: 3.7rem;
font-size: max(3.7rem, min(6.5vw, 7.4rem));
line-height: 1.04;
}
.hero h1,
.inline.inline--hero h1,
.hero .h1,
.inline.inline--hero .h1 {
font-size: max(4.3rem, min(6.5vw, 8.6rem));
line-height: 1.05;
}
h2,
.h2 {
font-size: max(3.7rem, min(6.5vw, 4.8rem));
line-height: 1.04;
}
@media (min-width: 992px) {
h2.text--lg,
.h2.text--lg {
font-size: max(3.7rem, min(6.5vw, 7.4rem));
}
}
h3,
.h3 {
font-size: 2.6rem;
line-height: 1.21;
}
@media (min-width: 992px) {
h3,
.h3 {
font-size: 3.8rem;
}
}
@media (min-width: 992px) {
h3.text--lg,
.h3.text--lg {
font-size: 4.8rem;
}
}
h4,
.h4 {
font-size: 2.2rem;
line-height: 1.21;
}
@media (min-width: 992px) {
h4,
.h4 {
font-size: 2.8rem;
}
}
@media (min-width: 992px) {
h4.text--lg,
.h4.text--lg {
font-size: 3.6rem;
}
}
.text--caption,
.text--caption-lwr {
font-weight: 400;
font-size: 1.2rem;
line-height: 1.33;
font-family: "Dm Mono", monospace;
letter-spacing: 0.1em;
text-transform: uppercase;
}
@media (min-width: 576px) {
.text--caption,
.text--caption-lwr {
font-size: 1.4rem;
}
}
@media (min-width: 992px) {
.text--caption,
.text--caption-lwr {
font-size: 1.8rem;
}
}
.text--caption-lwr {
text-transform: capitalize;
}
p {
margin-bottom: 3rem;
font-size: max(1.6rem, min(2.25vw, 2rem));
line-height: 1.5;
}
@media (min-width: 992px) {
p {
margin-bottom: 5rem;
}
}
.text--split .char {
display: inline-block;
overflow: hidden;
}
.text--split .char:nth-child(1) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(2) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(3) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(4) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(5) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(6) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(7) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(8) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(9) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(10) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(11) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(12) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(13) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(14) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(15) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(16) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(17) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(18) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(19) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(20) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(21) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(22) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(23) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(24) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(25) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(26) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(27) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(28) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(29) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(30) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(31) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(32) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(33) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(34) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(35) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(36) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(37) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(38) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(39) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(40) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(41) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(42) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(43) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(44) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(45) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(46) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(47) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(48) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(49) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(50) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(51) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(52) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(53) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(54) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(55) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(56) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(57) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(58) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(59) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(60) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(61) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(62) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(63) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(64) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(65) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(66) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(67) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(68) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(69) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(70) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(71) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(72) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(73) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(74) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(75) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(76) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(77) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(78) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(79) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(80) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(81) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(82) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(83) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(84) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(85) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(86) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(87) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(88) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(89) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(90) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(91) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(92) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(93) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(94) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(95) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(96) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(97) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(98) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(99) > span {
transition-delay: var(--delay);
}
.text--split .char:nth-child(100) > span {
transition-delay: var(--delay);
}
.text--split .char > span {
display: inline-block;
transform: translateY(100%);
transition: 0.75s cubic-bezier(0.57, 0, 0, 1.01) transform;
}
[data-anim="true"] .text--split .char > span {
transform: translateY(0);
}
.text--split .space > span {
display: inline-block;
width: 0.25em;
}
html {
background-color: #eee;
font-size: 62.5%;
}
body {
background: white;
font-size: 1.6rem;
line-height: 1.27;
font-family: "TTHovesLight", "Helvetica", "Arial", sans-serif;
}
@media (min-width: 768px) {
body {
font-size: 1.8rem;
}
}
body strong {
font-family: "TTHovesRegular", "Helvetica", "Arial", sans-serif;
}
ul {
margin: 0;
padding: 0;
}
::-moz-selection {
background-color: rgba(255, 245, 135, 0.5);
color: #171721;
}
::selection {
background-color: rgba(255, 245, 135, 0.5);
color: #171721;
}
main {
position: relative;
z-index: 5;
}
a {
color: currentColor;
text-decoration: none;
}
img,
video {
vertical-align: bottom;
}
section {
position: relative;
z-index: 1;
background: #fff;
padding-top: max(4rem, min(10vw, 10rem));
padding-bottom: max(4rem, min(10vw, 10rem));
overflow: hidden;
color: #171721;
}
section:first-child {
padding-top: max(15rem, min(18vw, 27rem));
}
section.section--dark {
background-color: #171721;
color: #fff;
}
section.section--dark + .stats .stats__inner:before {
display: none;
}
section.section--mid {
background: #f4f4f4;
}
.section__content {
position: relative;
z-index: 2;
}
.section__media {
position: relative;
z-index: 1;
overflow: hidden;
}
.section__media img,
.section__media video {
vertical-align: bottom;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 768px) {
.section__media img,
.section__media video {
min-height: 55rem;
}
}
.section--has-media .section__media {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
}
.section__title {
margin-bottom: 2rem;
}
header {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 100;
border-bottom: 0.1rem solid transparent;
color: #fff;
transition:
0.33s cubic-bezier(0.59, 0.08, 0.385, 1) transform,
0s border-color 0s,
0.25s cubic-bezier(0.59, 0.08, 0.385, 1) color;
}
header:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: scaleY(0);
transform-origin: top;
background-color: #fff;
content: "";
transition: 0.33s cubic-bezier(0.59, 0.08, 0.385, 1) transform;
}
.header--active header:before,
.header--invert header:before,
.mobile--active header:before {
transform: scaleY(1);
}
body.mobile--active header:before {
transition-delay: 0.5s;
}
body.admin-bar header {
top: 3.2rem;
}
.header--active header,
.mobile--active header {
transform: translateY(-3rem);
transform: translateY(var(--banner-height, -3rem));
border-color: #f4f4f4;
color: #171721;
transition:
0.25s cubic-bezier(0.59, 0.08, 0.385, 1) transform,
0.15s border-color 0.25s,
0.25s cubic-bezier(0.59, 0.08, 0.385, 1) color 0.1s;
}
.header--active header .btn,
.mobile--active header .btn {
border-color: #171721;
background-color: #171721;
color: #fff;
}
body.mobile--active header {
transition-delay: 0.5s;
}
.header--invert header {
border-color: #f4f4f4;
color: #171721;
}
.header--invert header .btn {
border-color: #171721;
background-color: #171721;
color: #fff;
}
.header__inner {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
@media (min-width: 768px) {
.header__inner {
padding-top: 3rem;
padding-bottom: 3rem;
}
}
.header__banner {
background-color: #fff;
padding: 1rem 0.55rem;
color: #171721;
font-size: 1.2rem;
line-height: 1.6;
font-family: "Dm Mono", monospace;
text-align: center;
}
@media (min-width: 768px) {
.header__banner {
padding: 1.5rem 0.55rem;
}
}
.header__banner a {
text-decoration: underline;
}
.header__banner a:hover {
text-decoration: none;
}
.header__branding {
display: flex;
align-items: center;
}
.header__branding a {
display: inline-flex;
}
.header__branding svg {
width: 100%;
max-width: 11rem;
height: 100%;
max-height: 3.25rem;
overflow: visible;
}
@media (min-width: 768px) {
.header__branding svg {
max-width: 22.5rem;
max-height: 4.5rem;
}
}
.header__branding svg path {
fill: #fff;
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) fill;
}
.header--active .header__branding svg path,
.header--invert .header__branding svg path,
.mobile--active .header__branding svg path {
fill: #171721;
}
.header__branding svg #ident {
transform-box: fill-box;
transform-origin: center;
transition: 0.2s cubic-bezier(0.59, 0.08, 0.385, 1) transform;
}
.header__branding svg #ident-left,
.header__branding svg #ident-right {
transition: 0.3s cubic-bezier(0.49, -0.15, 0.24, 1.49) transform;
transform-box: fill-box;
transform-origin: center;
}
.header__branding a.animate svg #ident {
transform: scale(0.7);
transition: 0.3s cubic-bezier(1, 0.01, 0.43, 0.95) transform;
}
.header__branding a.animate svg #ident-left {
transform: translate(-27%, 21%);
}
.header__branding a.animate svg #ident-right {
transform: translate(27%, -21%);
}
.header__branding a.animate svg #ident-left,
.header__branding a.animate svg #ident-right {
transition: 0.3s cubic-bezier(1, 0.01, 0.43, 0.95) transform;
}
.header__nav {
display: flex;
align-items: center;
}
.header__nav nav {
margin-right: 0;
margin-left: auto;
}
.header__nav .btn {
margin-right: 1rem;
}
.header__nav .btn:last-child {
margin: 0;
}
.header__mobile {
position: relative;
margin-left: auto;
outline: 0;
width: 2rem;
height: 1rem;
}
.header__mobile:hover {
cursor: pointer;
}
.header__mobile:before,
.header__mobile:after {
position: absolute;
right: 0;
left: 0;
background-color: #fff;
width: 2rem;
height: 0.2rem;
content: "";
transition:
0.25s cubic-bezier(0.59, 0.08, 0.385, 1) top,
0.25s cubic-bezier(0.59, 0.08, 0.385, 1) transform,
0.25s cubic-bezier(0.59, 0.08, 0.385, 1) background-color;
}
.header--invert .header__mobile:before,
.header--invert .header__mobile:after {
background-color: #171721;
}
.mobile--active .header__mobile:before,
.header--active .header__mobile:before,
.mobile--active .header__mobile:after,
.header--active .header__mobile:after {
background-color: #171721;
transition:
0.25s cubic-bezier(0.59, 0.08, 0.385, 1) top,
0.25s cubic-bezier(0.59, 0.08, 0.385, 1) transform,
0.25s cubic-bezier(0.59, 0.08, 0.385, 1) background-color 0.2s;
}
.header__mobile:before {
top: 0;
}
.mobile--active .header__mobile:before {
top: calc(50% - 0.1rem);
transform: rotate(-45deg);
}
.header__mobile:after {
top: calc(100% - 0.2rem);
}
.mobile--active .header__mobile:after {
top: calc(50% - 0.1rem);
transform: rotate(45deg);
}
footer {
position: relative;
z-index: 5;
background-color: #171721;
padding-top: 3rem;
padding-bottom: 3rem;
overflow: hidden;
color: #fff;
font-size: 1.4rem;
}
@media (min-width: 768px) {
footer {
padding-top: 6rem;
}
}
@media (max-width: 767.98px) {
footer {
font-size: 1.6rem;
}
}
footer a {
color: currentColor;
}
footer a:hover {
color: #fff587;
}
footer h4 {
margin-bottom: 2.7rem;
font-size: 1.4rem;
}
footer svg {
width: 120px;
}
@media (min-width: 768px) {
footer svg {
width: 130px;
}
}
footer svg path,
footer svg polygon {
fill: white;
}
.footer__top {
padding-bottom: 5rem;
}
@media (min-width: 768px) {
.footer__top {
padding-bottom: 9rem;
}
}
.footer__bottom {
font-size: 1.2rem;
}
@media (min-width: 768px) {
.footer__bottom {
font-size: 1.4rem;
}
}
.footer__widget ul {
line-height: 1;
}
.footer__widget ul li {
margin-bottom: 1.5rem;
}
.footer__widget {
margin-top: 2rem;
font-family: "Dm Mono", monospace;
}
@media (min-width: 768px) {
.footer__widget {
margin-top: 0;
}
}
.footer__socials {
display: flex;
flex-direction: column;
margin: 3rem 0;
}
@media (min-width: 768px) {
.footer__socials {
margin: 0 0 3rem;
}
}
@media (min-width: 992px) {
.footer__socials {
margin: 0;
}
}
@media (max-width: 767.98px) {
.footer__socials h4 {
display: none;
}
}
.cta {
padding-top: 1rem !important;
}
.cta {
color: #fff;
}
.cta .content__wrap {
max-width: 57rem;
}
.cta .section__container {
background-color: #fff;
}
.cta .section__container .btn {
margin: 0 1.25rem;
}
.cta__inner {
border-radius: 1.5rem 0 1.5rem 0;
background-image: url("../images/raster-swift-footer-cta.jpg");
background-size: cover;
padding-top: 7.5rem;
padding-bottom: 7.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
width: 100%;
}
.cta__inner .content__wrap {
margin: 0 auto;
}
@media (min-width: 768px) {
.cta__inner {
border-radius: 3rem 0 3rem 0;
}
}
@media (max-width: 767.98px) {
.cta__links .btn {
margin-bottom: 1rem !important;
}
}
.cta__links .btn:last-child {
margin: 0 !important;
}
.footer__subscribe {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.footer__subscribe form {
display: flex;
position: relative;
flex-direction: column;
margin-bottom: 1.5rem;
}
.footer__subscribe form[focus-within] button {
color: #fff587;
}
.footer__subscribe form:focus-within button {
color: #fff587;
}
.footer__subscribe form span {
width: 100%;
}
.footer__subscribe .wpcf7-not-valid-tip {
display: none !important;
}
.footer__subscribe input {
outline: 0;
border: 0;
border-bottom: 0.1rem solid white;
border-radius: 0;
background-color: transparent;
padding-bottom: 1rem;
padding-left: 0;
width: 100%;
color: #fff;
font-size: 1.6rem;
font-family: "Dm Mono", monospace;
}
.footer__subscribe input ::-moz-placeholder {
color: currentColor;
}
.footer__subscribe input ::placeholder {
color: currentColor;
}
.footer__subscribe input:focus {
border-color: #fff587;
}
.footer__subscribe input.wpcf7-not-valid {
border-color: red;
color: red;
}
.footer__subscribe .wpcf7-response-output {
margin: 2rem 0 0 !important;
border: 0 !important;
padding: 0 !important;
}
.footer__subscribe button {
position: absolute !important;
}
.footer__subscribe button {
top: 10px;
right: 0;
outline: 0;
border: 0;
background-color: transparent;
padding: 0;
min-width: 0;
color: currentColor;
}
.footer__subscribe button:after {
margin-left: 0 !important;
}
.footer__subscribe button:hover {
color: #fff587;
}
.menu {
margin: auto;
}
nav#header ul {
display: inline-flex;
margin: auto;
}
nav#header ul li {
display: inline-flex;
position: relative;
justify-content: center;
margin-right: max(1.5rem, min(4vw, 4.2rem));
}
nav#header ul li .sub-menu {
display: flex;
position: absolute;
top: 100%;
flex-direction: column;
transform: translateY(4rem);
opacity: 0;
margin: auto;
box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2);
border-radius: 2rem;
background: #fff;
padding: 1rem 2rem;
min-width: 18rem;
color: #171721;
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) 0.1s;
font-size: 1.8rem;
line-height: 1;
}
nav#header ul li .sub-menu li {
margin: 0;
padding: 1rem 0;
font-size: 1.6rem;
text-wrap: nowrap;
}
nav#header ul li .sub-menu a:after {
display: none;
}
nav#header ul li a {
position: relative;
color: currentColor;
}
nav#header ul li a:after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
transform: translateY(0.5rem);
opacity: 0;
margin: 0 auto;
background-color: currentColor;
width: calc(100% - 0.2rem);
height: 0.1rem;
content: "";
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1);
}
nav#header ul li a:hover:after {
transform: translateY(0.25rem);
opacity: 1;
}
nav#header ul li.menu-item-has-children:hover {
cursor: pointer;
}
nav#header ul li.menu-item-has-children > a[href^="#"] {
pointer-events: none;
}
nav#header ul li.menu-item-has-children:hover .sub-menu {
transform: translateY(2.5rem);
opacity: 1;
transition: 0.2s cubic-bezier(0.59, 0.08, 0.385, 1) 0s;
}
nav#header ul li.menu-item-has-children > a {
display: inline-flex;
align-items: center;
}
nav#header ul li.menu-item-has-children > a:after {
display: inline-flex;
position: relative;
transform: none;
transform: initial;
opacity: 1;
margin-top: 0.3rem;
margin-left: 0.7rem;
width: 1.2rem;
height: 0.7rem;
transition: inherit;
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) transform;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_522_215)'%3E%3Cpath d='M-4.62346e-08 1.05772L1.068 -4.77853e-07L6.006 4.89049L10.932 -4.66838e-08L12 1.05773L6 7L-4.62346e-08 1.05772Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_522_215'%3E%3Crect width='7' height='12' fill='white' transform='translate(12) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_522_215)'%3E%3Cpath d='M-4.62346e-08 1.05772L1.068 -4.77853e-07L6.006 4.89049L10.932 -4.66838e-08L12 1.05773L6 7L-4.62346e-08 1.05772Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_522_215'%3E%3Crect width='7' height='12' fill='white' transform='translate(12) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%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.menu-item-has-children > a:hover:after {
transform: translateY(0.25rem);
}
nav#mobile {
display: flex;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: scaleX(0) translateZ(0);
transform-origin: left;
opacity: 0;
z-index: 10;
background-color: #fff;
padding-top: 7.5rem;
pointer-events: none;
transition: 0.5s cubic-bezier(1, 0.01, 0.43, 0.95) transform;
}
body.mobile--active nav#mobile {
transform: scaleX(1) translateZ(0);
opacity: 1;
pointer-events: all;
}
body.mobile--closing nav#mobile {
transform: scaleX(0) translateZ(0);
transform-origin: right;
transition:
0.25s cubic-bezier(1, 0.01, 0.43, 0.95) transform 0.3s,
0.2s cubic-bezier(1, 0.01, 0.43, 0.95) opacity 0.3s;
}
nav#mobile ul.children,
nav#mobile ul.sub-menu {
display: none;
}
nav#mobile ul:not(.children):not(.sub-menu) {
margin-top: 5vh;
font-size: 3rem;
}
nav#mobile ul:not(.children):not(.sub-menu) li {
margin-bottom: 1rem;
overflow: hidden;
}
nav#mobile ul:not(.children):not(.sub-menu) li a {
display: inline-block;
transform: translateY(100%);
opacity: 0;
}
body.mobile--active nav#mobile ul:not(.children):not(.sub-menu) li a {
transform: translateY(0);
opacity: 1;
transition:
0.25s cubic-bezier(1, 0.01, 0.43, 0.95) opacity,
1.2s cubic-bezier(0.4, -0.01, 0, 0.99) transform;
}
body.mobile--active
nav#mobile
ul:not(.children):not(.sub-menu)
li:nth-of-type(0)
a {
transition-delay: calc(0.15s * 0 + 0.2s);
}
body.mobile--active
nav#mobile
ul:not(.children):not(.sub-menu)
li:nth-of-type(1)
a {
transition-delay: calc(0.15s * 1 + 0.2s);
}
body.mobile--active
nav#mobile
ul:not(.children):not(.sub-menu)
li:nth-of-type(2)
a {
transition-delay: calc(0.15s * 2 + 0.2s);
}
body.mobile--active
nav#mobile
ul:not(.children):not(.sub-menu)
li:nth-of-type(3)
a {
transition-delay: calc(0.15s * 3 + 0.2s);
}
body.mobile--active
nav#mobile
ul:not(.children):not(.sub-menu)
li:nth-of-type(4)
a {
transition-delay: calc(0.15s * 4 + 0.2s);
}
body.mobile--active
nav#mobile
ul:not(.children):not(.sub-menu)
li:nth-of-type(5)
a {
transition-delay: calc(0.15s * 5 + 0.2s);
}
body.mobile--active
nav#mobile
ul:not(.children):not(.sub-menu)
li:nth-of-type(6)
a {
transition-delay: calc(0.15s * 6 + 0.2s);
}
body.mobile--active
nav#mobile
ul:not(.children):not(.sub-menu)
li:nth-of-type(7)
a {
transition-delay: calc(0.15s * 7 + 0.2s);
}
body.mobile--active
nav#mobile
ul:not(.children):not(.sub-menu)
li:nth-of-type(8)
a {
transition-delay: calc(0.15s * 8 + 0.2s);
}
body.mobile--active
nav#mobile
ul:not(.children):not(.sub-menu)
li:nth-of-type(9)
a {
transition-delay: calc(0.15s * 9 + 0.2s);
}
body.mobile--closing nav#mobile ul:not(.children):not(.sub-menu) li {
transform: translateX(0);
opacity: 0;
transition: 0.25s cubic-bezier(1, 0.01, 0.43, 0.95);
transition-delay: 0s;
}
nav#mobile .mobile__wrap {
height: 100%;
}
nav#mobile .mobile__contact {
display: flex;
flex-direction: column;
opacity: 0;
margin-top: 5vh;
margin-bottom: auto;
color: rgba(23, 23, 33, 0.5);
}
body.mobile--active nav#mobile .mobile__contact {
transition: 0.5s cubic-bezier(1, 0.01, 0.43, 0.95) opacity 0.5s;
opacity: 1;
}
body.mobile--closing nav#mobile .mobile__contact {
transition: 0.25s cubic-bezier(1, 0.01, 0.43, 0.95) opacity;
opacity: 0;
}
nav#mobile .mobile__contact a {
color: inherit;
}
nav#mobile .socials li a {
background-color: #171721;
width: 2rem;
height: 2rem;
}
.btn,
button {
display: inline-flex;
justify-content: center;
align-items: center;
border: 0.1rem solid #171721;
border-radius: 30rem;
padding: 1.2rem 1.6rem;
min-width: 10rem;
color: #171721;
font-weight: 400;
font-size: 1.2rem;
line-height: 1;
font-family: "Dm Mono", monospace;
text-decoration: none;
text-wrap: nowrap;
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1);
}
.load-more--active .btn > span,
.load-more--active .btn:after,
.load-more--active button > span,
.load-more--active button:after {
display: none;
}
@media (min-width: 768px) {
.btn,
button {
padding: max(0.9rem, min(1.5vw, 1.8rem)) max(1.4rem, min(1.5vw, 2.8rem));
min-width: 11rem;
font-size: max(1.4rem, min(1.5vw, 1.6rem));
}
}
.btn .loader,
button .loader {
display: none;
animation: rotation 1s linear infinite;
box-sizing: border-box;
border: 2px solid #fff;
border-bottom-color: transparent;
border-radius: 50%;
width: 20px;
height: 20px;
}
.load-more--active .btn .loader,
.load-more--active button .loader {
display: inline-flex;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.btn:focus,
.btn[focus-within],
button:focus,
button[focus-within] {
outline: 0;
background-color: #171721;
color: #fff587;
}
.btn:focus,
.btn:focus-within,
button:focus,
button:focus-within {
outline: 0;
background-color: #171721;
color: #fff587;
}
.btn.btn--link,
button.btn--link {
border: 0;
padding: 0;
text-decoration: underline;
}
.btn.btn--link.btn--arrow:after,
.btn.btn--link.btn--arrow-back:after,
.btn.btn--link.btn--arrow-down:after,
button.btn--link.btn--arrow:after,
button.btn--link.btn--arrow-back:after,
button.btn--link.btn--arrow-down:after {
margin-left: 1.2rem;
}
.btn.btn--arrow,
.btn.btn--arrow-back,
.btn.btn--arrow-down,
button.btn--arrow,
button.btn--arrow-back,
button.btn--arrow-down {
position: relative;
}
.btn.btn--arrow:after,
.btn.btn--arrow-back:after,
.btn.btn--arrow-down:after,
button.btn--arrow:after,
button.btn--arrow-back:after,
button.btn--arrow-down:after {
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7279 4.5L5.22792 0.169873V8.83013L12.7279 4.5ZM0 5.25H5.97792V3.75L0 3.75L0 5.25Z' fill='black'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7279 4.5L5.22792 0.169873V8.83013L12.7279 4.5ZM0 5.25H5.97792V3.75L0 3.75L0 5.25Z' fill='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;
margin-top: 0.125rem;
margin-left: 1.8rem;
width: 1.2rem;
height: 1.2rem;
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) transform;
}
.btn.btn--arrow:hover,
.btn.btn--arrow-back:hover,
.btn.btn--arrow-down:hover,
button.btn--arrow:hover,
button.btn--arrow-back:hover,
button.btn--arrow-down:hover {
cursor: pointer;
}
.btn.btn--arrow:hover:after,
.btn.btn--arrow-back:hover:after,
.btn.btn--arrow-down:hover:after,
button.btn--arrow:hover:after,
button.btn--arrow-back:hover:after,
button.btn--arrow-down:hover:after {
transform: translateX(0.4rem);
}
.btn.btn--arrow-down:after,
button.btn--arrow-down:after {
transform: rotate(90deg) translateX(-0.1rem);
margin-left: 1.2rem;
}
.btn.btn--arrow-down:hover:after,
button.btn--arrow-down:hover:after {
transform: rotate(90deg) translateX(0.3rem) translateY(0);
}
.btn.btn--arrow-back:after,
button.btn--arrow-back:after {
display: none;
}
.btn.btn--arrow-back:before,
button.btn--arrow-back:before {
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7279 4.5L5.22792 0.169873V8.83013L12.7279 4.5ZM0 5.25H5.97792V3.75L0 3.75L0 5.25Z' fill='black'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7279 4.5L5.22792 0.169873V8.83013L12.7279 4.5ZM0 5.25H5.97792V3.75L0 3.75L0 5.25Z' fill='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;
transform: scaleX(-1);
margin-top: 0.125rem;
margin-right: 1.8rem;
width: 1.2rem;
height: 1.2rem;
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) transform;
}
.btn.btn--arrow-back:hover:before,
button.btn--arrow-back:hover:before {
transform: scaleX(-1) translateX(0.4rem);
}
.btn:not(.btn--arrow):not(.btn.btn--arrow-down):not(button.btn--arrow-down):not(
.btn.btn--arrow-back
):not(button.btn--arrow-back),
button:not(.btn--arrow):not(.btn.btn--arrow-down):not(
button.btn--arrow-down
):not(.btn.btn--arrow-back):not(button.btn--arrow-back) {
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) transform;
}
.btn:not(.btn--arrow):not(.btn.btn--arrow-down):not(button.btn--arrow-down):not(
.btn.btn--arrow-back
):not(button.btn--arrow-back):hover,
button:not(.btn--arrow):not(.btn.btn--arrow-down):not(
button.btn--arrow-down
):not(.btn.btn--arrow-back):not(button.btn--arrow-back):hover {
transform: scale(0.975);
}
.btn.btn--light,
button.btn--light {
border-color: #fff;
background-color: #fff;
color: #171721;
}
.btn.btn--light.btn--outline,
button.btn--light.btn--outline {
border-color: #fff;
color: #fff;
}
.btn.btn--outline,
button.btn--outline {
background: transparent !important;
}
.btn.btn--dark,
button.btn--dark {
border-color: #171721;
background-color: #171721;
color: #fff;
}
.btn.btn--dark.btn--outline,
button.btn--dark.btn--outline {
border-color: #171721;
color: #171721;
}
.btn.btn--dark:focus,
.btn.btn--dark[focus-within],
button.btn--dark:focus,
button.btn--dark[focus-within] {
outline: 0;
color: #fff587;
}
.btn.btn--dark:focus,
.btn.btn--dark:focus-within,
button.btn--dark:focus,
button.btn--dark:focus-within {
outline: 0;
color: #fff587;
}
.btn.btn--sm,
button.btn--sm {
letter-spacing: 0;
}
@media (min-width: 768px) {
.btn.btn--sm,
button.btn--sm {
padding: max(0.9rem, min(1.5vw, 1.6rem)) max(1.4rem, min(1.5vw, 4rem));
min-width: 11rem;
font-size: max(1.4rem, min(1.5vw, 1.6rem));
}
}
.btn.btn--play,
button.btn--play {
display: inline-flex;
align-items: center;
border: 0;
padding: 0;
width: 6rem;
min-width: 0;
height: 6rem;
}
@media (min-width: 768px) {
.btn.btn--play,
button.btn--play {
width: 10rem;
height: 10rem;
}
}
.btn.btn--play:hover,
button.btn--play:hover {
background-color: #fff587 !important;
}
.btn.btn--play:hover,
button.btn--play:hover {
cursor: pointer;
}
.btn.btn--play:after,
button.btn--play:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0.6rem;
left: 0.2rem;
margin: auto;
width: 1.5rem;
height: 1.6rem;
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='31' height='34' viewBox='0 0 31 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.2337 15.3734L3.71291 0.656595C3.43579 0.496735 3.12144 0.412576 2.80145 0.412576C2.48146 0.412576 2.16711 0.496735 1.88999 0.656595C1.6118 0.817067 1.381 1.04814 1.22094 1.3264C1.06088 1.60467 0.977255 1.92025 0.97853 2.2412V31.6748C0.977255 31.9957 1.06088 32.3113 1.22094 32.5896C1.381 32.8678 1.6118 33.0989 1.88999 33.2594C2.16711 33.4192 2.48146 33.5034 2.80145 33.5034C3.12144 33.5034 3.43579 33.4192 3.71291 33.2594L29.2337 18.5426C29.5143 18.3837 29.7476 18.1534 29.91 17.875C30.0723 17.5966 30.1579 17.2802 30.1579 16.958C30.1579 16.6358 30.0723 16.3194 29.91 16.041C29.7476 15.7626 29.5143 15.5322 29.2337 15.3734Z' fill='%23171721'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='31' height='34' viewBox='0 0 31 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.2337 15.3734L3.71291 0.656595C3.43579 0.496735 3.12144 0.412576 2.80145 0.412576C2.48146 0.412576 2.16711 0.496735 1.88999 0.656595C1.6118 0.817067 1.381 1.04814 1.22094 1.3264C1.06088 1.60467 0.977255 1.92025 0.97853 2.2412V31.6748C0.977255 31.9957 1.06088 32.3113 1.22094 32.5896C1.381 32.8678 1.6118 33.0989 1.88999 33.2594C2.16711 33.4192 2.48146 33.5034 2.80145 33.5034C3.12144 33.5034 3.43579 33.4192 3.71291 33.2594L29.2337 18.5426C29.5143 18.3837 29.7476 18.1534 29.91 17.875C30.0723 17.5966 30.1579 17.2802 30.1579 16.958C30.1579 16.6358 30.0723 16.3194 29.91 16.041C29.7476 15.7626 29.5143 15.5322 29.2337 15.3734Z' fill='%23171721'/%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: #171721;
}
@media (min-width: 768px) {
.btn.btn--play:after,
button.btn--play:after {
left: 0.6rem;
width: 2.9rem;
height: 3.3rem;
}
}
.btn.btn--play:active,
.btn.btn--play:focus,
button.btn--play:active,
button.btn--play:focus {
outline: 0;
background-color: #fff;
}
.media__wrap {
height: 100%;
}
.media__wrap img,
.media__wrap video {
width: 100%;
}
.media__wrap.media--para {
transform: scale(1.15);
transform-origin: bottom;
}
.media__wrap.media--video:not(.media--autoplay) {
display: flex;
justify-content: center;
align-items: center;
}
.media__wrap.media--video:not(.media--autoplay) video {
z-index: 1;
}
.media__wrap.media--video:not(.media--autoplay) button.btn--play {
position: absolute;
top: 0;
bottom: 0;
z-index: 2;
margin: auto;
}
.media__wrap.media--video:not(.media--autoplay).video--playing button {
opacity: 0;
}
.media__wrap.media--video:not(.media--autoplay).video--playing:hover button {
opacity: 0.2;
}
.media__wrap.media--video:not(.media--autoplay).video--playing:hover
button:hover {
opacity: 1;
}
.media__wrap.media--video:not(.media--autoplay).video--playing button {
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) opacity;
}
.media__wrap.media--video:not(.media--autoplay).video--playing button:after {
left: 0;
content: "";
-webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg width='20px' height='31px' viewBox='0 0 20 31' 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='Artboard' transform='translate(-5.000000, -1.000000)' fill='%23000000'%3E%3Cg id='Group' transform='translate(5.000000, 1.000000)'%3E%3Crect id='Rectangle' x='0' y='0' width='6' height='31' rx='3'%3E%3C/rect%3E%3Crect id='Rectangle-Copy' x='14' y='0' width='6' height='31' rx='3'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%0A%3Csvg width='20px' height='31px' viewBox='0 0 20 31' 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='Artboard' transform='translate(-5.000000, -1.000000)' fill='%23000000'%3E%3Cg id='Group' transform='translate(5.000000, 1.000000)'%3E%3Crect id='Rectangle' x='0' y='0' width='6' height='31' rx='3'%3E%3C/rect%3E%3Crect id='Rectangle-Copy' x='14' y='0' width='6' height='31' rx='3'%3E%3C/rect%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: #171721;
}
.media__iframe {
position: relative;
margin: 0 auto;
border-radius: 0.5rem;
padding-top: 50%; /* vimeo */
overflow: hidden;
overflow: hidden;
}
.media__iframe iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
vertical-align: top;
z-index: 2;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.hero {
display: flex;
align-items: flex-end;
padding-top: 0;
color: #fff;
}
.hero:not(.hero--career) {
padding-bottom: 0;
}
.hero.hero--fixed {
height: 53.6vw;
min-height: 55rem;
max-height: 130rem;
}
.hero.hero--hide {
visibility: hidden;
}
.hero.hero--career .hero__media {
margin-top: 5rem;
}
.hero.hero--career .hero__media.hero--image .media__wrap {
padding-top: 50%;
max-height: 50rem;
overflow: hidden;
}
.hero.hero--career .hero__media.hero--image .media__wrap img,
.hero.hero--career .hero__media.hero--image .media__wrap video {
position: absolute;
top: 0;
left: 0;
margin: auto;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.hero:not(.section--has-media) {
padding-top: max(15rem, min(18vw, 27rem));
color: #171721;
}
.hero:not(.section--has-media) h1 b {
opacity: 0.5;
font-weight: 400;
}
.hero h1 {
margin-bottom: 0;
}
.hero.hero--fixed {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 0;
}
body.admin-bar .hero.hero--fixed {
top: 3.2rem;
}
.hero-spacer {
background-color: transparent;
height: 52vw;
height: var(--hero-height);
max-height: 125rem;
pointer-events: none;
}
@media (min-width: 992px) {
.hero-spacer {
min-height: 100vh;
}
}
.hero__content {
margin-top: auto;
margin-bottom: max(5rem, min(10vw, 13.5rem));
}
.hero:not(.section--has-media) .hero__content {
margin-bottom: 5rem;
}
.hero__content .content__wrap {
padding-right: 5rem;
max-width: 75rem;
}
.hero__content .btn {
margin-top: 3rem;
}
@media (min-width: 768px) {
.hero__content .btn {
margin-top: 5rem;
}
}
.inline__content .content__wrap {
max-width: 53rem;
}
.inline--hero .inline__inner {
display: flex;
align-items: end;
}
@media (min-width: 768px) {
.inline--hero .inline__inner h1 {
margin-bottom: 0;
}
}
.inline--hero .inline__inner p {
margin-bottom: 1rem;
}
.socials {
margin: 0;
padding: 0;
list-style: none;
}
.socials.socials--icons {
display: inline-flex;
}
.socials.socials--icons li {
margin-right: 1.5rem;
}
.socials.socials--icons li:last-child {
margin-right: 0;
}
.socials.socials--icons li a {
width: 2rem;
height: 2rem;
display: inline-block;
-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: #fff;
text-indent: 999px;
}
@media (min-width: 768px) {
.socials.socials--icons li a {
width: 2.6rem;
height: 2.6rem;
}
}
.socials.socials--icons li a:hover {
background-color: #fff587;
}
.socials.socials--icons li.socials--facebook a {
-webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg width='26px' height='26px' viewBox='0 0 26 26' 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='Artboard' transform='translate(-338.000000, -123.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cg id='icon-facebook' transform='translate(338.000000, 123.000000)'%3E%3Cpath d='M14.7721999,12.9771337 C14.7721999,12.0584337 14.7437999,11.1830337 14.7795999,10.3107337 C14.8194999,9.34788368 15.4561999,8.69549368 16.4210999,8.61236368 C17.0207999,8.56080368 17.6268999,8.57448368 18.2308999,8.56291368 C18.5360999,8.55765368 18.8411999,8.56291368 19.1642999,8.56291368 L19.1642999,5.34303368 C18.6886999,5.28726368 18.2077999,5.21676368 17.7226999,5.17467368 C16.6661999,5.08312368 15.6086999,5.01788368 14.5637999,5.28726368 C12.6939999,5.76814368 11.4480999,7.10765368 11.2071999,9.01537368 C11.0966999,9.88663368 11.1208999,10.7758337 11.0945999,11.6575337 C11.0819999,12.0837337 11.0924999,12.5120337 11.0924999,12.9613337 L8.17353989,12.9613337 L8.17353989,16.6452337 L11.0703999,16.6452337 L11.0703999,25.9986337 C10.6810999,25.9176337 10.2895999,25.8513337 9.90659989,25.7545337 C6.26476989,24.8327337 3.50787989,22.7367337 1.63802989,19.4873337 C0.647864894,17.7679337 0.110166894,15.8960337 0.0186208945,13.9241337 C-0.216030106,8.88595368 1.76745989,4.91055368 5.94487989,2.08421368 C8.38398989,0.434293681 11.1250999,-0.176010319 14.0587999,0.0428569807 C19.8523999,0.474278681 24.6653999,4.83690368 25.7186999,10.3917337 C26.6604999,15.3551337 25.2388999,19.6062337 21.4591999,23.0102337 C19.8166999,24.4897337 17.8920999,25.4557337 15.7338999,25.9513337 C15.6833999,25.9629337 15.6318999,25.9734337 15.5802999,25.9818337 C15.5634999,25.9839337 15.5455999,25.9776337 15.5160999,25.9723337 L15.5160999,16.6557337 L18.0572999,16.6557337 C18.2508999,15.4183337 18.4402999,14.2134337 18.6338999,12.9781337 L14.7731999,12.9781337 L14.7721999,12.9771337 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%0A%3Csvg width='26px' height='26px' viewBox='0 0 26 26' 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='Artboard' transform='translate(-338.000000, -123.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cg id='icon-facebook' transform='translate(338.000000, 123.000000)'%3E%3Cpath d='M14.7721999,12.9771337 C14.7721999,12.0584337 14.7437999,11.1830337 14.7795999,10.3107337 C14.8194999,9.34788368 15.4561999,8.69549368 16.4210999,8.61236368 C17.0207999,8.56080368 17.6268999,8.57448368 18.2308999,8.56291368 C18.5360999,8.55765368 18.8411999,8.56291368 19.1642999,8.56291368 L19.1642999,5.34303368 C18.6886999,5.28726368 18.2077999,5.21676368 17.7226999,5.17467368 C16.6661999,5.08312368 15.6086999,5.01788368 14.5637999,5.28726368 C12.6939999,5.76814368 11.4480999,7.10765368 11.2071999,9.01537368 C11.0966999,9.88663368 11.1208999,10.7758337 11.0945999,11.6575337 C11.0819999,12.0837337 11.0924999,12.5120337 11.0924999,12.9613337 L8.17353989,12.9613337 L8.17353989,16.6452337 L11.0703999,16.6452337 L11.0703999,25.9986337 C10.6810999,25.9176337 10.2895999,25.8513337 9.90659989,25.7545337 C6.26476989,24.8327337 3.50787989,22.7367337 1.63802989,19.4873337 C0.647864894,17.7679337 0.110166894,15.8960337 0.0186208945,13.9241337 C-0.216030106,8.88595368 1.76745989,4.91055368 5.94487989,2.08421368 C8.38398989,0.434293681 11.1250999,-0.176010319 14.0587999,0.0428569807 C19.8523999,0.474278681 24.6653999,4.83690368 25.7186999,10.3917337 C26.6604999,15.3551337 25.2388999,19.6062337 21.4591999,23.0102337 C19.8166999,24.4897337 17.8920999,25.4557337 15.7338999,25.9513337 C15.6833999,25.9629337 15.6318999,25.9734337 15.5802999,25.9818337 C15.5634999,25.9839337 15.5455999,25.9776337 15.5160999,25.9723337 L15.5160999,16.6557337 L18.0572999,16.6557337 C18.2508999,15.4183337 18.4402999,14.2134337 18.6338999,12.9781337 L14.7731999,12.9781337 L14.7721999,12.9771337 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.socials.socials--icons li.socials--instagram a {
-webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg width='27px' height='26px' viewBox='0 0 27 26' 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='Artboard' transform='translate(-442.000000, -122.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cg id='icon-instagram' transform='translate(442.667403, 122.000000)'%3E%3Cpath d='M13.0068051,1.28320242e-06 C20.1800051,0.0031593132 26.0000051,5.82630128 25.9990051,13.0005013 C25.9990051,20.1821013 20.1590051,26.0126013 12.9784051,26.0000217 C5.80631513,25.9874013 -0.00630322009,20.1590013 5.12991407e-06,12.9858013 C0.00632375991,5.81367128 5.83262513,-0.0031541768 13.0068051,1.28320242e-06 Z M5.49800513,13.0142013 C5.54430513,14.2369013 5.54641513,15.4828013 5.64847513,16.7202013 C5.80526513,18.6132013 7.12688513,20.0359013 8.99357513,20.3000013 C9.93533513,20.4336013 10.8981051,20.4515994 11.8515051,20.4515994 C13.4667051,20.4515994 15.0861051,20.4589013 16.6950051,20.3452013 C18.1871051,20.2400013 19.3235051,19.4782013 19.9822051,18.0934013 C20.2726051,17.4810013 20.3999051,16.8233013 20.4105051,16.1510013 C20.4368051,14.4169013 20.4526051,12.6827013 20.4526051,10.9486013 C20.4526051,10.3910013 20.4147051,9.83221128 20.3589051,9.27767128 C20.1674051,7.38047128 18.8815051,5.96940128 17.0064051,5.70003128 C16.0657051,5.56534128 15.1019051,5.54956128 14.1485051,5.54851128 C12.5418051,5.54851128 10.9318051,5.53904128 9.33029513,5.64952128 C7.27525513,5.79157128 5.81578513,7.26998128 5.64637513,9.31766128 C5.54535513,10.5383013 5.54535513,11.7673013 5.49905513,13.0142013 L5.49800513,13.0142013 Z' id='Shape'%3E%3C/path%3E%3Cpath d='M12.9803051,6.85535128 C14.1304051,6.88797128 15.2564051,6.89112128 16.3791051,6.95952128 C17.9627051,7.05527128 18.9887051,8.03386128 19.0318051,9.61224128 C19.0928051,11.8683013 19.0928051,14.1285013 19.0318051,16.3845013 C18.9897051,17.9608013 17.9596051,18.9499013 16.3802051,19.0404013 C14.1157051,19.1709013 11.8471051,19.1709013 9.58263513,19.0383013 C8.05161513,18.9488013 7.05197513,17.9524013 6.96253513,16.4245013 C6.82890513,14.1432013 6.82890513,11.8577013 6.96253513,9.57541128 C7.05197513,8.04649128 8.05161513,7.05422128 9.58263513,6.96162128 C10.7222051,6.89218128 11.8650051,6.88797128 12.9814051,6.85535128 L12.9803051,6.85535128 Z M16.8284051,12.9900013 C16.8210051,10.8697013 15.1143051,9.16819128 12.9972051,9.17134689 C10.8790051,9.17345128 9.17436513,10.8781013 9.17120079,12.9963013 C9.16804513,15.1218013 10.8927051,16.8401013 13.0161051,16.8286587 C15.1364051,16.8170013 16.8358051,15.1060013 16.8295226,12.9910013 L16.8284051,12.9900013 Z M16.9799051,9.90476342 C17.4713051,9.90581128 17.8680051,9.51964128 17.8754051,9.03140128 C17.8828051,8.52947128 17.4871051,8.12541128 16.9884051,8.12330295 C16.4864051,8.12120128 16.0908051,8.52000128 16.0939051,9.02298128 C16.0971051,9.51333128 16.4885051,9.90266128 16.9799051,9.90476342 Z' id='Shape'%3E%3C/path%3E%3Cpath d='M15.4878051,13.0047013 C15.4899051,11.6347013 14.3798051,10.5161013 13.0119051,10.5108824 C11.6419051,10.5056013 10.5191051,11.6147013 10.5117686,12.9816013 C10.5044051,14.3632013 11.6219051,15.4880013 13.0014051,15.4880013 C14.3703051,15.4880013 15.4857051,14.3737013 15.4889051,13.0047013 L15.4878051,13.0047013 Z' id='Path'%3E%3C/path%3E%3Cpath d='M15.4879051,13.0047013 C15.4858051,14.3737013 14.3704051,15.4870013 13.0004051,15.4880013 C11.6220051,15.4880013 10.5034051,14.3632013 10.5107686,12.9816013 C10.5181051,11.6157013 11.6409051,10.5067013 13.0109051,10.5108894 C14.3788051,10.5161013 15.4900051,11.6336013 15.4869051,13.0047013 L15.4879051,13.0047013 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%0A%3Csvg width='27px' height='26px' viewBox='0 0 27 26' 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='Artboard' transform='translate(-442.000000, -122.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cg id='icon-instagram' transform='translate(442.667403, 122.000000)'%3E%3Cpath d='M13.0068051,1.28320242e-06 C20.1800051,0.0031593132 26.0000051,5.82630128 25.9990051,13.0005013 C25.9990051,20.1821013 20.1590051,26.0126013 12.9784051,26.0000217 C5.80631513,25.9874013 -0.00630322009,20.1590013 5.12991407e-06,12.9858013 C0.00632375991,5.81367128 5.83262513,-0.0031541768 13.0068051,1.28320242e-06 Z M5.49800513,13.0142013 C5.54430513,14.2369013 5.54641513,15.4828013 5.64847513,16.7202013 C5.80526513,18.6132013 7.12688513,20.0359013 8.99357513,20.3000013 C9.93533513,20.4336013 10.8981051,20.4515994 11.8515051,20.4515994 C13.4667051,20.4515994 15.0861051,20.4589013 16.6950051,20.3452013 C18.1871051,20.2400013 19.3235051,19.4782013 19.9822051,18.0934013 C20.2726051,17.4810013 20.3999051,16.8233013 20.4105051,16.1510013 C20.4368051,14.4169013 20.4526051,12.6827013 20.4526051,10.9486013 C20.4526051,10.3910013 20.4147051,9.83221128 20.3589051,9.27767128 C20.1674051,7.38047128 18.8815051,5.96940128 17.0064051,5.70003128 C16.0657051,5.56534128 15.1019051,5.54956128 14.1485051,5.54851128 C12.5418051,5.54851128 10.9318051,5.53904128 9.33029513,5.64952128 C7.27525513,5.79157128 5.81578513,7.26998128 5.64637513,9.31766128 C5.54535513,10.5383013 5.54535513,11.7673013 5.49905513,13.0142013 L5.49800513,13.0142013 Z' id='Shape'%3E%3C/path%3E%3Cpath d='M12.9803051,6.85535128 C14.1304051,6.88797128 15.2564051,6.89112128 16.3791051,6.95952128 C17.9627051,7.05527128 18.9887051,8.03386128 19.0318051,9.61224128 C19.0928051,11.8683013 19.0928051,14.1285013 19.0318051,16.3845013 C18.9897051,17.9608013 17.9596051,18.9499013 16.3802051,19.0404013 C14.1157051,19.1709013 11.8471051,19.1709013 9.58263513,19.0383013 C8.05161513,18.9488013 7.05197513,17.9524013 6.96253513,16.4245013 C6.82890513,14.1432013 6.82890513,11.8577013 6.96253513,9.57541128 C7.05197513,8.04649128 8.05161513,7.05422128 9.58263513,6.96162128 C10.7222051,6.89218128 11.8650051,6.88797128 12.9814051,6.85535128 L12.9803051,6.85535128 Z M16.8284051,12.9900013 C16.8210051,10.8697013 15.1143051,9.16819128 12.9972051,9.17134689 C10.8790051,9.17345128 9.17436513,10.8781013 9.17120079,12.9963013 C9.16804513,15.1218013 10.8927051,16.8401013 13.0161051,16.8286587 C15.1364051,16.8170013 16.8358051,15.1060013 16.8295226,12.9910013 L16.8284051,12.9900013 Z M16.9799051,9.90476342 C17.4713051,9.90581128 17.8680051,9.51964128 17.8754051,9.03140128 C17.8828051,8.52947128 17.4871051,8.12541128 16.9884051,8.12330295 C16.4864051,8.12120128 16.0908051,8.52000128 16.0939051,9.02298128 C16.0971051,9.51333128 16.4885051,9.90266128 16.9799051,9.90476342 Z' id='Shape'%3E%3C/path%3E%3Cpath d='M15.4878051,13.0047013 C15.4899051,11.6347013 14.3798051,10.5161013 13.0119051,10.5108824 C11.6419051,10.5056013 10.5191051,11.6147013 10.5117686,12.9816013 C10.5044051,14.3632013 11.6219051,15.4880013 13.0014051,15.4880013 C14.3703051,15.4880013 15.4857051,14.3737013 15.4889051,13.0047013 L15.4878051,13.0047013 Z' id='Path'%3E%3C/path%3E%3Cpath d='M15.4879051,13.0047013 C15.4858051,14.3737013 14.3704051,15.4870013 13.0004051,15.4880013 C11.6220051,15.4880013 10.5034051,14.3632013 10.5107686,12.9816013 C10.5181051,11.6157013 11.6409051,10.5067013 13.0109051,10.5108894 C14.3788051,10.5161013 15.4900051,11.6336013 15.4869051,13.0047013 L15.4879051,13.0047013 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.socials.socials--icons li.socials--x a {
-webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg width='27px' height='26px' viewBox='0 0 27 26' 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='Artboard' transform='translate(-390.000000, -123.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cg id='icon-x' transform='translate(390.333809, 123.000000)'%3E%3Cpath d='M13.0037023,5.70352682e-07 C20.1779023,0.00210564035 25.9979023,5.82209057 26.0000023,12.9963006 C26.0021023,20.1790006 20.1653023,26.0095006 12.9837023,25.9990147 C5.80946228,25.9895006 -0.00420442848,20.1632006 2.28150932e-06,12.9900006 C0.00421356152,5.81683057 5.82840228,-0.00210335965 13.0037023,5.70352682e-07 Z M20.4704023,20.6262006 C18.4322023,17.6599006 16.4319023,14.7483006 14.4232023,11.8241006 C16.2688023,9.67858057 18.1060023,7.54146057 19.9875023,5.35489057 C19.5939023,5.35489057 19.2656023,5.36752057 18.9394023,5.35068057 C18.7405023,5.34016057 18.6132023,5.41382057 18.4869023,5.56008057 C17.1948023,7.07111057 15.8974023,8.57793057 14.6010023,10.0847006 C14.3506023,10.3762006 14.0980023,10.6656006 13.8371023,10.9665006 C13.7424023,10.8318006 13.6645023,10.7214006 13.5887023,10.6098006 C12.4292023,8.92307057 11.2696023,7.23736057 10.1142023,5.54851057 C10.0269023,5.42013057 9.93954228,5.34858057 9.77013228,5.34961917 C8.43377228,5.35700057 7.09636228,5.35384057 5.76001228,5.35489057 C5.69898228,5.35489057 5.63900228,5.36962057 5.54640228,5.38120057 C7.49622228,8.21911057 9.42499228,11.0265006 11.3632023,13.8476006 C9.42920228,16.0962006 7.50148228,18.3375006 5.53378228,20.6251006 C5.88733228,20.6251006 6.18091228,20.6062006 6.47133228,20.6304006 C6.75438228,20.6546006 6.93116228,20.5462006 7.11215228,20.3336006 C8.65895228,18.5175006 10.2184023,16.7118006 11.7747023,14.9040006 C11.8283023,14.8420006 11.8851023,14.7820006 11.9525023,14.7094006 C12.0240023,14.8114006 12.0819023,14.8946006 12.1387023,14.9766006 C13.3835023,16.7886006 14.6315023,18.5985006 15.8700023,20.4157006 C15.9794023,20.5757006 16.0910023,20.6304006 16.2814023,20.6293006 C17.5757023,20.6209006 18.8710023,20.6251006 20.1653023,20.6251006 L20.4704023,20.6251006 L20.4704023,20.6262006 Z' id='Shape'%3E%3C/path%3E%3Cpath d='M18.6605023,19.6844006 C17.9839023,19.6844006 17.3610023,19.6918006 16.7381023,19.6749006 C16.6581023,19.6728006 16.5624023,19.5602006 16.5045023,19.4782006 C14.4231023,16.5077006 12.3449023,13.5351006 10.2668023,10.5635006 C9.34183228,9.23979057 8.41690228,7.91711057 7.49197228,6.59338057 C7.44462228,6.52604057 7.40148228,6.45554057 7.33203228,6.34926057 C7.99916228,6.34926057 8.62945228,6.34189057 9.25870228,6.35873057 C9.33762228,6.36084057 9.43127228,6.47553057 9.48914228,6.55866057 C10.8297023,8.46849057 12.1661023,10.3815006 13.5024023,12.2945006 C15.1639023,14.6715006 16.8254023,17.0475006 18.4859023,19.4245006 C18.5343023,19.4929006 18.5785023,19.5634006 18.6605023,19.6865006 L18.6605023,19.6844006 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%0A%3Csvg width='27px' height='26px' viewBox='0 0 27 26' 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='Artboard' transform='translate(-390.000000, -123.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cg id='icon-x' transform='translate(390.333809, 123.000000)'%3E%3Cpath d='M13.0037023,5.70352682e-07 C20.1779023,0.00210564035 25.9979023,5.82209057 26.0000023,12.9963006 C26.0021023,20.1790006 20.1653023,26.0095006 12.9837023,25.9990147 C5.80946228,25.9895006 -0.00420442848,20.1632006 2.28150932e-06,12.9900006 C0.00421356152,5.81683057 5.82840228,-0.00210335965 13.0037023,5.70352682e-07 Z M20.4704023,20.6262006 C18.4322023,17.6599006 16.4319023,14.7483006 14.4232023,11.8241006 C16.2688023,9.67858057 18.1060023,7.54146057 19.9875023,5.35489057 C19.5939023,5.35489057 19.2656023,5.36752057 18.9394023,5.35068057 C18.7405023,5.34016057 18.6132023,5.41382057 18.4869023,5.56008057 C17.1948023,7.07111057 15.8974023,8.57793057 14.6010023,10.0847006 C14.3506023,10.3762006 14.0980023,10.6656006 13.8371023,10.9665006 C13.7424023,10.8318006 13.6645023,10.7214006 13.5887023,10.6098006 C12.4292023,8.92307057 11.2696023,7.23736057 10.1142023,5.54851057 C10.0269023,5.42013057 9.93954228,5.34858057 9.77013228,5.34961917 C8.43377228,5.35700057 7.09636228,5.35384057 5.76001228,5.35489057 C5.69898228,5.35489057 5.63900228,5.36962057 5.54640228,5.38120057 C7.49622228,8.21911057 9.42499228,11.0265006 11.3632023,13.8476006 C9.42920228,16.0962006 7.50148228,18.3375006 5.53378228,20.6251006 C5.88733228,20.6251006 6.18091228,20.6062006 6.47133228,20.6304006 C6.75438228,20.6546006 6.93116228,20.5462006 7.11215228,20.3336006 C8.65895228,18.5175006 10.2184023,16.7118006 11.7747023,14.9040006 C11.8283023,14.8420006 11.8851023,14.7820006 11.9525023,14.7094006 C12.0240023,14.8114006 12.0819023,14.8946006 12.1387023,14.9766006 C13.3835023,16.7886006 14.6315023,18.5985006 15.8700023,20.4157006 C15.9794023,20.5757006 16.0910023,20.6304006 16.2814023,20.6293006 C17.5757023,20.6209006 18.8710023,20.6251006 20.1653023,20.6251006 L20.4704023,20.6251006 L20.4704023,20.6262006 Z' id='Shape'%3E%3C/path%3E%3Cpath d='M18.6605023,19.6844006 C17.9839023,19.6844006 17.3610023,19.6918006 16.7381023,19.6749006 C16.6581023,19.6728006 16.5624023,19.5602006 16.5045023,19.4782006 C14.4231023,16.5077006 12.3449023,13.5351006 10.2668023,10.5635006 C9.34183228,9.23979057 8.41690228,7.91711057 7.49197228,6.59338057 C7.44462228,6.52604057 7.40148228,6.45554057 7.33203228,6.34926057 C7.99916228,6.34926057 8.62945228,6.34189057 9.25870228,6.35873057 C9.33762228,6.36084057 9.43127228,6.47553057 9.48914228,6.55866057 C10.8297023,8.46849057 12.1661023,10.3815006 13.5024023,12.2945006 C15.1639023,14.6715006 16.8254023,17.0475006 18.4859023,19.4245006 C18.5343023,19.4929006 18.5785023,19.5634006 18.6605023,19.6865006 L18.6605023,19.6844006 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.socials.socials--icons li.socials--linkedin a {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.3012 21.3017H17.597V15.5005C17.597 14.1172 17.5723 12.3364 15.6704 12.3364C13.7411 12.3364 13.4459 13.8436 13.4459 15.3998V21.3013H9.74169V9.37176H13.2977V11.0021H13.3475C13.7034 10.3936 14.2177 9.89298 14.8355 9.55364C15.4534 9.21429 16.1517 9.04888 16.8561 9.07503C20.6105 9.07503 21.3027 11.5446 21.3027 14.7573L21.3012 21.3017ZM5.56211 7.74108C5.13696 7.74116 4.72132 7.61516 4.36778 7.37901C4.01424 7.14287 3.73868 6.80718 3.57591 6.41441C3.41314 6.02163 3.37048 5.58941 3.45335 5.1724C3.53622 4.75539 3.74089 4.37232 4.04146 4.07163C4.34203 3.77094 4.72502 3.56613 5.14199 3.48311C5.55896 3.40009 5.99117 3.44258 6.38399 3.60521C6.7768 3.76785 7.11257 4.04332 7.34884 4.39679C7.5851 4.75026 7.71126 5.16585 7.71133 5.59102C7.71138 5.87332 7.65582 6.15286 7.54784 6.41369C7.43986 6.67452 7.28158 6.91153 7.08201 7.11118C6.88243 7.31083 6.64548 7.46922 6.38469 7.5773C6.12391 7.68538 5.8444 7.74103 5.56211 7.74108ZM7.41422 21.3017H3.70614V9.37176H7.41422V21.3017ZM23.1479 0.00170329H1.84478C1.36126 -0.00375342 0.895331 0.182983 0.549417 0.520877C0.203502 0.858772 0.0059011 1.32018 0 1.80371V23.1959C0.00569913 23.6797 0.203184 24.1414 0.549087 24.4797C0.89499 24.8179 1.36102 25.005 1.84478 24.9999H23.1479C23.6326 25.0059 24.0999 24.8194 24.4472 24.4811C24.7945 24.1429 24.9933 23.6806 25 23.1959V1.80217C24.9931 1.31768 24.7941 0.855745 24.4469 0.517858C24.0996 0.179972 23.6324 -0.00623066 23.1479 0.000159189' fill='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.3012 21.3017H17.597V15.5005C17.597 14.1172 17.5723 12.3364 15.6704 12.3364C13.7411 12.3364 13.4459 13.8436 13.4459 15.3998V21.3013H9.74169V9.37176H13.2977V11.0021H13.3475C13.7034 10.3936 14.2177 9.89298 14.8355 9.55364C15.4534 9.21429 16.1517 9.04888 16.8561 9.07503C20.6105 9.07503 21.3027 11.5446 21.3027 14.7573L21.3012 21.3017ZM5.56211 7.74108C5.13696 7.74116 4.72132 7.61516 4.36778 7.37901C4.01424 7.14287 3.73868 6.80718 3.57591 6.41441C3.41314 6.02163 3.37048 5.58941 3.45335 5.1724C3.53622 4.75539 3.74089 4.37232 4.04146 4.07163C4.34203 3.77094 4.72502 3.56613 5.14199 3.48311C5.55896 3.40009 5.99117 3.44258 6.38399 3.60521C6.7768 3.76785 7.11257 4.04332 7.34884 4.39679C7.5851 4.75026 7.71126 5.16585 7.71133 5.59102C7.71138 5.87332 7.65582 6.15286 7.54784 6.41369C7.43986 6.67452 7.28158 6.91153 7.08201 7.11118C6.88243 7.31083 6.64548 7.46922 6.38469 7.5773C6.12391 7.68538 5.8444 7.74103 5.56211 7.74108ZM7.41422 21.3017H3.70614V9.37176H7.41422V21.3017ZM23.1479 0.00170329H1.84478C1.36126 -0.00375342 0.895331 0.182983 0.549417 0.520877C0.203502 0.858772 0.0059011 1.32018 0 1.80371V23.1959C0.00569913 23.6797 0.203184 24.1414 0.549087 24.4797C0.89499 24.8179 1.36102 25.005 1.84478 24.9999H23.1479C23.6326 25.0059 24.0999 24.8194 24.4472 24.4811C24.7945 24.1429 24.9933 23.6806 25 23.1959V1.80217C24.9931 1.31768 24.7941 0.855745 24.4469 0.517858C24.0996 0.179972 23.6324 -0.00623066 23.1479 0.000159189' fill='white'/%3E%3C/svg%3E%0A");
}
.socials.socials--icons li.socials--youtube a {
-webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg width='26px' height='26px' viewBox='0 0 26 26' 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='Artboard' transform='translate(-495.000000, -123.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cg id='icon-youtue' transform='translate(495.000000, 123.000000)'%3E%3Cpath d='M12.7622234,0.00218356704 C19.9628234,-0.128294933 25.8617234,5.60540207 25.9974234,12.7312221 C26.1342234,19.9528221 20.4457234,25.8496221 13.2757234,25.9969221 C6.01628343,26.1463221 0.112116427,20.4010221 0.00163050688,13.2079221 C-0.110959573,5.98106207 5.62168343,0.146342067 12.7622234,0.00218356704 Z M13.0106234,8.11502207 C11.6489234,8.11502207 10.2863234,8.11396207 8.92469343,8.11607207 C8.72266343,8.11607207 8.51642343,8.11607207 8.31860343,8.15184207 C7.02644343,8.38334207 6.16149343,9.42612207 6.15517343,10.7688221 C6.14781343,12.2577221 6.15084318,13.7466221 6.15623343,15.2356221 C6.15623343,15.4450221 6.17832343,15.6596221 6.22462343,15.8637221 C6.51083343,17.1054221 7.51784343,17.8841221 8.84998343,17.8862221 C11.6163234,17.8914221 14.3827234,17.8883221 17.1490234,17.8862221 C17.3258234,17.8862221 17.5058234,17.8820221 17.6794234,17.8504221 C18.9726234,17.6168221 19.8354234,16.5782221 19.8428234,15.2335221 C19.8512234,13.7445221 19.8470234,12.2556221 19.8417234,10.7667221 C19.8417234,10.5573221 19.8197234,10.3426221 19.7723234,10.1385221 C19.4871234,8.90420207 18.4875234,8.12448207 17.1732234,8.11607207 C15.7853234,8.10765207 14.3985234,8.11396207 13.0106234,8.11396207 L13.0106234,8.11502207 Z' id='Shape'%3E%3C/path%3E%3Cpath d='M11.2148234,10.9140221 C12.4144234,11.6138221 13.5908234,12.2988221 14.8051234,13.0070221 C13.5897234,13.7120221 12.4165234,14.3928221 11.2148234,15.0904221 L11.2148234,10.9140221 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%0A%3Csvg width='26px' height='26px' viewBox='0 0 26 26' 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='Artboard' transform='translate(-495.000000, -123.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cg id='icon-youtue' transform='translate(495.000000, 123.000000)'%3E%3Cpath d='M12.7622234,0.00218356704 C19.9628234,-0.128294933 25.8617234,5.60540207 25.9974234,12.7312221 C26.1342234,19.9528221 20.4457234,25.8496221 13.2757234,25.9969221 C6.01628343,26.1463221 0.112116427,20.4010221 0.00163050688,13.2079221 C-0.110959573,5.98106207 5.62168343,0.146342067 12.7622234,0.00218356704 Z M13.0106234,8.11502207 C11.6489234,8.11502207 10.2863234,8.11396207 8.92469343,8.11607207 C8.72266343,8.11607207 8.51642343,8.11607207 8.31860343,8.15184207 C7.02644343,8.38334207 6.16149343,9.42612207 6.15517343,10.7688221 C6.14781343,12.2577221 6.15084318,13.7466221 6.15623343,15.2356221 C6.15623343,15.4450221 6.17832343,15.6596221 6.22462343,15.8637221 C6.51083343,17.1054221 7.51784343,17.8841221 8.84998343,17.8862221 C11.6163234,17.8914221 14.3827234,17.8883221 17.1490234,17.8862221 C17.3258234,17.8862221 17.5058234,17.8820221 17.6794234,17.8504221 C18.9726234,17.6168221 19.8354234,16.5782221 19.8428234,15.2335221 C19.8512234,13.7445221 19.8470234,12.2556221 19.8417234,10.7667221 C19.8417234,10.5573221 19.8197234,10.3426221 19.7723234,10.1385221 C19.4871234,8.90420207 18.4875234,8.12448207 17.1732234,8.11607207 C15.7853234,8.10765207 14.3985234,8.11396207 13.0106234,8.11396207 L13.0106234,8.11502207 Z' id='Shape'%3E%3C/path%3E%3Cpath d='M11.2148234,10.9140221 C12.4144234,11.6138221 13.5908234,12.2988221 14.8051234,13.0070221 C13.5897234,13.7120221 12.4165234,14.3928221 11.2148234,15.0904221 L11.2148234,10.9140221 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.featured {
color: #fff;
}
.featured__media img,
.featured__media video {
vertical-align: bottom;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.featured__content .content__wrap {
max-width: 49rem;
}
@media (min-width: 768px) {
.featured__inner {
margin-bottom: 10rem;
}
}
@media (min-width: 768px) {
.featured__title h2 {
margin-bottom: 0 !important;
}
}
.featured__title .btn {
margin-top: max(2rem, min(6vw, 5.5rem));
}
.featured__title .content__wrap {
max-width: 65rem;
}
@media (min-width: 768px) {
.links__inner {
margin-bottom: 3.5rem;
}
}
@media (max-width: 767.98px) {
.links__entries {
margin-right: -1.5rem !important;
margin-left: -1.5rem !important;
}
}
.links__entry {
display: flex;
position: relative;
align-items: center;
margin-bottom: 3rem;
border-width: 0.1rem;
border-style: solid;
border-color: #171721;
border-radius: 3rem 0 3rem 0;
padding: 4.34rem 3rem;
}
@media (max-width: 767.98px) {
.links__entry {
margin-bottom: 2rem;
}
}
@media (max-width: 767.98px) {
.links__entry {
padding: 2.17rem 2rem;
}
}
.links__entry:hover {
border-color: #f4f4f4;
background-color: #f4f4f4;
}
.links__entry p {
margin: 0;
font-size: 4.8rem;
}
.links__entry .text--caption,
.links__entry .text--caption-lwr {
margin-right: auto;
margin-left: 0;
}
.links__entry:after {
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='40' height='16' viewBox='0 0 40 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 8L27.5 0.783119L27.5 15.2169L40 8ZM1.22938e-07 9.25L28.75 9.25L28.75 6.75L-1.22938e-07 6.75L1.22938e-07 9.25Z' fill='black'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='40' height='16' viewBox='0 0 40 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 8L27.5 0.783119L27.5 15.2169L40 8ZM1.22938e-07 9.25L28.75 9.25L28.75 6.75L-1.22938e-07 6.75L1.22938e-07 9.25Z' fill='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: #171721;
display: inline-block;
position: absolute;
top: 0;
right: 3.2rem;
bottom: 0;
transform: translateX(0);
margin: auto;
width: 4rem;
height: 1.5rem;
transition: 0.25s cubic-bezier(0.59, 0.08, 0.385, 1) transform;
}
@media (max-width: 767.98px) {
.links__entry:after {
top: 2.8rem;
right: 2rem;
margin-top: 0;
width: 2.5rem;
}
}
.links__entry:hover:after {
transform: translateX(0.4rem);
}
.links__entry-inner {
display: flex;
flex-direction: column;
align-items: flex-end;
}
@media (min-width: 1200px) {
.links__entry-inner {
flex-direction: row;
}
}
@media (max-width: 767.98px) {
.links__entry-inner {
padding-right: 5rem;
}
}
.links__entry-inner p {
margin-right: 3rem;
line-height: 0.9;
}
@media (max-width: 1199.98px) {
.links__entry-inner p {
margin-right: auto;
margin-bottom: 1rem;
margin-left: 0;
font-size: 2.8rem;
}
}
.slider .swiper-wrapper {
box-sizing: border-box;
}
.slider.slider--custom h2 {
margin-bottom: 0;
}
.slider__content p {
margin-bottom: 0;
}
.slider__container {
padding: 2.5rem 0 0;
}
@media (min-width: 768px) {
.slider__container {
padding: 5rem 0;
}
}
.slider--custom .slider__container {
margin: 0 auto;
max-width: 80rem;
}
.slider__entry {
height: auto !important;
}
.slider__entry {
display: inline-flex;
justify-content: center;
align-items: center;
}
.slider--custom .slider__entry.swiper-slide-active .media__wrap {
opacity: 1;
filter: saturate(1);
}
.slider--custom .slider__entry .media__wrap {
display: flex;
opacity: 0.5;
filter: saturate(0);
width: 100%;
transition:
1s ease opacity,
1s ease filter;
}
.slider--custom .slider--custom .slider__entry .media__wrap {
margin-bottom: 4rem;
max-width: 50rem;
}
section:not(.slider--custom) .slider--custom .slider__entry .media__wrap {
height: 100%;
}
.slider__entry .slider__entry-inner {
width: 100%;
}
.slider--custom .slider__entry .slider__entry-inner {
max-width: 59rem;
}
section:not(.slider--custom):not(.slider--custom-alt)
.slider__entry
.slider__entry-inner {
display: flex;
position: relative;
background: #f4f4f4;
padding: 3rem;
height: 100%;
border-width: 0;
border-style: none;
border-color: black;
border-radius: 3rem 0 3rem 0;
}
section:not(.slider--custom):not(.slider--custom-alt)
.slider__entry
.slider__entry-inner:after {
padding-top: 63%;
content: "";
}
@media (min-width: 992px) {
section:not(.slider--custom):not(.slider--custom-alt)
.slider__entry
.slider__entry-inner:after {
padding-top: 54.1%;
}
}
section:not(.slider--custom):not(.slider--custom-alt)
.slider__entry
.slider__entry-inner
.media__wrap {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.slider__entry img,
.slider__entry video {
width: 100%;
height: auto;
}
section:not(.slider--custom):not(.slider--custom-alt) .slider__entry img,
section:not(.slider--custom):not(.slider--custom-alt) .slider__entry video {
margin: auto;
padding: 4rem;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
@media (min-width: 768px) {
section:not(.slider--custom):not(.slider--custom-alt) .slider__entry img,
section:not(.slider--custom):not(.slider--custom-alt) .slider__entry video {
max-width: 28rem;
max-height: 25rem;
}
}
.slider--custom-alt .slider__entry .media__wrap {
position: relative;
border-radius: 5rem 0 5rem 0;
padding-top: 125%;
overflow: hidden;
}
.slider--custom-alt .slider__entry .media__wrap img,
.slider--custom-alt .slider__entry .media__wrap video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.slider__entry-meta {
display: flex;
}
.slider--custom .slider__entry-meta {
opacity: 0.5;
margin-left: 2rem;
transition: 1s ease opacity;
}
@media (min-width: 768px) {
.slider--custom .slider__entry-meta {
margin-left: 3.5rem;
}
}
.slider--custom-alt .slider__entry-meta {
margin-top: 3.6rem;
max-width: 34.7rem;
}
.swiper-slide-active .slider__entry-meta {
opacity: 1;
}
.slider__entry-meta p {
margin-bottom: max(2rem, min(2vw, 4.8rem));
}
.slider__entry-meta > span {
font-size: 1.8rem;
letter-spacing: 0.1em;
}
.slider__entry-meta .btn {
margin-top: auto;
margin-right: auto;
margin-bottom: 0;
}
.slider__controls {
display: flex;
position: relative;
justify-content: flex-end;
align-items: center;
margin: 0.5rem;
margin-top: 3rem;
}
@media (min-width: 768px) {
.slider__controls {
margin-top: 0;
width: 100%;
}
}
@media (max-width: 767.98px) {
.slider--custom .slider__controls {
justify-content: center;
transform: scale(0.5);
margin: 5rem auto 0;
}
}
@media (min-width: 768px) {
.slider--custom .slider__controls {
margin-right: 0.5rem;
margin-bottom: 1rem;
}
}
.slider__controls span {
display: inline-block;
}
.slider__controls .swiper-pagination {
display: inline-flex;
position: relative;
align-items: center;
border-radius: 50rem;
background-color: #f4f4f4;
padding: 2.4rem 1.5rem;
}
.slider__controls .swiper-pagination span {
position: relative;
opacity: 1;
margin: 0 0.9rem;
border-radius: 1rem;
background: rgba(23, 23, 33, 0.5);
width: 0.9rem;
height: 0.9rem;
overflow: hidden;
transition: 0.5s linear width;
}
.slider__controls .swiper-pagination span:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: scaleX(1);
transform-origin: left;
opacity: 0;
background-color: #171721;
content: "";
transition: 0.5s linear opacity;
}
.slider__controls .swiper-pagination span.swiper-pagination-bullet-active {
width: 6.9rem;
}
.slider__controls
.swiper-pagination
span.swiper-pagination-bullet-active:after {
opacity: 1;
animation: sliderPag linear 4.5s 1;
}
.slider__controls .swiper-navigation {
display: flex;
}
.slider__button {
display: inline-flex;
margin-right: 1.25rem;
width: 1.2rem;
height: 1.8rem;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='12' height='21' viewBox='0 0 12 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L10.5 10.5L1 20' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='12' height='21' viewBox='0 0 12 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L10.5 10.5L1 20' stroke='black' stroke-width='2'/%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: #171721;
}
@media (min-width: 768px) {
.slider__button {
margin: 0 1.25rem;
width: 1.7rem;
height: 2.6rem;
}
}
.slider__button:hover {
cursor: pointer;
}
.slider__button.swiper-button-disabled {
opacity: 0.5;
pointer-events: none;
}
.slider__button.slider--prev {
transform: scaleX(-1);
}
.slider__button.slider--next {
margin-right: 0;
}
/**
* Swiper 6.8.4
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2021 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: August 23, 2021
*/
@font-face {
font-style: normal;
font-weight: 400;
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-family: "swiper-icons";
}
:root {
--swiper-theme-color: #007aff;
}
.swiper-container {
position: relative;
/* Fix of Webkit flickering */
z-index: 1;
margin-right: auto;
margin-left: auto;
padding: 0;
overflow: hidden;
list-style: none;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
display: flex;
position: relative;
z-index: 1;
transition-property: transform;
box-sizing: content-box;
width: 100%;
height: 100%;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-direction: column;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-container-pointer-events {
touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
touch-action: pan-x;
}
.swiper-slide {
position: relative;
flex-shrink: 0;
transition-property: transform;
width: 100%;
height: 100%;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
pointer-events: none;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(
to left,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(
to right,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(
to top,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
/* For Firefox */
-ms-overflow-style: none;
overflow: auto;
scrollbar-width: none;
/* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px;
/*
--swiper-navigation-color: var(--swiper-theme-color);
*/
}
.swiper-button-prev,
.swiper-button-next {
display: flex;
position: absolute;
top: 50%;
justify-content: center;
align-items: center;
z-index: 10;
cursor: pointer;
margin-top: calc(0px - 44px / 2);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
width: calc(44px / 44 * 27);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: 44px;
height: var(--swiper-navigation-size);
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:after,
.swiper-button-next:after {
text-transform: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-feature-settings:;
font-variant: normal;
font-variant: initial;
font-size: 44px;
font-size: var(--swiper-navigation-size);
line-height: 1;
font-family: swiper-icons;
letter-spacing: 0;
text-transform: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
right: auto;
left: 10px;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
--swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
--swiper-navigation-color: #000000;
}
.swiper-button-lock {
display: none;
}
:root {
/*
--swiper-pagination-color: var(--swiper-theme-color);
*/
}
.swiper-pagination {
position: absolute;
transform: translate3d(0, 0, 0);
z-index: 10;
transition: 300ms opacity;
text-align: center;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
position: relative;
transform: scale(0.33);
}
.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 {
display: inline-block;
opacity: 0.2;
border-radius: 50%;
background: #000;
width: 8px;
height: 8px;
}
button.swiper-pagination-bullet {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
box-shadow: none;
border: none;
padding: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
top: 50%;
right: 10px;
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical
> .swiper-pagination-bullets
.swiper-pagination-bullet {
display: block;
margin: 6px 0;
}
.swiper-container-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
display: inline-block;
transition:
200ms transform,
200ms top;
}
.swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
transition:
200ms transform,
200ms left;
}
.swiper-container-horizontal.swiper-container-rtl
> .swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
transition:
200ms transform,
200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
position: absolute;
background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
position: absolute;
top: 0;
left: 0;
transform: scale(0);
transform-origin: left top;
background: #007aff;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
width: 100%;
height: 100%;
}
.swiper-container-rtl
.swiper-pagination-progressbar
.swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
top: 0;
left: 0;
width: 100%;
height: 4px;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
top: 0;
left: 0;
width: 4px;
height: 100%;
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
--swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
display: none;
}
/* Scrollbar */
.swiper-scrollbar {
position: relative;
border-radius: 10px;
background: rgba(0, 0, 0, 0.1);
-ms-touch-action: none;
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
bottom: 3px;
left: 1%;
z-index: 50;
width: 98%;
height: 5px;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
top: 1%;
right: 3px;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
position: relative;
top: 0;
left: 0;
border-radius: 10px;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
/* Preloader */
:root {
/*
--swiper-preloader-color: var(--swiper-theme-color);
*/
}
.swiper-lazy-preloader {
position: absolute;
top: 50%;
left: 50%;
transform-origin: 50%;
z-index: 10;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
margin-top: -21px;
margin-left: -21px;
border: 4px solid #007aff;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-top-color: transparent;
border-radius: 50%;
width: 42px;
height: 42px;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: -1000;
pointer-events: none;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
transition-property: opacity;
pointer-events: none;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
transform-origin: 0 0;
visibility: hidden;
z-index: 1;
backface-visibility: hidden;
width: 100%;
height: 100%;
pointer-events: none;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
visibility: visible;
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
bottom: 0px;
left: 0;
opacity: 0.6;
z-index: 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-cube-shadow:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
filter: blur(50px);
background: #000;
content: "";
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
z-index: 1;
backface-visibility: hidden;
pointer-events: none;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
}
.inline-media .media__wrap {
margin-bottom: 5rem;
}
@media (min-width: 768px) {
.inline-media .media__wrap {
margin-bottom: 0;
}
}
.inline-media__content {
display: flex;
}
.inline-media__content .content__wrap {
margin: auto;
max-width: 48rem;
}
@media (min-width: 768px) {
.inline--reverse .inline-media__content .content__wrap {
margin: auto auto auto 0;
}
}
.inline-media__content .content__wrap2 {
margin: auto;
max-width: 90rem;
}
@media (min-width: 768px) {
.inline--reverse .inline-media__content .content__wrap2 {
margin: auto auto auto 0;
}
}
.full__content {
text-align: center;
}
.full--alt .full__content {
padding-top: 8rem;
}
.full--alt .full__content .content__wrap {
position: relative;
margin: 0 auto 5rem;
background-image: url("../fonts/SVG-swift-fingertip.svg");
background-position: top center;
background-size: contain;
background-repeat: no-repeat;
padding-top: 2rem;
padding-bottom: 26rem;
max-width: 55rem;
}
.full--alt .full__content .content__wrap:before {
display: inline-block;
position: absolute;
top: -8rem;
right: 0;
left: 0;
margin: 0 auto 5rem;
width: 23.14rem;
height: 3.9rem;
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='232' height='39' viewBox='0 0 232 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_522_681)'%3E%3Cpath d='M24.3389 10.6718L22.4954 12.5047L27.4929 17.5023C30.0217 20.0332 30.0217 24.1486 27.4929 26.6774L16.9561 37.2143L18.7504 38.9979L30.0645 27.7501C33.2228 24.6111 33.2228 19.5022 30.0645 16.3632L24.3368 10.6697L24.3389 10.6718Z' fill='%23171721'/%3E%3Cpath d='M25.3973 19.5985L20.3933 14.5945L18.6118 16.3653L22.8514 20.5792C23.6715 21.395 23.6715 22.7225 22.8514 23.5383L13.0254 33.3065L14.8561 35.1244L25.3994 24.5832C26.7741 23.2086 26.7741 20.9731 25.3994 19.6006' fill='%23171721'/%3E%3Cpath d='M4.87938 12.2734L15.4227 1.7301L13.6819 0L2.36774 11.2478C-0.790548 14.3868 -0.790548 19.4957 2.36774 22.6347L8.09547 28.3282L9.93263 26.5018L4.87938 21.4485C2.35061 18.9197 2.34847 14.8022 4.87938 12.2734Z' fill='%23171721'/%3E%3Cpath d='M9.5843 18.4208C8.76421 17.605 8.76421 16.2775 9.5843 15.4617L19.4103 5.69349L17.5218 3.82422L6.97631 14.3697C5.60165 15.7443 5.60165 17.9798 6.97631 19.3523L12.0338 24.4098L13.8239 22.6326L9.5843 18.4187V18.4208Z' fill='%23171721'/%3E%3Cpath d='M54.3672 18.7978C53.9754 18.4766 53.3694 18.119 52.5472 17.7979C51.7635 17.4767 51.1554 17.2283 50.6929 17.0848C50.2646 16.9071 49.588 16.693 48.6245 16.3718C44.8067 15.1941 43.5948 14.3377 43.5948 12.4834C43.5948 10.6291 45.1279 9.38075 47.5196 9.38075C49.9113 9.38075 51.7292 10.5584 52.7634 12.8773L56.2236 10.8796C54.6177 7.4558 51.5151 5.38525 47.5196 5.38525C45.3077 5.38525 43.4171 6.02762 41.8475 7.3466C40.278 8.63133 39.4922 10.3786 39.4922 12.5904C39.4922 14.8023 40.3123 16.4789 41.9182 17.6201C43.5948 18.725 44.7724 19.1896 47.162 19.9027C49.2668 20.545 50.7657 21.151 51.5858 21.6863C52.4058 22.2216 52.8341 22.971 52.8341 24.0052C52.8341 25.9666 51.301 27.2877 48.1962 27.2877C45.0915 27.2877 42.9888 25.8959 41.9889 23.0781L38.458 25.1465C39.777 28.9643 43.2736 31.281 48.0892 31.281C50.7293 31.281 52.8705 30.6387 54.4743 29.3197C56.1144 28.0007 56.9345 26.1807 56.9345 23.9324C57.1122 21.5428 55.6862 19.8299 54.3672 18.7957' fill='%23171721'/%3E%3Cpath d='M75.3068 25.2899L71.596 12.9822H67.9217L64.1767 25.2899L60.7165 12.9822H56.6504L62.2497 30.8185H66.031L69.7781 18.7977L73.4867 30.8185H77.2681L82.8695 12.9822H78.8033L75.3068 25.2899Z' fill='%23171721'/%3E%3Cpath d='M87.9634 12.9822H84.1113V30.8185H87.9634V12.9822Z' fill='%23171721'/%3E%3Cpath d='M91.9539 12.6267V12.9842H89.2432V16.695H91.9539V30.8205H95.806V16.695H100.016V12.9842H95.806V12.6267C95.806 10.0229 97.1978 8.84528 100.016 9.0958V5.38508C94.7354 5.0639 91.9539 7.73827 91.9539 12.6267Z' fill='%23171721'/%3E%3Cpath d='M108.322 7.98901L104.47 9.13028V12.9823H101.188V16.693H104.47V25.2536C104.47 29.9257 106.86 31.5316 112.746 30.8186V27.3584C109.821 27.5019 108.322 27.5361 108.322 25.2536V16.693H112.746V12.9823H108.322V7.98901Z' fill='%23171721'/%3E%3Cpath d='M134.059 30.0753C132.885 30.662 130.539 31.2487 127.532 31.2487C120.567 31.2487 115.323 26.8485 115.323 18.7462C115.323 10.6438 120.565 5.76831 128.228 5.76831C131.307 5.76831 133.252 6.4278 134.095 6.86889L133.324 9.4726C132.115 8.88591 130.391 8.44696 128.338 8.44696C122.546 8.44696 118.696 12.1491 118.696 18.6391C118.696 24.688 122.179 28.5743 128.192 28.5743C130.134 28.5743 132.115 28.1718 133.397 27.5487L134.057 30.0775L134.059 30.0753Z' fill='%23171721'/%3E%3Cpath d='M151.428 21.8638C151.428 28.4266 146.883 31.2851 142.594 31.2851C137.791 31.2851 134.089 27.765 134.089 22.1572C134.089 16.2174 137.975 12.7358 142.887 12.7358C147.799 12.7358 151.428 16.438 151.428 21.8638ZM137.35 22.048C137.35 25.9343 139.585 28.8677 142.739 28.8677C145.893 28.8677 148.129 25.9707 148.129 21.9752C148.129 18.9689 146.626 15.1554 142.812 15.1554C138.999 15.1554 137.35 18.6756 137.35 22.048Z' fill='%23171721'/%3E%3Cpath d='M153.553 17.9411C153.553 16.1082 153.516 14.6051 153.407 13.1384H156.266L156.45 16.0718H156.523C157.403 14.3846 159.456 12.7358 162.387 12.7358C164.843 12.7358 168.657 14.2026 168.657 20.2879V30.8826H165.43V20.654C165.43 17.7955 164.368 15.4124 161.323 15.4124C159.197 15.4124 157.546 16.9155 156.998 18.712C156.85 19.1145 156.777 19.6648 156.777 20.2151V30.8826H153.551V17.9411H153.553Z' fill='%23171721'/%3E%3Cpath d='M171.73 17.9411C171.73 16.1082 171.693 14.6051 171.584 13.1384H174.442L174.627 16.0718H174.699C175.579 14.3846 177.633 12.7358 180.564 12.7358C183.02 12.7358 186.834 14.2026 186.834 20.2879V30.8826H183.607V20.654C183.607 17.7955 182.545 15.4124 179.5 15.4124C177.374 15.4124 175.723 16.9155 175.175 18.712C175.027 19.1145 174.954 19.6648 174.954 20.2151V30.8826H171.727V17.9411H171.73Z' fill='%23171721'/%3E%3Cpath d='M191.97 22.5983C192.043 26.962 194.831 28.7564 198.055 28.7564C200.366 28.7564 201.757 28.3538 202.967 27.8399L203.517 30.1503C202.38 30.6642 200.438 31.2509 197.614 31.2509C192.152 31.2509 188.889 27.6579 188.889 22.3049C188.889 16.9519 192.043 12.7358 197.212 12.7358C203.004 12.7358 204.543 17.8319 204.543 21.0951C204.543 21.7546 204.47 22.2685 204.434 22.5983H191.97ZM201.428 20.2879C201.464 18.2345 200.584 15.0462 196.955 15.0462C193.691 15.0462 192.261 18.0525 192.004 20.2879H201.425H201.428Z' fill='%23171721'/%3E%3Cpath d='M219.513 30.2231C218.669 30.662 216.8 31.2487 214.417 31.2487C209.064 31.2487 205.582 27.6194 205.582 22.1935C205.582 16.7677 209.321 12.7722 215.115 12.7722C217.02 12.7722 218.708 13.2497 219.588 13.6887L218.855 16.181C218.085 15.7421 216.875 15.3374 215.117 15.3374C211.046 15.3374 208.847 18.3436 208.847 22.0458C208.847 26.1526 211.487 28.6814 215.005 28.6814C216.838 28.6814 218.048 28.2039 218.965 27.8014L219.515 30.2209L219.513 30.2231Z' fill='%23171721'/%3E%3Cpath d='M226.78 8.04248V13.1386H231.399V15.5945H226.78V25.1636C226.78 27.3626 227.403 28.6088 229.2 28.6088C230.043 28.6088 230.667 28.4996 231.069 28.3883L231.215 30.8078C230.592 31.0648 229.602 31.2468 228.356 31.2468C226.853 31.2468 225.643 30.7693 224.872 29.8914C223.956 28.9386 223.626 27.3626 223.626 25.2728V15.5945H220.877V13.1386H223.626V8.88612L226.778 8.04248H226.78Z' fill='%23171721'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_522_681'%3E%3Crect width='231.398' height='39' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='232' height='39' viewBox='0 0 232 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_522_681)'%3E%3Cpath d='M24.3389 10.6718L22.4954 12.5047L27.4929 17.5023C30.0217 20.0332 30.0217 24.1486 27.4929 26.6774L16.9561 37.2143L18.7504 38.9979L30.0645 27.7501C33.2228 24.6111 33.2228 19.5022 30.0645 16.3632L24.3368 10.6697L24.3389 10.6718Z' fill='%23171721'/%3E%3Cpath d='M25.3973 19.5985L20.3933 14.5945L18.6118 16.3653L22.8514 20.5792C23.6715 21.395 23.6715 22.7225 22.8514 23.5383L13.0254 33.3065L14.8561 35.1244L25.3994 24.5832C26.7741 23.2086 26.7741 20.9731 25.3994 19.6006' fill='%23171721'/%3E%3Cpath d='M4.87938 12.2734L15.4227 1.7301L13.6819 0L2.36774 11.2478C-0.790548 14.3868 -0.790548 19.4957 2.36774 22.6347L8.09547 28.3282L9.93263 26.5018L4.87938 21.4485C2.35061 18.9197 2.34847 14.8022 4.87938 12.2734Z' fill='%23171721'/%3E%3Cpath d='M9.5843 18.4208C8.76421 17.605 8.76421 16.2775 9.5843 15.4617L19.4103 5.69349L17.5218 3.82422L6.97631 14.3697C5.60165 15.7443 5.60165 17.9798 6.97631 19.3523L12.0338 24.4098L13.8239 22.6326L9.5843 18.4187V18.4208Z' fill='%23171721'/%3E%3Cpath d='M54.3672 18.7978C53.9754 18.4766 53.3694 18.119 52.5472 17.7979C51.7635 17.4767 51.1554 17.2283 50.6929 17.0848C50.2646 16.9071 49.588 16.693 48.6245 16.3718C44.8067 15.1941 43.5948 14.3377 43.5948 12.4834C43.5948 10.6291 45.1279 9.38075 47.5196 9.38075C49.9113 9.38075 51.7292 10.5584 52.7634 12.8773L56.2236 10.8796C54.6177 7.4558 51.5151 5.38525 47.5196 5.38525C45.3077 5.38525 43.4171 6.02762 41.8475 7.3466C40.278 8.63133 39.4922 10.3786 39.4922 12.5904C39.4922 14.8023 40.3123 16.4789 41.9182 17.6201C43.5948 18.725 44.7724 19.1896 47.162 19.9027C49.2668 20.545 50.7657 21.151 51.5858 21.6863C52.4058 22.2216 52.8341 22.971 52.8341 24.0052C52.8341 25.9666 51.301 27.2877 48.1962 27.2877C45.0915 27.2877 42.9888 25.8959 41.9889 23.0781L38.458 25.1465C39.777 28.9643 43.2736 31.281 48.0892 31.281C50.7293 31.281 52.8705 30.6387 54.4743 29.3197C56.1144 28.0007 56.9345 26.1807 56.9345 23.9324C57.1122 21.5428 55.6862 19.8299 54.3672 18.7957' fill='%23171721'/%3E%3Cpath d='M75.3068 25.2899L71.596 12.9822H67.9217L64.1767 25.2899L60.7165 12.9822H56.6504L62.2497 30.8185H66.031L69.7781 18.7977L73.4867 30.8185H77.2681L82.8695 12.9822H78.8033L75.3068 25.2899Z' fill='%23171721'/%3E%3Cpath d='M87.9634 12.9822H84.1113V30.8185H87.9634V12.9822Z' fill='%23171721'/%3E%3Cpath d='M91.9539 12.6267V12.9842H89.2432V16.695H91.9539V30.8205H95.806V16.695H100.016V12.9842H95.806V12.6267C95.806 10.0229 97.1978 8.84528 100.016 9.0958V5.38508C94.7354 5.0639 91.9539 7.73827 91.9539 12.6267Z' fill='%23171721'/%3E%3Cpath d='M108.322 7.98901L104.47 9.13028V12.9823H101.188V16.693H104.47V25.2536C104.47 29.9257 106.86 31.5316 112.746 30.8186V27.3584C109.821 27.5019 108.322 27.5361 108.322 25.2536V16.693H112.746V12.9823H108.322V7.98901Z' fill='%23171721'/%3E%3Cpath d='M134.059 30.0753C132.885 30.662 130.539 31.2487 127.532 31.2487C120.567 31.2487 115.323 26.8485 115.323 18.7462C115.323 10.6438 120.565 5.76831 128.228 5.76831C131.307 5.76831 133.252 6.4278 134.095 6.86889L133.324 9.4726C132.115 8.88591 130.391 8.44696 128.338 8.44696C122.546 8.44696 118.696 12.1491 118.696 18.6391C118.696 24.688 122.179 28.5743 128.192 28.5743C130.134 28.5743 132.115 28.1718 133.397 27.5487L134.057 30.0775L134.059 30.0753Z' fill='%23171721'/%3E%3Cpath d='M151.428 21.8638C151.428 28.4266 146.883 31.2851 142.594 31.2851C137.791 31.2851 134.089 27.765 134.089 22.1572C134.089 16.2174 137.975 12.7358 142.887 12.7358C147.799 12.7358 151.428 16.438 151.428 21.8638ZM137.35 22.048C137.35 25.9343 139.585 28.8677 142.739 28.8677C145.893 28.8677 148.129 25.9707 148.129 21.9752C148.129 18.9689 146.626 15.1554 142.812 15.1554C138.999 15.1554 137.35 18.6756 137.35 22.048Z' fill='%23171721'/%3E%3Cpath d='M153.553 17.9411C153.553 16.1082 153.516 14.6051 153.407 13.1384H156.266L156.45 16.0718H156.523C157.403 14.3846 159.456 12.7358 162.387 12.7358C164.843 12.7358 168.657 14.2026 168.657 20.2879V30.8826H165.43V20.654C165.43 17.7955 164.368 15.4124 161.323 15.4124C159.197 15.4124 157.546 16.9155 156.998 18.712C156.85 19.1145 156.777 19.6648 156.777 20.2151V30.8826H153.551V17.9411H153.553Z' fill='%23171721'/%3E%3Cpath d='M171.73 17.9411C171.73 16.1082 171.693 14.6051 171.584 13.1384H174.442L174.627 16.0718H174.699C175.579 14.3846 177.633 12.7358 180.564 12.7358C183.02 12.7358 186.834 14.2026 186.834 20.2879V30.8826H183.607V20.654C183.607 17.7955 182.545 15.4124 179.5 15.4124C177.374 15.4124 175.723 16.9155 175.175 18.712C175.027 19.1145 174.954 19.6648 174.954 20.2151V30.8826H171.727V17.9411H171.73Z' fill='%23171721'/%3E%3Cpath d='M191.97 22.5983C192.043 26.962 194.831 28.7564 198.055 28.7564C200.366 28.7564 201.757 28.3538 202.967 27.8399L203.517 30.1503C202.38 30.6642 200.438 31.2509 197.614 31.2509C192.152 31.2509 188.889 27.6579 188.889 22.3049C188.889 16.9519 192.043 12.7358 197.212 12.7358C203.004 12.7358 204.543 17.8319 204.543 21.0951C204.543 21.7546 204.47 22.2685 204.434 22.5983H191.97ZM201.428 20.2879C201.464 18.2345 200.584 15.0462 196.955 15.0462C193.691 15.0462 192.261 18.0525 192.004 20.2879H201.425H201.428Z' fill='%23171721'/%3E%3Cpath d='M219.513 30.2231C218.669 30.662 216.8 31.2487 214.417 31.2487C209.064 31.2487 205.582 27.6194 205.582 22.1935C205.582 16.7677 209.321 12.7722 215.115 12.7722C217.02 12.7722 218.708 13.2497 219.588 13.6887L218.855 16.181C218.085 15.7421 216.875 15.3374 215.117 15.3374C211.046 15.3374 208.847 18.3436 208.847 22.0458C208.847 26.1526 211.487 28.6814 215.005 28.6814C216.838 28.6814 218.048 28.2039 218.965 27.8014L219.515 30.2209L219.513 30.2231Z' fill='%23171721'/%3E%3Cpath d='M226.78 8.04248V13.1386H231.399V15.5945H226.78V25.1636C226.78 27.3626 227.403 28.6088 229.2 28.6088C230.043 28.6088 230.667 28.4996 231.069 28.3883L231.215 30.8078C230.592 31.0648 229.602 31.2468 228.356 31.2468C226.853 31.2468 225.643 30.7693 224.872 29.8914C223.956 28.9386 223.626 27.3626 223.626 25.2728V15.5945H220.877V13.1386H223.626V8.88612L226.778 8.04248H226.78Z' fill='%23171721'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_522_681'%3E%3Crect width='231.398' height='39' fill='white'/%3E%3C/clipPath%3E%3C/defs%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: #171721;
}
.full--alt .full__media {
margin: -28.6rem auto 5rem;
background-image: url("../images/raster-swift-video-frame.png");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
padding-top: 36.1%;
max-width: 70rem;
}
.full--alt .full__media .media__wrap.media--video {
display: inline-flex;
position: absolute;
top: 0;
right: 0;
left: 0;
margin: auto;
padding-top: 49%;
max-width: 54.5rem;
height: auto;
}
.full--alt .full__media .media__wrap.media--video button {
top: 5%;
bottom: 0;
}
.full--alt .full__media .media__wrap.media--video video {
position: absolute;
top: 5%;
right: 0;
bottom: 0;
left: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.full__media img,
.full__media video {
width: 100%;
}
.stats__inner {
position: relative;
justify-content: space-between;
}
.stats__inner:before {
position: absolute;
top: max(-10rem, min(-10vw, -5rem));
right: 0;
left: 0;
background: #171721;
height: 0.05rem;
content: "";
}
.stats__entry {
margin-bottom: 5rem;
max-width: 31.9rem;
}
@media (max-width: 767.98px) {
.stats__entry:last-child {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.stats__entry {
margin-bottom: 2rem;
}
}
.stats__entry p {
margin: 0;
}
.stats__entry h2 {
display: inline-flex;
position: relative;
margin-bottom: 3rem;
padding-bottom: 2rem;
}
.stats__entry h2:after {
position: absolute;
right: 0;
bottom: 0rem;
left: 0;
background-color: #171721;
height: 0.05rem;
content: "";
}
.stats__entry .text--caption,
.stats__entry .text--caption-lwr {
margin-bottom: 2rem;
}
@media (min-width: 768px) {
.stats__entry {
margin-bottom: 0;
}
}
.stats__entry .content__wrap {
margin: 0 auto;
}
.grid__entry {
margin-bottom: 6rem;
}
.grid__entry img,
.grid__entry video {
margin-bottom: 3.6rem;
}
.blocks__inner {
position: relative;
}
.blocks__inner.blocks--three {
justify-content: space-between;
}
.blocks__inner:before {
position: absolute;
top: max(-10rem, min(-10vw, -5rem));
right: 0;
left: 0;
background: #171721;
height: 0.05rem;
content: "";
}
.blocks__entry {
margin-top: 3rem;
margin-bottom: 3rem;
}
@media (min-width: 992px) {
.blocks--three .blocks__entry {
max-width: 35rem;
}
}
@media (min-width: 768px) {
.blocks__entry {
margin-top: 6rem;
margin-bottom: 6rem;
}
}
@media (min-width: 576px) {
.blocks__entry .content__wrap {
margin: 0 auto;
max-width: 39.5rem;
}
}
.blocks__entry .content__wrap img,
.blocks__entry .content__wrap video {
margin-bottom: 6rem;
width: auto;
max-width: 8.5rem;
height: 7rem;
-o-object-fit: contain;
object-fit: contain;
}
.blocks--three .blocks__entry .content__wrap img,
.blocks--three .blocks__entry .content__wrap video {
margin-bottom: 3.5rem;
max-width: 7rem;
height: 5rem;
}
@media (min-width: 768px) {
.blocks__entry .content__wrap h4 {
margin-bottom: 3rem;
}
}
.image-row__title {
text-align: center;
}
.image-row__entries {
position: relative;
justify-content: space-between;
}
.image-row__entries:before {
position: absolute;
right: 0;
bottom: max(-10rem, min(-10vw, -5rem));
left: 0;
background: #171721;
height: 0.05rem;
content: "";
}
.image-row__entry {
margin: 4rem 0;
min-width: 12.5rem;
text-align: center;
}
.image-row__entry img {
width: 100%;
max-height: 5rem;
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 767.98px) {
.image-row__entry img {
margin: 0 auto;
max-width: 12rem;
}
}
.list__content .media__wrap {
padding-top: 3rem;
}
.list__content .content__wrap {
max-width: 48rem;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.list__content .content__wrap {
padding-right: 10rem;
}
}
.list__entries ul {
margin-top: 2rem;
width: 100%;
}
.list--featured .list__entries ul {
line-height: 1.1;
}
.list--featured .list__entries ul p {
margin: 0;
}
@media (min-width: 768px) {
.list--featured .list__entries ul p {
font-size: 3.8rem;
}
}
.list__entries li {
margin-bottom: max(2rem, min(2vw, 5rem));
}
.list--numbered .list__entries li {
margin-bottom: max(1rem, min(1vw, 2.8rem));
border-bottom: 0.1rem solid #171721;
padding-bottom: 2.3rem;
}
.list--numbered .list__entries li:last-child {
margin-bottom: 0;
border: 0;
padding-bottom: 0;
}
.list--featured .list__entries li {
display: flex;
align-items: center;
}
.list__entries li p {
margin-top: 1rem;
margin-bottom: 0;
}
.letterspacing {
letter-spacing: 0cap !important;
}
.bg-white {
background-color: white !important;
}
.list__entries li img {
margin-right: 2rem;
width: 2.5rem;
height: 2.5rem;
-o-object-fit: contain;
object-fit: contain;
}
@media (min-width: 768px) {
.list__entries li img {
width: 3.6rem;
height: 3.6rem;
}
}
.carousel.carousel--sticky {
overflow: visible;
}
.carousel--sticky .carousel__container {
display: flex;
position: sticky;
top: 0;
justify-content: center;
align-items: center;
height: 100vh;
}
.carousel__intro {
margin: auto;
}
.carousel--sticky .carousel__intro,
.carousel--testimonial .carousel__intro {
margin: 0;
margin: initial;
}
.carousel--sticky .carousel__stage {
margin-top: 7rem;
width: 100%;
}
.carousel__subtitle {
margin-bottom: 2rem;
}
.carousel__nav {
margin-top: 3rem;
margin-bottom: 3rem;
}
@media (min-width: 1200px) {
.carousel__nav {
margin-top: 4rem;
margin-bottom: 0;
}
}
.carousel-featured .carousel__nav {
margin: 0;
width: 100%;
}
.carousel--testimonial .carousel__nav {
margin-top: 1rem;
}
.carousel--testimonial .carousel__nav ul {
margin-top: 0;
}
.carousel__nav ul {
display: flex;
flex-direction: column;
}
.carousel-featured .carousel__nav ul {
flex-direction: row;
justify-content: space-between;
}
@media (max-width: 767.98px) {
.carousel__nav ul {
flex-direction: row;
}
}
.carousel__nav li {
display: inline-block;
margin-right: 1rem;
margin-bottom: 1rem;
border: 0.1rem solid currentColor;
border-radius: 2rem;
padding: 1rem;
min-width: 9rem;
font-size: 1rem;
line-height: 0.8;
font-family: "Dm Mono", monospace;
letter-spacing: 0.12em;
text-align: center;
text-transform: uppercase;
}
@media (min-width: 768px) {
.carousel__nav li {
margin-right: auto;
min-width: 14rem;
font-size: 1.4rem;
}
}
.carousel-featured .carousel__nav li {
display: inline-flex;
flex-direction: column;
align-items: center;
opacity: 0.5;
margin: 0;
border: 0;
padding: 0;
min-width: 0;
font-size: 1.2rem;
font-family: inherit;
letter-spacing: 0;
text-transform: capitalize;
}
@media (min-width: 768px) {
.carousel-featured .carousel__nav li {
font-size: 2rem;
}
}
.carousel__nav li:last-child {
margin-bottom: 0;
}
@media (max-width: 767.98px) {
.carousel__nav li:last-child {
margin-bottom: auto;
}
}
@media (min-width: 768px) {
.carousel__nav li {
margin-bottom: 3rem;
font-size: 1.8rem;
}
}
.carousel__nav li.item--active {
background-color: #171721;
pointer-events: none;
color: #fff;
}
.carousel-featured .carousel__nav li.item--active {
background-color: transparent !important;
color: #fff !important;
}
.carousel-featured .carousel__nav li.item--active {
opacity: 1;
}
.section--dark .carousel__nav li.item--active {
background-color: #fff;
color: #171721;
}
.carousel__nav li:hover {
cursor: pointer;
}
.carousel__nav li[data-title]:after {
content: attr(data-title);
}
.carousel-featured .carousel__nav li span {
display: inline-flex;
-webkit-mask-image: inherit;
mask-image: inherit;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
margin-bottom: 2rem;
background-color: #fff;
width: 1.65rem;
height: 1.5rem;
}
@media (min-width: 768px) {
.carousel-featured .carousel__nav li span {
width: 3.3rem;
height: 3rem;
}
}
.carousel__buttons {
margin-top: 2rem;
}
@media (min-width: 768px) {
.carousel__buttons {
margin-top: 4rem;
}
}
.carousel__buttons ul {
display: inline-flex;
}
.carousel__controls {
margin-bottom: 5rem;
}
@media (min-width: 768px) {
.carousel__controls {
margin-bottom: 5rem;
}
}
.carousel__button {
display: inline-flex;
position: relative;
margin: 0.5rem;
width: 3.2rem;
height: 3.2rem;
}
@media (min-width: 768px) {
.carousel__button {
width: 4.8rem;
height: 4.8rem;
}
}
.carousel-featured .carousel__button {
width: auto;
height: auto;
}
.carousel__button:hover {
cursor: pointer;
}
.carousel__button.carousel--prev {
transform: scaleX(-1);
}
.carousel__button:after {
position: absolute;
top: 0.2rem;
right: 0.2rem;
bottom: 0.2rem;
left: 0.2rem;
margin: auto;
content: "";
}
@media (min-width: 768px) {
.carousel__button:after {
top: 0.8rem;
right: 0.8rem;
bottom: 0.8rem;
left: 0.8rem;
}
}
.carousel__entries {
position: relative;
min-height: var(--minHeight);
}
.carousel--sticky .carousel__entries {
min-height: 0;
}
.carousel__intro p {
margin: 1.5rem 0;
}
.carousel__item {
display: flex;
position: absolute;
top: 0;
flex-wrap: wrap;
opacity: 0;
z-index: 1;
width: 100%;
height: 100%;
min-height: var(--minHeight);
pointer-events: none;
}
.carousel--sticky .carousel__item {
min-height: 0;
}
@media (min-width: 768px) {
.carousel__item {
flex-direction: row;
justify-content: space-between;
}
}
.carousel-featured .carousel__item img,
.carousel-featured .carousel__item video {
border-radius: 0 0 1.55rem 1.55rem;
width: 100%;
}
@media (min-width: 768px) {
.carousel-featured .carousel__item img,
.carousel-featured .carousel__item video {
border-radius: 0 0 3.5rem 0;
}
}
.carousel__item h3 {
margin-bottom: 4rem;
line-height: 1.1;
}
.carousel__item.item--active {
position: relative;
align-items: start;
opacity: 1;
z-index: 2;
pointer-events: all;
}
@media (min-width: 768px) {
.carousel__item > div {
height: 100%;
}
}
.carousel-featured .carousel__item .content__wrap {
max-width: 40rem;
}
.carousel__item-text {
margin-bottom: 5rem;
}
.carousel__item-text p {
margin: 0;
}
.carousel__item-text p + small {
display: block;
margin-top: 7rem;
font-size: 100%;
line-height: 1.5;
}
.carousel__item-text p + .btn {
margin-top: 3rem;
}
.carousel-featured .carousel__stage {
display: flex;
position: relative;
justify-content: center;
margin-top: 5rem;
border-radius: 3rem;
background: #242433;
padding: 2rem 3rem 3rem;
}
@media (min-width: 768px) {
.carousel-featured .carousel__stage {
margin-top: 10rem;
padding: 5rem 7rem 6rem;
}
}
.carousel-featured .carousel__stage:before {
display: inline-flex;
position: absolute;
top: 0;
justify-content: center;
transform: translateY(-50%);
margin: auto;
border-radius: 5rem;
background-color: #fff;
padding: 0.5rem 1rem;
min-width: 12rem;
content: attr(data-subtitle);
color: #171721;
font-size: 1rem;
font-family: "Dm Mono", monospace;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
}
@media (min-width: 768px) {
.carousel-featured .carousel__stage:before {
padding: 1rem 2rem;
min-width: 16.2rem;
font-size: 1.4rem;
}
}
.carousel-featured .carousel__controls {
display: flex;
align-items: center;
width: 100%;
}
.carousel-featured .carousel__nav {
border-bottom: 0.05rem solid rgba(244, 244, 244, 0.5);
padding: 3rem 0;
}
@media (min-width: 768px) {
.carousel-featured .carousel__nav {
padding: 6rem 0;
}
}
@media (min-width: 992px) {
.carousel-featured .carousel__nav {
padding: 6rem;
}
}
.carousel-featured .carousel__buttons {
position: absolute;
right: 0;
left: 0;
margin: 0;
}
.carousel-featured .carousel__buttons ul {
justify-content: space-between;
width: 100%;
}
.carousel-featured .carousel__button span {
position: relative;
}
.carousel-featured .carousel__button span:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_522_721)'%3E%3Cpath d='M-7.78063e-08 1.78L1.78 -7.96422e-07L10.01 8.23L18.22 -7.78063e-08L20 1.78L10 11.78L-7.78063e-08 1.78Z' fill='%23171721'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_522_721'%3E%3Crect width='11.78' height='20' fill='white' transform='translate(20) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_522_721)'%3E%3Cpath d='M-7.78063e-08 1.78L1.78 -7.96422e-07L10.01 8.23L18.22 -7.78063e-08L20 1.78L10 11.78L-7.78063e-08 1.78Z' fill='%23171721'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_522_721'%3E%3Crect width='11.78' height='20' fill='white' transform='translate(20) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%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: #fff;
display: inline-block;
width: 2rem;
height: 1.2rem;
content: "";
}
.carousel-featured .carousel__button {
opacity: 0.5;
}
.carousel-featured .carousel__button:hover {
opacity: 1;
}
.carousel-featured .carousel__button.carousel--prev {
transform: rotate(90deg);
}
.carousel-featured .carousel__button.carousel--next {
transform: rotate(-90deg);
}
.carousel-featured__intro .content__wrap {
margin: 0 auto;
padding: 0 100px;
}
.accordion ul {
margin: 0 auto;
max-width: 69.35rem;
}
.accordion__title {
text-align: center;
}
.accordion__entry {
position: relative;
}
.accordion__entry:after {
position: absolute;
right: 0;
left: 0;
background-color: #171721;
height: 0.1rem;
content: "";
}
.accordion__entry p {
margin: 0;
font-size: 1.6rem;
}
.accordion__entry-title {
padding: 1.8rem 0;
padding-right: 3rem;
font-size: 1.8rem;
line-height: 1.5;
}
@media (min-width: 768px) {
.carousel-featured__intro .content__wrap {
margin: 0 auto;
padding: 0 10px;
}
.accordion__entry-title {
padding-right: 5rem;
font-size: 2rem;
}
}
.accordion__entry-title:hover {
cursor: pointer;
}
.accordion__entry-title:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_522_721)'%3E%3Cpath d='M-7.78063e-08 1.78L1.78 -7.96422e-07L10.01 8.23L18.22 -7.78063e-08L20 1.78L10 11.78L-7.78063e-08 1.78Z' fill='%23171721'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_522_721'%3E%3Crect width='11.78' height='20' fill='white' transform='translate(20) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_522_721)'%3E%3Cpath d='M-7.78063e-08 1.78L1.78 -7.96422e-07L10.01 8.23L18.22 -7.78063e-08L20 1.78L10 11.78L-7.78063e-08 1.78Z' fill='%23171721'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_522_721'%3E%3Crect width='11.78' height='20' fill='white' transform='translate(20) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%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: #171721;
display: inline-block;
position: absolute;
top: 2.75rem;
right: 0;
transform: rotate(-90deg);
width: 1.5rem;
height: 0.8rem;
content: "";
}
@media (min-width: 768px) {
.accordion__entry-title:after {
top: 2.5rem;
width: 2rem;
height: 1.2rem;
}
}
.item--active .accordion__entry-title:after {
transform: rotate(0);
}
.accordion__entry-text {
display: none;
padding-top: 0.6rem;
padding-right: 5rem;
padding-bottom: 3.6rem;
}
.item--active .accordion__entry-text {
display: block;
}
.cards__intro {
margin-bottom: 7.5rem;
}
.opacity02 {
opacity: 0.2;
display: block;
}
.cards__entry {
margin-bottom: 5rem;
}
.cards__entry:last-child {
margin: 0;
}
@media (min-width: 768px) {
.cards__entry {
margin-bottom: 0;
}
}
/* .cards__entry:nth-child(3n + 2) .cards__entry-inner:before {
background-color: #baedab;
}
.cards__entry:nth-child(3n + 3) .cards__entry-inner:before {
background-color: #a3f2ff;
} */
.cards__entry-inner {
display: flex;
position: relative;
flex-wrap: wrap;
justify-content: center;
border-radius: 3rem;
background-color: #fff;
padding: 5rem 3rem 3rem;
font-size: 1.6rem;
}
.cards__entry-inner ul {
width: 100%;
}
.cards__entry-inner .text--caption,
.cards__entry-inner .text--caption-lwr {
margin-bottom: 1rem;
font-size: 1.4rem;
line-height: 1;
}
.cards__entry-inner .btn {
margin-top: 3rem;
}
/* .cards__entry-inner:before {
display: inline-flex;
position: absolute;
top: 0;
justify-content: center;
transform: translateY(-50%);
margin: auto;
border-radius: 5rem;
background-color: #fff587;
padding: 1rem 2rem;
min-width: 16.2rem;
content: attr(data-label);
font-size: 1.4rem;
font-family: "Dm Mono", monospace;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
} */
.cards__entry-title {
margin-bottom: 3.5rem;
border-bottom: 0.1rem solid #171721;
padding-bottom: 3.4rem;
font-size: 2.2rem;
}
.cards__entry-line p {
margin-bottom: 0;
margin-bottom: 3.5rem;
font-size: 1.6rem;
}
.cards__entry-line.line--toggle:hover .cards__entry-title > span:after {
opacity: 1;
}
.cards__entry-line.line--toggle.toggle--single {
pointer-events: none;
}
.cards__entry-line.line--toggle.toggle--single .cards__entry-text {
display: block !important;
}
.cards__entry-line.line--toggle.toggle--single
.cards__entry-title
> span:after {
display: none;
}
.cards__entry-line.line--toggle.line--active .cards__entry-title > span:after {
transform: rotate(0);
}
.cards__entry-line.line--toggle .cards__entry-title:hover {
cursor: pointer;
}
.cards__entry-line.line--toggle .cards__entry-title > span {
display: block;
position: relative;
}
.cards__entry-line.line--toggle .cards__entry-title > span:after {
opacity: 0.5;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_522_721)'%3E%3Cpath d='M-7.78063e-08 1.78L1.78 -7.96422e-07L10.01 8.23L18.22 -7.78063e-08L20 1.78L10 11.78L-7.78063e-08 1.78Z' fill='%23171721'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_522_721'%3E%3Crect width='11.78' height='20' fill='white' transform='translate(20) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_522_721)'%3E%3Cpath d='M-7.78063e-08 1.78L1.78 -7.96422e-07L10.01 8.23L18.22 -7.78063e-08L20 1.78L10 11.78L-7.78063e-08 1.78Z' fill='%23171721'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_522_721'%3E%3Crect width='11.78' height='20' fill='white' transform='translate(20) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%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: #171721;
display: inline-block;
position: absolute;
top: 1rem;
right: 0;
transform: rotate(-90deg);
width: 2rem;
height: 1.2rem;
content: "";
}
.cards__entry-line.line--toggle .cards__entry-text {
border-bottom: 0.1rem solid #171721;
}
.cards__entry-line.line--inline {
display: flex;
justify-content: space-between;
margin: 1rem 0;
}
.cards__entry-line.line--inline:last-of-type {
margin-bottom: 0;
}
.cards__entry-text {
display: none;
margin-bottom: 2.5rem;
}
.line--active .cards__entry-text {
display: block;
}
.testimonial img,
.testimonial video {
width: 100%;
}
.testimonial__content {
margin-bottom: 4rem;
}
@media (min-width: 768px) {
.testimonial__content {
margin-bottom: 0;
}
}
.testimonial__content .content__wrap {
display: flex;
flex-wrap: wrap;
max-width: 33.5rem;
height: 100%;
}
.testimonial__content .content__wrap small {
margin-top: auto;
margin-bottom: 0;
}
.form form {
display: flex;
flex-wrap: wrap;
border-radius: 3rem 0 3rem 0;
background-color: #f4f4f4;
padding: 5rem 3rem 3rem;
}
@media (min-width: 768px) {
.form form {
padding: 9rem 9rem 8.5rem;
}
}
.form form > div .wpcf7-not-valid-tip {
display: none !important;
}
.form form [data-class="wpcf7cf_group"] {
width: 100%;
max-width: 50%;
}
.form form [data-class="wpcf7cf_group"][data-id="message"] {
max-width: 100%;
}
.form form input[type="file"] {
font-size: 0.9rem;
}
.form form input,
.form form select,
.form form textarea {
margin-bottom: 7rem;
outline: 0;
border: 0;
border-bottom: 0.05rem solid #171721;
background-color: transparent;
padding: 0 0 1rem;
width: 100%;
font-family: "Dm Mono", monospace;
}
.form form input:focus::-moz-placeholder,
.form form select:focus::-moz-placeholder,
.form form textarea:focus::-moz-placeholder {
opacity: 1;
}
.form form input:focus::placeholder,
.form form select:focus::placeholder,
.form form textarea:focus::placeholder {
opacity: 1;
}
.form form input.wpcf7-not-valid,
.form form select.wpcf7-not-valid,
.form form textarea.wpcf7-not-valid {
border-color: #d80000;
color: #d80000;
}
.form form input.wpcf7-not-valid::-moz-placeholder,
.form form select.wpcf7-not-valid::-moz-placeholder,
.form form textarea.wpcf7-not-valid::-moz-placeholder {
opacity: 1;
color: #d80000;
}
.form form input.wpcf7-not-valid::placeholder,
.form form select.wpcf7-not-valid::placeholder,
.form form textarea.wpcf7-not-valid::placeholder {
opacity: 1;
color: #d80000;
}
.form form ::-moz-placeholder {
opacity: 0.5;
}
.form form ::placeholder {
opacity: 0.5;
}
.form form small {
display: block;
margin-top: -3rem;
margin-bottom: 5rem;
font-weight: 500;
font-family: "Dm Mono", monospace;
}
.form .wpcf7-form-control-wrap[\:has\(.wpcf7-radio\)] {
display: flex;
}
.form .wpcf7-form-control-wrap:has(.wpcf7-radio) {
display: flex;
}
.form form.invalid .wpcf7-response-output {
color: #d80000;
}
.form .wpcf7-response-output {
margin: 0 auto !important;
border: 0.1rem solid currentColor !important;
}
.form .wpcf7-response-output {
border-radius: 2rem;
color: #171721;
font-size: 1.5rem;
line-height: 1.5;
}
.form .wpcf7-radio {
margin: 0 auto 3.5rem;
}
@media (min-width: 768px) {
.form .wpcf7-radio {
margin: 0 auto 7rem;
}
}
.form .wpcf7-radio .wpcf7-list-item {
position: relative;
margin: 0.5rem;
}
.form .wpcf7-radio .wpcf7-list-item input {
position: absolute;
visibility: hidden;
}
.form .wpcf7-radio .wpcf7-list-item input:checked + span {
background-color: #171721;
color: #fff;
}
.form .wpcf7-radio .wpcf7-list-item input:checked + span:hover {
cursor: none;
}
.form .wpcf7-radio .wpcf7-list-item span {
display: inline-flex;
justify-content: center;
border: 0.1rem solid #171721;
border-radius: 5rem;
padding: 1rem;
min-width: 16.2rem;
font-size: 1.2rem;
line-height: 1;
font-family: "Dm Mono", monospace;
letter-spacing: 0.01em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.form .wpcf7-radio .wpcf7-list-item span {
font-size: 1.4rem;
}
}
.form .wpcf7-radio .wpcf7-list-item span:hover {
cursor: pointer;
}
.contact {
color: #fff;
}
.contact + .posts {
padding-top: 0;
}
.contact__inner {
border-radius: 3rem 0 3rem 0;
background: #171721;
overflow: hidden;
}
.section--light .contact__inner {
background-color: #f4f4f4;
color: #171721;
}
.contact__media {
border-bottom-right-radius: 3rem;
overflow: hidden;
}
.contact__media img,
.contact__media video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.contact__media .media__wrap {
position: relative;
padding-top: 55%;
}
@media (min-width: 768px) {
.contact__media .media__wrap {
padding-top: 75%;
}
}
.contact__media .media__wrap img,
.contact__media .media__wrap video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.contact__content {
display: flex;
align-items: center;
}
.contact__content .content__wrap {
display: flex;
flex-direction: column;
margin: auto;
padding: 5rem 3rem;
max-width: 45rem;
}
.contact__content address {
display: inline-block;
margin-top: 4.5rem;
line-height: 1.5;
}
.posts__entry {
margin-bottom: 5rem;
}
.posts__entry img,
.posts__entry video {
margin-bottom: 3rem;
width: 100%;
height: auto;
}
.posts__entry h4 {
font-weight: 400;
}
@media (min-width: 768px) {
.posts__entry-details {
max-width: 31rem;
}
}
.posts__entry-details p {
margin-bottom: 2rem;
font-size: 1.6rem;
}
.terms {
padding: 0;
}
.terms ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.terms ul li {
margin: 0.5rem;
}
@media (min-width: 768px) {
.terms ul li {
margin: 1rem;
}
}
.terms ul li.term--active a {
background-color: #171721;
pointer-events: none;
color: #fff;
}
.terms ul a {
display: inline-flex;
flex-wrap: nowrap;
border: 0.1rem solid #171721;
border-radius: 3rem;
padding: 0.5rem 0.7rem;
font-size: 1rem;
line-height: 1;
font-family: "Dm Mono", monospace;
letter-spacing: 0.1em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.terms ul a {
padding: 1rem 3rem;
min-width: 13.5rem;
font-size: 1.4rem;
}
}
.content {
overflow: visible;
}
.content__meta ul {
margin-bottom: 2rem;
}
@media (min-width: 768px) {
.content__meta ul {
margin-bottom: 3.5rem;
}
}
.content__meta li {
border-bottom: 0.05rem solid #171721;
padding: 1.4rem 0;
}
.content__meta .meta--lg {
font-size: 2rem;
}
@media (min-width: 768px) {
.content__meta .meta--lg {
font-size: 2.8rem;
}
}
.content__meta .socials li {
border: 0;
}
.content__meta .socials li a {
background-color: #171721;
}
.content__terms {
display: flex;
}
.content__meta-inner {
position: sticky;
top: 10rem;
margin-bottom: 5rem;
max-width: 31rem;
}
@media (min-width: 768px) {
.content__meta-inner {
top: 20rem;
margin-bottom: 6rem;
}
}
.content--post .content__meta-inner {
margin-top: 1.5rem;
}
.content__meta-inner p {
margin-bottom: 1rem;
}
.content__row {
position: relative;
margin-bottom: 4.5rem;
padding-bottom: 4.5rem;
}
.content__row ul {
margin-left: 2rem;
list-style-type: disc;
}
.content__row ul li {
margin-bottom: 2rem;
line-height: 1.5;
}
.content__row ul li:last-child {
margin-bottom: 0;
}
.content__row h4 {
margin-bottom: 1rem;
}
.content__row:after {
position: absolute;
right: 1.5rem;
bottom: 0;
left: 1.5rem;
background: #171721;
height: 0.05rem;
content: "";
}
.content__row:nth-last-child(2):after {
display: none;
}
.content__row p:last-of-type {
margin-bottom: 0;
}
.content__row-title {
padding-bottom: 3rem;
}
.content__row-title p {
color: #8b8b90;
}
.content__header img,
.content__header video {
margin-bottom: 8rem;
width: 100%;
height: auto;
}
.content__header .content__meta {
display: flex;
flex-direction: column;
margin-bottom: 3rem;
}
@media (min-width: 768px) {
.content__header .content__meta {
flex-direction: row;
align-items: center;
margin-bottom: 5rem;
}
}
.content__header .content__meta ul {
display: flex;
}
@media (min-width: 768px) {
.content__header .content__meta ul {
margin: 0 0 0 2rem;
}
}
.content__header .content__meta li {
margin: 0;
margin-left: 0.5rem;
border: 0;
}
.content__header .content__meta li:first-child {
margin-left: 0;
}
@media (min-width: 768px) {
.content__header .content__meta li {
margin-left: 1rem;
}
}
.content__header .content__meta .btn,
.content__header .content__meta .text--caption,
.content__header .content__meta .text--caption-lwr {
font-size: 1.2rem;
}
@media (min-width: 768px) {
.content__header .content__meta .btn,
.content__header .content__meta .text--caption,
.content__header .content__meta .text--caption-lwr {
font-size: 1.4rem;
}
}
.content__header .content__meta .btn {
padding: 0.5rem 0.7rem;
}
@media (min-width: 768px) {
.content__header .content__meta .btn {
padding: 1rem 2rem;
}
}
.rows__content {
position: relative;
}
.rows__content:before {
position: absolute;
top: -10rem;
right: 0;
left: 0;
background: #171721;
height: 0.05rem;
content: "";
}
.rows__entry {
margin-bottom: 2rem;
}
.rows__entry h4 {
margin-bottom: 1rem;
}
.rows__entry-inner {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
border-radius: 2.5rem 0 2.5rem 0;
background-color: #f4f4f4;
padding: 1.3rem 1.5rem;
}
@media (max-width: 767.98px) {
.rows__entry-inner {
flex-direction: column;
justify-content: initial;
align-items: initial;
}
.rows__entry-inner .btn {
margin-top: 2rem;
margin-right: auto;
}
}
.slider .rows__entry-inner {
margin-bottom: 3rem;
border-radius: 0;
background: transparent;
padding: 0;
}
@media (min-width: 768px) {
.rows__entry-inner {
border-radius: 5rem 0 5rem 0;
padding: 3.3rem 3.5rem;
}
}
.rows__entry-inner ul {
display: inline-flex;
}
.rows__entry-inner p {
margin-bottom: 2.7rem;
color: #8b8b90;
}
.rows__entry-inner li.btn {
margin-right: 1rem;
padding: 0.5rem 1rem;
min-width: 8rem;
pointer-events: none;
font-size: 1.3rem;
text-transform: uppercase;
}
.rows__more.load-more--hide {
display: none;
}
.calc input[type="text"],
.calc select {
border: 0.1rem solid #ddd;
padding: 1rem 0.5rem;
width: 100%;
}
.calc input[type="text"]:focus,
.calc select:focus {
outline: 0;
border-color: black;
}
.calc input[type="checkbox"]:hover,
.calc select:hover {
cursor: pointer;
}
.calc__line-header {
margin-top: 5rem;
color: black;
font-family: "TTHovesRegular", "Helvetica", "Arial", sans-serif;
}
.calc__line-title {
display: flex;
align-items: center;
}
.calc__line {
margin-bottom: 3rem;
}
@media (min-width: 576px) {
.calc__line {
margin-bottom: 1rem;
}
}
div[class*="calc__option"] {
display: inline-flex;
position: relative;
flex-wrap: wrap;
align-items: center;
margin: 0.5rem 0;
}
@media (min-width: 576px) {
div[class*="calc__option"] {
margin: 0;
}
}
div[class*="calc__option"] i {
display: inline-flex;
position: absolute;
left: 2.5rem;
opacity: 0.33;
}
.calc__value {
padding-left: 2.5rem;
text-align: right;
}
.calc__commitment-warning {
font-size: 1.2rem;
}
body.page-template-template-archive
section:not(.section--flex)
+ section.section--flex {
margin-top: 1rem;
padding-top: 14rem;
padding-bottom: 12rem;
}
body.page-template-template-archive
section:not(.section--flex)
+ section.section--flex
.section__inner {
position: relative;
}
body.page-template-template-archive
section:not(.section--flex)
+ section.section--flex
.section__inner:before {
position: absolute;
top: -14rem;
right: 1.5rem;
left: 1.5rem;
background-color: #171721;
height: 0.05rem;
content: "";
}
body.single .inline.inline--hero {
padding-bottom: 0;
}
body.single section:not(.section--flex) + section.section--flex {
margin-top: 1rem;
padding-top: 7rem;
padding-bottom: 6rem;
}
@media (min-width: 768px) {
body.single section:not(.section--flex) + section.section--flex {
padding-top: 14rem;
padding-bottom: 12rem;
}
}
body.single
section:not(.section--flex)
+ section.section--flex
.section__inner {
position: relative;
}
body.single
section:not(.section--flex)
+ section.section--flex
.section__inner:before {
position: absolute;
top: -7rem;
right: 1.5rem;
left: 1.5rem;
background-color: #171721;
height: 0.05rem;
content: "";
}
@media (min-width: 768px) {
body.single
section:not(.section--flex)
+ section.section--flex
.section__inner:before {
top: -14rem;
}
}
body.single section.full + .content {
padding-top: 0;
}
/* Detail styling */
.details {
--padding: 10px;
border-radius: 4px;
}
.details + .details {
margin-top: 15px;
}
.details__title {
--width: 14px;
--height: 1px;
--radius: 1px;
--color: currentColor;
margin: 0;
padding: var(--padding) calc(var(--width) * 4) var(--padding) var(--padding);
cursor: pointer;
transition: all 0.2s ease-in-out;
position: relative;
font-size: 19px;
line-height: 1.38;
}
.details__title:before,
.details__title:after {
content: "";
display: block;
width: var(--width);
height: var(--height);
background-color: var(--color);
position: absolute;
border-radius: var(--radius);
top: calc(50% - (var(--height) / 2));
right: calc(var(--width) / 2);
transition: all 0.2s ease-in-out;
}
.details__title:after {
rotate: 90deg;
}
.details__container[open] .details__title:before {
rotate: 45deg;
/* rotate: 135deg; */
}
.details__container[open] .details__title:after {
rotate: 135deg;
/* rotate: 225deg; */
}
.details__summary::marker {
content: "";
}
.details__desc {
display: grid;
grid-template-rows: 0fr;
transition: all 0.2s ease-in-out;
overflow: hidden;
padding-inline: var(--padding);
pointer-events: none;
opacity: 0.7;
}
.details__container[open] + .details__desc {
grid-template-rows: 1fr;
padding-block: var(--padding);
}
.details__desc-inner {
min-height: 0;
}
.transparent {
color: transparent;
}
@media (min-width: 768px) {
.details__title {
--width: 20px;
--height: 2px;
font-size: 30px;
}
}
.Copyright {
width: 14px;
}
.listpadding li {
padding: 15px 0;
}
.listpadding {
padding-bottom: 35px;
}
@media only screen and (max-width: 900px) {
.opacity02 {
display: none;
}
.carousel-featured__intro .content__wrap {
margin: 0 auto;
padding: 0 15px;
}
}
.wpcf7 p{
margin: 0;
}
.credit svg{
width: 60px;
height: auto;
margin-top: 5px;
}