html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186745d21dd01_Inter-ExtraBold.woff") format("woff");
font-weight: 800;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186b33b21dd05_Inter-SemiBold.woff") format("woff");
font-weight: 600;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186c83921dd00_Inter-Bold.woff") format("woff");
font-weight: 700;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1867e7221dd06_Inter-Italic.woff") format("woff");
font-weight: 400;
font-style: italic;
font-display: auto;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1860ac821dd02_Inter-Light-BETA.woff") format("woff");
font-weight: 300;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186151d21dd04_Inter-Regular.woff") format("woff");
font-weight: 400;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1862b9b21dd03_Inter-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: Gildadisplay;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb6524efef280723139627_GildaDisplay-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sourcesanspro;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb6524da51b04608f25875_SourceSansPro-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Cormorantunicase;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb65249c706cf8a560b1d3_CormorantUnicase-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Cormorantunicase;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb652438a45827b5e2fa07_CormorantUnicase-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Cormorantunicase;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb6524a76e141b01fcbb66_CormorantUnicase-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: New athena unicode;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb6524b1531507e284d3ad_new_athena_unicode.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Cormorantunicase;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb6525acfa7777fba0abe7_CormorantUnicase-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Playfairdisplay;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb65257acd5c04c27facc4_PlayfairDisplay-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sourcesanspro;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb65249f8bd4a6a108b181_SourceSansPro-ExtraLight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Cormorantunicase;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb65241841e97140f42244_CormorantUnicase-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Lato;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb65247acd5c74d27facc3_Lato-Thin.ttf") format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Helveticaneuehv;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/63626434a89d6c9364f1a8c4_HelveticaNeueHv.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Helveticaneuelt;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/63626434602661340720f567_HelveticaNeueLt.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Helveticaneueit;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/63626434601ca5a565f8b0b5_HelveticaNeueIt.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Helveticaneuemed;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/636264341bfdf76a63753c52_HelveticaNeueMed.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Helveticaneue;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/6362643396c6528923c1c564_HelveticaNeue.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Helveticaneuebd;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/636264341bfdf7ef8f753c51_HelveticaNeueBd.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Helveticaneue;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/6362643396c6523a55c1c563_HelveticaNeue%20Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Helveticaneue;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/63626433911255cd29eba7a8_HelveticaNeue%20Thin.ttf") format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Helveticaneue;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/63626433c6f99c9c410efb37_HelveticaNeue%20BlackCond.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Helveticaneue;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/636264338a367e7788ecaf7b_HelveticaNeue%20Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Helvetica neu;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/636264337bb31fb35292ff6a_Helvetica%20Neu%20Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Nuckle;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/6362652c797b6705bae219ca_Nuckle-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Nuckle;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/6362652c96c6524035c1cf4c_Nuckle-ExtraLight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Nuckle;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/6362652c602661fdf720fe78_Nuckle-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Nuckle;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/6362652c1f098e7922879ea7_Nuckle-Thin.ttf") format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Nuckle;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/6362652c4b004d66edc34930_Nuckle-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Nuckle;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/6362652cb3ae55496cdac0e8_Nuckle-Semibold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Nuckle;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/6362652cdb6b9982ec57ec14_Nuckle-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Fingerpaint;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/63763f1f9eebdeb9e360dd27_FingerPaint-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Wulkan display;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb6523caed6e19a604fead_Wulkan%20Display%20Regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Wulkan display;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb652326732a9e995a58fc_Wulkan%20Display%20Black.otf") format("opentype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Wulkan display;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb6524730ba6be03c1030f_Wulkan%20Display%20Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Butler;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb6524eba7287d5895b702_Butler_Bold.otf") format("opentype"), url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb6524fd1b4163c5602f86_Butler_ExtraBold.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Butler;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb65245663f75c8fb0c0f3_Butler_Medium.otf") format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Butler;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb6524730ba6005cc10310_Butler_Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Butler;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb6524ff7820654e76bbdb_Butler_Regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Butler ultra;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb6524cfe3737b6d717222_Butler_Ultra_Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Butler;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb6524807e20068360d8b9_Butler_Black.otf") format("opentype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Wulkan display;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb65249f8bd4b67e08b180_Wulkan%20Display%20Medium.otf") format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Wulkan display;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb6524a2605b2cecfa1134_Wulkan%20Display%20Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Wulkan display;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb6523383fe989ee1a3d6e_Wulkan%20Display%20SemiBold.otf") format("opentype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sendadisplay beco;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/6362652cd46c6c42aef465b6_SendaDisplay_BECO.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sernies;
src: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/6362652c044ce92bcb785f0e_Sernies.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root {
--white: white;
--midnight-blue: #022938;
--dark-grey: #121217;
--black: #0d0d11;
--grey-10: #f9f9fa;
--tan: #bbaf9a;
--green-grey: #adb2a9;
--slate-grey: #8f9bbd;
--grey-20: #e1e3e5;
--grey-30: #c3c7cb;
--grey-40: #878f98;
--grey-50: #646e7a;
--peru: #bf8f60;
--gainsboro: #e5e5e5;
--alabaster: #f4f0e3;
--prussian: #03394f;
--white-alabaster: #fcfbf7;
--gold-2: #fed766;
--white-smoke: #f5f7fa;
--vivid-sky-blue: #0dd1fd;
--link: white;
--outlines: #333333f2;
--red: #ff4b27;
--gold: #ffd93a;
--navajo-white: #f7d38f;
--blue-sapphire: #05648a;
--teal: #407684;
--cadet-blue: #5194a6;
--dark-slate-grey: #182c31;
--gainsboro-lighter: #dbdad3;
--cornflower-blue: #6190bf;
--light-blue: #93d4e2;
--light-blue-2: #c8e9f2;
--sandy-brown: #d59f6b;
--alice-blue: #f4fafc;
--light-grey-beige: #dbd5c9;
--midnight-blue-black: #011d27;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-commerce-commercecartwrapper {
display: inline-block;
position: relative;
}
.w-commerce-commercecartopenlink {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commercecartopenlinkicon {
margin-right: 8px;
}
.w-commerce-commercecartopenlinkcount {
color: #3898ec;
text-align: center;
background-color: #fff;
border-radius: 9px;
min-width: 18px;
height: 18px;
margin-left: 8px;
padding-left: 6px;
padding-right: 6px;
font-size: 11px;
font-weight: 700;
line-height: 18px;
display: inline-block;
}
.w-commerce-commercecartcontainerwrapper {
z-index: 1001;
background-color: #000c;
position: fixed;
inset: 0;
}
.w-commerce-commercecartcontainerwrapper--cartType-modal {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
flex-direction: row;
justify-content: flex-end;
align-items: stretch;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
background-color: #0000;
position: absolute;
inset: 100% auto auto 0;
}
.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
background-color: #0000;
position: absolute;
inset: 100% 0 auto auto;
}
.w-commerce-commercecartcontainer {
background-color: #fff;
flex-direction: column;
width: 100%;
min-width: 320px;
max-width: 480px;
display: flex;
overflow: auto;
box-shadow: 0 5px 25px #00000040;
}
.w-commerce-commercecartheader {
border-bottom: 1px solid #e6e6e6;
flex: none;
justify-content: space-between;
align-items: center;
padding: 16px 24px;
display: flex;
position: relative;
}
.w-commerce-commercecartheading {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.w-commerce-commercecartcloselink {
width: 16px;
height: 16px;
}
.w-commerce-commercecartformwrapper {
flex-direction: column;
flex: 1;
display: flex;
}
.w-commerce-commercecartform {
flex-direction: column;
flex: 1;
justify-content: flex-start;
display: flex;
}
.w-commerce-commercecartlist {
-webkit-overflow-scrolling: touch;
flex: 1;
padding: 12px 24px;
overflow: auto;
}
.w-commerce-commercecartitem {
align-items: flex-start;
padding-top: 12px;
padding-bottom: 12px;
display: flex;
}
.w-commerce-commercecartitemimage {
width: 60px;
height: 0%;
}
.w-commerce-commercecartiteminfo {
flex-direction: column;
flex: 1;
margin-left: 16px;
margin-right: 16px;
display: flex;
}
.w-commerce-commercecartproductname {
font-weight: 700;
}
.w-commerce-commercecartoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none;
}
.w-commerce-commercecartquantity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 60px;
height: 38px;
margin-bottom: 10px;
padding: 8px 6px 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecartquantity::placeholder {
color: #999;
}
.w-commerce-commercecartquantity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecartfooter {
border-top: 1px solid #e6e6e6;
flex-direction: column;
flex: none;
padding: 16px 24px 24px;
display: flex;
}
.w-commerce-commercecartlineitem {
flex: none;
justify-content: space-between;
align-items: baseline;
margin-bottom: 16px;
display: flex;
}
.w-commerce-commercecartordervalue {
font-weight: 700;
}
.w-commerce-commercecartapplepaybutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
align-items: center;
height: 38px;
min-height: 30px;
margin-bottom: 8px;
padding: 0;
text-decoration: none;
display: flex;
}
.w-commerce-commercecartapplepayicon {
width: 100%;
height: 50%;
min-height: 20px;
}
.w-commerce-commercecartquickcheckoutbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
justify-content: center;
align-items: center;
height: 38px;
margin-bottom: 8px;
padding: 0 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
margin-right: 8px;
display: block;
}
.w-commerce-commercecartcheckoutbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 2px;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: block;
}
.w-commerce-commercecartemptystate {
flex: 1;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.w-commerce-commercecarterrorstate {
background-color: #ffdede;
flex: none;
margin: 0 24px 24px;
padding: 10px;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
@media screen and (max-width: 479px) {
.w-commerce-commercecartcontainerwrapper--cartType-modal {
flex-direction: row;
justify-content: center;
align-items: stretch;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
flex-direction: row;
justify-content: center;
align-items: stretch;
display: flex;
position: fixed;
inset: 0;
}
.w-commerce-commercecartquantity {
font-size: 16px;
}
}
body {
background-color: var(--white);
color: var(--midnight-blue);
font-family: Quicksand, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.3;
}
h1 {
margin-top: 0;
margin-bottom: 0;
font-family: Helveticaneue, sans-serif;
font-size: 5em;
font-weight: 400;
line-height: 1.1;
}
h2 {
margin-top: 1.25rem;
margin-bottom: 1rem;
font-family: Quicksand, sans-serif;
font-size: 4em;
font-weight: 300;
line-height: 1.1;
}
h3 {
margin-top: .5rem;
margin-bottom: .5rem;
font-family: Quicksand, sans-serif;
font-size: 2em;
font-weight: 400;
line-height: 1.1;
}
h4 {
margin-top: 1rem;
margin-bottom: 1rem;
font-family: Helveticaneue, sans-serif;
font-size: 1.5rem;
font-weight: 400;
line-height: 1.1;
}
h5 {
margin-top: 1rem;
margin-bottom: 1rem;
font-family: Helveticaneue, sans-serif;
font-size: 1.25em;
font-weight: 400;
line-height: 1.1;
}
h6 {
font-family: Helveticaneue, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.1;
}
p {
letter-spacing: normal;
margin-bottom: 1rem;
font-family: Quicksand, sans-serif;
font-size: 1.4em;
font-weight: 300;
line-height: 1.2;
}
a {
text-decoration: none;
transition: border-color .6s;
}
ol {
width: 100%;
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
li {
padding-top: 4px;
padding-bottom: 4px;
}
img {
width: 100%;
max-width: 100%;
display: inline-block;
position: relative;
}
em {
font-family: Baskervville, sans-serif;
font-style: italic;
font-weight: 400;
}
blockquote {
border-left: 2px solid #fff;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
font-family: Baskervville, sans-serif;
font-size: 1.5vw;
font-style: italic;
line-height: 1.5;
}
.main {
z-index: 1;
flex-direction: column;
position: relative;
}
.main.unhidden {
display: flex;
}
.section-hero {
z-index: 1;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
min-height: 100vh;
padding: 12rem 6rem 6rem;
display: flex;
position: relative;
}
.section-hero._75vh {
height: auto;
min-height: 75vh;
}
.section-hero._90vh {
height: auto;
min-height: 90vh;
}
.section-hero._50vh {
height: auto;
min-height: 50vh;
}
.section-hero._100vh {
height: auto;
min-height: 100vh;
}
.section-hero.display-block.z-index_3 {
height: 100%;
}
.content-original {
z-index: 2;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.content-original.xs {
max-width: 512px;
}
.content-original.xs.centered.hidden {
display: none;
}
.content-original.xs.centered-always {
margin-left: auto;
margin-right: auto;
}
.content-original.xs.bottom {
justify-content: flex-end;
}
.content-original.horiz-bottom {
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
}
.content-original.horiz-bottom.width-100.align-right {
justify-content: flex-end;
}
.content-original.middle {
align-items: center;
}
.content-original.top-bottom {
justify-content: space-between;
}
.content-original.bottom {
align-self: flex-end;
}
.content-original.flex-wrap, .content-original.horizontal {
flex-direction: row;
}
.content-original.medium {
max-width: 800px;
}
.content-original.medium.centered-always {
margin-left: auto;
margin-right: auto;
}
.content-original.medium.centered-always.margin-bottom.margin-top {
margin-top: 5rem;
margin-bottom: 3rem;
}
.content-original.hidden {
display: none;
}
.content-original.flex-vertical {
justify-content: center;
align-items: center;
}
.content-original.flex-vertical.absolute {
width: auto;
height: auto;
inset: auto 0% 0%;
}
.display-1 {
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
padding-right: .3vw;
font-family: Inter, sans-serif;
font-size: 4.5vw;
font-weight: 600;
line-height: 1.15;
}
.display-1.uppercase {
letter-spacing: -.06em;
}
.display-1.light {
font-weight: 300;
}
.display-1.dfk {
font-family: Butler, sans-serif;
font-size: 4rem;
font-weight: 400;
}
.display-1.dfk.dark {
color: var(--dark-grey);
}
.centered {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.no-bottom {
margin-bottom: 0;
padding-bottom: 0;
}
.no-top {
margin-top: 0;
padding-top: 0;
}
.no-right {
padding-right: 0;
}
.section {
z-index: 2;
width: 100%;
padding: 6rem;
position: relative;
}
.section.no-top {
padding-top: 0;
}
.section.no-top-bottom {
padding-top: 0;
padding-bottom: 0;
}
.section.min-100vh {
flex-direction: row;
min-height: 100vh;
}
.section.min-100vh.no-padding {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.section.sticky-grow {
z-index: 2;
flex-direction: row;
min-height: 100vh;
padding-bottom: 12rem;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.section.sticky-parallax {
z-index: 1;
}
.section._75vh {
height: auto;
min-height: 75vh;
}
.section._90vh {
min-height: 90vh;
padding: 0;
display: flex;
}
.section.no-padding {
padding: 0;
}
.section.hidden {
display: none;
}
.section._100vh {
height: 100vh;
}
.section.flex-vertical {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.section.flex-vertical.less-top-padding {
padding-top: 1rem;
}
.section.flex-vertical.less-top-padding.less-side-paddings {
padding-left: 2rem;
padding-right: 2rem;
}
.section.flex-vertical._100vh.space-around {
justify-content: space-around;
}
.section.flex-vertical._100vh.align-top {
justify-content: flex-start;
}
.section.flex-vertical.approch-hidden {
display: none;
}
.section.flex-vertical.min100vh {
min-height: 100vh;
}
.section.flex-vertical.min100vh.align-top {
justify-content: flex-start;
}
.section.noverflow {
overflow: hidden;
}
.section._8rem {
padding-top: 8rem;
padding-bottom: 10rem;
}
.section.less-top-bottom-margin {
margin-bottom: 0;
padding-top: 3rem;
padding-bottom: 3rem;
}
.section.min-120vh {
flex-direction: row;
min-height: 120vh;
}
.section.min-120vh.no-padding {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.section.min-120vh.no-padding.flex-vertical.align-left {
align-items: flex-start;
}
.section.min-120vh.no-padding.flex-vertical.align-left.align-top {
justify-content: flex-start;
min-height: 120vh;
}
.section.min-120vh.no-padding.flex-vertical.align-left.align-top.t-ricks {
display: none;
}
.section.tabs {
padding-left: .5rem;
padding-right: .5rem;
display: none;
}
.img-wrapper {
z-index: 1;
justify-content: center;
align-items: center;
width: 100%;
height: 80vh;
display: flex;
position: relative;
overflow: hidden;
}
.img-wrapper.medium {
height: 64vh;
}
.img-wrapper.medium.stretch {
height: 100%;
min-height: 64vh;
}
.img-wrapper.small {
height: 512px;
}
.img-wrapper.small.stretch {
height: 100%;
min-height: 512px;
}
.img-wrapper.mini {
height: 256px;
}
.img-wrapper.mini.stretch {
height: 100%;
min-height: 256px;
}
.img-wrapper.contact {
height: 100%;
min-height: 256px;
margin-bottom: 1rem;
}
.img-wrapper.bottom {
justify-content: flex-start;
align-items: flex-end;
}
.img-wrapper.stretch {
height: 100%;
min-height: 80vh;
}
.img-wrapper.big {
height: 100vh;
}
.img-wrapper.big.stretch {
height: 100%;
min-height: 100vh;
}
.img-wrapper.shadow {
flex-direction: column;
height: 100vh;
box-shadow: 0 15px 40px -10px #3339;
}
.bg-image-parallax {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef18615ef21dc5c_image-placeholder-transparent.gif");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
inset: 0%;
}
.sticky {
width: 100%;
position: sticky;
top: 0;
}
.sticky._100vh {
height: 100vh;
}
.bg-colour {
z-index: 0;
position: absolute;
inset: 0%;
}
.bg-colour.black {
background-color: var(--black);
}
.bg-colour.black.white {
background-color: var(--grey-10);
}
.bg-colour.white {
background-color: #fff;
}
.bg-colour.grey {
background-color: var(--dark-grey);
}
.bg-colour.tan {
background-color: var(--tan);
}
.bg-colour.light-blue {
background-color: #c5cfce;
}
.bg-colour.green-grey {
background-color: var(--green-grey);
}
.bg-colour.dark-grey {
background-color: var(--dark-grey);
}
.bg-colour.dark-grey.white {
background-color: var(--grey-10);
}
.bg-colour.state-grey {
background-color: var(--slate-grey);
}
.bg-colour.grey_20 {
background-color: var(--grey-20);
}
.bg-colour.grey_10 {
background-color: var(--grey-10);
}
.bg-colour.grey_30 {
background-color: var(--grey-30);
}
.bg-colour.grey_40 {
background-color: var(--grey-40);
}
.bg-colour.grey_50 {
background-color: var(--grey-50);
}
.bg-colour.flex {
justify-content: center;
display: flex;
}
.bg-colour.gradient-1 {
background-image: linear-gradient(135deg, #eae5c8, #6bc1c7);
}
.bg-colour.gradient-2 {
background-image: linear-gradient(135deg, #08a2b2, #daebc6);
}
.bg-colour.gradient-3 {
background-image: linear-gradient(135deg, #a86e44, #ebe6b1);
}
.bg-colour.gradient-4 {
background-image: linear-gradient(135deg, #6f96a7, #aad1de 56%, #bcdbe4);
}
.bg-colour.gradient-4b {
background-image: linear-gradient(135deg, #c7a47a, #edd59f);
}
.bg-colour.gradient-5 {
background-image: linear-gradient(135deg, #5194b3, #63c4c3 30%, #f8d49a 69%, #f7e6ca);
}
.bg-colour.gradient-6 {
background-image: linear-gradient(135deg, #25648b, #4e8fbf 39%, #53d2db 57%, #ffe3b2);
}
.bg-colour.gradient-7 {
background-image: linear-gradient(135deg, #025b93, #2c83b5 28%, #53a6d9 57%, #89ccf7 83%, #b9e0f9);
}
.bg-colour.sandy-brown {
background-image: linear-gradient(to bottom, var(--peru), var(--peru));
}
.bg-colour.sandy-brown.rotate {
background-image: linear-gradient(to bottom, var(--gainsboro), var(--gainsboro));
transform: rotate(-9deg);
}
.bg-colour.alabaster {
background-image: linear-gradient(to bottom, var(--alabaster), var(--alabaster));
}
.bg-colour.prussian {
background-image: linear-gradient(to bottom, var(--prussian), var(--prussian));
}
.bg-colour.prussian._60w {
transform-origin: 100%;
}
.bg-colour.prussian.footer {
background-image: linear-gradient(#03394fab, #022938f2 62%), url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdd3894f70c720bb9ca771e_DFK%204.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.bg-colour._60w {
width: 60%;
left: -4rem;
}
.bg-colour.alabaster-white {
background-image: linear-gradient(to bottom, var(--white-alabaster), var(--white-alabaster));
}
.bg-colour.gold {
background-color: var(--gold-2);
}
.bg-colour.cog {
opacity: 1;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.bg-colour.white-gradient {
background-color: #0000;
background-image: linear-gradient(#fffffff7 29%, #f5f7fad9);
}
.bg-colour.white-gradient.blur {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-image: linear-gradient(#fffffff7 38%, #f5f7fad9);
}
.bg-colour.smoke {
background-color: var(--white-smoke);
}
.grid-7 {
z-index: 1;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
position: relative;
}
.grid-7.no-gap {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
}
.display-2 {
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
padding-right: .125rem;
font-family: Inter, sans-serif;
font-size: 2.25rem;
font-weight: 500;
line-height: 1.1;
}
.display-2.dfk {
color: var(--link);
letter-spacing: .5px;
font-family: Butler, sans-serif;
font-size: 3rem;
font-weight: 400;
}
.display-2.light {
font-weight: 300;
}
.display-2.light.dfk {
font-family: Butler ultra, sans-serif;
font-size: 2.15rem;
line-height: 1.2;
}
.display-2.light.dfk.dark-grey {
color: var(--dark-grey);
background-color: #0000;
font-family: Butler, sans-serif;
font-weight: 400;
}
.container-ooriginal {
z-index: 1;
width: 100%;
max-width: 992px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.container-ooriginal.no-right {
margin-right: 0;
}
.margin-bottom {
margin-bottom: 6rem;
font-family: Inter, sans-serif;
}
.bg-image {
z-index: 1;
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef18615ef21dc5c_image-placeholder-transparent.gif");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.bg-image.fade-in {
transform: scale(1.05);
}
.bg-image.fade-in.studio_a-about_2 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186e0b121dce2_agency-portfolio-template-15.jpg");
background-position: 50%;
}
.bg-image.fade-in.studio_a-about_3 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186158721dcd5_agency-portfolio-template-14.jpg");
background-position: 100%;
}
.bg-image.fade-in.studio_a-about_4 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1866bff21dce0_agency-portfolio-template-22.jpg");
background-position: 0%;
}
.bg-image.fade-in.studio_b-home_insta_1 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1863a2f21dce8_agency-portfolio-template-07.jpg");
background-position: 0%;
background-repeat: no-repeat;
background-size: cover;
}
.bg-image.fade-in.studio_b-home_insta_2 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186583a21dce9_agency-portfolio-template-06.jpg");
background-position: 100%;
}
.bg-image.fade-in.studio_b-home_insta_3 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186b12c21dce7_agency-portfolio-template-18.jpg");
}
.bg-image.fade-in.studio_b-home_insta_4 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186f60c21dcdd_agency-portfolio-template-13.jpg");
}
.bg-image.fade-in.relativ {
position: relative;
}
.bg-image.agency_a-home-2 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186158721dcd5_agency-portfolio-template-14.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.bg-image.agency_a-contact_1 {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1867e6521dcde_agency-portfolio-template-20.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.bg-image.agency_b-work {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186583a21dce9_agency-portfolio-template-06.jpg");
background-position: 50%;
}
.bg-image.agency_b-about, .bg-image.studio_b-about_1 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186778f21dc44_photo-1496345875659-11f7dd282d1d.jpeg");
}
.bg-image.freelance-work_1 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186f60c21dcdd_agency-portfolio-template-13.jpg");
}
.bg-image.greyscale {
filter: grayscale();
}
.bg-image.studio_a-about_1 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1867e6521dcde_agency-portfolio-template-20.jpg");
}
.bg-image.studio_a-about_2, .bg-image.unsplash {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186b12c21dce7_agency-portfolio-template-18.jpg");
}
.bg-image.studio_b-about_2 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1862fb721dcdf_agency-portfolio-template-23.jpg");
}
.bg-image.studio_b-work_1 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186730421dceb_agency-portfolio-template-01.jpg");
}
.bg-image.studio_b-work_2 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef18675d221dcea_agency-portfolio-template-02.jpg");
}
.bg-image.studio_b-work_3 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef18632ed21dcfc_moss-mRR1OP7E4WQ-unsplash.jpg");
}
.bg-image.studio_b-work_4 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186730421dceb_agency-portfolio-template-01.jpg");
}
.bg-image.offscreen {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186e0b121dce2_agency-portfolio-template-15.jpg");
}
.bg-image.agency_a-contact_2 {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1862fb721dcdf_agency-portfolio-template-23.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.bg-image.agency_a-contact_3 {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1866bff21dce0_agency-portfolio-template-22.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.bg-image.agency_a-contact_4 {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186b24721dce1_agency-portfolio-template-21.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.bg-image.logos {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef18682f221dcd6_fake-logo-06.svg"), linear-gradient(to bottom, var(--dark-grey), var(--dark-grey));
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: 50%, auto;
}
.bg-image.icons {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186077221dc3b_Orion_broken-url.svg"), linear-gradient(to bottom, var(--dark-grey), var(--dark-grey));
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: 25%, auto;
}
.margin-paragraph {
margin-bottom: 1rem;
position: relative;
}
.btn {
z-index: 1;
background-color: var(--outlines);
color: #fff;
border-style: none;
border-radius: 100px;
align-items: center;
padding: 12px 20px;
font-size: .75rem;
line-height: 1;
text-decoration: none;
transition: color .3s;
display: flex;
position: relative;
overflow: hidden;
}
.btn-label {
z-index: 1;
position: relative;
}
.btn-hover {
width: 100%;
height: 100%;
position: absolute;
inset: auto 0% 0%;
}
.btn-hover.black {
background-color: var(--black);
}
.btn-hover.brown {
background-color: #754047;
}
.btn-hover.blue {
background-color: #0070c9;
}
.btn-hover.red {
background-color: var(--red);
}
.preloader {
z-index: 999;
background-color: #121217;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0% 0% auto;
overflow: hidden;
}
.preloader.white {
display: none;
}
.navbar {
z-index: 10;
background-color: var(--dark-grey);
color: #fff;
justify-content: center;
align-items: center;
max-width: 992px;
height: 5rem;
margin-left: auto;
margin-right: auto;
display: flex;
position: fixed;
inset: 1rem 6rem auto;
}
.navbar.transparent {
background-color: #c3c7cb00;
justify-content: flex-end;
width: 100%;
max-width: none;
inset: 0% auto auto 0%;
}
.navbar._50-left {
justify-content: space-between;
width: 50vw;
max-width: none;
inset: 0% auto auto 0%;
}
.navbar._50-left.prussian {
background-color: var(--alabaster);
}
.navbar.dfk {
background-color: #0000;
border-radius: 4px;
box-shadow: 0 3px 7px -4px #03394f99;
}
.navbar.dfk.hidden {
display: none;
}
.nav-menu {
z-index: 0;
width: 100%;
height: 100%;
padding: .5rem 1rem;
position: relative;
}
.nav-menu.space-between {
justify-content: space-between;
align-items: center;
padding: .5rem 1rem;
display: flex;
}
.nav-menu.middle {
justify-content: flex-end;
align-items: center;
width: auto;
padding-left: 6rem;
padding-right: 6rem;
display: flex;
}
.nav-menu.middle.no-padding {
padding-left: 0;
padding-right: 0;
}
.nav-menu.vertical {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.nav-link-invert {
color: #fff;
letter-spacing: .04em;
text-transform: uppercase;
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: 32px;
padding: 12px 0;
font-weight: 300;
line-height: 1;
transition: color .6s, border-color .6s;
position: relative;
}
.nav-link-invert:hover {
color: var(--link);
}
.nav-link-invert.first {
margin-left: 0;
}
.nav-link-invert.first.top-margin {
margin-top: 20px;
margin-bottom: 20px;
}
.brand {
z-index: 2;
flex-direction: column;
justify-content: center;
align-items: center;
width: 128px;
height: 100%;
padding-bottom: 0;
display: flex;
}
.brand.black {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186420721dbed_logo-black.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.brand.white {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef18664a321dbe7_logo-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.brand.white.middle-absolute {
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0% 0% auto;
}
.brand.white.middle-absolute.hidden {
display: none;
}
.brand.white.left-absolute {
margin-left: 6rem;
margin-right: auto;
position: absolute;
inset: 0% 0% auto;
}
.brand.white.pre {
width: 100%;
}
.brand.dfk {
width: 100%;
height: auto;
}
.overflow-hidden {
z-index: 1;
position: relative;
overflow: hidden;
}
.show_skew-on_load {
z-index: 2;
position: relative;
}
.show_skew-on_load.display-1.dfk {
letter-spacing: .8px;
text-shadow: 1px 1px 2px #12121799;
font-family: Butler, sans-serif;
font-size: 4rem;
font-weight: 400;
}
.show_skew-on_load.display-1.dfk.dark {
color: #222121f2;
text-shadow: 1px 1px 2px #3339;
padding-right: 0;
font-weight: 300;
}
.show_skew-on_load.dfk {
letter-spacing: .5px;
font-family: Butler ultra, sans-serif;
font-size: 2.5rem;
font-weight: 300;
line-height: 1.15;
}
.show_skew-on_load.dfk.dark {
font-family: Butler, sans-serif;
font-weight: 300;
}
.grid-6 {
z-index: 1;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-flow: row;
width: 100%;
position: relative;
}
.grid-6.margin-bottom.hidden {
display: none;
}
.grid-6.no-gap {
grid-column-gap: 0px;
grid-row-gap: 0rem;
}
.grid-6._6rem-gap {
grid-row-gap: 6rem;
}
.grid-6.auto {
grid-template-rows: auto auto;
}
.line-left {
z-index: 1;
border-left: 1px solid var(--black);
position: absolute;
inset: 6rem auto 6rem 0%;
}
.form-block {
margin-bottom: 0;
}
.text-field {
color: #fff;
background-color: #0000;
border: 1px #000;
border-bottom: 1px solid #fff;
margin-bottom: 1rem;
padding-left: 0;
padding-right: 0;
font-size: .75rem;
}
.text-field:focus {
border-bottom-color: #0070c9;
}
.text-field::placeholder {
color: #ffffff3d;
}
.caption {
z-index: 1;
margin-top: 0;
margin-bottom: 2px;
font-size: .75rem;
font-weight: 500;
line-height: 1.3;
position: relative;
}
.caption.uppercase.margin-paragraph {
margin-bottom: 1rem;
}
.caption.uppercase.margin-paragraph.dfk {
font-family: Lato, sans-serif;
font-size: 1.2rem;
font-weight: 400;
}
.caption.uppercase.margin-paragraph.hidden {
display: none;
}
.caption.uppercase.margin-left-right-small {
margin-left: 4px;
margin-right: 4px;
}
.caption.margin-paragraph {
margin-bottom: 1rem;
}
.padding-left-40 {
padding-left: 40px;
}
.align-right {
text-align: right;
flex-direction: column;
align-items: flex-end;
display: flex;
}
.icn-social-big {
background-color: var(--grey-30);
border-bottom-style: none;
border-radius: 100px;
width: 48px;
height: 48px;
margin-left: 4px;
margin-right: 4px;
transition: background-color .2s;
}
.icn-social-big:hover {
color: #fff;
background-color: #f96446;
}
.icn-social-big.facebook {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1867a5021dc78_facebook-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 40%;
}
.icn-social-big.facebook:hover {
background-color: #365899;
}
.icn-social-big.twitter {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1864d7021dbea_twitter-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 40%;
}
.icn-social-big.twitter:hover {
background-color: #1da1f2;
}
.icn-social-big.pinterest {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1867fa821dc4e_pinterest-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 40%;
}
.icn-social-big.pinterest:hover {
background-color: #e60023;
}
.icn-social-big.linkedin {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186bd4821dc3f_linkedin-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 40%;
}
.icn-social-big.linkedin:hover {
background-color: #0077b5;
}
.icn-social-big.behance {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1868c1021dbe9_behance-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 40%;
}
.icn-social-big.behance:hover {
background-color: #0057ff;
}
.icn-social-big.instagram {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1864d1621dc1c_instagram-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 40%;
}
.icn-social-big.instagram:hover {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1864d1621dc1c_instagram-white.svg"), linear-gradient(#6851c3, #c63288 50%, #f78030);
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: 40%, auto;
}
.icn-social-big.dribbble {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1864ce221dbf3_icn-dribbble.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 40%;
}
.icn-social-big.dribbble:hover {
background-color: #ea4c89;
}
.display-3 {
z-index: 1;
color: #fff;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-weight: 400;
line-height: 1.3;
position: relative;
}
.display-3.light {
font-weight: 300;
}
.display-3.tempo {
text-align: center;
letter-spacing: 1px;
font-size: 1.2rem;
font-weight: 400;
}
.font-black {
z-index: 1;
color: var(--black);
position: relative;
}
.menu-button {
color: var(--black);
}
.font-white {
color: #fff;
}
.line-top {
border-top: 1px solid var(--black);
position: absolute;
inset: 0% 6rem auto;
}
.line-top.white {
border-top-color: #fff;
}
.horizontal {
display: flex;
}
.horizontal.middle {
align-items: center;
}
.empty-state {
background-color: #121217;
}
.empty-state.vertical {
flex-direction: column;
}
.grid-no-gap-columns {
grid-column-gap: 0rem;
grid-row-gap: 7rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-no-gap-columns._4x {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid-no-gap-columns._3x {
grid-template-columns: 1fr 1fr 1fr;
}
.grid-no-gap-columns._1x {
grid-template-columns: 1fr;
}
.card-link {
width: 100%;
}
.uppercase {
letter-spacing: 0;
text-transform: uppercase;
}
.uppercase.no-bottom-top {
margin-top: 0;
margin-bottom: 0;
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
width: 260px;
display: flex;
}
.utility-page-form {
background-color: var(--vivid-sky-blue);
text-align: center;
border-radius: 12px;
flex-direction: column;
align-items: center;
padding: 32px;
display: flex;
}
.bg-video {
z-index: 0;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.scroll-down-line-wrapper {
border-bottom-style: none;
width: 13px;
height: 100%;
min-height: 48px;
position: relative;
overflow: hidden;
}
.scroll-down-line-bg {
z-index: 1;
background-color: #ffffff59;
width: 1px;
height: 100%;
position: absolute;
inset: 0% auto auto 6px;
}
.scroll-down-line {
z-index: 10;
background-color: #ffd93acc;
width: 1px;
height: 100%;
position: absolute;
inset: 0% auto auto 6px;
}
.scroll-down-line._2px {
width: 2px;
}
.logo-preloader {
flex-direction: row;
justify-content: center;
align-items: center;
width: 156px;
height: 128px;
display: flex;
position: relative;
overflow: hidden;
}
.logo-preloader.dfk {
flex-direction: column;
justify-content: space-around;
width: 400px;
height: 100px;
}
.height-100 {
height: 100%;
}
.width-100 {
width: 100%;
}
.width-100.margin-bottom.hidden {
display: none;
}
.margin-left-right {
margin-left: 16px;
margin-right: 16px;
}
.icn-64 {
width: 64px;
}
.opening-time {
letter-spacing: .1em;
text-transform: uppercase;
font-weight: 700;
}
.serif {
letter-spacing: 0;
text-transform: none;
font-family: Baskervville, sans-serif;
font-style: italic;
font-weight: 400;
}
.side-fix-left {
z-index: 8;
perspective-origin: 0%;
transform-origin: 50% 0;
justify-content: center;
align-items: center;
height: 6rem;
font-size: .625rem;
display: flex;
position: fixed;
top: 50%;
transform: translate(-50%)rotate(-90deg);
}
.absolute {
z-index: 0;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden;
}
.absolute.show-on-hover {
z-index: 2;
justify-content: center;
align-items: center;
display: flex;
overflow: visible;
}
.main-grid {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-flow: row dense;
width: 100%;
position: relative;
}
.side-fix-right {
z-index: 8;
perspective-origin: 0%;
transform-origin: 50% 0;
justify-content: center;
align-items: center;
height: 6rem;
font-size: .625rem;
display: flex;
position: fixed;
inset: 50% 0% 0% auto;
transform: translate(50%)rotate(90deg);
}
.tooltip {
z-index: 9;
color: #fff;
background-color: #181818f2;
border-radius: 4px;
justify-content: center;
align-items: center;
padding: 8px 10px;
font-size: .75rem;
line-height: 1;
display: flex;
position: fixed;
inset: 12px auto auto 12px;
}
.tooltip.video {
z-index: 9;
}
.tooltip.thumb {
z-index: 0;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186ae9221dcef_agency-portfolio-template-29.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0;
width: 256px;
height: 256px;
display: none;
top: -128px;
}
.tooltip.about {
z-index: 2;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186778f21dc44_photo-1496345875659-11f7dd282d1d.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0;
width: 20vw;
min-width: 256px;
height: 30vw;
min-height: 384px;
padding: 0;
display: none;
top: -15vw;
left: 128px;
}
.tooltip.editorial {
z-index: 2;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186a3fe21dced_agency-portfolio-template-26.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0;
width: 20vw;
min-width: 256px;
height: 30vw;
min-height: 384px;
padding: 0;
display: none;
top: -15vw;
left: 128px;
}
.tooltip.commercial {
z-index: 2;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1862e7f21dce3_agency-portfolio-template-03.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0;
width: 20vw;
min-width: 256px;
height: 30vw;
min-height: 384px;
padding: 0;
display: none;
top: -15vw;
left: 128px;
}
.tooltip_hover-trigger {
z-index: 2;
cursor: pointer;
width: 100%;
height: 100%;
position: relative;
}
.tooltip_hover-trigger.about, .tooltip_hover-trigger.editorial, .tooltip_hover-trigger.commercial {
color: var(--grey-30);
}
.tooltip_hover-trigger.thumb-in-card {
flex: 1;
height: auto;
display: flex;
overflow: hidden;
}
.tooltip_hover-trigger.thumb-big-fix {
overflow: hidden;
}
.button-circle-holder {
border-bottom-style: none;
justify-content: space-between;
align-items: center;
padding: 24px;
display: flex;
position: relative;
}
.button-circle {
color: #fff;
border: 1px solid #fc2c;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
padding: 20px;
display: flex;
position: relative;
overflow: hidden;
}
.collection-item {
width: 100%;
}
.collection-item.stretch {
display: flex;
}
.category-circle {
border-radius: 100px;
width: 8px;
height: 8px;
margin-right: 4px;
position: relative;
}
.category-circle.white {
background-color: #fff;
width: 6px;
height: 6px;
margin-right: 5px;
}
.category-circle.white.dark {
background-color: var(--dark-grey);
}
.category-circle.black {
background-color: var(--black);
}
.category-holder {
z-index: 1;
justify-content: flex-start;
align-items: center;
margin-top: .5rem;
margin-bottom: .5rem;
font-size: .75rem;
font-weight: 500;
line-height: 1;
display: flex;
position: relative;
}
.category-holder.centered {
flex-direction: row;
justify-content: center;
}
.category-holder.no-bottom {
margin-bottom: 0;
}
.category-holder.margin-paragraph {
margin-bottom: 1rem;
}
.link-block {
z-index: 1;
display: block;
position: relative;
overflow: hidden;
}
.hover-line {
background-color: #fff;
width: 100%;
height: 1px;
position: absolute;
inset: auto 0% 0%;
}
.hover-line.black {
background-color: var(--black);
}
.hover-line.white-8 {
height: 4px;
}
.moving-typo-left {
z-index: 2;
justify-content: center;
align-items: center;
width: 300vw;
display: flex;
position: absolute;
left: -100vw;
}
.moving-typo-left.no-top-margin {
margin-top: 0;
}
.moving-typo-left.relative {
margin-top: 0;
position: relative;
left: -35vw;
}
.link-moving-typo {
color: #fff;
letter-spacing: -.03em;
text-transform: uppercase;
border: 1px #fff0;
border-radius: 100px;
padding: 1rem 3rem;
font-size: 3rem;
font-weight: 500;
line-height: 1;
transition: color .5s, background-color .5s, border-color .6s;
position: relative;
}
.link-moving-typo:hover {
background-color: var(--black);
color: #fff;
border-style: none;
border-color: #fff;
}
.link-moving-typo.small {
font-size: 2vw;
}
.link-moving-typo.small:hover {
background-color: #0000;
}
.link-moving-typo.light {
background-color: var(--midnight-blue);
font-weight: 300;
}
.link-moving-typo.light.no-bg {
color: var(--vivid-sky-blue);
background-color: #0000;
}
.link-moving-typo.principles {
color: #ffffff40;
background-color: #0000;
font-size: 10rem;
line-height: 1.2;
}
.link-moving-typo.principles.remember-pending {
color: #0229384d;
}
.sup {
color: var(--midnight-blue);
letter-spacing: 0;
border-radius: 100px;
font-size: .625rem;
font-weight: 400;
position: absolute;
}
.line-separator {
background-color: var(--midnight-blue);
width: 5vw;
height: 1px;
margin-left: 2vw;
margin-right: 2vw;
}
.moving-typo-right {
z-index: 2;
justify-content: center;
align-items: center;
width: 300vw;
margin-top: 3vw;
display: flex;
position: absolute;
left: -100vw;
}
.grid-news {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-top: 1px solid #fff;
grid-template-columns: .5fr 1fr;
grid-auto-flow: row;
padding-top: 1rem;
}
.grid-gap-columns {
grid-column-gap: 3rem;
grid-row-gap: 7rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row dense;
width: 100%;
display: grid;
}
.grid-gap-columns._1x {
grid-template-columns: 1fr;
}
.centered-always {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.success-message {
background-color: var(--outlines);
padding: 16px;
font-size: .75rem;
line-height: 1.5;
}
.error-message {
background-color: var(--red);
color: var(--black);
padding: 16px;
font-size: .75rem;
line-height: 1.5;
}
.navbar-top-transparent-burger {
z-index: 9;
background-color: #0d0d1100;
width: 100%;
height: 6rem;
padding-left: 6rem;
position: fixed;
inset: 0% 0% auto;
}
.menu-btn-top-transparent-burger {
z-index: 9;
flex-direction: column;
justify-content: center;
align-items: center;
width: 5rem;
height: 6rem;
margin-right: -28px;
display: flex;
position: absolute;
inset: 0% 6em auto auto;
}
.menu-top-transparent-burger {
z-index: 8;
background-color: var(--dark-grey);
flex-direction: column;
width: 50vw;
height: 100vh;
padding: 6rem 3rem;
display: flex;
position: fixed;
inset: 0% 0% 0% auto;
}
.numbers {
letter-spacing: -.06em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 7vw;
font-weight: 600;
line-height: 1;
}
.hero-cutted-2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 104vw;
height: 34%;
display: flex;
position: relative;
overflow: hidden;
}
.hero-cutted-1 {
flex-direction: column;
justify-content: flex-start;
width: 104vw;
height: 33%;
display: flex;
position: relative;
overflow: hidden;
}
.hero-cutted-3 {
flex-direction: column;
justify-content: flex-end;
width: 104vw;
height: 33%;
display: flex;
position: relative;
overflow: hidden;
}
.hero-cutted-img {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef18615ef21dc5c_image-placeholder-transparent.gif");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100vh;
position: absolute;
}
.hero-cutted-img.agency_b-hero_1 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1863a2f21dce8_agency-portfolio-template-07.jpg");
}
.absolute-hero {
z-index: 0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.grid-project-images {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row dense;
display: grid;
}
.project-info {
z-index: 2;
flex-direction: column;
align-items: flex-start;
width: 80%;
max-width: 512px;
display: flex;
position: relative;
}
.project-info.centered {
align-items: center;
margin-left: auto;
margin-right: auto;
}
.grid-12 {
z-index: 1;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
position: relative;
}
.padding {
z-index: 2;
flex-direction: column;
align-items: flex-start;
padding: 2rem;
display: flex;
position: relative;
}
.moving-typo-serif {
letter-spacing: 0;
text-transform: none;
font-family: Baskervville, sans-serif;
font-size: 1.125rem;
font-style: italic;
font-weight: 400;
display: inline-block;
position: relative;
bottom: .25vw;
}
.sticky-content {
width: 100%;
position: sticky;
top: 12rem;
}
.sticky-content._18vh-top {
top: 18vh;
}
.sticky-content._45vh-top {
top: 45vh;
}
.margin-right {
margin-right: 1rem;
}
.subnavi-holder {
z-index: 1;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.subnavi-holder.opacity-50 {
transition: opacity .5s, border-color .6s;
}
.subnavi-holder.opacity-50:hover, .subnavi-holder.opacity-50.w--current {
opacity: 1;
}
.subnavi-holder.opacity-50.colour {
opacity: 1;
transition: color .3s, opacity .5s, border-color .6s;
}
.subnavi-holder.opacity-50.colour:hover {
color: #ffd93acc;
}
.subnavi-holder.opacity-50.colour.w--current, .subnavi-holder.opacity-50.colour.w--current:hover {
color: var(--gold);
}
.subnavi-holder.opacity-50.colour.dark {
transition-duration: .2s, .5s, .6s;
}
.subnavi-holder.opacity-50.colour.dark:hover {
color: #ffd93af2;
}
.opacity-50 {
opacity: .5;
}
.awards-gif {
color: #0000;
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186157921dc3a_awards-logos-dark.gif");
background-position: 50%;
background-size: cover;
width: 64px;
height: 40px;
display: inline-block;
position: relative;
}
.awards-gif.white {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186800f21dcd7_awards-logos-white.gif");
}
.hairline {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 200;
}
.award-x {
opacity: .5;
margin-left: 8px;
margin-right: 32px;
font-size: .5rem;
}
.award-count {
min-width: 20px;
}
.client-logos-holder {
width: 20%;
margin-bottom: 1rem;
margin-right: 1rem;
}
.flex-wrap {
flex-wrap: wrap;
align-items: flex-start;
width: 100%;
display: flex;
}
.client-logo {
width: 64px;
height: 64px;
}
.introduction {
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: 2rem;
font-weight: 400;
line-height: 1.3;
}
.introduction.margin-bottom {
margin-bottom: 6rem;
}
.introduction.light {
font-weight: 300;
}
.index-count {
min-width: 72px;
margin-right: 1rem;
}
.avatar {
border-radius: 100px;
width: 100%;
height: 100%;
overflow: hidden;
}
.avatar.contact-1 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186778f21dc44_photo-1496345875659-11f7dd282d1d.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.avatar.contact-2 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186e0b121dce2_agency-portfolio-template-15.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.avatar-holder {
border: 2px solid var(--outlines);
border-radius: 100px;
width: 72px;
height: 72px;
margin-right: 1rem;
padding: 4px;
overflow: hidden;
}
.align-left {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.margin-half_paragraph {
margin-bottom: .5rem;
position: relative;
}
.horiz-holder-vert_mobile {
z-index: 1;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.horiz-holder-vert_mobile.align-top {
align-items: flex-start;
}
.accordion-wrapper.auto-scroll {
overflow: auto;
}
.link {
letter-spacing: .3px;
}
.link.sky-blue {
color: var(--vivid-sky-blue);
}
.link.border {
border-bottom: 1px solid #0dd1fd99;
}
.accordion-item-trigger {
cursor: pointer;
justify-content: flex-start;
align-items: center;
padding-top: 1rem;
padding-bottom: .5rem;
font-size: 1.25rem;
line-height: 2;
transition: color .2s;
display: flex;
position: relative;
}
.accordion-item-content {
text-align: left;
border-bottom: 1px solid #fff;
margin-right: .4rem;
padding-left: .25rem;
overflow: hidden;
}
.accordion-item-content.dark-grey {
border-bottom-color: var(--dark-grey);
background-color: #0000;
}
.no-styles {
margin-top: 0;
margin-bottom: 0;
}
.expand-icon {
color: var(--white-alabaster);
font-size: 1.5rem;
font-weight: 200;
position: relative;
top: -.125rem;
}
.accordion-title {
margin-left: 24px;
}
.accordion-title.light {
color: var(--white-alabaster);
font-weight: 300;
}
.accordion-title.light.dark {
color: var(--midnight-blue);
}
.accordion-text {
margin-top: 1rem;
margin-bottom: 2rem;
}
.accordion-text.light {
color: var(--white);
font-weight: 300;
}
.accordion-text.light.dark {
color: var(--prussian);
}
.gallery-image {
background-color: #121217;
flex: 1;
align-self: stretch;
width: auto;
height: 100%;
margin-right: 1px;
padding: 6rem;
display: flex;
position: relative;
}
.card-container {
flex-flow: wrap;
flex: 0 auto;
align-items: stretch;
width: 100%;
display: flex;
position: relative;
}
.grid-12x8 {
z-index: 1;
grid-column-gap: 4px;
grid-row-gap: 4px;
grid-template: "Area"
"."
"."
"."
"."
"."
"."
"."
/ 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
height: 100%;
position: relative;
}
.gallery {
width: 100%;
height: 4000px;
position: relative;
}
.gallery-container {
width: 100%;
height: 80vh;
position: sticky;
top: 10vh;
overflow: hidden;
}
.gallery-scroll-track {
z-index: 1;
position: absolute;
inset: 0;
}
.gallery-track {
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 400vw;
height: 100%;
display: flex;
position: relative;
}
.gallery-track._4x {
width: 300vw;
}
.and {
background-color: #121217;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 4.5vw;
height: 4.5vw;
padding-top: 1.5vw;
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
font-size: 2vw;
font-weight: 400;
line-height: 1;
display: inline-block;
position: relative;
top: -.5vw;
}
.mdash {
background-color: #fff;
width: 2.5rem;
height: 1px;
margin-left: .5rem;
margin-right: .5rem;
}
.collection-list-wrapper {
z-index: 2;
width: 100%;
position: relative;
}
.display-0 {
z-index: 1;
letter-spacing: -.05em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
padding-right: .5vw;
font-family: Inter, sans-serif;
font-size: 12vw;
font-weight: 500;
line-height: .9;
position: relative;
}
.display-0.small {
letter-spacing: -.04em;
font-size: 6vw;
line-height: 1;
}
.display-0.light {
font-weight: 300;
}
.gradient-bottom {
z-index: 1;
background-image: linear-gradient(to top, #0d0d11b3, #0d0d1100 50%);
position: absolute;
inset: 0%;
}
.gradient-top {
z-index: 1;
background-image: linear-gradient(#0d0d1199, #0d0d1100 50%);
position: absolute;
inset: 0%;
}
.collection-list {
width: 100%;
height: 100%;
}
.client-gif {
color: #0000;
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef18684c721dcf2_awards-logos-black.gif");
background-position: 50%;
background-repeat: no-repeat;
background-size: 64px;
width: 6vw;
height: 6vw;
display: inline-block;
position: relative;
}
.growth-section {
width: 100vw;
height: 100vh;
position: relative;
overflow: hidden;
}
.footer-small {
z-index: 2;
color: var(--black);
letter-spacing: .02em;
text-transform: uppercase;
background-color: #fff;
font-size: .625rem;
font-weight: 500;
position: relative;
}
.footer-section {
z-index: 1;
flex-direction: column;
flex: none;
align-items: stretch;
width: 100%;
padding: 1rem 6rem;
position: relative;
}
.notice-box {
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
display: flex;
}
.notice-box.middle {
align-items: center;
}
.list-horisontal {
z-index: 2;
width: auto;
margin-bottom: 0;
display: flex;
position: relative;
}
.nav-column {
flex-direction: column;
align-items: flex-start;
padding-right: 2rem;
display: flex;
}
.nav-column.no-right {
padding-right: 0;
}
.foreword {
letter-spacing: 0;
text-transform: uppercase;
margin-right: 36px;
font-size: .625rem;
font-weight: 500;
}
.display-none-tablet {
display: block;
}
.show_opacity-on_load {
z-index: 1;
position: relative;
}
.show_opacity-on_load.display-0.uppercase {
text-transform: uppercase;
}
.show_opacity-on_load.align-right {
width: 100%;
}
.link-block-invert {
z-index: 1;
display: block;
position: relative;
overflow: hidden;
}
.z-index_3 {
z-index: 3;
position: relative;
}
._50vh {
height: 50vh;
}
._75vh {
height: 75vh;
}
.stretch {
flex-direction: row;
display: flex;
}
.icn-social-big-outline {
border: 1px solid var(--outlines);
background-color: #0000;
border-radius: 100px;
width: 48px;
height: 48px;
margin-left: 4px;
margin-right: 4px;
transition: background-color .2s;
}
.icn-social-big-outline:hover {
color: #fff;
}
.icn-social-big-outline.facebook {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1867a5021dc78_facebook-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 40%;
}
.icn-social-big-outline.facebook:hover {
background-color: #365899;
}
.icn-social-big-outline.twitter {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1864d7021dbea_twitter-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 40%;
}
.icn-social-big-outline.twitter:hover {
background-color: #1da1f2;
}
.icn-social-big-outline.pinterest {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1867fa821dc4e_pinterest-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 40%;
}
.icn-social-big-outline.pinterest:hover {
background-color: #e60023;
}
.icn-social-big-outline.linkedin {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186bd4821dc3f_linkedin-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 40%;
}
.icn-social-big-outline.linkedin:hover {
background-color: #0077b5;
}
.icn-social-big-outline.behance {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1868c1021dbe9_behance-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 40%;
}
.icn-social-big-outline.behance:hover {
background-color: #0057ff;
}
.icn-social-big-outline.instagram {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1864d1621dc1c_instagram-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 40%;
}
.icn-social-big-outline.instagram:hover {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1864d1621dc1c_instagram-white.svg"), linear-gradient(#6851c3, #c63288 50%, #f78030);
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: 40%, auto;
}
.icn-social-big-outline.dribbble {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1864ce221dbf3_icn-dribbble.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 40%;
}
.icn-social-big-outline.dribbble:hover {
background-color: #ea4c89;
}
.moving-typo-list {
justify-content: center;
align-items: center;
width: 300vw;
display: flex;
position: absolute;
left: -100vw;
}
.moving-typo-item {
z-index: 3;
position: relative;
}
.moving-typo-item-holder {
position: relative;
}
.moving-typo-item-list-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.opacity-15 {
opacity: .15;
}
.display-block {
display: block;
}
.navbar-10vh {
background-color: var(--black);
width: 100%;
height: 10vh;
position: sticky;
top: 0;
}
.nav-container-horiz {
justify-content: space-between;
height: 100%;
padding-left: 6rem;
padding-right: 6rem;
display: flex;
}
.thumb-fix {
z-index: 0;
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef18615ef21dc5c_image-placeholder-transparent.gif");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0% auto auto 0%;
overflow: hidden;
}
.thumb-fix.portraits-left {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef18615ef21dc5c_image-placeholder-transparent.gif");
background-position: 50%;
background-repeat: no-repeat;
background-size: 75%;
width: 50vw;
}
.grid-no-gap-column-rows {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-no-gap-column-rows._3x {
grid-template-columns: 1fr 1fr 1fr;
}
.hidden-content {
position: relative;
overflow: hidden;
}
.slider {
z-index: 1;
background-color: #0000;
width: 100%;
height: auto;
}
.slider.height-100 {
height: 100%;
}
.slide-nav {
justify-content: center;
align-items: center;
height: 6rem;
padding-left: 6rem;
padding-right: 6rem;
font-size: 6px;
line-height: 1;
display: flex;
}
.no-padding {
padding: 0;
}
.z-index_1 {
z-index: 1;
position: relative;
}
.nav-menu-horiz.horizontal {
width: 100%;
position: relative;
}
.nav-menu-horiz.horizontal.relative {
justify-content: space-between;
width: 100%;
position: relative;
}
.nav-menu-horiz.horizontal.centre {
justify-content: center;
}
.font-grey_50 {
color: var(--grey-50);
}
.font-grey_40 {
color: var(--grey-40);
}
.font-grey_30 {
color: var(--grey-30);
}
.font-grey_30.on-bg_30 {
background-color: #fff;
margin-left: -4px;
padding: 4px;
}
.font-grey_20 {
color: var(--grey-20);
}
.font-grey_10 {
color: var(--grey-10);
}
.item-128 {
flex: auto;
width: 128px;
height: 128px;
position: relative;
overflow: hidden;
}
.navlink-top-transparent-burger {
color: #ffffff80;
letter-spacing: -.03em;
text-transform: uppercase;
width: 100%;
padding: 12px 0;
font-size: 6vw;
font-weight: 600;
line-height: 1;
transition: color .2s, border-color .6s;
}
.navlink-top-transparent-burger:hover {
color: #fff;
}
.navlink-top-transparent-burger.w--current {
opacity: 1;
color: var(--link);
}
.icn-social-small {
background-color: var(--outlines);
border-bottom-style: none;
border-radius: 100px;
width: 24px;
height: 24px;
margin-left: 4px;
margin-right: 4px;
transition: background-color .2s;
}
.icn-social-small:hover {
color: #fff;
background-color: #f96446;
}
.icn-social-small.facebook {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1867a5021dc78_facebook-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 8px;
}
.icn-social-small.facebook:hover {
background-color: #365899;
}
.icn-social-small.twitter {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1864d7021dbea_twitter-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 8px;
}
.icn-social-small.twitter:hover {
background-color: #1da1f2;
}
.icn-social-small.pinterest {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1867fa821dc4e_pinterest-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 8px;
}
.icn-social-small.pinterest:hover {
background-color: #e60023;
}
.icn-social-small.linkedin {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186bd4821dc3f_linkedin-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 8px;
}
.icn-social-small.linkedin:hover {
background-color: #0077b5;
}
.icn-social-small.behance {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1868c1021dbe9_behance-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 8px;
}
.icn-social-small.behance:hover {
background-color: #0057ff;
}
.icn-social-small.instagram {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1864d1621dc1c_instagram-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 8px;
}
.icn-social-small.instagram:hover {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1864d1621dc1c_instagram-white.svg"), linear-gradient(#6851c3, #c63288 50%, #f78030);
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: 8px, auto;
}
.icn-social-small.dribbble {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1864ce221dbf3_icn-dribbble.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 8px;
}
.icn-social-small.dribbble:hover {
background-color: #ea4c89;
}
.icn-social-small-outline {
border: 1px solid var(--outlines);
background-color: #0000;
border-radius: 100px;
width: 24px;
height: 24px;
margin-left: 4px;
margin-right: 4px;
transition: background-color .2s;
}
.icn-social-small-outline:hover {
color: #fff;
}
.icn-social-small-outline.facebook {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1867a5021dc78_facebook-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 8px;
}
.icn-social-small-outline.facebook:hover {
background-color: #365899;
}
.icn-social-small-outline.twitter {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1864d7021dbea_twitter-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 8px;
}
.icn-social-small-outline.twitter:hover {
background-color: #1da1f2;
}
.icn-social-small-outline.pinterest {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1867fa821dc4e_pinterest-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 8px;
}
.icn-social-small-outline.pinterest:hover {
background-color: #e60023;
}
.icn-social-small-outline.linkedin {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186bd4821dc3f_linkedin-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 8px;
}
.icn-social-small-outline.linkedin:hover {
background-color: #0077b5;
}
.icn-social-small-outline.behance {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1868c1021dbe9_behance-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 8px;
}
.icn-social-small-outline.behance:hover {
background-color: #0057ff;
}
.icn-social-small-outline.instagram {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1864d1621dc1c_instagram-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 8px;
}
.icn-social-small-outline.instagram:hover {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1864d1621dc1c_instagram-white.svg"), linear-gradient(#6851c3, #c63288 50%, #f78030);
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: 40%, auto;
}
.icn-social-small-outline.dribbble {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1864ce221dbf3_icn-dribbble.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 8px;
}
.icn-social-small-outline.dribbble:hover {
background-color: #ea4c89;
}
.line-bottom-mobile {
width: 0;
height: 0;
}
.overview-btn-area {
z-index: 99;
flex-direction: column;
justify-content: center;
align-items: center;
width: 96px;
height: 96px;
font-size: .75rem;
display: none;
position: fixed;
inset: auto 0% 0% auto;
}
.overview-btn-icon {
width: 20px;
}
.overview-btn {
background-color: var(--red);
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.overview-btn.dfk {
background-color: #ffd93a99;
}
.overview-btn.dfk.white {
background-color: #ffd93acc;
}
.overview-label {
margin-right: 28px;
position: relative;
}
.overview-label.dfk {
font-family: Butler, sans-serif;
font-size: 1.1rem;
}
.overview-btn-holder {
background-color: var(--grey-50);
cursor: pointer;
border-radius: 100px;
justify-content: flex-end;
align-items: center;
width: 48px;
height: 48px;
padding-right: 48px;
display: flex;
position: absolute;
inset: auto 24px 24px auto;
overflow: hidden;
}
.overview-btn-holder.dfk {
background-color: var(--outlines);
}
.middle-always {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.home-bg {
text-align: center;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 36px;
display: flex;
position: relative;
overflow: hidden;
}
.margin-left {
margin-left: 1rem;
}
.right-arrow {
justify-content: flex-end;
align-items: center;
width: 6rem;
height: 6rem;
font-size: 1rem;
transition: all .6s cubic-bezier(.25, .46, .45, .94);
display: flex;
inset: auto 6rem 0% auto;
}
.right-arrow:hover {
transform: translate(12px);
}
.right-arrow._15 {
bottom: 15%;
}
.splitscreen {
z-index: 1;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.background-image-hero {
z-index: 1;
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef18615ef21dc5c_image-placeholder-transparent.gif");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.background-image-hero.value-1 {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb47da7acd5c69977f64e6_DFK%205.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
inset: auto 0% 0%;
}
.background-image-hero.home-2-1 {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef18632ed21dcfc_moss-mRR1OP7E4WQ-unsplash.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
inset: auto 0% 0%;
}
.background-image-hero.value-3 {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdd3894f70c720bb9ca771e_DFK%204.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
inset: auto 0% 0%;
}
.background-image-hero.value-4 {
inset: auto 0% 0%;
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdd38653bbfa68c9a3e4671_DFK%206.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
inset: auto 0% 0%;
}
.background-image-hero.value-2 {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb47d9caed6e63ef04a76c_DFK%201.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
inset: auto 0% 0%;
}
.background-image-hero.value-5 {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdd4db8df9c8d0d4dcc37c9_DFK%207b.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
inset: auto 0% 0%;
}
.right-section {
z-index: 1;
flex-direction: column;
width: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.right-section.overflow-hidden {
overflow: hidden;
}
.slide-content-3 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.slide-content-3.hidden {
display: none;
}
.left-section {
z-index: 3;
flex-direction: column;
justify-content: flex-end;
width: 100%;
padding-bottom: 6rem;
padding-left: 6rem;
padding-right: 6rem;
display: flex;
position: relative;
}
.left-arrow {
justify-content: flex-start;
align-items: center;
width: 6rem;
height: 6rem;
font-size: 1rem;
transition: all .6s cubic-bezier(.25, .46, .45, .94);
display: flex;
inset: auto auto 0% 6rem;
}
.left-arrow:hover {
transform: translate(-12px);
}
.left-arrow._15 {
bottom: 15%;
}
.icn-48 {
width: 48px;
}
.fix-home {
z-index: 345;
width: 50vw;
height: 100vh;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.compare-price {
opacity: .5;
margin-left: 4px;
margin-right: 4px;
text-decoration: line-through;
}
.cart {
width: 6rem;
height: 5rem;
}
.cart-button {
background-color: #0000;
justify-content: center;
width: 6rem;
height: 5rem;
}
.cart-quantity {
color: var(--black);
margin-bottom: 0;
}
.cart-container {
background-color: var(--dark-grey);
}
.cart-footer {
border-top-color: var(--outlines);
}
.cart-header {
border-bottom-color: var(--outlines);
}
.close-button, .cart-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.checkout-form {
z-index: 2;
background-color: var(--black);
color: var(--black);
position: relative;
}
.order-summary {
top: 6rem;
}
.quantity {
align-items: center;
margin-right: 20px;
display: flex;
}
.add-to-cart {
flex-direction: row;
align-items: center;
display: flex;
}
.icn-32 {
width: 32px;
}
.video {
z-index: 1;
}
.cart-absolute {
z-index: 11;
position: fixed;
inset: 0% 0% auto auto;
}
.paragraph {
max-width: 800px;
}
.grid-license {
z-index: 1;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-flow: column;
width: 100%;
position: relative;
}
.content-centered-always {
z-index: 2;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.moving-typo-elements {
justify-content: center;
align-items: center;
width: 200vw;
display: flex;
}
.content-z-index {
z-index: 2;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.social-button-outline {
background-color: #0000;
border: 1px solid #333333f2;
border-radius: 100px;
width: 48px;
height: 48px;
margin-left: 4px;
margin-right: 4px;
transition: background-color .2s;
}
.social-button-outline:hover {
color: #fff;
}
.social-button-outline.linkedin {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186bd4821dc3f_linkedin-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 40%;
}
.social-button-outline.linkedin:hover {
background-color: #0077b5;
}
.social-button-outline.dribbble {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1864ce221dbf3_icn-dribbble.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 40%;
}
.social-button-outline.dribbble:hover {
background-color: #ea4c89;
}
.moving-typo-holder {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.grid-moving-bg-image {
z-index: 1;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: #121217;
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
height: 100%;
}
.section-moving-bg-image {
z-index: 1;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
height: 100vh;
padding: 10vh 6vw;
display: flex;
position: relative;
overflow: hidden;
}
.moving-typo-elements-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.social-buttons-wrapper {
z-index: 3;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.about-top-section {
z-index: 2;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.wrapper-moving-image {
z-index: 2;
width: 88vw;
height: 80vh;
padding: 6rem;
display: flex;
position: absolute;
inset: 10vh auto auto 6vw;
}
.bg-moving-image {
z-index: 1;
opacity: 0;
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef18615ef21dc5c_image-placeholder-transparent.gif");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.bg-moving-image.example-1 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1862b7f21dcec_agency-portfolio-template-05.jpg");
}
.bg-moving-image.example-2 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186730421dceb_agency-portfolio-template-01.jpg");
}
.moving-typo {
z-index: 4;
position: relative;
}
.moving-typo-link {
text-align: center;
letter-spacing: -.03em;
text-transform: uppercase;
border: 1px #fff0;
border-radius: 100px;
justify-content: center;
align-items: center;
padding: 1rem 3rem;
font-size: 4vw;
font-weight: 500;
line-height: 1;
transition: color .5s, background-color .5s, border-color .6s;
display: flex;
position: relative;
}
.moving-typo-link:hover {
color: #fff;
background-color: #0d0d11;
border-style: none;
border-color: #fff;
}
.services-holder {
z-index: 1;
justify-content: flex-start;
align-items: center;
margin-bottom: .5rem;
font-size: .75rem;
font-weight: 500;
line-height: 1;
display: flex;
position: relative;
}
.grid-6x1 {
z-index: 1;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-flow: row;
width: 100%;
position: relative;
}
.black-block {
z-index: 3;
background-color: var(--black);
position: relative;
}
.burger-holder {
width: 32px;
height: 32px;
padding-top: 10px;
padding-bottom: 10px;
position: relative;
}
.menu-line-top {
background-color: var(--white);
transform-origin: 0%;
width: 100%;
height: 2px;
margin-bottom: 8px;
}
.menu-line-bottom {
background-color: var(--white);
transform-origin: 0%;
width: 100%;
height: 2px;
}
.grid-footer-intro {
z-index: 1;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-flow: row;
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.social-icons-styleguide {
z-index: 2;
flex-direction: row;
align-items: flex-start;
display: flex;
position: relative;
}
.list-nav-intro {
z-index: 2;
align-items: center;
width: auto;
margin-bottom: 0;
display: flex;
position: relative;
}
.section-hero-styleguide {
z-index: 1;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
min-height: 50vh;
padding: 12rem 6rem 6rem;
display: flex;
position: relative;
}
.list-nav-styleguide {
z-index: 2;
align-items: center;
width: auto;
margin-bottom: 0;
display: flex;
position: relative;
}
.nav-column-intro {
flex-direction: column;
align-items: flex-start;
padding-right: 2rem;
display: flex;
}
.social-icons-intro {
z-index: 2;
flex-direction: row;
align-items: flex-start;
display: flex;
position: relative;
}
.bg-video-intro {
z-index: 0;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.display-none, .moving-typo-interaction {
display: none;
}
.section-moving-typo-image {
z-index: 1;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
height: 100vh;
padding: 6vh 6vw;
display: flex;
position: relative;
overflow: hidden;
}
.moving-typo-block {
z-index: 4;
position: relative;
}
.moving-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.moving-image {
z-index: 2;
width: 88vw;
height: 88vh;
padding: 6rem;
display: flex;
position: absolute;
inset: 6vh auto auto 6vw;
}
.moving-list {
justify-content: center;
align-items: center;
width: 100vw;
display: flex;
}
.moving-link {
color: #f9f8f6;
text-align: center;
text-transform: uppercase;
border: 1px #fff0;
border-radius: 100px;
justify-content: center;
align-items: center;
padding: 1rem 3rem;
font-size: 4vw;
font-weight: 500;
line-height: 1;
transition: color .5s, background-color .5s, border-color .6s;
display: flex;
position: relative;
}
.moving-link:hover {
color: #fff;
background-color: #0d0d11;
border-style: none;
border-color: #fff;
}
.moving-holder {
flex-direction: column;
justify-content: center;
align-items: center;
}
.text-link {
border-bottom: 1px solid var(--white);
}
.buy-now-wrapper {
flex-direction: column;
align-items: stretch;
display: flex;
}
.btn-buy-now {
z-index: 1;
background-color: var(--outlines);
color: #fff;
border-style: none;
border-radius: 100px;
justify-content: center;
align-items: center;
padding: 12px 20px;
font-size: .75rem;
line-height: 1;
text-decoration: none;
transition: color .3s;
display: flex;
position: relative;
overflow: hidden;
}
.discounts {
border-style: none;
margin-bottom: 20px;
}
.bw-filter {
filter: grayscale(70%);
object-fit: cover;
border: 2px solid #ffd93af2;
width: 100%;
}
.hero-section-subtitle {
color: #072f23;
text-align: left;
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 2vw;
font-weight: 300;
line-height: 1.1;
}
.hero-section-subtitle.larger {
font-size: 3vw;
}
.hero-section-subtitle.light {
color: #f4faf9;
}
.hero-section-subtitle.light.larger {
font-size: 3vw;
font-weight: 200;
}
.container-temporary {
z-index: 5;
color: var(--alabaster);
width: 100%;
max-width: 1130px;
margin-left: auto;
margin-right: auto;
padding: .5rem;
position: relative;
}
.container-temporary.perspective-1600 {
perspective: 2000px;
perspective-origin: 20%;
}
.heading-wrapper-temp {
z-index: 6;
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 0;
padding-left: 2px;
padding-right: 2px;
display: flex;
position: relative;
}
.heading-wrapper-temp.absolute {
position: absolute;
inset: 10% 0% auto;
}
.heading-wrapper-temp.absolute.left-lower {
justify-content: flex-start;
width: auto;
height: auto;
display: none;
top: 79%;
left: 5%;
overflow: visible;
}
.heading-wrapper-temp.absolute.left-upper {
justify-content: flex-start;
width: auto;
height: auto;
display: none;
top: 5%;
left: 5%;
}
.layer-wrapper {
transform-style: preserve-3d;
flex-wrap: wrap;
justify-content: space-between;
width: 700px;
height: 400px;
margin: 200px auto 100px;
display: block;
position: relative;
transform: rotateX(50deg)rotateY(0)rotateZ(-15deg);
}
.layer-wrapper.hidden {
display: none;
}
.layer {
border-radius: 6px;
position: absolute;
inset: 0%;
}
.layer._3 {
transform-style: preserve-3d;
background-image: linear-gradient(#ffd93a26, #ffd93a26);
width: 60%;
display: block;
left: 40%;
transform: translate3d(120px, 0, 180px);
box-shadow: 0 33px 40px -30px #00000036;
}
.layer._2 {
transform-style: preserve-3d;
background-image: linear-gradient(#adb2a93b, #adb2a93b);
display: block;
transform: translate3d(0, 0, 90px);
}
.layer._1 {
z-index: 1;
background-image: linear-gradient(135deg, #f4faf959, #646e7a33);
background-position: 0 0;
}
.image-cover {
object-fit: cover;
object-position: 50% 0%;
width: 100%;
height: 100%;
display: block;
position: relative;
inset: auto;
}
.absolute-wrapper {
position: absolute;
}
.absolute-wrapper.heart-rate {
z-index: 4;
transform-style: preserve-3d;
width: 270px;
display: none;
bottom: 15%;
left: 15%;
transform: translate3d(0, 0, 40px);
}
.absolute-wrapper.brain-sinapsis {
width: 150px;
display: none;
inset: 10% 25% auto auto;
}
.absolute-wrapper.m {
width: 150px;
display: none;
bottom: 20%;
left: 22%;
}
.dfk {
font-family: Butler ultra, sans-serif;
font-size: 2rem;
font-weight: 300;
line-height: 1.5;
}
.dfk.footer-link {
font-family: Sourcesanspro, sans-serif;
font-size: 1.1rem;
font-weight: 200;
}
.dfk.dark {
color: var(--dark-grey);
}
.italic {
font-style: italic;
}
.dark-grey {
background-color: var(--dark-grey);
}
.hover-line-2 {
background-color: #ffd93acc;
width: 100%;
height: 1px;
position: absolute;
inset: auto 0% 0%;
}
.hover-line-2.underline {
background-color: #ffd93a;
width: 2px;
height: 40px;
inset: 0% auto auto 0%;
}
.dfk-logo-font {
z-index: 1;
color: var(--grey-10);
letter-spacing: .1em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 2px;
font-family: Cormorantunicase, sans-serif;
font-size: 1.5rem;
font-weight: 400;
line-height: 1.5;
position: relative;
}
.dfk-logo-font.gr {
font-family: Comfortaa, sans-serif;
font-size: 1.5rem;
font-weight: 300;
}
.dfk-logo-font.gr.dark {
text-shadow: none;
font-family: Comfortaa, sans-serif;
}
.dfk-logo-font.dark {
color: var(--dark-grey);
text-shadow: 0 0 1px #3339;
font-family: Cormorantunicase, sans-serif;
font-weight: 500;
}
.dfk-logo-font.center {
font-size: 1.7rem;
}
.show_on_scroll {
z-index: 2;
position: relative;
}
.show_on_scroll.display-1.dfk-letter-spacing {
color: var(--white);
letter-spacing: 1.5em;
}
.show_on_scroll.no-spacing {
letter-spacing: 0;
}
.italic-text-2 {
font-family: Inter, sans-serif;
font-weight: 300;
}
.link-block-2 {
display: flex;
}
.white {
background-color: var(--grey-10);
}
.dark {
color: var(--prussian);
transition: color .3s;
}
.dark.hover:hover {
color: #ffd93af2;
}
.text-span-2 {
font-style: italic;
}
.main-wrapper {
width: 100%;
overflow: hidden;
}
.content {
z-index: 4;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
}
.content.flex-vertical {
justify-content: center;
align-items: center;
}
.content.flex-horizontal {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.content.flex-horizontal.lower-margin._3ren {
margin-bottom: 3rem;
}
.content.flex-horizontal.lower-margin._5rem {
margin-bottom: 5rem;
}
.content.flex-horizontal._30vh {
height: 30vh;
}
.content.flex-horizontal.upper-margin.align-bottom {
flex-wrap: wrap;
align-items: flex-end;
}
.content.flex-horizontal.upper-margin.align-centre {
align-items: center;
}
.content.flex-horizontal.upper-margin.justify-right {
justify-content: flex-end;
}
.content.flex-horizontal.upper-margin.justify-right.align-centre {
flex-wrap: wrap;
}
.content.flex-horizontal.abs {
z-index: 3;
position: absolute;
}
.content.flex-horizontal.centre {
justify-content: center;
}
.content.flex-horizontal.wrap {
flex-wrap: wrap;
}
.content.flex-horizontal.centre-absolute {
justify-content: center;
position: absolute;
}
.content.flex-vertical {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.content.flex-vertical._30vh {
height: 30vh;
}
.content.flex-vertical.align-left {
align-items: flex-start;
}
.content.flex-vertical.align-left.top-bottom-paddings {
padding-top: 1rem;
padding-bottom: 1rem;
}
.content.flex-vertical.align-left.abs {
max-width: 90%;
position: absolute;
left: 5%;
}
.content.flex-vertical.align-left.align-top {
justify-content: flex-start;
}
.content.flex-vertical.align-left.noverflow {
overflow: hidden;
}
.content.flex-vertical.upper-margin.extra {
margin-top: 3rem;
}
.content.flex-vertical.upper-margin.extra.align-left {
cursor: default;
}
.content.flex-vertical.upper-margin.extra.align-left._3em {
min-height: 3em;
}
.content.flex-vertical.align-right {
align-items: flex-end;
}
.content.flex-vertical.absolute {
width: auto;
height: auto;
position: absolute;
inset: auto;
}
.content.flex-vertical.side-margins {
margin-left: 1rem;
margin-right: 1rem;
}
.content.flex-vertical.align-top {
justify-content: flex-start;
}
.content.lower-margin {
margin-bottom: 1rem;
}
.content.lower-margin._5rem {
margin-bottom: 5rem;
}
.content.lower-margin.align-left {
align-self: flex-start;
}
.content.hidden {
display: none;
}
.content.upper-margin {
margin-top: 1rem;
}
.content.upper-margin._5rem {
margin-top: 5rem;
}
.content.upper-margin._4rem {
margin-top: 4rem;
}
.content.left-padding {
padding-left: 2rem;
}
.content.upper-lower-margin {
margin-top: 1rem;
margin-bottom: 1rem;
}
.content.right-margin {
margin-right: 1rem;
}
.content.hero-title-wrapper {
flex-direction: row;
display: flex;
position: relative;
}
.content.hero-fade {
margin-top: 2rem;
}
.content.align-centre {
align-self: center;
}
.content.align-centre.full-margins {
margin: 1rem;
}
.content.align-centre.full-margins.extra-top-bottm {
margin-top: 6rem;
margin-bottom: 4rem;
}
.content._100w {
width: 100%;
}
.content.nav-margins {
margin: .5rem;
}
.bg-color-copy {
z-index: 0;
width: 20%;
height: 100%;
min-height: 300px;
position: relative;
inset: 0%;
}
.bg-color-copy._1 {
background-color: var(--alabaster);
}
.bg-color-copy.grid-12 {
background-color: var(--white-alabaster);
}
.bg-color-copy._3 {
background-color: #f8f6ee;
}
.bg-color-copy._4 {
background-color: var(--navajo-white);
}
.bg-color-copy._5 {
background-color: var(--prussian);
}
.bg-color-copy._0 {
background-color: var(--vivid-sky-blue);
}
.bg-color-copy._6 {
background-color: var(--gainsboro);
}
.bg-color-copy._0-copy {
background-color: var(--prussian);
}
.bg-color-copy._4-copy {
background-color: var(--gold-2);
}
.bg-color-copy._0-copy {
background-color: #0000;
background-image: linear-gradient(270deg, #0dd1fdcc, #fff);
}
.tab-txt-wrap {
height: 40px;
}
.tab-txt-wrap.align-c {
position: relative;
}
.btn-txt {
color: var(--white-alabaster);
margin-top: 2px;
margin-bottom: 2px;
font-size: 1.3em;
}
.tab-content-parent {
z-index: 2;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.tab-title-parent {
z-index: 1;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.tab-btm {
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 45em;
display: flex;
position: relative;
overflow: hidden;
}
.tab-panel {
z-index: 2;
background-image: linear-gradient(to bottom, var(--blue-sapphire), var(--blue-sapphire));
align-items: center;
width: 50%;
padding: 4em 4em 3em;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.cover-div {
z-index: 10;
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: auto auto 0% 0%;
}
.tab-line-top {
background-color: var(--gold);
width: 2px;
height: 50px;
margin-right: 8px;
}
.div-hide {
overflow: hidden;
}
.tab-btn-parent {
flex-direction: row;
width: 100%;
padding-bottom: 1.5em;
display: flex;
position: relative;
}
.tab-slide-parent {
z-index: 0;
flex-direction: column;
align-items: center;
width: 100vw;
height: 180em;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
overflow: hidden;
}
.tab-info-p {
color: var(--white-alabaster);
}
.tab-info-p.small {
font-size: 1em;
}
.tab-info-p.small.hidden {
display: none;
}
.tab-active {
background-color: var(--gold-2);
width: 25%;
height: 3px;
position: absolute;
bottom: 0;
}
.tab-panel-btn {
background-color: var(--blue-sapphire);
cursor: pointer;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 8em;
height: 8em;
display: flex;
position: absolute;
left: -4em;
}
.tab-line-btm {
background-color: var(--gold);
width: 2px;
height: 50px;
margin-right: 8px;
}
.border-line-btm {
z-index: 1;
background-color: var(--vivid-sky-blue);
width: 100%;
height: 3px;
position: absolute;
inset: auto 0% 0%;
}
.border-line-btm.thin {
height: 1px;
}
.img-parent {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
overflow: hidden;
}
.img-parent.hrto-img {
flex-direction: column;
justify-content: center;
align-items: center;
height: 40rem;
}
.img-parent.top-bottom-margins {
margin-top: 3rem;
margin-bottom: 3rem;
}
.img-child {
width: 100%;
height: 100%;
position: relative;
}
.img-child.img-4 {
filter: grayscale(60%);
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/637560448b44335d88f7376b_BG%204.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
}
.img-child.prometheus {
filter: grayscale(10%);
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/6376cc6d942b4f44748a13e1_prometheus.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
}
.img-child.founder {
filter: brightness(92%) grayscale(54%);
background-image: linear-gradient(#fcfbf77a, #f4f0e38f), url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/63797be2eec282b087daae73_horizon%20BG.jpg");
background-position: 0 0, 50% 0;
background-repeat: repeat, repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
}
.img-child.gymnasiarchia {
filter: blur(2px) grayscale(50%);
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/636c09a2570eea485e2d813f_photo-1459865264687-595d652de67esmall.jpg");
background-position: 100% 0;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
}
.img-child.genesis {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/6376c737e4f656ced42da21e_Genesis.jpg");
background-position: 100% 0;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
}
.tab-btn-child {
cursor: pointer;
flex: 1;
justify-content: center;
align-items: center;
display: flex;
}
.container-m {
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.tab-slide-child {
z-index: 1;
background-color: var(--blue-sapphire);
align-items: center;
width: 100vw;
height: 100%;
display: flex;
position: relative;
}
.tab-parent {
width: 100%;
position: relative;
}
.card-whiper {
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
inset: auto 0% 0% auto;
}
.card-whiper.bg-cream, .card-whiper.alabaster {
z-index: 1;
background-color: var(--alabaster);
}
.card-whiper.alabaster.hidden {
display: none;
}
.tab-panel-child {
flex-direction: row;
justify-content: center;
align-items: center;
margin-right: 2.4em;
display: flex;
position: relative;
}
.heading-md {
z-index: 2;
color: var(--white-alabaster);
margin-bottom: .5rem;
font-size: 3.5em;
}
.tab-top {
align-items: flex-end;
width: 100%;
height: 12em;
padding-bottom: 2em;
display: flex;
position: relative;
}
.tab-title {
color: var(--white);
text-align: center;
letter-spacing: .3px;
text-transform: uppercase;
font-size: 30px;
font-weight: 400;
line-height: 40px;
}
.card-whipe {
width: 100%;
height: 100%;
position: absolute;
inset: auto auto 0% 0%;
}
.card-whipe.prussian {
background-image: linear-gradient(to bottom, var(--prussian), var(--prussian));
}
.card-whipe.white {
background-color: var(--white);
}
.bg-cream {
z-index: 0;
background-color: #f4f0e3;
position: absolute;
inset: 0%;
}
.text-source {
color: var(--midnight-blue);
text-align: left;
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: Source Sans Pro, sans-serif;
font-size: 1.3em;
font-weight: 400;
line-height: 1.1;
}
.text-source.right-margin {
margin-right: .5rem;
}
.divider {
width: 100%;
height: 3px;
margin-top: 1rem;
margin-bottom: 1rem;
position: relative;
}
.divider.sky-blue {
background-color: var(--vivid-sky-blue);
height: 1px;
}
.divider.vertical {
width: 3px;
height: 90%;
position: absolute;
}
.divider.vertical.sky-blue {
height: 95%;
top: 2.5%;
}
.divider.hero {
background-image: linear-gradient(to bottom, var(--vivid-sky-blue), var(--vivid-sky-blue));
width: 4px;
height: 5rem;
margin: 0 1rem;
}
.hero-heading-right {
background-color: var(--white-smoke);
border-bottom: 1px solid #e4ebf3;
min-height: 100vh;
padding: 80px 30px;
position: relative;
}
.container-2 {
z-index: 2;
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.hero-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.hero-split {
color: var(--dark-slate-grey);
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 46%;
display: flex;
position: relative;
}
.shadow-two {
z-index: 3;
box-shadow: 0 4px 24px -5px #182c3199;
}
.margin-bottom-24px {
color: var(--prussian);
margin-bottom: 24px;
font-family: Source Sans Pro, sans-serif;
font-size: 1.5rem;
font-weight: 300;
}
.button-primary {
background-color: #0000;
background-image: linear-gradient(to bottom, var(--prussian), var(--prussian));
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
border-radius: 20px;
margin: 1rem;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary:hover {
color: #fff;
background-color: #32343a;
}
.button-primary:active {
background-color: #43464d;
}
.button-primary._2 {
background-image: linear-gradient(to bottom, var(--vivid-sky-blue), var(--vivid-sky-blue));
}
.button-primary._3 {
border: 1px solid var(--navajo-white);
background-color: #0000;
background-image: linear-gradient(to bottom, var(--gainsboro-lighter), var(--gainsboro-lighter));
color: var(--teal);
}
.heading {
color: var(--prussian);
font-family: Quicksand, sans-serif;
font-weight: 400;
}
.heading-2 {
font-weight: 400;
}
.list-img-parent {
z-index: 1;
transform-origin: 0 100%;
width: 20vw;
height: 30vh;
padding: 2.5em;
position: absolute;
right: 1%;
overflow: hidden;
}
.list-parent {
cursor: pointer;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 3em;
padding-bottom: 3em;
display: flex;
position: relative;
}
.list-parent.cursor-normal {
cursor: auto;
}
.parent {
z-index: 1;
position: relative;
}
.parent.flex-cc-h {
justify-content: flex-start;
align-items: center;
display: flex;
}
.heading-sm {
z-index: 1;
color: var(--prussian);
font-size: 1.8rem;
position: relative;
}
.heading-sm.caps.text-blue {
color: var(--teal);
}
.heading-sm.mar-left {
margin-left: .25em;
}
.caps {
color: var(--red);
text-transform: uppercase;
padding-top: 1px;
padding-bottom: 1px;
}
.grid-2 {
z-index: 1;
grid-column-gap: 3rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
width: 100%;
position: relative;
}
.values {
color: #ffffff1a;
font-size: 15rem;
}
.heading-wrapper {
z-index: 6;
justify-content: center;
align-items: center;
margin: 1rem .125rem;
padding: .125rem;
display: flex;
position: relative;
}
.heading-wrapper.align-left {
align-items: flex-start;
}
.heading-wrapper.align-left.perspective {
perspective: 40em;
perspective-origin: 50% 0;
align-self: flex-start;
}
.heading-wrapper.perspective {
perspective: 40em;
}
.fit-cover {
z-index: 1;
object-fit: cover;
height: 100%;
}
.fit-cover.mov-it {
z-index: 2;
width: 80%;
height: auto;
position: absolute;
inset: auto 0% 25% 10%;
}
.fit-cover.contain {
object-fit: contain;
width: auto;
height: 100%;
}
.fit-cover.contain.absolute.z2, .fit-cover.contain.z2 {
z-index: 2;
}
.fit-cover.contain.nav {
height: 90%;
}
.fit-cover.contain.abs {
z-index: 0;
position: absolute;
}
.fit-cover.ethics {
filter: grayscale(9%);
}
.fit-cover.globe {
filter: grayscale(5%);
}
.fit-cover.hidden {
display: none;
}
.container {
z-index: 1;
width: 100%;
max-width: 1130px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.container.perspective {
perspective: 2000px;
perspective-origin: 50% 100%;
}
.container.flex-vertical {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.pending-quote {
color: var(--blue-sapphire);
font-family: Butler, sans-serif;
font-size: 2.2em;
font-weight: 400;
}
.pending-quote.lower-margin {
border-left-color: var(--blue-sapphire);
margin-bottom: 1rem;
}
.text-block-original {
font-family: Inter, sans-serif;
}
.button {
z-index: 6;
background-color: #0000;
background-image: linear-gradient(to bottom, var(--prussian), var(--prussian));
border-radius: 35px;
margin-top: .5rem;
margin-bottom: .5rem;
padding: 1rem 1.5rem;
font-family: Quicksand, sans-serif;
font-size: 1.2rem;
font-weight: 300;
line-height: 1.2;
transition: color .4s, background-color .4s, box-shadow .4s;
position: relative;
box-shadow: 0 10px 14px -4px #03394f99;
}
.button:hover {
box-shadow: 0 1px 3px #03394f80;
}
.button.upper-margin {
margin-top: 2rem;
}
.logo-wrapper {
z-index: 10;
width: 10em;
position: relative;
}
.logo-wrapper._15vw {
width: 15vw;
}
.logo-wrapper.nav {
z-index: 5;
width: auto;
height: 3rem;
}
.logo-wrapper.nav.absolute {
position: absolute;
inset: auto auto auto 2%;
}
.mbm-ex-div {
z-index: 5;
perspective: 40em;
perspective-origin: 50% 0;
position: relative;
overflow: visible;
}
.top-bubble {
background-color: var(--white-alabaster);
border-radius: 50%;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 300vw;
height: 150vw;
margin-left: -100vw;
position: relative;
}
.heading-xl {
z-index: 5;
transform-origin: 50% 0;
color: var(--vivid-sky-blue);
text-align: center;
letter-spacing: .02em;
font-size: 7rem;
font-weight: 400;
line-height: 1;
position: relative;
}
.clash-xl {
z-index: 5;
transform-origin: 50% 0;
color: #fff;
letter-spacing: .01em;
text-transform: uppercase;
font-family: Clashgrotesk;
font-size: 9em;
font-weight: 400;
line-height: .9em;
position: relative;
}
.top-bubble-wrap {
width: 100%;
max-width: 100%;
max-height: 100%;
position: absolute;
inset: -10vw 0% auto;
overflow: hidden;
}
.top-bubble-wrap.is-taller {
max-height: 180%;
}
.dot-track {
width: 200vw;
display: flex;
}
.dot-track.margins {
margin-top: 1rem;
margin-bottom: 1rem;
}
.asterisk-xl {
transform-origin: 0 0;
color: #fff;
font-size: 6em;
line-height: 1em;
position: absolute;
inset: .1em -.8em auto auto;
}
.dot {
transform-origin: 50%;
cursor: pointer;
background-color: #1f1f1f;
border-radius: 50%;
flex: none;
width: 12vw;
height: 12vw;
margin-right: 1vw;
transform: perspective(373px);
}
.dot.images {
background-color: var(--prussian);
object-fit: cover;
border-radius: 5px;
width: 14vw;
height: 14vw;
position: relative;
overflow: hidden;
transform: none;
box-shadow: 0 4px 20px -5px #02293866;
}
.dot-div {
z-index: 52;
width: 100vw;
min-width: 100vw;
max-width: 100%;
margin-top: 3em;
margin-bottom: 2.6em;
position: relative;
inset: auto 0% 0%;
overflow: hidden;
}
.service-column {
cursor: pointer;
justify-content: flex-end;
width: 33.33%;
height: 600px;
display: flex;
position: relative;
}
.full-width {
flex-wrap: wrap;
display: flex;
position: relative;
}
.hero-overlay {
z-index: 3;
background-color: #002626;
display: none;
position: absolute;
inset: 0%;
}
.text-rotated {
color: #fff;
font-size: 25px;
font-weight: 500;
position: absolute;
inset: 32% auto auto -74px;
transform: rotate(-90deg);
}
.text-rotated.not-rotaed {
inset: 5% auto auto 5%;
transform: none;
}
.absolute-bg {
z-index: 4;
background-color: var(--white);
display: none;
position: absolute;
inset: 0%;
}
.absolute-bg.hidden {
display: none;
}
.absolute-bg.rotate-left {
display: block;
transform: rotate(-10deg);
}
.absolute-bg.rotate-right {
display: block;
transform: rotate(10deg);
}
.absolute-bg._2 {
z-index: 4;
background-color: var(--vivid-sky-blue);
}
.absolute-bg._3 {
z-index: 4;
background-color: var(--prussian);
}
.absolute-bg-3 {
background-color: var(--prussian);
position: absolute;
inset: 0%;
}
.absolute-bg-3.hidden {
display: none;
}
.absolute-bg-2 {
background-color: var(--vivid-sky-blue);
position: absolute;
inset: 0%;
}
.absolute-bg-2.hidden {
display: none;
}
.service-image {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/636bc65ab14d5ed736649c2f_kal-visuals-H9cLrc35G6s-unsplash.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
inset: 0%;
}
.service-image.en {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/636bc65ab14d5e3dcb649c35_UK.jpg");
}
.service-image.nl {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/636bc65ab14d5e8f64649c39_Flanders.jpg");
}
.service-image.fr {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/636bc65ab14d5e9f5d649c3e_France.jpg");
background-size: cover;
}
.image-wrapper-vw {
z-index: 4;
flex-direction: column;
justify-content: center;
align-items: center;
width: 40vw;
height: 35vw;
display: flex;
position: relative;
overflow: hidden;
}
.image-wrapper-vw.shadow {
box-shadow: 0 4px 24px -5px #02293880;
}
.text {
font-size: 1.4rem;
font-weight: 300;
line-height: 1.4;
}
.text.light {
color: var(--white-alabaster);
}
.text.light.small {
font-size: 1rem;
}
.text.light.newsletter {
font-size: 1.2rem;
line-height: 1.2;
}
.text.light.lower-margin {
margin-bottom: 1rem;
}
.text.small {
font-size: 1.2rem;
}
.text.normal {
font-weight: 400;
}
.text.normal.lower-margin {
margin-bottom: 1rem;
}
.text.mta {
color: var(--white-alabaster);
letter-spacing: 1px;
font-family: Cormorantunicase, sans-serif;
font-size: 1.1rem;
line-height: 1.3;
}
.section-heading {
color: var(--white-alabaster);
font-family: Quicksand, sans-serif;
font-size: 3.5em;
font-weight: 400;
}
.section-heading.dark {
color: var(--midnight-blue);
}
.section-heading.sky-blue {
color: var(--vivid-sky-blue);
}
.section-heading.sky-blue.small {
font-size: 3em;
}
.section-heading.centre {
text-align: center;
}
.grid-3 {
z-index: 1;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-flow: row;
width: 100%;
position: relative;
}
.grid-3.lower-margin {
margin-bottom: 3rem;
}
.grid-3.col-1rem {
grid-column-gap: 1rem;
}
.video-wrapper {
z-index: 1;
border: 1px solid var(--vivid-sky-blue);
border-radius: 8px;
width: 100%;
height: 500px;
position: relative;
overflow: hidden;
transform: none;
box-shadow: 0 12px 24px -6px #02293880;
}
.video-wrapper._1 {
transform-style: preserve-3d;
position: relative;
inset: auto 0% 0%;
transform: none;
}
.video-wrapper._2 {
transform-style: preserve-3d;
align-self: flex-end;
height: 300px;
position: relative;
inset: auto 0% 0%;
transform: none;
}
.video-wrapper._3 {
transform-style: preserve-3d;
height: 400px;
position: relative;
inset: auto 0% 0%;
transform: none;
}
.video-wrapper._100h {
box-shadow: none;
height: 100%;
}
.video-100w {
width: 100%;
height: 100%;
}
.subtitle {
color: var(--white-alabaster);
font-family: Quicksand, sans-serif;
font-size: 2.4em;
font-weight: 400;
}
.subtitle.dark {
color: var(--midnight-blue);
}
.subtitle.dark.small.light {
font-weight: 300;
}
.subtitle.small {
font-size: 1.8em;
}
.subtitle.sky-blue {
color: var(--vivid-sky-blue);
}
.image-wrapper {
z-index: 3;
margin-left: .5rem;
margin-right: .5rem;
position: relative;
overflow: hidden;
}
.image-wrapper._1rem {
justify-content: center;
align-items: center;
height: 1rem;
display: flex;
overflow: hidden;
}
.image-wrapper.border {
border: 1px solid var(--vivid-sky-blue);
border-radius: 8px;
}
.image-wrapper._400 {
height: 400px;
margin-left: 0;
margin-right: auto;
}
.image-wrapper._100px {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100px;
height: 2rem;
display: flex;
}
.image-wrapper.shadow {
box-shadow: 0 12px 24px -6px #02293880;
}
.image-wrapper._25vw {
width: 25vw;
height: 25vw;
margin-left: 0;
margin-right: 0;
}
.image-wrapper._25vw.absolute {
z-index: 15;
position: absolute;
inset: -25% 25% auto auto;
}
.image-wrapper.logo-letters {
object-fit: contain;
flex-direction: column;
justify-content: center;
align-items: center;
height: 13vh;
margin-left: 0;
margin-right: 0;
display: flex;
}
.image-wrapper.logo-letters.f {
margin-left: -.7rem;
}
.image-wrapper.logo-letters.d {
transform: translate(-.4rem);
}
.image-wrapper.logo-letters.delta {
z-index: 4;
transform: translate(-.2rem);
}
.image-wrapper.hero-stone {
width: 40vh;
position: relative;
}
.image-wrapper.overflow {
overflow: visible;
}
.image-wrapper.overflow._6rem {
width: 6rem;
}
.image-wrapper.overflow._6rem.help-text {
position: absolute;
inset: auto 5% 33% auto;
}
.image-wrapper._3rem {
height: 3rem;
}
.image-wrapper.ambassadors {
width: 100%;
height: 95%;
margin-left: 0;
margin-right: 0;
}
.social-icon {
margin: .25rem .5rem;
}
.twitter-icon, .fb-icon, .linkedin-icon, .instagram-icon {
background-image: linear-gradient(to bottom, var(--white), var(--white));
border-radius: 50%;
width: 35px;
height: 35px;
overflow: hidden;
}
.gold {
color: var(--gold-2);
letter-spacing: .5px;
}
.newsletter-consent-text {
opacity: 1;
color: var(--white-alabaster);
text-align: left;
width: 100%;
font-family: Quicksand, sans-serif;
font-size: .8rem;
font-weight: 300;
line-height: 1.3;
}
.checkbox-label {
display: none;
}
.consent-wrapper {
align-items: flex-start;
margin-top: 5px;
display: flex;
}
.consent-wrapper.footer {
align-items: flex-start;
}
.input {
text-transform: uppercase;
border-style: none none solid;
border-bottom-width: 1px;
border-bottom-color: #ddd;
border-radius: 0;
height: 48px;
margin-bottom: 32px;
padding: 11px 0 13px;
font-family: Oswald, sans-serif;
font-size: 15px;
transition: border .6s;
}
.input:hover {
border-bottom-color: #bbb;
}
.input:focus {
border-bottom-color: #faaf52;
}
.input.newsletter-input {
color: #9cf;
text-transform: lowercase;
background-color: #0000;
border: 1px solid #9cf;
border-radius: 2px;
flex: 1;
margin-bottom: 8px;
margin-right: -2px;
padding-left: 20px;
padding-right: 20px;
font-family: Lato, sans-serif;
font-weight: 300;
transition: box-shadow .6s, border .6s;
}
.input.newsletter-input:hover {
border-color: #ffffff80;
font-family: Lato, sans-serif;
overflow: scroll;
}
.input.newsletter-input:focus {
color: #e8e9ee;
border-width: 2px;
border-color: #9cf;
border-radius: 3px;
font-family: Lato, sans-serif;
font-size: 1rem;
font-weight: 300;
line-height: 1.1;
box-shadow: 2px 2px 10px 5px #9cf6;
}
.input.newsletter-input::placeholder {
color: #e8e9ee;
letter-spacing: .5px;
text-transform: none;
font-family: Quicksand, sans-serif;
font-size: 1rem;
font-weight: 300;
line-height: 1.1;
}
.input.newsletter-input.footer {
background-image: linear-gradient(to bottom, var(--white-alabaster), var(--white-alabaster));
color: #4c667f;
text-transform: none;
border-color: #4c667f;
height: 40px;
font-family: Quicksand, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.2;
}
.input.newsletter-input.footer:active {
color: #1e2833;
text-align: left;
font-family: Quicksand, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.2;
box-shadow: 1px 1px 6px 3px #6cd80066;
}
.input.newsletter-input.footer:focus {
text-align: left;
box-shadow: 1px 1px 6px 3px #6cd80066;
}
.input.newsletter-input.footer:focus-visible, .input.newsletter-input.footer[data-wf-focus-visible] {
color: #1e2833;
text-align: left;
}
.input.newsletter-input.footer::placeholder {
color: #1e2833cc;
text-align: left;
font-family: Quicksand, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.2;
}
.input-wrapper {
display: flex;
}
.input-wrapper.footer {
min-width: 80%;
}
.button-subscribe {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/636e51ed61df293a0697b436_paper-plane-icon.svg"), linear-gradient(to bottom, var(--vivid-sky-blue), var(--vivid-sky-blue));
color: #fff;
text-align: center;
text-transform: uppercase;
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: auto, auto;
border-radius: 0;
width: 40px;
height: 40px;
padding: 11px 24px;
font-family: Oswald, sans-serif;
font-size: 15px;
line-height: 24px;
text-decoration: none;
position: relative;
overflow: hidden;
}
.button-subscribe:hover {
background-color: #f6a136;
}
.form-error {
color: #ee4869;
background-color: #0000;
padding-left: 0;
padding-right: 0;
font-size: 13px;
line-height: 16px;
}
.newsletter-form {
color: #9cf;
text-align: center;
font-family: Lato, sans-serif;
text-decoration: none;
}
.newsletter-form.flex-vertical {
z-index: 7;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.checkbox {
border: 1px solid #9cf;
border-radius: 2px;
}
.checkbox.w--redirected-checked {
background-color: #0000;
}
.checkbox.w--redirected-focus {
box-shadow: none;
}
.checkbox.dark {
border-color: var(--vivid-sky-blue);
}
.checkbox.dark.w--redirected-checked {
background-image: none, linear-gradient(#6cd800d9, #6cd800d9);
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: cover, auto;
}
.form-success {
text-align: center;
background-color: #0000;
padding-left: 0;
padding-right: 0;
font-family: Quicksand, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.2;
}
.form-success.footer {
color: #1e2833;
}
.no-moving-typo-right {
z-index: 2;
justify-content: center;
align-items: center;
width: 300vw;
margin-top: 3vw;
display: flex;
position: absolute;
left: -100vw;
}
.no-moving-typo-right.values {
z-index: 0;
justify-content: flex-start;
align-items: flex-start;
width: 100vw;
height: auto;
margin-top: 0;
inset: 0% auto 0% -10vw;
}
.no-moving-typo-left {
z-index: 2;
justify-content: center;
align-items: center;
width: 300vw;
display: flex;
position: absolute;
left: -100vw;
}
.no-moving-typo-left.values {
z-index: 0;
justify-content: flex-start;
align-items: flex-start;
width: 500vw;
margin-top: 0;
left: -10vw;
}
.sky-blue {
color: var(--vivid-sky-blue);
}
.hover-link {
border-bottom: 1px solid var(--vivid-sky-blue);
color: var(--midnight-blue);
}
.hover-link.white-alabaster {
color: var(--white-alabaster);
}
.cursor {
z-index: 200;
opacity: 0;
mix-blend-mode: overlay;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
transition: opacity .28s;
display: flex;
position: fixed;
inset: 0%;
}
.cursor_stone {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/6372385ec3868a72ccb15081_stone%20white%20no%20gradient%20shadow.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 70%;
border-radius: 100vw;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
display: flex;
}
.html-embed {
cursor: auto;
}
.cursor_stone-_white {
z-index: 3;
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/6371394560a89c7f41b77ac6_stone%20contour%20blue.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 15px;
height: 15px;
position: relative;
}
.cursor_stone-_white.hidden {
display: none;
}
.mta-logo {
width: 90px;
}
.fade-up {
color: var(--blue-sapphire);
letter-spacing: 1px;
font-family: Butler, sans-serif;
font-size: 3em;
font-weight: 300;
}
.logo-letter-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.stone-logo-wrapper {
z-index: 1;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 2rem;
margin-bottom: 2rem;
display: flex;
position: relative;
}
.df-en {
color: var(--prussian);
letter-spacing: 1px;
text-transform: uppercase;
font-size: 2rem;
font-weight: 400;
line-height: 1.3;
}
.df-gr {
color: var(--prussian);
letter-spacing: 1px;
text-transform: uppercase;
font-family: Open Sans, sans-serif;
font-size: 2rem;
font-weight: 400;
line-height: 1.3;
}
.loader {
z-index: 999;
background-image: linear-gradient(to bottom, var(--prussian), var(--prussian));
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
transform: none;
}
.loader-wrapper {
width: 45vw;
}
.popup {
z-index: 500;
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
height: auto;
padding: 2rem;
display: none;
position: fixed;
inset: 0%;
overflow: hidden;
}
.popup_img_wrapper {
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1100px;
display: flex;
position: relative;
}
.defkalion-image {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb47da8f1132951ba3b6b5_DFK%202small.jpg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
min-width: 80%;
height: 30vh;
padding-left: 1rem;
padding-right: 1rem;
display: flex;
position: relative;
box-shadow: 0 15px 30px -6px #022938b3;
}
.defkalion-myth {
opacity: .62;
color: var(--alabaster);
letter-spacing: 8px;
font-family: Manrope, sans-serif;
font-size: 4em;
transform: none;
}
.popup_content_wrapper {
border: 1px solid var(--blue-sapphire);
border-radius: 5px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 1100px;
height: 60vh;
margin-top: 1rem;
padding-bottom: 1rem;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
position: relative;
overflow: auto;
}
.popup_close {
z-index: 20;
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef18677c021dcc5_Orion_close%20(1).svg"), linear-gradient(to bottom, var(--gold-2), var(--gold-2));
cursor: pointer;
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: contain, auto;
border-radius: 50%;
width: 3rem;
height: 3rem;
position: absolute;
inset: 2rem 2rem auto auto;
}
.circle-lg {
background-color: #ffcb30;
border-radius: 100%;
width: 4000px;
height: 4000px;
display: none;
position: absolute;
}
.bar-left {
z-index: 1;
background-color: var(--vivid-sky-blue);
width: 15px;
height: 10em;
position: absolute;
left: 0;
}
.ping-pong-wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: absolute;
top: 0;
overflow: hidden;
}
.ball {
z-index: 2;
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/63782081e86a4569cb269e7d_football.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
border-radius: 100%;
width: 3em;
height: 3em;
position: absolute;
}
.bar-right {
z-index: 1;
background-color: var(--vivid-sky-blue);
width: 15px;
height: 10em;
position: absolute;
right: 0;
}
.go-up-buttpn {
z-index: 60;
background-color: #ffffffe6;
border: 1px solid #0dd1fd4d;
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
margin-bottom: 1rem;
margin-right: 1rem;
padding-left: .125rem;
padding-right: .125rem;
transition: background-color .3s;
display: flex;
position: fixed;
inset: auto 0% 0% auto;
}
.go-up-buttpn:hover {
background-color: #03394fe6;
}
.lottie-up {
width: 55%;
position: relative;
}
.tricks-slider {
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.tricks-slider.hidden {
display: none;
}
.tricks-slider_slide {
color: #fff;
text-align: center;
flex: none;
justify-content: center;
align-items: center;
width: 35%;
margin-right: 2%;
padding: 0;
display: flex;
position: relative;
}
.tricks-slider_wrap {
border: 1px none var(--vivid-sky-blue);
background-color: var(--alabaster);
border-radius: 5px;
flex: none;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.image {
z-index: 1;
object-fit: cover;
width: 200%;
max-width: none;
height: 100%;
position: absolute;
inset: 0% auto 0% 0%;
}
.tricks-slider_flex {
z-index: 2;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.tricks-slider_text {
z-index: 2;
letter-spacing: -.08em;
font-size: 4rem;
font-weight: 400;
position: relative;
}
.progress {
background-color: var(--navajo-white);
width: 80%;
height: 1.5px;
margin-bottom: 5vh;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: auto 0% 0%;
overflow: hidden;
}
.progress_fill {
background-color: var(--vivid-sky-blue);
width: 0%;
height: 100%;
position: relative;
}
.tricks-wrapper {
width: 100%;
position: relative;
}
.liturgies-tab-link {
box-shadow: none;
background-color: #0000;
background-image: none;
border-radius: 35px;
justify-content: center;
align-items: center;
margin: 1rem;
padding: 1.5rem;
display: flex;
overflow: hidden;
}
.liturgies-tab-link.w--current {
background-color: #0000;
}
.handwritten {
color: var(--cornflower-blue);
font-family: Fingerpaint, sans-serif;
}
.handwritten.instructions {
z-index: 7;
display: none;
position: absolute;
inset: 8% 6% auto auto;
}
.handwritten.instructions.finger {
display: none;
top: 9%;
}
.shape {
z-index: 0;
background-image: linear-gradient(to bottom, var(--prussian), var(--prussian));
border-top-left-radius: 50%;
border-top-right-radius: 50%;
width: 300vw;
height: 150vh;
display: none;
position: absolute;
inset: 0% 0% 0% -100vw;
}
.pi-tabs-link {
background-color: #0000;
background-image: linear-gradient(to bottom, var(--vivid-sky-blue), var(--light-blue));
border-radius: 35px;
justify-content: center;
align-items: center;
margin: 1rem;
padding: 1.5rem;
display: flex;
overflow: hidden;
box-shadow: 0 30px 40px -25px #22332ecc;
}
.pi-tabs-link.w--current {
color: #f4faf9;
background-color: #0000;
background-image: linear-gradient(#3a554e 36%, #072f23);
}
.pane-content-wrapper {
box-shadow: none;
object-fit: fill;
background-image: none;
border-radius: 40px;
width: auto;
height: 60vh;
margin: 1rem;
padding: 1rem;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: 400;
position: relative;
overflow: auto;
}
.text-block {
text-align: center;
position: relative;
}
.tab-pane-content-wrapper {
border: 2px solid var(--vivid-sky-blue);
border-radius: 40px;
width: 100%;
min-width: auto;
height: 100%;
overflow: visible;
box-shadow: 0 100px 60px -55px #3a554e99;
}
.tabs-teams-menu {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/63754773a425a0e10b344367_BG%202d.jpg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
border-radius: 40px;
flex-direction: row;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
min-width: 220px;
margin-bottom: 1rem;
margin-right: 1rem;
padding: 1rem 4rem;
display: flex;
position: sticky;
top: 7rem;
box-shadow: 0 60px 100px -30px #22332eb3;
}
.tab-pane-bg {
z-index: -1;
background-image: linear-gradient(#fffffff2, #fffffff2), url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/63754773a425a0dc4634436f_BG%208b.png");
background-position: 0 0, 100% 100%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
border-radius: 40px;
position: absolute;
inset: 0%;
overflow: hidden;
}
.tabs-teams-pane-wrapper {
flex: 1;
width: 100%;
overflow: visible;
}
.tabs-pi-page {
z-index: 1;
flex-direction: column;
align-items: flex-start;
width: 100%;
display: flex;
}
.slider-ambassadors {
background-color: #0000;
flex-direction: column;
align-items: center;
width: 100%;
height: 100%;
padding-bottom: 2rem;
display: flex;
}
.slider-dots-ambassadors {
inset: auto auto 0%;
}
.slide-ambassadors {
border: 1px solid var(--vivid-sky-blue);
border-radius: 12px;
width: 45%;
height: 100%;
margin: 1rem;
overflow: hidden;
box-shadow: 0 8px 12px -3px #03394f99;
}
.mask-100w {
width: 100%;
}
.mask-100w.lower-margin {
margin-bottom: 3rem;
overflow: visible;
}
.slide-30 {
width: 30%;
height: 100%;
margin-left: 1rem;
margin-right: 1rem;
}
.slide-30.border {
border: 1px solid var(--vivid-sky-blue);
border-radius: 8px;
overflow: hidden;
}
.slide-30.border.eiffel-1 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/63795c688c7bd8ac12d67608_AMB%201.jpg");
background-position: 50%;
background-size: cover;
}
.slide-30.eiffel-2 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/63795db412d14b495c0ca78d_AMB%202.jpg");
background-position: 25%;
background-size: cover;
}
.slide-30.eiffel-1 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/63795c688c7bd8ac12d67608_AMB%201.jpg");
background-position: 50%;
background-size: cover;
}
.slide-30.bridge-1 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/638e69c05332d44fce9aed30_Dimitris.jpg");
background-position: 50%;
background-size: cover;
}
.slide-30.bridge-2 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/638e69c09fffbfecd49aaa8a_Dimitris%20ii.jpg");
background-position: 50%;
background-size: cover;
}
.ambassadors {
background-color: #0000;
flex-direction: column;
justify-content: center;
align-items: center;
height: 50vw;
display: flex;
}
.ambassadors.lower-margin {
margin-bottom: 3rem;
}
.mask-ambassadors {
width: 100%;
height: 40vw;
}
.mask-ambassadors.lower-margin {
margin-bottom: 2rem;
}
.right-arrow-ambassadors {
color: var(--prussian);
flex-direction: column;
align-items: flex-end;
}
.left-arrow-ambassadors {
color: var(--prussian);
}
.menu-content {
z-index: 8;
border-left: 1px solid var(--vivid-sky-blue);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: #0000;
background-image: linear-gradient(to right, #f5f7faf2, #fffffff2);
border-radius: 10px;
flex-direction: column;
width: 45vw;
height: 100vh;
padding: 6rem 3rem;
display: flex;
position: fixed;
inset: 1rem 0% 0% 45%;
overflow: auto;
box-shadow: 5px 0 3px #03394f66;
}
.menu-content.space-between {
justify-content: space-between;
align-items: center;
padding: .5rem 1rem;
display: flex;
}
.menu-content.middle {
justify-content: flex-end;
align-items: center;
width: auto;
padding-left: 6rem;
padding-right: 6rem;
display: flex;
}
.menu-content.middle.no-padding {
padding-left: 0;
padding-right: 0;
}
.menu-content.vertical {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.nav-menu-wrapper.horizontal {
width: 100%;
position: relative;
}
.nav-menu-wrapper.horizontal.relative {
justify-content: space-between;
width: 100%;
position: relative;
}
.nav-menu-wrapper.horizontal.centre {
justify-content: center;
}
.nav-link {
z-index: 16;
color: var(--prussian);
width: 100%;
padding: .5rem;
font-family: Quicksand, sans-serif;
font-size: 2.5rem;
font-weight: 400;
line-height: 1.3;
transition: color .4s, transform .4s;
}
.nav-link:hover {
color: var(--vivid-sky-blue);
transform: translate(10px);
}
.nav-link.w--current {
color: var(--vivid-sky-blue);
}
.burger-button {
z-index: 9;
flex-direction: column;
justify-content: center;
align-items: center;
width: 5rem;
height: 5rem;
display: flex;
position: absolute;
top: 0%;
right: 2rem;
}
.top-menu-line {
background-color: var(--vivid-sky-blue);
transform-origin: 0%;
width: 100%;
height: 2px;
margin-bottom: 8px;
}
.bottom-menu-line {
background-color: var(--prussian);
transform-origin: 0%;
width: 100%;
height: 2px;
}
.test-nav {
position: fixed;
inset: 0% 0% auto;
}
.nav-menu-2 {
position: absolute;
}
.video-100h {
height: 100%;
}
.wg-selector-text-wrapper {
align-items: center;
width: 100%;
display: flex;
}
.wg-flag-ico {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
}
.wg-dd-1-list {
background-color: #fff;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
overflow: hidden;
box-shadow: 0 -13px 50px 3px #11179c12;
}
.wg-dd-1-togle {
z-index: 1;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
flex-direction: column;
width: 100%;
padding: 10px 15px;
}
.wg-dd-1-togle:hover {
background-color: var(--vivid-sky-blue);
color: #fff;
}
.wg-element-wrapper {
align-items: center;
display: flex;
position: relative;
}
.wg-flag {
border-radius: 50%;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
margin-right: 10px;
display: flex;
overflow: hidden;
}
.wg-dropdown-1 {
text-transform: uppercase;
flex-direction: column;
align-items: stretch;
width: auto;
font-weight: 700;
}
.wg-dropdown-1-link {
color: #000;
background-color: #fff;
padding: 10px 15px;
text-decoration: none;
transition: background-color .1s;
}
.wg-dropdown-1-link:hover {
background-color: var(--vivid-sky-blue);
color: #fff;
}
.wg-dropdown-1-link.hidden {
display: none;
}
.wg-element {
display: none;
position: absolute;
right: 8rem;
}
.wg-code {
display: none;
}
.wg-lang {
font-family: Quicksand, sans-serif;
font-size: 1.2rem;
font-weight: 500;
}
.switcher-wrapper {
z-index: 6;
flex-direction: row;
justify-content: center;
align-items: stretch;
height: 3rem;
display: flex;
position: absolute;
right: 8rem;
}
@media screen and (min-width: 1280px) {
.section.min-120vh.no-padding.flex-vertical.align-left.align-top {
min-height: 120vh;
}
.bg-colour.sky-blue {
background-image: linear-gradient(to bottom, var(--vivid-sky-blue), var(--vivid-sky-blue));
}
.container-temporary {
max-width: 1200px;
}
.content.flex-vertical.align-left.align-top {
justify-content: flex-start;
}
.img-child.founder {
background-position: 0 0, 0 100%;
}
.img-child.gymnasiarchia {
background-position: 50%;
}
.container {
max-width: 1200px;
}
.image-wrapper-vw {
width: 35vw;
height: 30vw;
}
.tricks-slider_slide {
width: 30%;
}
.progress {
margin-bottom: 10vh;
}
.slide-30.eiffel-2 {
background-size: cover;
}
}
@media screen and (min-width: 1440px) {
body {
letter-spacing: 0;
font-size: 1.125rem;
}
h1 {
font-size: 2.75rem;
}
h2 {
font-size: 2.25rem;
}
h3 {
font-size: 2rem;
}
h4 {
font-size: 1.75rem;
}
h5 {
font-size: 1.5rem;
}
h6 {
font-size: 1.25rem;
}
.content-original.xs, .content-original.medium {
max-width: 800px;
}
.display-1 {
font-size: 5vw;
}
.section {
padding-top: 6vw;
padding-bottom: 6vw;
}
.img-wrapper.small {
height: 640px;
}
.img-wrapper.mini {
height: 320px;
}
.img-wrapper.mini.stretch {
min-height: 320px;
}
.display-2 {
font-size: 2.5rem;
}
.container-ooriginal {
max-width: 1200px;
}
.display-3 {
font-weight: 500;
}
.serif {
font-weight: 400;
}
.tooltip.thumb {
width: 512px;
height: 512px;
top: -256px;
}
.link-moving-typo {
font-weight: 600;
}
.sup {
font-size: .75rem;
}
.project-info {
max-width: 640px;
}
.moving-typo-serif {
bottom: .75vw;
}
.introduction {
font-size: 2.25rem;
font-weight: 300;
}
.index-count {
margin-right: 4px;
}
.display-0 {
font-size: 10vw;
font-weight: 600;
}
.client-gif {
background-size: 100%;
}
.foreword {
font-size: .875rem;
}
.icn-social-small {
width: 36px;
height: 36px;
}
.icn-social-small.facebook, .icn-social-small.twitter, .icn-social-small.linkedin, .icn-social-small.instagram {
background-size: 12px;
}
.icn-social-small.instagram:hover {
background-size: 12px, auto;
}
.services-holder {
font-size: 1rem;
}
.content.upper-margin._4rem {
margin-top: 3rem;
}
.content.align-centre.full-margins.extra-top-bottm {
margin-bottom: 5rem;
}
.img-child.gymnasiarchia {
background-position: 50% 90%;
}
.list-img-parent {
width: 18vw;
height: 25vh;
}
.container {
max-width: 1325px;
}
.image-wrapper-vw {
width: 30vw;
height: 25vw;
}
.image-wrapper._25vw.absolute {
top: -40%;
}
.image-wrapper.overflow._6rem.help-text {
right: 8%;
}
.image-wrapper.ambassadors.border.shadow {
height: 450px;
}
.loader-wrapper {
width: 40vw;
}
.popup {
justify-content: center;
}
.tricks-slider_slide {
width: 28%;
}
.progress {
margin-bottom: 10vh;
}
.slide-30 {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.ambassadors {
height: 55vh;
}
.mask-ambassadors {
height: 45vh;
}
}
@media screen and (min-width: 1920px) {
body {
font-size: 1.25rem;
}
h1 {
font-size: 3.25rem;
}
h2 {
font-size: 2.75rem;
}
h3 {
font-size: 2.5rem;
}
h4 {
font-size: 2.25rem;
}
h5 {
font-size: 2rem;
}
h6 {
font-size: 1.75rem;
}
.display-1 {
font-size: 5.5vw;
}
.display-2 {
font-size: 2.75rem;
}
.container-ooriginal {
max-width: 1680px;
}
.btn {
font-size: 1rem;
}
.navbar {
max-width: 1280px;
height: 6rem;
}
.brand {
width: 160px;
}
.text-field, .caption {
font-size: 1rem;
}
.serif {
font-weight: 400;
}
.category-circle {
margin-right: 8px;
}
.category-holder {
font-size: 1rem;
}
.link-moving-typo {
font-size: 4rem;
}
.link-moving-typo.small {
font-size: 3vw;
}
.icn-social-small {
width: 44px;
height: 44px;
}
.moving-typo-link {
font-weight: 600;
}
.btn-buy-now, .dfk-logo-font {
font-size: 1rem;
}
.content.align-centre.full-margins.extra-top-bottm {
margin-top: 8rem;
margin-bottom: 8rem;
}
.img-child.gymnasiarchia {
background-position: 100% 100%;
}
.img-child.genesis {
background-position: 50%;
}
.list-img-parent {
width: 15vw;
height: 20vh;
}
.container {
max-width: 1390px;
}
.image-wrapper-vw {
width: 25vw;
height: 20vw;
}
.section-heading {
font-size: 3.4em;
}
.subtitle {
font-size: 2.2em;
}
.image-wrapper._25vw {
width: 17vw;
height: 17vw;
}
.image-wrapper._25vw.absolute {
right: 40%;
}
.image-wrapper.logo-letters {
height: 9vw;
}
.image-wrapper.logo-letters.delta {
height: 8.9vw;
}
.image-wrapper.hero-stone {
width: 28vw;
}
.image-wrapper.overflow._6rem.help-text {
right: 12%;
}
.stone-logo-wrapper {
margin-bottom: 5rem;
}
.loader-wrapper {
width: 30vw;
}
.popup_content_wrapper {
flex-direction: column;
}
.tricks-slider_slide {
width: 27%;
}
.ambassadors {
height: 60vh;
}
.mask-ambassadors {
height: 50vh;
}
.menu-content {
width: 35vw;
left: 70%;
}
}
@media screen and (max-width: 991px) {
blockquote {
font-size: 1.5rem;
}
.section-hero {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
padding: 8rem 3rem 3rem;
}
.section-hero._75vh, .section-hero._90vh {
min-height: auto;
}
.section-hero._90vh.no-padding {
padding: 0;
}
.section-hero._50vh, .section-hero._100vh {
min-height: auto;
}
.section-hero.display-block.z-index_3 {
min-height: auto;
padding-left: 0;
padding-right: 0;
}
.content-original.horiz-bottom.width-100.align-right {
justify-content: center;
}
.display-1 {
font-size: 3rem;
}
.display-1.dfk {
font-size: 3.8rem;
}
.no-bottom {
padding-bottom: 0;
}
.no-top {
padding-top: 0;
}
.no-right {
padding-right: 0;
}
.section {
padding: 3rem;
}
.section.min-100vh.no-padding {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.section.no-padding-tablet {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.section.flex-vertical.less-top-padding.less-side-paddings {
padding-left: 1rem;
padding-right: 1rem;
}
.section.flex-vertical._100vh.space-around.hero {
justify-content: center;
height: auto;
min-height: 100vh;
}
.section._8rem {
padding-top: 6rem;
}
.section.min-120vh.no-padding {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.img-wrapper, .img-wrapper.medium, .img-wrapper.medium.stretch, .img-wrapper.small, .img-wrapper.small.stretch, .img-wrapper.mini, .img-wrapper.mini.stretch, .img-wrapper.stretch, .img-wrapper.big, .img-wrapper.big.stretch {
height: auto;
min-height: 512px;
}
.sticky {
top: 0;
}
.bg-colour.cog {
justify-content: flex-start;
padding-top: 2rem;
}
.grid-7 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
.display-2 {
font-size: 2.25rem;
}
.display-2.light {
font-size: 2rem;
}
.margin-bottom {
margin-bottom: 3rem;
}
.bg-image.agency_a-home-2 {
background-size: 50%;
}
.margin-paragraph {
margin-bottom: 1rem;
}
.btn {
padding: 16px 30px;
}
.preloader {
display: none;
}
.navbar {
width: 100%;
max-width: none;
height: 5rem;
display: flex;
top: 0;
left: 0;
right: 0;
}
.navbar._50-left {
justify-content: flex-end;
width: 100%;
}
.nav-menu.space-between {
display: block;
}
.nav-menu.space-between.dfk {
justify-content: space-between;
display: flex;
position: relative;
top: auto;
}
.nav-menu.space-between.dfk.white {
background-color: var(--grey-10);
}
.nav-menu.middle {
padding-left: 32px;
padding-right: 32px;
}
.nav-link-invert {
margin-left: 0;
}
.brand {
width: 100px;
margin-left: 3rem;
position: absolute;
inset: 0% auto 0% 0%;
}
.brand.black, .brand.white {
background-size: 100%;
}
.brand.white.middle-absolute, .brand.white.left-absolute {
margin-left: 3rem;
}
.brand.white.pre {
margin-left: 0;
}
.brand.dfk {
margin-left: auto;
position: relative;
}
.show_skew-on_load.display-1.dfk {
font-size: 3.8rem;
}
.show_skew-on_load.dfk {
font-size: 2.3rem;
}
.grid-6 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
.grid-6._6rem-gap {
grid-row-gap: 3rem;
}
.line-left {
border-top: 1px solid var(--black);
border-left-style: none;
inset: 0% 3rem auto;
}
.menu-button {
padding: 0;
position: absolute;
}
.menu-button.w--open {
background-color: var(--outlines);
}
.menu-button.black {
background-color: var(--dark-grey);
color: #fff;
}
.menu-button.transparent {
color: #fff;
background-color: #0000;
}
.line-top {
left: 3rem;
right: 3rem;
}
.margin-paragraph-mobile {
margin-bottom: 1rem;
}
.grid-no-gap-columns {
grid-row-gap: 5rem;
}
.grid-no-gap-columns._4x, .grid-no-gap-columns._3x {
grid-template-columns: 1fr 1fr;
}
.logo-preloader.dfk {
height: 120px;
}
.serif {
font-weight: 400;
}
.side-fix-left {
height: 3rem;
}
.main-grid {
grid-template-columns: 1fr 1fr;
}
.side-fix-right {
height: 3rem;
}
.tooltip_hover-trigger.thumb-in-card {
flex: 0 auto;
width: 50%;
}
.category-circle.white.bg-black-mobile {
background-color: var(--black);
}
.category-holder {
margin-bottom: .5rem;
}
.hover-line {
display: none;
}
.hover-line.white-8 {
height: 1px;
}
.moving-typo-left {
flex-flow: column wrap;
width: 100%;
margin-top: 0;
display: flex;
position: relative;
left: 0;
}
.moving-typo-left.relative {
left: auto;
}
.link-moving-typo {
margin-top: .5rem;
margin-bottom: .5rem;
padding: 1rem 0;
font-size: 1.75rem;
line-height: 1.3;
}
.link-moving-typo:hover {
background-color: #0000;
}
.link-moving-typo.small {
font-size: 1.75rem;
}
.link-moving-typo.light.no-bg {
font-size: 2rem;
}
.line-separator {
width: 2rem;
margin-left: 1rem;
margin-right: 1rem;
display: none;
}
.moving-typo-right {
flex-wrap: wrap;
width: 100%;
margin-top: 0;
position: relative;
left: 0;
}
.grid-gap-columns {
grid-column-gap: 1rem;
grid-row-gap: 5rem;
}
.navbar-top-transparent-burger {
justify-content: space-between;
height: 4rem;
padding-left: 3rem;
}
.menu-btn-top-transparent-burger {
float: right;
width: 4rem;
height: 4rem;
margin-right: -20px;
display: flex;
position: absolute;
right: 3em;
}
.menu-top-transparent-burger {
width: 100vw;
}
.grid-project-images {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.grid-12 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
.sticky-content {
top: 4rem;
}
.subnavi-holder {
margin-bottom: .5rem;
}
.client-logos-holder, .introduction.margin-bottom {
margin-bottom: 3rem;
}
.horiz-holder-vert_mobile {
margin-bottom: .5rem;
}
.accordion-item-content {
padding-left: 0;
}
.gallery-image {
height: auto;
margin-bottom: 1px;
margin-right: 0;
padding: 3rem;
}
.gallery {
height: auto;
}
.gallery-container {
height: auto;
position: relative;
top: 0;
}
.gallery-scroll-track {
position: relative;
}
.gallery-track {
width: 100%;
height: auto;
display: block;
}
.gallery-track._4x {
width: 100%;
}
.and {
width: 3rem;
height: 3rem;
padding-top: 1rem;
font-size: 1.5rem;
}
.display-0 {
line-height: .9;
}
.display-0.small {
font-size: 3rem;
}
.h6-black-mobile {
color: var(--black);
margin-top: 0;
margin-left: 0;
font-size: 1rem;
}
.font-black-mobile {
color: var(--black);
}
.bg-black-mobile {
background-color: var(--black);
}
.client-gif {
background-size: 48px;
width: 3rem;
height: 3rem;
}
.footer-section {
padding-bottom: 0;
padding-left: 3rem;
padding-right: 3rem;
}
.notice-box {
justify-content: flex-start;
}
.notice-box.middle {
align-items: flex-start;
}
.nav-column {
margin-bottom: 1rem;
}
.display-none-tablet {
display: none;
}
.show_opacity-on_load.align-right {
align-items: flex-start;
}
.h6-white-mobile {
color: #fff;
margin-top: 0;
margin-left: 0;
font-size: 1rem;
font-weight: 700;
}
.h4-white-mobile {
color: #fff;
margin-top: 0;
margin-left: 0;
font-size: 1.5rem;
line-height: 1.3;
}
.moving-typo-list {
flex-wrap: wrap;
width: 100%;
position: relative;
left: 0;
}
.moving-typo-item-holder {
width: 100%;
}
.moving-typo-item-list-wrapper {
width: 100%;
display: block;
position: relative;
}
.navbar-10vh {
height: 5rem;
}
.nav-container-horiz {
justify-content: flex-end;
align-items: center;
padding-left: 3rem;
padding-right: 0;
display: flex;
}
.grid-no-gap-column-rows._3x {
grid-template-columns: 1fr 1fr;
}
.slider.dfk {
background-color: var(--dark-grey);
}
.slide-horiz-parallax {
height: 80vh;
}
.slide-nav {
height: 3rem;
padding-left: 3rem;
padding-right: 3rem;
}
.nav-menu-horiz {
flex-direction: column;
align-items: stretch;
}
.nav-menu-horiz.horizontal {
flex-direction: row;
}
.nav-menu-horiz.horizontal.relative {
flex-direction: row;
align-items: center;
}
.h4-black-mobile {
color: var(--black);
margin-top: 0;
margin-left: 0;
font-size: 1.5rem;
line-height: 1.3;
}
.menu-icon {
justify-content: center;
align-items: center;
width: 5rem;
height: 5rem;
display: flex;
}
.line-bottom-mobile {
background-color: #fff;
width: 100%;
height: 1px;
margin-top: 1rem;
margin-bottom: 3rem;
}
.home-bg {
padding-left: 0;
padding-right: 0;
}
.margin-left {
margin-left: 0;
margin-right: 1rem;
}
.right-arrow {
display: none;
}
.slide-content-1 {
width: auto;
}
.splitscreen {
margin-bottom: 0;
display: block;
}
.splitscreen.reverse {
flex-direction: column-reverse;
display: flex;
}
.background-image-hero.value-1 {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fdb47da7acd5c69977f64e6_DFK%205.jpg");
background-position: 0 0, 50% 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
position: relative;
}
.background-image-hero.home-2-1, .background-image-hero.value-3, .background-image-hero.value-4, .background-image-hero.value-4, .background-image-hero.value-2, .background-image-hero.value-5 {
position: relative;
}
.slide-vertical {
height: 80vh;
}
.right-section {
width: 100%;
}
.left-section {
width: 100%;
padding-bottom: 3rem;
padding-left: 3rem;
padding-right: 3rem;
}
.left-arrow {
display: none;
}
.fix-home {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
position: relative;
}
.cart {
width: 5rem;
}
.cart-wrapper {
justify-content: center;
align-items: center;
right: 5rem;
}
.row {
flex-direction: column;
}
.cart-absolute {
right: 5rem;
}
.grid-license {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
}
.moving-typo-elements {
flex-wrap: wrap;
width: 100%;
position: relative;
}
.content-z-index {
display: none;
}
.moving-typo-holder {
align-items: flex-start;
width: 100%;
}
.grid-moving-bg-image {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: #0000;
grid-template-columns: 1fr 1fr;
}
.section-moving-bg-image {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
height: auto;
padding: 8rem 3rem 3rem;
}
.moving-typo-elements-wrapper {
width: 100%;
display: block;
position: relative;
}
.social-buttons-wrapper {
align-items: flex-start;
}
.about-top-section {
text-align: left;
align-items: flex-start;
}
.wrapper-moving-image {
width: 100%;
height: 512px;
padding: 0;
position: relative;
top: 0;
left: 0;
}
.bg-moving-image {
opacity: 1;
}
.moving-typo-link {
margin-bottom: .5rem;
padding: .5rem 0 1rem;
font-size: 1.75rem;
line-height: 1.3;
}
.services-holder {
margin-bottom: .5rem;
}
.grid-6x1 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
.grid-footer-intro {
grid-template-columns: 1fr 1fr;
}
.social-icons-styleguide {
margin-left: -4px;
}
.list-nav-intro {
text-align: center;
flex-wrap: wrap;
justify-content: center;
}
.section-hero-styleguide {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
padding: 8rem 3rem 3rem;
}
.list-nav-styleguide {
flex-wrap: wrap;
}
.nav-column-intro {
margin-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
}
.bg-video-intro {
display: none;
}
.section-moving-typo-image {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
height: auto;
padding: 8rem 3rem 3rem;
}
.moving-wrapper {
width: 100%;
display: block;
position: relative;
}
.moving-image {
width: 100%;
height: 256px;
padding: 0;
position: relative;
top: 0;
left: 0;
}
.moving-list {
flex-wrap: wrap;
width: 100%;
position: relative;
}
.moving-link {
text-align: left;
justify-content: flex-start;
margin-top: .5rem;
margin-bottom: .5rem;
padding: 0 0 1rem;
font-size: 1.75rem;
line-height: 1.3;
}
.moving-holder {
width: 100%;
}
.btn-buy-now {
padding: 16px 30px;
}
.heading-wrapper-temp {
width: 80%;
}
.dfk {
font-size: 1.8rem;
}
.hover-line-2 {
display: none;
}
.hover-line-2.underline {
display: block;
}
.dfk-logo-font.gr, .dfk-logo-font.center {
text-align: center;
}
.content.flex-horizontal.lower-margin._3ren.align-left {
align-self: stretch;
}
.content.flex-horizontal.lower-margin._5rem {
margin-bottom: 3rem;
}
.content.flex-horizontal.lower-margin.t-m-vertical {
flex-direction: column;
justify-content: center;
align-items: center;
}
.content.upper-margin._5rem, .content.upper-margin._4rem {
margin-top: 4rem;
}
.content.left-padding {
padding-left: .5rem;
}
.content.align-centre.full-margins.extra-top-bottm {
margin-top: 5rem;
}
.btn-txt {
font-size: 1.2em;
}
.tab-panel {
padding: 40px 30px 40px 40px;
}
.img-child.gymnasiarchia {
background-position: 0%;
}
.container-m.t-m {
width: 90%;
}
.heading-md {
font-size: 4vw;
}
.text-source.right-margin {
font-weight: 400;
}
.container-2 {
max-width: 728px;
}
.hero-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: -40px;
}
.hero-split {
max-width: 100%;
margin-bottom: 40px;
}
.list-img-parent {
width: 32vw;
right: 21%;
}
.heading-sm {
font-size: 3vw;
}
.grid-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
.grid-2.t-mob-1 {
grid-template-columns: 1fr;
}
.fit-cover.contain.t-100w {
width: 100%;
height: auto;
}
.logo-wrapper._15vw {
width: 28vw;
}
.logo-wrapper.nav.absolute {
left: 3%;
}
.heading-xl {
font-size: 5rem;
}
.clash-xl {
font-size: 12.7em;
}
.asterisk-xl {
font-size: 5.3em;
}
.dot {
width: 15vw;
height: 15vw;
}
.image-wrapper-vw {
width: 45vw;
height: 40vw;
}
.section-heading {
font-size: 3em;
}
.grid-3 {
grid-column-gap: 1rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.video-wrapper._1 {
width: 60%;
}
.subtitle {
font-size: 2.2em;
}
.image-wrapper.border.shadow.max50w {
max-width: 50%;
}
.image-wrapper.logo-letters {
height: 12vh;
}
.image-wrapper.hero-stone {
width: 37vh;
}
.image-wrapper.overflow._6rem.help-text {
align-self: flex-end;
margin-top: 2rem;
margin-bottom: 1rem;
position: relative;
bottom: auto;
right: auto;
}
.image-wrapper._3rem {
height: 2.8rem;
}
.image-wrapper.ambassadors {
height: 400px;
}
.newsletter-consent-text {
margin-left: 5px;
}
.checkbox {
width: 15px;
height: 15px;
}
.no-moving-typo-right {
flex-wrap: wrap;
width: 100%;
margin-top: 0;
position: relative;
left: 0;
}
.no-moving-typo-right.values {
position: absolute;
}
.no-moving-typo-left {
flex-flow: column wrap;
width: 100%;
margin-top: 0;
display: flex;
position: relative;
left: 0;
}
.no-moving-typo-left.values {
position: absolute;
}
.cursor {
display: none;
}
.loader-wrapper {
width: 50vw;
}
.popup {
flex-direction: column;
align-items: center;
}
.defkalion-image {
background-position: 0 0;
background-repeat: repeat-x;
background-size: cover;
}
.defkalion-myth {
margin-right: 0%;
font-size: 4em;
transform: none;
}
.tricks-slider_slide {
width: 48%;
}
.tricks-slider_text {
font-size: 3rem;
}
.progress {
margin-top: 30px;
}
.liturgies-tab-link {
padding-top: 1rem;
padding-bottom: 1rem;
box-shadow: 0 30px 40px -20px #22332ecc;
}
.handwritten {
font-size: .9rem;
}
.handwritten.instructions {
display: none;
}
.handwritten.instructions.finger {
display: block;
top: 6%;
}
.pi-tabs-link {
padding-top: 1rem;
padding-bottom: 1rem;
box-shadow: 0 30px 40px -20px #22332ecc;
}
.tabs-teams-menu {
flex-flow: wrap;
align-self: stretch;
margin-bottom: 2rem;
margin-right: 0;
position: relative;
top: auto;
box-shadow: 0 15px 25px -15px #22332eb3;
}
.slider-dots-ambassadors {
display: block;
}
.slide-ambassadors {
width: 50vw;
}
.slide-30 {
width: 46%;
}
.ambassadors {
justify-content: flex-start;
height: 60vw;
}
.mask-ambassadors {
height: 45vw;
}
.right-arrow-ambassadors, .left-arrow-ambassadors {
display: block;
}
.menu-content {
width: 50vw;
left: auto;
}
.menu-content.space-between {
display: block;
}
.menu-content.space-between.dfk {
justify-content: space-between;
display: flex;
position: relative;
top: auto;
}
.menu-content.space-between.dfk.white {
background-color: var(--grey-10);
}
.menu-content.middle {
padding-left: 32px;
padding-right: 32px;
}
.nav-menu-wrapper {
flex-direction: column;
align-items: stretch;
}
.nav-menu-wrapper.horizontal {
flex-direction: row;
}
.nav-menu-wrapper.horizontal.relative {
flex-direction: row;
align-items: center;
}
.nav-link {
font-size: 2rem;
}
.switcher-wrapper {
height: 2.8rem;
}
}
@media screen and (max-width: 767px) {
.section-hero {
padding: 6rem 2rem 2rem;
}
.content-original.centered.display-none-tablet {
display: none;
}
.content-original.align-right {
text-align: left;
align-items: flex-start;
}
.content-original.horiz-bottom {
display: block;
}
.display-1 {
letter-spacing: -.025em;
font-size: 2.25rem;
line-height: 1.2;
}
.display-1.dfk {
font-size: 3.5rem;
}
.centered {
display: block;
}
.no-bottom {
padding-bottom: 0;
}
.no-top {
padding-top: 0;
}
.no-right {
padding-right: 0;
}
.section {
padding: 2rem;
}
.section.centered {
display: flex;
}
.section.flex-vertical._100vh.space-around {
height: auto;
min-height: 100vh;
}
.section.flex-vertical._100vh.space-around.hero {
justify-content: center;
}
.section.flex-vertical.approch-hidden {
display: none;
}
.section._8rem {
padding-top: 5rem;
padding-bottom: 5rem;
}
.img-wrapper {
min-height: 320px;
}
.img-wrapper.medium, .img-wrapper.medium.stretch, .img-wrapper.small, .img-wrapper.small.stretch, .img-wrapper.mini, .img-wrapper.mini.stretch, .img-wrapper.stretch, .img-wrapper.big, .img-wrapper.big.stretch {
min-height: 256px;
}
.sticky {
top: 0;
}
.display-2 {
font-size: 2rem;
line-height: 1.2;
}
.display-2.h4-white-mobile {
font-size: 1.5rem;
}
.container-ooriginal.no-right {
margin-left: auto;
margin-right: auto;
}
.margin-bottom {
margin-bottom: 2rem;
}
.bg-image.agency_a-contact_1 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1867e6521dcde_agency-portfolio-template-20.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.bg-image.agency_a-contact_2 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1862fb721dcdf_agency-portfolio-template-23.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.bg-image.agency_a-contact_3 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef1866bff21dce0_agency-portfolio-template-22.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.bg-image.agency_a-contact_4 {
background-image: url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/5fcaac363ef186b24721dce1_agency-portfolio-template-21.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.margin-paragraph {
margin-bottom: 1rem;
}
.navbar {
height: 4rem;
}
.navbar.dfk {
height: 5rem;
}
.brand, .brand.white.middle-absolute, .brand.white.left-absolute {
margin-left: 2rem;
}
.show_skew-on_load.display-1.dfk {
font-size: 3.5rem;
}
.show_skew-on_load.dfk {
font-size: 2.1rem;
}
.grid-6.no-gap {
grid-row-gap: 0px;
}
.grid-6._6rem-gap {
grid-row-gap: 2rem;
}
.line-left {
left: 2rem;
right: 2rem;
}
.padding-left-40 {
padding-left: 0;
}
.icn-social-big {
width: 32px;
height: 32px;
}
.menu-button {
right: 0;
}
.menu-button.transparent {
inset: 0% 0% auto auto;
}
.line-top {
left: 2rem;
right: 2rem;
}
.horizontal {
overflow: auto;
}
.margin-paragraph-mobile {
margin-bottom: 1rem;
}
.grid-no-gap-columns {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.serif {
font-weight: 400;
}
.side-fix-left, .side-fix-right {
height: 2rem;
display: none;
}
.button-circle {
width: 48px;
height: 48px;
padding: 4px;
}
.category-holder.centered {
display: flex;
}
.link-moving-typo, .link-moving-typo.small {
font-size: 1.5rem;
}
.grid-gap-columns {
grid-column-gap: 0rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.navbar-top-transparent-burger {
padding-left: 2rem;
}
.menu-btn-top-transparent-burger {
right: 2em;
}
.menu-top-transparent-burger {
padding-left: 2rem;
padding-right: 2rem;
}
.numbers {
letter-spacing: -.04em;
font-size: 2rem;
}
.grid-project-images {
grid-column-gap: 0rem;
grid-template-columns: 1fr;
}
.padding {
padding: 2rem;
}
.sticky-content {
top: 4rem;
}
.client-logos-holder {
margin-bottom: 2rem;
}
.introduction {
font-size: 1.5rem;
}
.introduction.margin-bottom {
margin-bottom: 2rem;
}
.accordion-item-trigger {
padding-left: 0;
padding-right: 0;
}
.accordion-item-content {
margin-right: .45rem;
padding-left: 0;
padding-right: 0;
}
.gallery-image {
min-width: 22.5%;
padding: 2rem;
}
.card-container, .grid-12x8 {
display: block;
}
.display-0 {
letter-spacing: -.05em;
font-size: 3rem;
line-height: 1.1;
}
.footer-section {
padding-left: 2rem;
padding-right: 2rem;
}
.list-horisontal {
overflow: scroll;
}
.list-horisontal.dfk {
overflow: hidden;
}
.h6-white-mobile {
font-size: 1rem;
}
.icn-social-big-outline {
width: 32px;
height: 32px;
}
.moving-typo-list {
overflow: auto;
}
.navbar-10vh {
height: 4rem;
}
.nav-container-horiz {
padding-left: 2rem;
padding-right: 2rem;
}
.grid-no-gap-column-rows {
grid-template-columns: 1fr;
}
.slide-nav {
height: 2rem;
padding-left: 2rem;
padding-right: 2rem;
}
.navlink-top-transparent-burger {
font-size: 4rem;
}
.menu-icon {
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
}
.icn-social-small, .icn-social-small-outline {
width: 32px;
height: 32px;
}
.line-bottom-mobile {
margin-bottom: 2rem;
}
.left-section {
padding-left: 2rem;
padding-right: 2rem;
}
.cart, .cart-button {
height: 4rem;
}
.cart-wrapper {
right: 4rem;
}
.moving-typo-elements {
overflow: auto;
}
.social-button-outline {
width: 32px;
height: 32px;
}
.section-moving-bg-image {
padding: 6rem 2rem 2rem;
}
.wrapper-moving-image {
height: 320px;
}
.moving-typo-link {
font-size: 1.5rem;
}
.list-nav-intro {
flex-wrap: wrap;
}
.section-hero-styleguide {
padding: 6rem 2rem 2rem;
}
.list-nav-styleguide {
flex-wrap: wrap;
}
.section-moving-typo-image {
padding: 6rem 2rem 2rem;
}
.moving-list {
overflow: auto;
}
.moving-link {
font-size: 1.5rem;
}
.heading-wrapper-temp {
width: 90%;
}
.dfk-logo-font {
font-size: 1.2rem;
}
.dfk-logo-font.gr {
font-size: 1rem;
}
.content.flex-vertical.absolute {
max-width: 90%;
}
.content.upper-margin._5rem, .content.upper-margin._4rem {
margin-top: 1rem;
}
.content.hero-title-wrapper {
margin-bottom: 3rem;
}
.tab-panel {
width: 90%;
}
.tab-line-top {
height: 30px;
}
.tab-btn-parent {
overflow: auto;
}
.tab-active {
width: 200px;
}
.tab-line-btm {
height: 30px;
}
.border-line-btm.thin {
width: 800px;
}
.img-child.founder {
background-position: 0 0, 0 0;
}
.tab-btn-child {
min-width: 200px;
}
.heading-md, .tab-title {
font-size: 6vw;
}
.divider.hero {
height: 4.5rem;
margin-left: .5rem;
margin-right: .5rem;
}
.hero-heading-right {
padding: 60px 15px;
}
.list-img-parent {
display: none;
}
.heading-sm {
font-size: 4vw;
}
.heading-sm.mar-left {
margin-top: 4px;
margin-left: 1em;
}
.logo-wrapper._15vw {
width: 32vw;
}
.logo-wrapper.nav {
height: 2.5rem;
}
.logo-wrapper.nav.absolute {
left: 5%;
}
.heading-xl {
font-size: 3.8rem;
}
.dot.images {
width: 15vw;
height: 15vw;
}
.dot-div {
margin-bottom: 1em;
}
.service-column {
width: 100%;
height: 300px;
}
.text-rotated {
top: 50%;
transform: translate(0, -50%)rotate(-90deg);
}
.section-heading {
font-size: 2.8em;
}
.section-heading.sky-blue.small {
font-size: 2em;
}
.subtitle {
font-size: 2.2em;
}
.image-wrapper.border.shadow.max50w {
max-width: none;
}
.image-wrapper._100px.hiddeb-m {
display: none;
}
.image-wrapper.logo-letters {
height: 12vh;
}
.image-wrapper.logo-letters.f {
margin-left: -.5rem;
}
.image-wrapper.overflow._6rem.help-text {
align-self: flex-end;
width: 5rem;
margin-top: 1rem;
margin-bottom: 1rem;
position: relative;
bottom: auto;
right: auto;
}
.image-wrapper._3rem {
height: 2.5rem;
}
.image-wrapper._3rem.m-hidden {
display: none;
}
.input-wrapper {
justify-content: center;
align-items: flex-start;
display: flex;
}
.newsletter-form {
flex-direction: column;
align-items: center;
display: flex;
}
.fade-up {
font-size: 2.7em;
}
.df-en, .df-gr {
font-size: 1.8rem;
}
.popup_content_wrapper {
padding-left: 1rem;
padding-right: 1rem;
}
.circle-lg {
display: none;
}
.tricks-slider_text {
font-size: 2.8rem;
}
.liturgies-tab-link, .pi-tabs-link {
margin-left: .5rem;
margin-right: .5rem;
}
.slide-ambassadors {
width: 70vw;
}
.slide-30 {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.slide-30.border.shadows {
width: 100%;
}
.slide-30.eiffel-2 {
background-position: 50%;
background-size: contain;
}
.ambassadors {
height: 95vw;
}
.mask-ambassadors {
height: 80vw;
}
.menu-content {
width: 70vw;
padding-left: 2rem;
padding-right: 2rem;
}
.nav-link {
font-size: 1.8rem;
}
.switcher-wrapper {
align-items: stretch;
height: 2.3rem;
}
}
@media screen and (max-width: 479px) {
h1 {
font-size: 2rem;
line-height: 1;
}
h2 {
font-size: 1.75rem;
line-height: 1.1;
}
h3 {
font-size: 1.5rem;
line-height: 1.2;
}
h4 {
font-size: 1.375rem;
line-height: 1.2;
}
h5 {
font-size: 1.125rem;
}
ol {
margin-bottom: 0;
}
.content-original.horizontal {
flex-wrap: wrap;
}
.display-1 {
font-size: 2rem;
}
.display-1.dfk {
font-size: 3rem;
}
.centered {
text-align: left;
}
.no-bottom {
padding-bottom: 0;
}
.no-top {
padding-top: 0;
}
.no-right {
padding-right: 0;
}
.section.flex-vertical._100vh.space-around.hero {
justify-content: center;
min-height: auto;
padding-top: 4rem;
}
.sticky {
top: 0;
}
.display-2 {
font-size: 1.75rem;
}
.margin-bottom {
margin-bottom: 2rem;
}
.margin-paragraph {
margin-bottom: 1rem;
}
.btn {
padding-left: 16px;
padding-right: 16px;
}
.nav-menu.space-between.dfk {
padding: 14px;
}
.show_skew-on_load.display-1.dfk {
font-size: 3rem;
}
.show_skew-on_load.about-text {
font-size: 1.125rem;
}
.show_skew-on_load.dfk {
font-size: 2rem;
}
.display-3.tempo {
font-size: 1rem;
}
.margin-paragraph-mobile {
margin-bottom: 1rem;
}
.grid-no-gap-columns._4x, .grid-no-gap-columns._3x {
grid-template-columns: 1fr;
}
.serif {
font-weight: 400;
}
.side-fix-left, .side-fix-right {
padding-left: 1rem;
padding-right: 1rem;
}
.tooltip_hover-trigger.thumb-in-card {
width: 100%;
}
.category-holder.centered {
justify-content: flex-start;
}
.link-moving-typo, .link-moving-typo.small {
font-size: 1.25rem;
}
.line-separator {
display: none;
}
.numbers {
letter-spacing: -.02em;
font-size: 1.5rem;
}
.grid-project-images {
grid-auto-flow: column dense;
}
.project-info {
width: 100%;
}
.sticky-content {
top: 3rem;
}
.award-x {
margin-left: 4px;
margin-right: 20px;
}
.client-logos-holder {
width: 50%;
margin-right: 0;
}
.introduction {
font-size: 1.25rem;
}
.horiz-holder-vert_mobile {
display: block;
}
.gallery-image {
padding: 1rem;
}
.grid-12x8 {
display: block;
}
.and {
text-align: center;
}
.display-0 {
font-size: 2.25rem;
}
.display-0.small {
font-size: 2rem;
}
.client-gif {
background-size: 32px;
width: 2rem;
height: 2rem;
}
.list-horisontal.dfk {
flex-direction: column;
}
.h6-white-mobile {
font-size: 1rem;
}
.grid-no-gap-column-rows._3x {
grid-template-columns: 1fr;
}
.nav-menu-horiz.horizontal.relative {
flex-direction: column;
}
.nav-menu-horiz.horizontal.centre.mob {
justify-content: flex-end;
}
.navlink-top-transparent-burger {
font-size: 3rem;
}
.cart-absolute {
right: 4rem;
}
.grid-license {
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.wrapper-moving-image {
height: 256px;
}
.moving-typo-link, .moving-link {
font-size: 1.25rem;
}
.hero-section-subtitle {
font-size: 15vw;
}
.container-temporary {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.heading-wrapper-temp {
width: 100%;
}
.dfk-logo-font.center {
margin-bottom: 10px;
}
.show_on_scroll.display-1.dfk-letter-spacing {
letter-spacing: 1em;
}
.content.flex-vertical.align-left.abs {
max-width: 85%;
}
.content.upper-margin._5rem, .content.upper-margin._4rem {
margin-top: 1rem;
}
.content.hero-title-wrapper {
margin-bottom: 1rem;
}
.content.hero-fade {
margin-top: 1rem;
}
.btn-txt {
font-size: 1.1em;
}
.tab-panel {
padding: 30px 20px 30px 30px;
}
.img-child.founder {
background-image: linear-gradient(#fcfbf7ba, #f4f0e3bd), url("https://cdn.prod.website-files.com/5fcaac36d3820755aaa02bf5/63797be2eec282b087daae73_horizon%20BG.jpg");
background-position: 0 0, 0 0;
background-repeat: repeat, repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
}
.container-m {
width: 90%;
}
.heading-md, .tab-title {
font-size: 7vw;
}
.text-source {
font-size: 1.2em;
}
.divider.hero {
width: 3px;
height: 3.5rem;
}
.container-2 {
max-width: none;
}
.list-parent.cursor-normal {
padding-top: 2em;
padding-bottom: 2em;
}
.heading-sm {
font-size: 6vw;
}
.heading-sm.mar-left {
margin-left: 15px;
}
.fit-cover.contain.nav {
height: 100%;
}
.logo-wrapper._15vw {
width: 45vw;
}
.heading-xl {
font-size: 2.5rem;
}
.dot.images {
width: 16vw;
height: 16vw;
}
.service-column {
width: 100%;
}
.image-wrapper-vw {
width: 50vw;
height: 45vw;
}
.section-heading {
font-size: 2.6em;
}
.section-heading.sky-blue.small {
font-size: 1.5em;
}
.subtitle {
font-size: 1.8em;
}
.image-wrapper.logo-letters {
height: 20vw;
}
.image-wrapper.logo-letters.f {
margin-left: -.2rem;
transform: none;
}
.image-wrapper.logo-letters.d, .image-wrapper.logo-letters.delta {
transform: translate(-.1rem);
}
.image-wrapper.hero-stone {
width: 64vw;
}
.newsletter-consent-text {
margin-left: 10px;
}
.input-wrapper.footer {
width: 100%;
}
.checkbox {
border-color: #9cfc;
border-radius: 3px;
width: 20px;
height: 20px;
}
.fade-up {
font-size: 2.2em;
}
.df-en, .df-gr {
font-size: 1.3rem;
}
.loader-wrapper {
width: 60vw;
}
.popup {
justify-content: flex-start;
padding-left: 1rem;
padding-right: 1rem;
}
.defkalion-image {
background-position: 10% 0;
height: 20vh;
}
.defkalion-myth {
letter-spacing: 3px;
font-size: 2.2em;
}
.popup_close {
top: 1.5rem;
right: 1.5rem;
}
.tricks-slider_slide {
width: 80%;
margin-right: 6%;
}
.handwritten {
font-size: .8rem;
}
.handwritten.instructions.finger {
top: 4%;
}
.text-block {
font-size: 1rem;
}
.slider-dots-ambassadors {
display: block;
position: relative;
}
.slide-ambassadors {
width: 90%;
}
.mask-100w.lower-margin {
overflow: hidden;
}
.slide-30.eiffel-2 {
background-position: 50%;
background-size: contain;
}
.ambassadors {
height: 80vh;
}
.mask-ambassadors {
height: 60vh;
}
.menu-content {
padding-left: 1rem;
padding-right: 1rem;
}
.menu-content.space-between.dfk {
padding: 14px;
}
.nav-menu-wrapper.horizontal.relative {
flex-direction: column;
}
.nav-menu-wrapper.horizontal.centre.mob {
justify-content: flex-end;
}
.nav-link {
font-size: 1.6rem;
}
.switcher-wrapper {
height: 2rem;
right: 7rem;
}
}
#w-node-_79b9d619-5499-c5d9-1338-2e3924fcebbc-a58a7226 {
grid-area: 1 / 1 / 7 / 7;
place-self: center;
}
#w-node-_6a8e7153-0b9e-fbda-1408-0b6d3171743e-a58a7226 {
grid-area: 1 / 1 / 8 / 8;
}
#w-node-_6a8e7153-0b9e-fbda-1408-0b6d31717440-a58a7226 {
grid-area: 1 / 1 / 3 / 8;
place-self: end;
}
#w-node-_6a8e7153-0b9e-fbda-1408-0b6d31717443-a58a7226 {
grid-area: 3 / 1 / 6 / 8;
}
#w-node-_7f5d7acc-014d-27cf-619d-7d41d389b5da-a58a7226 {
grid-area: 1 / 1 / 8 / 3;
}
#team.w-node-f2befc4e-7480-0aec-506c-cc903fee62e8-a58a7226 {
grid-area: 1 / 3 / 2 / 8;
}
#w-node-_635686cc-2e8f-5464-db2a-65a16b4db7cc-a58a7226 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f2befc4e-7480-0aec-506c-cc903fee62e9-a58a7226 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_6d4e9ac3-a6d2-42d4-e8c9-e748b86aec5e-a58a7226 {
place-self: start center;
}
#awards.w-node-e090f764-f48f-1f72-c288-7254e0053a4a-a58a7226 {
grid-area: 2 / 3 / 3 / 8;
}
#w-node-c079f6e6-05b5-9a54-083f-d832e6dc6c31-a58a7226 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_7bd9310b-dd5e-118d-7930-ab11946e48e7-a58a7226 {
grid-area: 1 / 3 / 2 / 7;
}
#w-node-_6eff389d-b2b9-54d1-f07b-8030b5513d3f-a58a7226 {
grid-area: 2 / 3 / 3 / 5;
}
#w-node-d71a4330-ad87-778b-2e5a-24fe3ba86e9f-a58a7226 {
grid-area: 2 / 5 / 3 / 7;
}
#clients.w-node-_7daca4fc-8ce8-ed3d-3661-93f5691e99c5-a58a7226 {
grid-area: 3 / 3 / 8 / 8;
}
#w-node-ba866192-597c-bc24-e99b-db68594dd5f4-a58a7226 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-dd64eb89-c1ae-e530-52b7-5b24f7d6bca5-a58a7226 {
grid-area: 1 / 3 / 2 / 7;
}
#w-node-_083dddca-19b4-6963-0a10-ea93562523f2-a58a7226 {
grid-area: 2 / 3 / 3 / 7;
}
#w-node-_95a69de5-a7e1-260c-ca96-7ae69033e3ac-a58a7226, #w-node-_95a69de5-a7e1-260c-ca96-7ae69033e3b1-a58a7226 {
grid-area: span 6 / span 3 / span 6 / span 3;
align-self: stretch;
}
#w-node-afa5d479-a023-6e49-a513-6969f0fdec95-5f186159, #w-node-a198f6fa-e0df-c7e5-9626-40ba2e454efb-5f186159, #w-node-f71177b2-9176-d884-6a4c-ba332570c7ba-5f186159, #w-node-_6ada709d-213d-adde-e864-22185ff1cac2-5f186159 {
grid-area: span 1 / span 3 / span 1 / span 3;
align-self: end;
}
#w-node-a8a48add-f6a8-79d3-a41e-44b5e3e00adb-5f186159 {
grid-area: 6 / 1 / 7 / 4;
}
#w-node-_9215654c-8675-05b8-09a7-e42147c48baa-5f186159 {
grid-area: 6 / 4 / 7 / 7;
justify-self: end;
}
#w-node-ab76fa77-8097-615a-7bd0-c796f873cf1f-6c8a7239 {
grid-area: 1 / 1 / 7 / 4;
}
#w-node-afd8f438-7e1e-e9e1-f32d-eaa7b28792b1-6c8a7239 {
grid-area: 1 / 4 / 4 / 7;
}
#w-node-ab76fa77-8097-615a-7bd0-c796f873cf25-6c8a7239 {
grid-area: 4 / 4 / 7 / 7;
align-self: end;
}
#w-node-_2981178a-383f-2e1a-9ce2-bd882ca8c480-6c8a7239 {
align-self: start;
}
#w-node-_2981178a-383f-2e1a-9ce2-bd882ca8c484-6c8a7239 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_2981178a-383f-2e1a-9ce2-bd882ca8c492-6c8a7239 {
align-self: start;
}
#w-node-_2981178a-383f-2e1a-9ce2-bd882ca8c496-6c8a7239 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_14c6f92a-ce09-e9f9-8c64-043730b77498-6c8a7239 {
grid-area: 1 / 4 / 7 / 7;
}
#w-node-_86c2120c-35e5-0f8f-5ec6-318406e445b5-6c8a7239 {
grid-area: 1 / 1 / 4 / 4;
}
#w-node-_926aa2ac-4df8-87bc-5216-4f2ad2589ed1-6c8a7239 {
grid-area: 4 / 1 / 7 / 4;
}
#w-node-e59bb63f-24e1-73cd-4489-e73561dee68a-6c8a7239 {
grid-area: 1 / 4 / 4 / 7;
}
#w-node-e59bb63f-24e1-73cd-4489-e73561dee690-6c8a7239 {
grid-area: 4 / 4 / 7 / 5;
align-self: end;
}
#w-node-e59bb63f-24e1-73cd-4489-e73561dee69e-6c8a7239 {
grid-area: 4 / 5 / 7 / 7;
align-self: end;
}
#w-node-e59bb63f-24e1-73cd-4489-e73561dee6a5-6c8a7239 {
grid-area: 4 / 1 / 7 / 2;
align-self: end;
}
#w-node-df85a6a1-fa83-4cec-de89-887cec71b72d-f08a724c {
grid-area: 1 / 1 / 7 / 7;
place-self: end center;
}
#w-node-_490ed4dd-6a1d-ab35-5e4b-7d2467d0946c-f08a724c {
grid-area: 1 / 1 / 2 / 7;
}
#w-node-_5cb1dcee-e75a-10c2-18df-7fed3c8565c0-f08a724c {
grid-area: 2 / 2 / 7 / 7;
}
#w-node-d92a3b06-65bb-ac1c-c439-06dc8e965b2b-f08a724c {
grid-area: 1 / 1 / 2 / 7;
}
#w-node-d92a3b06-65bb-ac1c-c439-06dc8e965b2e-f08a724c {
grid-area: 2 / 2 / 7 / 7;
}
#w-node-a8e8ce2f-44ad-721e-9cd1-adf643eca595-f08a724c {
grid-area: 1 / 1 / 2 / 7;
}
#w-node-a8e8ce2f-44ad-721e-9cd1-adf643eca598-f08a724c {
grid-area: 2 / 2 / 7 / 7;
}
#w-node-_55c6f471-cd20-f33b-ec04-3d3e469d9da2-f08a724c {
grid-area: 1 / 1 / 2 / 7;
}
#w-node-_55c6f471-cd20-f33b-ec04-3d3e469d9da5-f08a724c {
grid-area: 2 / 2 / 7 / 7;
}
#w-node-e36e2962-d65b-4a87-2504-9b3f86343145-f08a724c {
grid-area: 1 / 1 / 7 / 2;
}
#w-node-e36e2962-d65b-4a87-2504-9b3f86343153-f08a724c {
grid-area: 1 / 2 / 7 / 3;
}
#w-node-e36e2962-d65b-4a87-2504-9b3f8634315e-f08a724c {
grid-area: 1 / 3 / 7 / 4;
}
#w-node-e36e2962-d65b-4a87-2504-9b3f86343167-f08a724c {
grid-area: 1 / 5 / 7 / 7;
justify-self: end;
}
#w-node-_266ee26c-df81-8740-c645-51223d2cc212-278a7266 {
grid-area: 1 / 1 / 5 / 7;
place-self: center;
}
#w-node-_266ee26c-df81-8740-c645-51223d2cc217-278a7266 {
grid-area: 5 / 1 / 7 / 7;
place-self: auto center;
}
#w-node-_266ee26c-df81-8740-c645-51223d2cc240-278a7266 {
grid-area: 1 / 1 / 8 / 8;
}
#w-node-_266ee26c-df81-8740-c645-51223d2cc242-278a7266 {
grid-area: 1 / 1 / 3 / 8;
align-self: end;
}
#w-node-_266ee26c-df81-8740-c645-51223d2cc245-278a7266 {
grid-area: 3 / 1 / 6 / 8;
}
#w-node-_266ee26c-df81-8740-c645-51223d2cc267-278a7266 {
grid-area: 6 / 1 / 8 / 8;
place-self: start center;
}
#w-node-ac948018-4cb3-3d70-1f69-fb2694b4a08d-278a7266 {
grid-area: 1 / 1 / 5 / 7;
align-self: end;
}
#w-node-ac948018-4cb3-3d70-1f69-fb2694b4a096-278a7266 {
grid-area: 5 / 1 / 7 / 7;
place-self: stretch center;
}
#w-node-_836c5d16-8045-e3ae-06c8-f0f1bf6d7b56-278a7266 {
grid-area: 1 / 1 / 5 / 7;
align-self: end;
}
#w-node-_836c5d16-8045-e3ae-06c8-f0f1bf6d7b63-278a7266 {
grid-area: 5 / 1 / 7 / 7;
place-self: stretch center;
}
#w-node-_9984e43c-cd2f-68bf-16c4-935d8b424f31-278a7266 {
grid-area: 1 / 1 / 5 / 7;
align-self: end;
}
#w-node-_9984e43c-cd2f-68bf-16c4-935d8b424f3e-278a7266 {
grid-area: 5 / 1 / 7 / 7;
place-self: stretch center;
}
#w-node-_47432265-350c-9a5c-3564-63997ccf6333-278a7266 {
grid-area: 1 / 1 / 5 / 7;
align-self: end;
}
#w-node-_47432265-350c-9a5c-3564-63997ccf6340-278a7266 {
grid-area: 5 / 1 / 7 / 7;
place-self: stretch center;
}
#w-node-_1f6d1771-de87-a37c-1092-10b6e04ba41f-278a7266 {
grid-area: 1 / 1 / 5 / 7;
align-self: end;
}
#w-node-_1f6d1771-de87-a37c-1092-10b6e04ba42c-278a7266 {
grid-area: 5 / 1 / 7 / 7;
place-self: stretch center;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6c99e-278a7266 {
grid-area: 1 / 1 / 8 / 3;
}
#service-1.w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6c9b8-278a7266 {
grid-area: 1 / 3 / 2 / 8;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6c9ba-278a7266 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6c9bd-278a7266 {
grid-area: 1 / 3 / 2 / 7;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6c9c0-278a7266 {
grid-area: 2 / 3 / 3 / 7;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6c9d8-278a7266 {
grid-area: 1 / 3 / 6 / 7;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6c9df-278a7266 {
grid-area: 6 / 3 / 7 / 7;
}
#service-2.w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca17-278a7266 {
grid-area: 2 / 3 / 3 / 8;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca19-278a7266 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca1c-278a7266 {
grid-area: 1 / 3 / 2 / 7;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca1f-278a7266 {
grid-area: 2 / 3 / 3 / 7;
}
#w-node-d2c37831-f039-9ebb-ea27-c27914281181-278a7266 {
grid-area: 1 / 3 / 2 / 7;
}
#w-node-d2c37831-f039-9ebb-ea27-c27914281188-278a7266 {
grid-area: 2 / 3 / 3 / 7;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca28-278a7266 {
place-self: start center;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca37-278a7266 {
grid-area: 1 / 3 / 6 / 7;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca3e-278a7266 {
grid-area: 6 / 3 / 7 / 7;
}
#service-3.w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca76-278a7266 {
grid-area: 3 / 3 / 4 / 8;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca78-278a7266 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca7b-278a7266 {
grid-area: 1 / 3 / 2 / 7;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca7e-278a7266 {
grid-area: 2 / 3 / 3 / 7;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca87-278a7266 {
place-self: start center;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca96-278a7266 {
grid-area: 1 / 3 / 6 / 7;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca9d-278a7266 {
grid-area: 6 / 3 / 7 / 7;
}
#service-4.w-node-_5db8cd34-31e5-6704-abab-ed97e63fd7fc-278a7266 {
grid-area: 4 / 3 / 5 / 8;
}
#w-node-_5db8cd34-31e5-6704-abab-ed97e63fd7fe-278a7266 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_5db8cd34-31e5-6704-abab-ed97e63fd801-278a7266 {
grid-area: 1 / 3 / 2 / 7;
}
#w-node-_5db8cd34-31e5-6704-abab-ed97e63fd804-278a7266 {
grid-area: 2 / 3 / 3 / 7;
}
#w-node-_5db8cd34-31e5-6704-abab-ed97e63fd80d-278a7266 {
place-self: start center;
}
#w-node-_5db8cd34-31e5-6704-abab-ed97e63fd81c-278a7266 {
grid-area: 1 / 3 / 6 / 7;
}
#w-node-_5db8cd34-31e5-6704-abab-ed97e63fd823-278a7266 {
grid-area: 6 / 3 / 7 / 7;
}
#service-5.w-node-_8e63993f-b753-293b-e901-ed49ef1f99fa-278a7266 {
grid-area: 5 / 3 / 6 / 8;
}
#w-node-_8e63993f-b753-293b-e901-ed49ef1f99fc-278a7266 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_8e63993f-b753-293b-e901-ed49ef1f99ff-278a7266 {
grid-area: 1 / 3 / 2 / 7;
}
#w-node-_8e63993f-b753-293b-e901-ed49ef1f9a02-278a7266 {
grid-area: 2 / 3 / 3 / 7;
}
#w-node-_8e63993f-b753-293b-e901-ed49ef1f9a0b-278a7266 {
place-self: start center;
}
#w-node-_8e63993f-b753-293b-e901-ed49ef1f9a1a-278a7266 {
grid-area: 1 / 3 / 6 / 7;
}
#w-node-_8e63993f-b753-293b-e901-ed49ef1f9a21-278a7266 {
grid-area: 6 / 3 / 7 / 7;
}
#w-node-_266ee26c-df81-8740-c645-51223d2cc22f-278a7266 {
place-self: start center;
}
#w-node-_266ee26c-df81-8740-c645-51223d2cc270-278a7266, #w-node-_266ee26c-df81-8740-c645-51223d2cc274-278a7266 {
grid-area: span 6 / span 3 / span 6 / span 3;
align-self: stretch;
}
#w-node-_266ee26c-df81-8740-c645-51223d2cc28a-278a7266 {
place-self: start center;
}
#w-node-_266ee26c-df81-8740-c645-51223d2cc28e-278a7266 {
align-self: start;
}
#w-node-_266ee26c-df81-8740-c645-51223d2cc291-278a7266 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_266ee26c-df81-8740-c645-51223d2cc29c-278a7266, #w-node-_266ee26c-df81-8740-c645-51223d2cc2a1-278a7266 {
grid-area: span 6 / span 3 / span 6 / span 3;
align-self: stretch;
}
#w-node-_1b633f07-b6fc-1ed3-7204-101e27b78e88-278a7266 {
grid-area: 1 / 1 / 2 / 4;
place-self: center stretch;
}
#w-node-_1b633f07-b6fc-1ed3-7204-101e27b78e91-278a7266 {
grid-area: 2 / 1 / 3 / 7;
}
#w-node-_11d16db5-7e48-526e-bbca-6e4bba0af38e-7f8a7267 {
grid-area: span 6 / span 6 / span 6 / span 6;
place-self: center start;
}
#w-node-_3a339a98-a628-794b-c54e-1cfb9e2dc170-9e2dc16e {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_3a339a98-a628-794b-c54e-1cfb9e2dc18f-9e2dc16e {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: end;
}
#w-node-_79b9d619-5499-c5d9-1338-2e3924fcebbc-d68a7269 {
grid-area: 1 / 1 / 7 / 7;
place-self: center;
}
#w-node-_4194e825-6c51-a70f-10ea-7aa19fbccd68-d68a7269 {
grid-area: 1 / 2 / 11 / 12;
}
#w-node-_4194e825-6c51-a70f-10ea-7aa19fbccd6b-d68a7269 {
grid-area: 1 / 6 / 11 / 13;
place-self: center end;
}
#w-node-_4194e825-6c51-a70f-10ea-7aa19fbccd6e-d68a7269 {
grid-area: 10 / 1 / 11 / 13;
}
#w-node-_4194e825-6c51-a70f-10ea-7aa19fbccd71-d68a7269 {
grid-area: 11 / 2 / 13 / 7;
align-self: end;
}
#w-node-_45552e34-a298-d3dd-40cc-92d3d741ecbf-d68a7269 {
grid-area: 11 / 7 / 13 / 12;
align-self: end;
}
#w-node-_7c17901b-3061-636e-6813-5436651667d2-d68a7269 {
grid-area: 1 / 2 / 11 / 12;
}
#w-node-_7c17901b-3061-636e-6813-5436651667d4-d68a7269 {
grid-area: 1 / 6 / 11 / 13;
place-self: center end;
}
#w-node-_7c17901b-3061-636e-6813-5436651667d7-d68a7269 {
grid-area: 10 / 1 / 11 / 13;
}
#w-node-_7c17901b-3061-636e-6813-5436651667da-d68a7269 {
grid-area: 11 / 2 / 13 / 7;
align-self: end;
}
#w-node-_7c17901b-3061-636e-6813-5436651667e2-d68a7269 {
grid-area: 11 / 7 / 13 / 12;
align-self: end;
}
#w-node-bbefed2c-f4e1-d8b8-2a92-3c976cde00fd-d68a7269 {
grid-area: 1 / 2 / 11 / 12;
}
#w-node-bbefed2c-f4e1-d8b8-2a92-3c976cde00ff-d68a7269 {
grid-area: 1 / 6 / 11 / 13;
place-self: center end;
}
#w-node-bbefed2c-f4e1-d8b8-2a92-3c976cde0102-d68a7269 {
grid-area: 10 / 1 / 11 / 13;
}
#w-node-bbefed2c-f4e1-d8b8-2a92-3c976cde0105-d68a7269 {
grid-area: 11 / 2 / 13 / 7;
align-self: end;
}
#w-node-bbefed2c-f4e1-d8b8-2a92-3c976cde010d-d68a7269 {
grid-area: 11 / 7 / 13 / 12;
align-self: end;
}
#w-node-_98b73359-3927-a986-735c-6fa5acc548ce-d68a7269 {
grid-area: 1 / 2 / 11 / 12;
}
#w-node-_98b73359-3927-a986-735c-6fa5acc548d0-d68a7269 {
grid-area: 1 / 6 / 11 / 13;
place-self: center end;
}
#w-node-_98b73359-3927-a986-735c-6fa5acc548d3-d68a7269 {
grid-area: 10 / 1 / 11 / 13;
}
#w-node-_98b73359-3927-a986-735c-6fa5acc548d6-d68a7269 {
grid-area: 11 / 2 / 13 / 7;
align-self: end;
}
#w-node-_98b73359-3927-a986-735c-6fa5acc548de-d68a7269 {
grid-area: 11 / 7 / 13 / 12;
align-self: end;
}
#w-node-_62fddc05-385e-862b-4be4-00dedb76084b-d68a7269 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_62fddc05-385e-862b-4be4-00dedb76084c-d68a7269 {
align-self: start;
}
#w-node-_62fddc05-385e-862b-4be4-00dedb76084f-d68a7269 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_4456cfaa-9ef7-6f36-1ff4-9babdc669f59-d68a7269 {
place-self: start center;
}
#w-node-cb77d0a3-b8e2-623c-7524-c9032b76c078-d68a7269 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-cb77d0a3-b8e2-623c-7524-c9032b76c079-d68a7269 {
align-self: start;
}
#w-node-cb77d0a3-b8e2-623c-7524-c9032b76c07d-d68a7269 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_7475b529-a555-e9ec-121e-cbba60d5920c-d68a7269 {
place-self: start center;
}
#w-node-_6bf64782-7f76-71bf-de9d-4f3cdc3451cc-d68a7269 {
grid-area: 1 / 1 / 7 / 4;
align-self: stretch;
}
#w-node-_6bf64782-7f76-71bf-de9d-4f3cdc3451d1-d68a7269 {
grid-area: 1 / 4 / 7 / 7;
align-self: stretch;
}
#w-node-_164a5712-085b-ff98-0c0b-257a50205e25-578a726a {
grid-area: 1 / 1 / 7 / 7;
place-self: center;
}
#w-node-e59bb63f-24e1-73cd-4489-e73561dee68a-578a726a {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-e59bb63f-24e1-73cd-4489-e73561dee690-578a726a, #w-node-e59bb63f-24e1-73cd-4489-e73561dee69e-578a726a {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: start;
}
#w-node-_86c2120c-35e5-0f8f-5ec6-318406e445b5-578a726a {
grid-area: 1 / 1 / 4 / 4;
}
#w-node-_14c6f92a-ce09-e9f9-8c64-043730b77498-578a726a {
grid-area: 1 / 4 / 4 / 7;
}
#w-node-_56fc7534-fedd-e48f-05a4-042ac3fe7206-578a726a {
grid-area: 4 / 1 / 7 / 2;
justify-self: start;
}
#w-node-_776dab9f-95c9-7f6f-9aa5-d3a155677270-578a726a {
grid-area: 4 / 2 / 7 / 4;
}
#w-node-e020f48c-b4df-b8a8-c3dc-c7057e69f14e-578a726a {
grid-area: 4 / 4 / 7 / 5;
justify-self: start;
}
#w-node-_07c2c159-8fdd-3f96-85eb-153874d288f6-578a726a {
grid-area: 4 / 5 / 7 / 7;
}
#w-node-_28795783-8bd7-94f7-a3d9-163f9bdb0ed0-578a726a {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-_28795783-8bd7-94f7-a3d9-163f9bdb0ee6-578a726a {
grid-area: 1 / 4 / 2 / 7;
justify-self: end;
}
#w-node-df85a6a1-fa83-4cec-de89-887cec71b72d-4e8a726b {
grid-area: 1 / 1 / 7 / 7;
place-self: end start;
}
#w-node-e36e2962-d65b-4a87-2504-9b3f86343145-4e8a726b {
grid-area: 1 / 1 / 7 / 2;
}
#w-node-e36e2962-d65b-4a87-2504-9b3f86343153-4e8a726b {
grid-area: 1 / 2 / 7 / 3;
}
#w-node-e36e2962-d65b-4a87-2504-9b3f8634315e-4e8a726b {
grid-area: 1 / 3 / 7 / 4;
}
#w-node-e36e2962-d65b-4a87-2504-9b3f86343167-4e8a726b {
grid-area: 1 / 5 / 7 / 7;
justify-self: end;
}
#w-node-a8e7747d-b1d3-994c-b918-899d60364e42-8b8a7301 {
grid-area: 1 / 1 / 5 / 7;
place-self: center;
}
#w-node-a8e7747d-b1d3-994c-b918-899d60364e47-8b8a7301 {
grid-area: 5 / 1 / 7 / 7;
place-self: auto center;
}
#w-node-d5fd0722-3d2a-13e0-b03b-09be86a23ff8-8b8a7301 {
place-self: start center;
}
#w-node-_60cf390c-d82d-9f4f-2213-a52667959362-8b8a7301 {
grid-area: 1 / 1 / 8 / 8;
}
#w-node-_2e0cda43-41f4-7d63-cded-2365c823f1bc-8b8a7301 {
grid-area: 1 / 1 / 3 / 8;
align-self: end;
}
#w-node-a57ca45f-e963-f0ee-6fc2-06891043d24d-8b8a7301 {
grid-area: 3 / 1 / 6 / 8;
}
#w-node-_4fdc588d-7bba-ee2b-bfb0-7faefbf158e2-8b8a7301 {
grid-area: 6 / 1 / 8 / 8;
place-self: start center;
}
#w-node-_6274b97b-b207-bdca-ee7b-7284c765ed97-8b8a7301, #w-node-_6274b97b-b207-bdca-ee7b-7284c765ed9b-8b8a7301 {
grid-area: span 6 / span 3 / span 6 / span 3;
align-self: stretch;
}
#w-node-_78c0a6b3-225b-3be2-5a39-edac1ecab86e-8b8a7301 {
place-self: start center;
}
#w-node-_78c0a6b3-225b-3be2-5a39-edac1ecab873-8b8a7301 {
align-self: start;
}
#w-node-_94fd1a5a-9ea7-757f-730e-5828bde48a77-8b8a7301 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_149d0550-0051-9491-1eb4-2acedd569884-8b8a7301, #w-node-_149d0550-0051-9491-1eb4-2acedd569888-8b8a7301 {
grid-area: span 6 / span 3 / span 6 / span 3;
align-self: stretch;
}
#w-node-_134a921d-81cf-ea53-e455-428ccf1ea7c6-1c8a7314 {
grid-area: 1 / 1 / 5 / 7;
align-self: end;
}
#w-node-_134a921d-81cf-ea53-e455-428ccf1ea7d1-1c8a7314 {
grid-area: 5 / 1 / 7 / 7;
place-self: stretch center;
}
#w-node-d5ea897f-0233-430f-0657-8859d52b2fe0-1c8a7314 {
grid-area: 1 / 1 / 5 / 7;
align-self: end;
}
#w-node-d5ea897f-0233-430f-0657-8859d52b2feb-1c8a7314 {
grid-area: 5 / 1 / 7 / 7;
place-self: stretch center;
}
#w-node-_164a5712-085b-ff98-0c0b-257a50205e25-1c8a7314 {
grid-area: 1 / 1 / 7 / 4;
}
#w-node-aff2cc52-a26a-8027-87f2-108e9267a5f0-1c8a7314 {
grid-area: 1 / 4 / 7 / 7;
}
#w-node-_97e4807a-fc8b-384c-86ca-6d81858ee4b3-1c8a7314 {
grid-area: 1 / 4 / 4 / 7;
}
#w-node-_97e4807a-fc8b-384c-86ca-6d81858ee4b9-1c8a7314 {
grid-area: 4 / 4 / 7 / 5;
align-self: end;
}
#w-node-_97e4807a-fc8b-384c-86ca-6d81858ee4c7-1c8a7314 {
grid-area: 4 / 5 / 7 / 7;
align-self: end;
}
#w-node-_97e4807a-fc8b-384c-86ca-6d81858ee4ce-1c8a7314 {
grid-area: 4 / 1 / 7 / 2;
align-self: end;
}
#w-node-d6bb0407-478b-a1aa-de39-b887294e501a-ed8a7317, #w-node-_053d75ee-017b-6259-a3ae-2cafa85cdae7-ed8a7317, #w-node-_3837f7ae-99b8-40f2-7165-05ec63af3e12-ed8a7317, #w-node-_3837f7ae-99b8-40f2-7165-05ec63af3e20-ed8a7317, #w-node-_3ac3d608-bc7d-1c8a-2b9f-6e23f1278c18-ed8a7317, #w-node-_3ac3d608-bc7d-1c8a-2b9f-6e23f1278c26-ed8a7317 {
grid-area: span 12 / span 12 / span 12 / span 12;
place-self: end center;
}
#w-node-_490ed4dd-6a1d-ab35-5e4b-7d2467d0946c-ed8a7317 {
grid-area: 1 / 1 / 7 / 7;
align-self: end;
}
#w-node-_5cb1dcee-e75a-10c2-18df-7fed3c8565c0-ed8a7317 {
grid-area: 6 / 5 / 7 / 7;
place-self: end;
}
#w-node-e7625bfb-756b-ab45-2b28-cc60af646fd4-ed8a7317 {
grid-area: 1 / 1 / 4 / 4;
}
#w-node-_26afa38a-b9f6-81fd-9a38-6f2b71e943a2-ed8a7317 {
grid-area: 1 / 4 / 4 / 7;
}
#w-node-_15762e26-4709-2540-1f4c-0c19cc74bee6-ed8a7317 {
grid-area: 4 / 1 / 7 / 4;
}
#w-node-_187578fd-c4a5-7f0d-bc1a-8eafa61eaac9-ed8a7317 {
grid-area: 4 / 4 / 7 / 7;
}
#w-node-_7b081568-af95-7fee-80c3-0435d54b3a35-ed8a7317 {
place-self: start center;
}
#w-node-_70165999-f8bc-e57a-b374-b19fcb3e58fa-ed8a7317 {
grid-area: 1 / 1 / 7 / 2;
}
#w-node-_70165999-f8bc-e57a-b374-b19fcb3e590c-ed8a7317 {
grid-area: 1 / 2 / 7 / 3;
}
#w-node-_70165999-f8bc-e57a-b374-b19fcb3e591b-ed8a7317 {
grid-area: 1 / 3 / 7 / 4;
}
#w-node-_70165999-f8bc-e57a-b374-b19fcb3e5924-ed8a7317 {
grid-area: 1 / 5 / 7 / 7;
justify-self: end;
}
#w-node-_11d16db5-7e48-526e-bbca-6e4bba0af38e-068a731c {
grid-area: span 6 / span 6 / span 6 / span 6;
place-self: center start;
}
#w-node-_986b4e2e-dae8-7041-b397-0536882e2009-068a731c {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_2d57b7a1-ff56-90b3-7f98-b7397d7c109b-828a731d {
grid-area: span 6 / span 6 / span 6 / span 6;
place-self: center start;
}
#w-node-_79b9d619-5499-c5d9-1338-2e3924fcebbc-6e8a731f {
grid-area: 1 / 1 / 7 / 4;
place-self: end start;
}
#w-node-_5db50686-a4b1-4d8e-cc5f-9308d45a8047-6e8a731f {
grid-area: 1 / 4 / 7 / 7;
place-self: end;
}
#w-node-b70c8c8f-f71d-9d61-680f-2b8d2e7eca8c-6e8a731f, #w-node-d5fd0722-3d2a-13e0-b03b-09be86a23ff8-6e8a731f {
place-self: start center;
}
#w-node-_149d0550-0051-9491-1eb4-2acedd569884-6e8a731f, #w-node-_149d0550-0051-9491-1eb4-2acedd569888-6e8a731f {
grid-area: span 6 / span 3 / span 6 / span 3;
align-self: stretch;
}
#w-node-_484a69b3-5c49-d64c-115f-212ca2b8aa91-5a8a7320 {
grid-area: 1 / 1 / 7 / 7;
place-self: end start;
}
#w-node-d8d45e88-64c0-1125-2ebb-c4a186e42737-5a8a7320 {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-d8d45e88-64c0-1125-2ebb-c4a186e4274d-5a8a7320 {
grid-area: 1 / 4 / 2 / 7;
justify-self: end;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428d71-c98a7344 {
grid-area: 1 / 1 / 5 / 7;
place-self: center;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428d79-c98a7344 {
grid-area: 5 / 1 / 7 / 7;
place-self: auto center;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428da6-c98a7344 {
grid-area: 1 / 1 / 8 / 8;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428da8-c98a7344 {
grid-area: 1 / 1 / 3 / 8;
align-self: end;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428dad-c98a7344 {
grid-area: 3 / 1 / 6 / 8;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428dcf-c98a7344 {
grid-area: 6 / 1 / 8 / 8;
place-self: start center;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428de2-c98a7344 {
grid-area: 1 / 1 / 5 / 7;
align-self: end;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428ded-c98a7344 {
grid-area: 5 / 1 / 7 / 7;
place-self: stretch center;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428df7-c98a7344 {
grid-area: 1 / 1 / 5 / 7;
align-self: end;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e07-c98a7344 {
grid-area: 5 / 1 / 7 / 7;
place-self: stretch center;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e11-c98a7344 {
grid-area: 1 / 1 / 5 / 7;
align-self: end;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e1f-c98a7344 {
grid-area: 5 / 1 / 7 / 7;
place-self: stretch center;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e29-c98a7344 {
grid-area: 1 / 1 / 5 / 7;
align-self: end;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e34-c98a7344 {
grid-area: 5 / 1 / 7 / 7;
place-self: stretch center;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e3e-c98a7344 {
grid-area: 1 / 1 / 5 / 7;
align-self: end;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e49-c98a7344 {
grid-area: 5 / 1 / 7 / 7;
place-self: stretch center;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e61-c98a7344 {
grid-area: 1 / 1 / 8 / 3;
}
#service-1.w-node-_27bb0553-e419-4493-5213-b6431d428e89-c98a7344 {
grid-area: 1 / 3 / 2 / 8;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e8b-c98a7344 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e8f-c98a7344 {
grid-area: 1 / 3 / 2 / 7;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e92-c98a7344 {
grid-area: 2 / 3 / 3 / 7;
}
#w-node-_5796f583-0cb3-6a2a-bba7-7b218d3c0314-c98a7344 {
grid-area: 1 / 3 / 2 / 7;
}
#w-node-_5796f583-0cb3-6a2a-bba7-7b218d3c0317-c98a7344 {
grid-area: 2 / 3 / 3 / 7;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e96-c98a7344 {
grid-area: 1 / 3 / 6 / 7;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e9d-c98a7344 {
grid-area: 6 / 3 / 7 / 7;
}
#service-2.w-node-_27bb0553-e419-4493-5213-b6431d428ed5-c98a7344 {
grid-area: 2 / 3 / 3 / 8;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428ed7-c98a7344 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428edb-c98a7344 {
grid-area: 1 / 3 / 2 / 7;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428ede-c98a7344 {
grid-area: 2 / 3 / 3 / 7;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428ee2-c98a7344 {
grid-area: 1 / 3 / 2 / 7;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428ee5-c98a7344 {
grid-area: 2 / 3 / 3 / 7;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428f30-c98a7344 {
place-self: start center;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428f3f-c98a7344 {
grid-area: 1 / 3 / 6 / 7;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428f46-c98a7344 {
grid-area: 6 / 3 / 7 / 7;
}
#service-3.w-node-_27bb0553-e419-4493-5213-b6431d428f7e-c98a7344 {
grid-area: 3 / 3 / 4 / 8;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428f80-c98a7344 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428f84-c98a7344 {
grid-area: 1 / 3 / 2 / 7;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428f87-c98a7344 {
grid-area: 2 / 3 / 3 / 7;
}
#w-node-_6405f2f6-e219-d4d2-ae03-aadfb8beba22-c98a7344 {
grid-area: 1 / 3 / 2 / 7;
}
#w-node-_6405f2f6-e219-d4d2-ae03-aadfb8beba25-c98a7344 {
grid-area: 2 / 3 / 3 / 7;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428f8e-c98a7344 {
place-self: start center;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428f9d-c98a7344 {
grid-area: 1 / 3 / 6 / 7;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428fa4-c98a7344 {
grid-area: 6 / 3 / 7 / 7;
}
#service-4.w-node-_27bb0553-e419-4493-5213-b6431d428fdc-c98a7344 {
grid-area: 4 / 3 / 5 / 8;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428fde-c98a7344 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428fe2-c98a7344 {
grid-area: 1 / 3 / 2 / 7;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428fe5-c98a7344 {
grid-area: 2 / 3 / 3 / 7;
}
#w-node-b0b7e3ed-5fec-ab1d-dae6-1cfd2bb8e9b5-c98a7344 {
grid-area: 1 / 3 / 2 / 7;
}
#w-node-b0b7e3ed-5fec-ab1d-dae6-1cfd2bb8e9b8-c98a7344 {
grid-area: 2 / 3 / 3 / 7;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428fec-c98a7344 {
place-self: start center;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428ffb-c98a7344 {
grid-area: 1 / 3 / 6 / 7;
}
#w-node-_27bb0553-e419-4493-5213-b6431d429002-c98a7344 {
grid-area: 6 / 3 / 7 / 7;
}
#service-5.w-node-_27bb0553-e419-4493-5213-b6431d42903a-c98a7344 {
grid-area: 5 / 3 / 6 / 8;
}
#w-node-_27bb0553-e419-4493-5213-b6431d42903c-c98a7344 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d429040-c98a7344 {
grid-area: 1 / 3 / 2 / 7;
}
#w-node-_27bb0553-e419-4493-5213-b6431d429043-c98a7344 {
grid-area: 2 / 3 / 3 / 7;
}
#w-node-_3e5df2fa-3e2c-42b7-5387-645c37848832-c98a7344 {
grid-area: 1 / 3 / 2 / 7;
}
#w-node-_3e5df2fa-3e2c-42b7-5387-645c37848835-c98a7344 {
grid-area: 2 / 3 / 3 / 7;
}
#w-node-_27bb0553-e419-4493-5213-b6431d42904d-c98a7344 {
place-self: start center;
}
#w-node-_27bb0553-e419-4493-5213-b6431d42905c-c98a7344 {
grid-area: 1 / 3 / 6 / 7;
}
#w-node-_27bb0553-e419-4493-5213-b6431d429063-c98a7344 {
grid-area: 6 / 3 / 7 / 7;
}
#w-node-_27bb0553-e419-4493-5213-b6431d4290a5-c98a7344 {
place-self: start center;
}
#w-node-_27bb0553-e419-4493-5213-b6431d4290b7-c98a7344, #w-node-_27bb0553-e419-4493-5213-b6431d4290bb-c98a7344 {
grid-area: span 6 / span 3 / span 6 / span 3;
align-self: stretch;
}
#w-node-_27bb0553-e419-4493-5213-b6431d4290d1-c98a7344 {
place-self: start center;
}
#w-node-_27bb0553-e419-4493-5213-b6431d4290d5-c98a7344 {
align-self: start;
}
#w-node-_27bb0553-e419-4493-5213-b6431d4290d8-c98a7344 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_27bb0553-e419-4493-5213-b6431d4290e3-c98a7344, #w-node-_27bb0553-e419-4493-5213-b6431d4290e8-c98a7344 {
grid-area: span 6 / span 3 / span 6 / span 3;
align-self: stretch;
}
#w-node-_27bb0553-e419-4493-5213-b6431d42910d-c98a7344 {
grid-area: 1 / 1 / 2 / 4;
place-self: center stretch;
}
#w-node-_27bb0553-e419-4493-5213-b6431d429110-c98a7344 {
grid-area: 2 / 1 / 3 / 7;
}
#w-node-_79b9d619-5499-c5d9-1338-2e3924fcebbc-738a7345 {
grid-area: 1 / 1 / 7 / 7;
place-self: center;
}
#w-node-_7f5d7acc-014d-27cf-619d-7d41d389b5da-738a7345 {
grid-area: 1 / 1 / 8 / 3;
}
#service-1.w-node-f2befc4e-7480-0aec-506c-cc903fee62e8-738a7345 {
grid-area: 1 / 3 / 2 / 8;
}
#w-node-e99f6316-79a5-fe04-a4bc-1babe9b09e2b-738a7345 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-ca799a3d-c1d4-0286-e0d1-1a53c5f045ce-738a7345 {
grid-area: 1 / 3 / 2 / 7;
}
#w-node-d4725060-834e-19e1-ef15-b9a875747678-738a7345 {
grid-area: 2 / 3 / 7 / 7;
}
#w-node-_739bb11a-931b-499b-8fbc-0aecff161156-738a7345 {
place-self: start center;
}
#w-node-b0f2393f-7863-c383-d6f8-9c338b584620-738a7345 {
grid-area: 1 / 3 / 6 / 7;
}
#w-node-b14be5ee-6cf4-8c35-0210-868b47b62707-738a7345 {
grid-area: 6 / 3 / 7 / 7;
}
#service-2.w-node-e090f764-f48f-1f72-c288-7254e0053a4a-738a7345 {
grid-area: 2 / 3 / 3 / 8;
}
#w-node-_6ab3fece-034e-1ef9-c61f-fefce4a4a253-738a7345 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_6ab3fece-034e-1ef9-c61f-fefce4a4a256-738a7345 {
grid-area: 1 / 3 / 2 / 7;
}
#w-node-_6ab3fece-034e-1ef9-c61f-fefce4a4a259-738a7345 {
grid-area: 2 / 3 / 7 / 7;
}
#w-node-_049e267e-20fe-5c24-1183-00fa4f00f7bc-738a7345 {
place-self: start center;
}
#w-node-_533b08aa-4d6e-217c-356c-b01ef7aac95e-738a7345 {
grid-area: 1 / 3 / 6 / 7;
}
#w-node-_533b08aa-4d6e-217c-356c-b01ef7aac965-738a7345 {
grid-area: 6 / 3 / 7 / 7;
}
#service-3.w-node-_7daca4fc-8ce8-ed3d-3661-93f5691e99c5-738a7345 {
grid-area: 3 / 3 / 8 / 8;
}
#w-node-c3cc4e93-a0e4-c016-ba83-ec0a3aaddf43-738a7345 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-c3cc4e93-a0e4-c016-ba83-ec0a3aaddf46-738a7345 {
grid-area: 1 / 3 / 2 / 7;
}
#w-node-c3cc4e93-a0e4-c016-ba83-ec0a3aaddf49-738a7345 {
grid-area: 2 / 3 / 7 / 7;
}
#w-node-_73eca078-5e3a-67d2-5e6e-ea4f651ee7b8-738a7345 {
place-self: start center;
}
#w-node-ed321b29-7477-c543-45c3-306829cb7863-738a7345 {
grid-area: 1 / 3 / 6 / 7;
}
#w-node-ed321b29-7477-c543-45c3-306829cb786a-738a7345 {
grid-area: 6 / 3 / 7 / 7;
}
#w-node-_62fddc05-385e-862b-4be4-00dedb76084c-738a7345 {
align-self: start;
}
#w-node-_62fddc05-385e-862b-4be4-00dedb76084f-738a7345 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-cb77d0a3-b8e2-623c-7524-c9032b76c079-738a7345 {
align-self: start;
}
#w-node-cb77d0a3-b8e2-623c-7524-c9032b76c07d-738a7345 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_78023077-2077-a211-e0b5-c362b4b45faf-738a7345 {
align-self: start;
}
#w-node-_78023077-2077-a211-e0b5-c362b4b45fb3-738a7345 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_8444d6ef-d473-55fb-def7-583b77067c83-738a7345 {
align-self: start;
}
#w-node-_8444d6ef-d473-55fb-def7-583b77067c87-738a7345 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_95a69de5-a7e1-260c-ca96-7ae69033e3ac-738a7345, #w-node-_95a69de5-a7e1-260c-ca96-7ae69033e3b1-738a7345 {
grid-area: span 6 / span 3 / span 6 / span 3;
align-self: stretch;
}
#w-node-_11d16db5-7e48-526e-bbca-6e4bba0af38e-e58a734f {
grid-area: span 6 / span 6 / span 6 / span 6;
place-self: center start;
}
#w-node-_11d16db5-7e48-526e-bbca-6e4bba0af395-e58a734f {
grid-area: span 6 / span 2 / span 6 / span 2;
}
#w-node-_11d16db5-7e48-526e-bbca-6e4bba0af39c-e58a734f {
grid-area: span 6 / span 4 / span 6 / span 4;
}
#w-node-_986b4e2e-dae8-7041-b397-0536882e2009-e58a734f {
grid-area: span 6 / span 2 / span 6 / span 2;
}
#w-node-_986b4e2e-dae8-7041-b397-0536882e200d-e58a734f {
grid-area: span 6 / span 4 / span 6 / span 4;
}
#w-node-df95874c-8fa6-bed1-b804-85a2a45d8108-e58a734f {
grid-area: span 6 / span 2 / span 6 / span 2;
}
#w-node-df95874c-8fa6-bed1-b804-85a2a45d810c-e58a734f {
grid-area: span 6 / span 4 / span 6 / span 4;
}
#w-node-_8afae748-2f35-1037-cdfa-48538ad38974-e58a734f {
grid-area: span 6 / span 2 / span 6 / span 2;
}
#w-node-_8afae748-2f35-1037-cdfa-48538ad38978-e58a734f {
grid-area: span 6 / span 4 / span 6 / span 4;
}
#w-node-b1e10c87-a22d-9f91-f8b4-3abcbfee1aad-e58a734f {
grid-area: span 6 / span 2 / span 6 / span 2;
}
#w-node-b1e10c87-a22d-9f91-f8b4-3abcbfee1ab1-e58a734f {
grid-area: span 6 / span 4 / span 6 / span 4;
}
#w-node-cd706d36-9714-c54f-7d2c-7fe48c668140-e58a734f {
grid-area: span 6 / span 2 / span 6 / span 2;
}
#w-node-cd706d36-9714-c54f-7d2c-7fe48c668144-e58a734f {
grid-area: span 6 / span 4 / span 6 / span 4;
}
#w-node-_7290aa35-ebc8-f3e2-d7bd-555ae0d29ad6-e58a734f {
grid-area: span 6 / span 2 / span 6 / span 2;
}
#w-node-_7290aa35-ebc8-f3e2-d7bd-555ae0d29ada-e58a734f {
grid-area: span 6 / span 4 / span 6 / span 4;
}
#w-node-bfc79aec-161a-f2d4-d2c9-fca12d242625-e58a734f {
place-self: start center;
}
#w-node-bfc79aec-161a-f2d4-d2c9-fca12d24262c-e58a734f {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_0fe4afca-684c-a936-cae4-499d4e417e0c-e58a734f {
grid-area: span 6 / span 2 / span 6 / span 2;
}
#w-node-_0fe4afca-684c-a936-cae4-499d4e417e10-e58a734f {
grid-area: span 6 / span 4 / span 6 / span 4;
}
#w-node-f6daf6b5-97a6-ff1b-3304-21739643b7e3-e58a734f {
grid-area: span 6 / span 2 / span 6 / span 2;
}
#w-node-f6daf6b5-97a6-ff1b-3304-21739643b7e7-e58a734f {
grid-area: span 6 / span 4 / span 6 / span 4;
}
#w-node-_84ed1edc-72b3-6d55-9a5a-23efc3b3cc5b-e58a734f {
grid-area: span 6 / span 2 / span 6 / span 2;
}
#w-node-_84ed1edc-72b3-6d55-9a5a-23efc3b3cc5f-e58a734f {
grid-area: span 6 / span 4 / span 6 / span 4;
}
#w-node-e3759a73-c62f-bca4-3511-254672c4ebef-e58a734f {
grid-area: 1 / 1 / 8 / 8;
}
#w-node-e3759a73-c62f-bca4-3511-254672c4ebf1-e58a734f {
grid-area: 1 / 1 / 3 / 8;
place-self: end;
}
#w-node-e3759a73-c62f-bca4-3511-254672c4ebf7-e58a734f {
grid-area: 3 / 1 / 6 / 8;
}
#w-node-_0594b04c-5b9e-c724-17f7-696de38cefc1-e58a734f {
grid-area: 1 / 1 / 3 / 8;
align-self: center;
}
#w-node-_0594b04c-5b9e-c724-17f7-696de38cefc7-e58a734f {
grid-area: 6 / 1 / 8 / 8;
align-self: center;
}
#w-node-_0594b04c-5b9e-c724-17f7-696de38cefcb-e58a734f {
grid-area: 4 / 1 / 5 / 8;
align-self: center;
}
#w-node-_0594b04c-5b9e-c724-17f7-696de38ceff0-e58a734f {
grid-area: 1 / 1 / 8 / 8;
}
#w-node-_3ea8ac74-d456-d834-6127-25dd5ed2ee0c-588a7350 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3ea8ac74-d456-d834-6127-25dd5ed2ee13-588a7350 {
align-self: end;
}
#w-node-_3ea8ac74-d456-d834-6127-25dd5ed2ee21-588a7350 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3ea8ac74-d456-d834-6127-25dd5ed2ee22-588a7350 {
align-self: center;
}
#w-node-_3ea8ac74-d456-d834-6127-25dd5ed2ee28-588a7350, #w-node-_3ea8ac74-d456-d834-6127-25dd5ed2ee32-588a7350 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3ea8ac74-d456-d834-6127-25dd5ed2ee39-588a7350 {
align-self: start;
}
#w-node-_5477edcf-978f-3436-5666-d087a74badc6-d08a7351 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#exclude-df-gr.w-node-_40e95038-d71f-b42b-bf10-154f2257e09e-d08a7351 {
justify-self: end;
}
#exclude-df.w-node-dbf3b002-8f3c-ed3f-edff-f03369419fd2-d08a7351 {
justify-self: start;
}
#w-node-a66a24a1-6bec-7f39-ec19-cb2221897f5d-d08a7351 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-_0459dfae-66b3-5689-d2ce-f903ce860189-d08a7351, #w-node-_8088e608-5b59-c594-2a84-a6bee1bab741-d08a7351, #w-node-_080ebd91-aead-3b0e-67cb-d5754cdc20a5-d08a7351, #w-node-_080ebd91-aead-3b0e-67cb-d5754cdc20a6-d08a7351 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a1be142e-10a3-aa58-58be-0c28b6fd8209-d08a7351, #w-node-_7550ea8c-5d7c-d719-f473-69b41d220ac8-d08a7351 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-_7550ea8c-5d7c-d719-f473-69b41d220acd-d08a7351, #w-node-_7550ea8c-5d7c-d719-f473-69b41d220ace-d08a7351 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a104c8bb-4855-b56f-4c2d-1e1ebe4c59d0-d08a7351 {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: start;
}
#w-node-a104c8bb-4855-b56f-4c2d-1e1ebe4c59d1-d08a7351 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_72ad0c9e-5580-c90c-70fe-48da5aa024ae-d08a7351 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_72ad0c9e-5580-c90c-70fe-48da5aa024af-d08a7351 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_23fe4e7d-76f9-0140-20c3-3defcaaa3c58-d08a7351 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_6cb55170-287f-5ab2-e0e1-602185c1699b-d08a7351 {
justify-self: center;
}
#w-node-_239bd44c-adb5-14ec-f41e-9c9433393505-d08a7351, #w-node-_06a01624-24aa-3a4a-49d0-354d781e636f-d08a7351 {
align-self: start;
}
#w-node-_79b9d619-5499-c5d9-1338-2e3924fcebbc-bc8a7352 {
grid-area: 1 / 1 / 7 / 4;
place-self: end start;
}
#w-node-_41a016c8-f138-247c-a2fa-a48924176113-bc8a7352 {
grid-area: 1 / 4 / 7 / 7;
place-self: end start;
}
#w-node-b70c8c8f-f71d-9d61-680f-2b8d2e7eca8c-bc8a7352, #w-node-d5fd0722-3d2a-13e0-b03b-09be86a23ff8-bc8a7352 {
place-self: start center;
}
#w-node-_149d0550-0051-9491-1eb4-2acedd569884-bc8a7352, #w-node-_149d0550-0051-9491-1eb4-2acedd569888-bc8a7352 {
grid-area: span 6 / span 3 / span 6 / span 3;
align-self: stretch;
}
#w-node-_164a5712-085b-ff98-0c0b-257a50205e25-1b8a7353 {
grid-area: 1 / 1 / 7 / 7;
place-self: end start;
}
#w-node-_0e68b0a6-9a14-9f4c-b2c4-e88a6acb287b-1b8a7353 {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-_0e68b0a6-9a14-9f4c-b2c4-e88a6acb2891-1b8a7353 {
grid-area: 1 / 4 / 2 / 7;
justify-self: end;
}
#w-node-df85a6a1-fa83-4cec-de89-887cec71b72d-7f8a7354 {
grid-area: 1 / 1 / 7 / 7;
place-self: end center;
}
#w-node-_137bb98e-dd7e-2367-1b58-231d825efc00-7f8a7354, #w-node-_137bb98e-dd7e-2367-1b58-231d825efc10-7f8a7354, #w-node-_137bb98e-dd7e-2367-1b58-231d825efc18-7f8a7354, #w-node-_137bb98e-dd7e-2367-1b58-231d825efc28-7f8a7354, #w-node-_137bb98e-dd7e-2367-1b58-231d825efc30-7f8a7354, #w-node-_137bb98e-dd7e-2367-1b58-231d825efc40-7f8a7354, #w-node-bb7e5a79-46f3-9ce8-449f-4e1b78169618-7f8a7354, #w-node-bb7e5a79-46f3-9ce8-449f-4e1b78169628-7f8a7354 {
grid-area: span 12 / span 12 / span 12 / span 12;
place-self: end center;
}
#w-node-_137bb98e-dd7e-2367-1b58-231d825efc67-7f8a7354 {
grid-area: 1 / 1 / 7 / 2;
}
#w-node-_137bb98e-dd7e-2367-1b58-231d825efc79-7f8a7354 {
grid-area: 1 / 2 / 7 / 3;
}
#w-node-_137bb98e-dd7e-2367-1b58-231d825efc88-7f8a7354 {
grid-area: 1 / 3 / 7 / 4;
}
#w-node-_137bb98e-dd7e-2367-1b58-231d825efc91-7f8a7354 {
grid-area: 1 / 5 / 7 / 7;
justify-self: end;
}
#w-node-df85a6a1-fa83-4cec-de89-887cec71b72d-728a7358 {
grid-area: 1 / 1 / 7 / 7;
place-self: end center;
}
#w-node-_5cb1dcee-e75a-10c2-18df-7fed3c8565c0-728a7358 {
grid-area: 1 / 3 / 7 / 7;
}
#w-node-e36e2962-d65b-4a87-2504-9b3f86343145-728a7358 {
grid-area: 1 / 1 / 7 / 2;
}
#w-node-e36e2962-d65b-4a87-2504-9b3f86343153-728a7358 {
grid-area: 1 / 2 / 7 / 3;
}
#w-node-e36e2962-d65b-4a87-2504-9b3f8634315e-728a7358 {
grid-area: 1 / 3 / 7 / 4;
}
#w-node-e36e2962-d65b-4a87-2504-9b3f86343167-728a7358 {
grid-area: 1 / 5 / 7 / 7;
justify-self: end;
}
@media screen and (min-width: 1440px) {
#w-node-df85a6a1-fa83-4cec-de89-887cec71b72d-f08a724c {
justify-self: center;
}
#w-node-df85a6a1-fa83-4cec-de89-887cec71b72d-7f8a7354 {
place-self: end center;
}
}
@media screen and (max-width: 991px) {
#w-node-_79b9d619-5499-c5d9-1338-2e3924fcebbc-a58a7226 {
grid-column-end: 3;
}
#w-node-c079f6e6-05b5-9a54-083f-d832e6dc6c31-a58a7226, #w-node-_7bd9310b-dd5e-118d-7930-ab11946e48e7-a58a7226 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6eff389d-b2b9-54d1-f07b-8030b5513d3f-a58a7226, #w-node-d71a4330-ad87-778b-2e5a-24fe3ba86e9f-a58a7226 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ba866192-597c-bc24-e99b-db68594dd5f4-a58a7226, #w-node-dd64eb89-c1ae-e530-52b7-5b24f7d6bca5-a58a7226, #w-node-_083dddca-19b4-6963-0a10-ea93562523f2-a58a7226 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_95a69de5-a7e1-260c-ca96-7ae69033e3ac-a58a7226, #w-node-_95a69de5-a7e1-260c-ca96-7ae69033e3b1-a58a7226 {
grid-area: span 3 / span 6 / span 3 / span 6;
}
#w-node-afa5d479-a023-6e49-a513-6969f0fdec95-5f186159, #w-node-a198f6fa-e0df-c7e5-9626-40ba2e454efb-5f186159, #w-node-f71177b2-9176-d884-6a4c-ba332570c7ba-5f186159, #w-node-_6ada709d-213d-adde-e864-22185ff1cac2-5f186159 {
grid-column: span 2 / span 2;
}
#w-node-a8a48add-f6a8-79d3-a41e-44b5e3e00adb-5f186159 {
grid-area: 5 / 1 / 6 / 3;
}
#w-node-_9215654c-8675-05b8-09a7-e42147c48baa-5f186159 {
grid-area: 6 / 1 / 7 / 3;
justify-self: start;
}
#w-node-ab76fa77-8097-615a-7bd0-c796f873cf1f-6c8a7239 {
grid-column: 1 / 3;
grid-row-end: 4;
}
#w-node-afd8f438-7e1e-e9e1-f32d-eaa7b28792b1-6c8a7239 {
grid-area: 4 / 1 / 5 / 3;
}
#w-node-ab76fa77-8097-615a-7bd0-c796f873cf25-6c8a7239 {
grid-area: 5 / 1 / 7 / 3;
}
#w-node-_14c6f92a-ce09-e9f9-8c64-043730b77498-6c8a7239 {
grid-column: 1 / 3;
grid-row-end: 3;
}
#w-node-_86c2120c-35e5-0f8f-5ec6-318406e445b5-6c8a7239 {
grid-area: 3 / 1 / 5 / 3;
}
#w-node-_926aa2ac-4df8-87bc-5216-4f2ad2589ed1-6c8a7239 {
grid-area: 5 / 1 / 7 / 3;
}
#w-node-e59bb63f-24e1-73cd-4489-e73561dee68a-6c8a7239 {
grid-column: 1 / 3;
}
#w-node-e59bb63f-24e1-73cd-4489-e73561dee690-6c8a7239 {
grid-column: 1 / 3;
grid-row-end: 5;
}
#w-node-e59bb63f-24e1-73cd-4489-e73561dee69e-6c8a7239 {
grid-area: 5 / 1 / 6 / 3;
}
#w-node-e59bb63f-24e1-73cd-4489-e73561dee6a5-6c8a7239 {
grid-area: 6 / 1 / 7 / 3;
}
#w-node-df85a6a1-fa83-4cec-de89-887cec71b72d-f08a724c {
grid-area: 1 / 1 / 7 / 3;
place-self: center;
}
#w-node-_490ed4dd-6a1d-ab35-5e4b-7d2467d0946c-f08a724c {
grid-row-end: 4;
grid-column-end: 3;
}
#w-node-_5cb1dcee-e75a-10c2-18df-7fed3c8565c0-f08a724c {
grid-column: 1 / 3;
grid-row-start: 4;
}
#w-node-d92a3b06-65bb-ac1c-c439-06dc8e965b2b-f08a724c {
grid-row-end: 4;
grid-column-end: 3;
}
#w-node-d92a3b06-65bb-ac1c-c439-06dc8e965b2e-f08a724c {
grid-column: 1 / 3;
grid-row-start: 4;
}
#w-node-a8e8ce2f-44ad-721e-9cd1-adf643eca595-f08a724c {
grid-row-end: 4;
grid-column-end: 3;
}
#w-node-a8e8ce2f-44ad-721e-9cd1-adf643eca598-f08a724c {
grid-column: 1 / 3;
grid-row-start: 4;
}
#w-node-_55c6f471-cd20-f33b-ec04-3d3e469d9da2-f08a724c {
grid-row-end: 4;
grid-column-end: 3;
}
#w-node-_55c6f471-cd20-f33b-ec04-3d3e469d9da5-f08a724c {
grid-column: 1 / 3;
grid-row-start: 4;
}
#w-node-e36e2962-d65b-4a87-2504-9b3f86343145-f08a724c {
grid-row-end: 2;
grid-column-end: 3;
}
#w-node-e36e2962-d65b-4a87-2504-9b3f86343153-f08a724c {
grid-row: 2 / 3;
grid-column-start: 1;
}
#w-node-e36e2962-d65b-4a87-2504-9b3f8634315e-f08a724c {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-e36e2962-d65b-4a87-2504-9b3f86343167-f08a724c {
grid-column: 1 / 3;
grid-row-start: 4;
justify-self: start;
}
#w-node-_266ee26c-df81-8740-c645-51223d2cc212-278a7266, #w-node-_266ee26c-df81-8740-c645-51223d2cc217-278a7266 {
grid-column-end: 3;
}
#w-node-ac948018-4cb3-3d70-1f69-fb2694b4a08d-278a7266 {
grid-area: 1 / 1 / 7 / 3;
}
#w-node-ac948018-4cb3-3d70-1f69-fb2694b4a096-278a7266 {
grid-column: 1 / 3;
grid-row-start: 6;
justify-self: start;
}
#w-node-_836c5d16-8045-e3ae-06c8-f0f1bf6d7b56-278a7266 {
grid-area: 1 / 1 / 7 / 3;
}
#w-node-_836c5d16-8045-e3ae-06c8-f0f1bf6d7b63-278a7266 {
grid-column: 1 / 3;
grid-row-start: 6;
justify-self: start;
}
#w-node-_9984e43c-cd2f-68bf-16c4-935d8b424f31-278a7266 {
grid-area: 1 / 1 / 7 / 3;
}
#w-node-_9984e43c-cd2f-68bf-16c4-935d8b424f3e-278a7266 {
grid-column: 1 / 3;
grid-row-start: 6;
justify-self: start;
}
#w-node-_47432265-350c-9a5c-3564-63997ccf6333-278a7266 {
grid-area: 1 / 1 / 7 / 3;
}
#w-node-_47432265-350c-9a5c-3564-63997ccf6340-278a7266 {
grid-column: 1 / 3;
grid-row-start: 6;
justify-self: start;
}
#w-node-_1f6d1771-de87-a37c-1092-10b6e04ba41f-278a7266 {
grid-area: 1 / 1 / 7 / 3;
}
#w-node-_1f6d1771-de87-a37c-1092-10b6e04ba42c-278a7266 {
grid-column: 1 / 3;
grid-row-start: 6;
justify-self: start;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6c99e-278a7266 {
grid-column-end: 2;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6c9ba-278a7266 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6c9bd-278a7266 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6c9c0-278a7266 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6c9d8-278a7266 {
grid-area: 1 / 1 / 6 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6c9df-278a7266 {
grid-area: 6 / 1 / 7 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca19-278a7266 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca1c-278a7266 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca1f-278a7266 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-d2c37831-f039-9ebb-ea27-c27914281181-278a7266 {
grid-area: 1 / 1 / 6 / 3;
}
#w-node-d2c37831-f039-9ebb-ea27-c27914281188-278a7266 {
grid-area: 6 / 1 / 7 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca37-278a7266 {
grid-area: 1 / 1 / 6 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca3e-278a7266 {
grid-area: 6 / 1 / 7 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca78-278a7266 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca7b-278a7266 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca7e-278a7266 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca96-278a7266 {
grid-area: 1 / 1 / 6 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca9d-278a7266 {
grid-area: 6 / 1 / 7 / 3;
}
#w-node-_5db8cd34-31e5-6704-abab-ed97e63fd7fe-278a7266 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_5db8cd34-31e5-6704-abab-ed97e63fd801-278a7266 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_5db8cd34-31e5-6704-abab-ed97e63fd804-278a7266 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-_5db8cd34-31e5-6704-abab-ed97e63fd81c-278a7266 {
grid-area: 1 / 1 / 6 / 3;
}
#w-node-_5db8cd34-31e5-6704-abab-ed97e63fd823-278a7266 {
grid-area: 6 / 1 / 7 / 3;
}
#w-node-_8e63993f-b753-293b-e901-ed49ef1f99fc-278a7266 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_8e63993f-b753-293b-e901-ed49ef1f99ff-278a7266 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_8e63993f-b753-293b-e901-ed49ef1f9a02-278a7266 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-_8e63993f-b753-293b-e901-ed49ef1f9a1a-278a7266 {
grid-area: 1 / 1 / 6 / 3;
}
#w-node-_8e63993f-b753-293b-e901-ed49ef1f9a21-278a7266 {
grid-area: 6 / 1 / 7 / 3;
}
#w-node-_266ee26c-df81-8740-c645-51223d2cc270-278a7266, #w-node-_266ee26c-df81-8740-c645-51223d2cc274-278a7266, #w-node-_266ee26c-df81-8740-c645-51223d2cc29c-278a7266, #w-node-_266ee26c-df81-8740-c645-51223d2cc2a1-278a7266 {
grid-area: span 3 / span 6 / span 3 / span 6;
}
#w-node-_1b633f07-b6fc-1ed3-7204-101e27b78e88-278a7266 {
grid-column: span 2 / span 2;
}
#w-node-_1b633f07-b6fc-1ed3-7204-101e27b78e91-278a7266 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_3a339a98-a628-794b-c54e-1cfb9e2dc170-9e2dc16e {
grid-column: span 2 / span 2;
}
#w-node-_3a339a98-a628-794b-c54e-1cfb9e2dc18f-9e2dc16e {
justify-self: start;
}
#w-node-_79b9d619-5499-c5d9-1338-2e3924fcebbc-d68a7269 {
grid-column-end: 3;
}
#w-node-_4194e825-6c51-a70f-10ea-7aa19fbccd71-d68a7269, #w-node-_45552e34-a298-d3dd-40cc-92d3d741ecbf-d68a7269, #w-node-_7c17901b-3061-636e-6813-5436651667da-d68a7269, #w-node-_7c17901b-3061-636e-6813-5436651667e2-d68a7269, #w-node-bbefed2c-f4e1-d8b8-2a92-3c976cde0105-d68a7269, #w-node-bbefed2c-f4e1-d8b8-2a92-3c976cde010d-d68a7269, #w-node-_98b73359-3927-a986-735c-6fa5acc548d6-d68a7269, #w-node-_98b73359-3927-a986-735c-6fa5acc548de-d68a7269 {
align-self: start;
}
#w-node-_6bf64782-7f76-71bf-de9d-4f3cdc3451cc-d68a7269, #w-node-_6bf64782-7f76-71bf-de9d-4f3cdc3451d1-d68a7269 {
grid-area: span 3 / span 6 / span 3 / span 6;
}
#w-node-_164a5712-085b-ff98-0c0b-257a50205e25-578a726a {
grid-area: 1 / 1 / 7 / 3;
place-self: center;
}
#w-node-e59bb63f-24e1-73cd-4489-e73561dee68a-578a726a {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-e59bb63f-24e1-73cd-4489-e73561dee690-578a726a, #w-node-e59bb63f-24e1-73cd-4489-e73561dee69e-578a726a {
grid-area: span 2 / span 2 / span 2 / span 2;
}
#w-node-_86c2120c-35e5-0f8f-5ec6-318406e445b5-578a726a {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_14c6f92a-ce09-e9f9-8c64-043730b77498-578a726a {
grid-area: 4 / 1 / 5 / 3;
}
#w-node-_56fc7534-fedd-e48f-05a4-042ac3fe7206-578a726a {
grid-row: 2 / 4;
grid-column-end: 2;
justify-self: start;
}
#w-node-_776dab9f-95c9-7f6f-9aa5-d3a155677270-578a726a {
grid-area: 2 / 2 / 4 / 3;
}
#w-node-e020f48c-b4df-b8a8-c3dc-c7057e69f14e-578a726a {
grid-column: 1 / 2;
grid-row-start: 5;
justify-self: start;
}
#w-node-_07c2c159-8fdd-3f96-85eb-153874d288f6-578a726a {
grid-column: 2 / 3;
grid-row-start: 5;
}
#w-node-_28795783-8bd7-94f7-a3d9-163f9bdb0ed0-578a726a {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_28795783-8bd7-94f7-a3d9-163f9bdb0ee6-578a726a {
grid-area: 2 / 1 / 3 / 3;
justify-self: start;
}
#w-node-df85a6a1-fa83-4cec-de89-887cec71b72d-4e8a726b {
grid-area: 1 / 1 / 7 / 3;
place-self: center;
}
#w-node-e36e2962-d65b-4a87-2504-9b3f86343145-4e8a726b {
grid-row-end: 2;
grid-column-end: 3;
}
#w-node-e36e2962-d65b-4a87-2504-9b3f86343153-4e8a726b {
grid-row: 2 / 3;
grid-column-start: 1;
}
#w-node-e36e2962-d65b-4a87-2504-9b3f8634315e-4e8a726b {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-e36e2962-d65b-4a87-2504-9b3f86343167-4e8a726b {
grid-column: 1 / 3;
grid-row-start: 4;
justify-self: start;
}
#w-node-a8e7747d-b1d3-994c-b918-899d60364e42-8b8a7301, #w-node-a8e7747d-b1d3-994c-b918-899d60364e47-8b8a7301 {
grid-column-end: 3;
}
#w-node-_6274b97b-b207-bdca-ee7b-7284c765ed97-8b8a7301, #w-node-_6274b97b-b207-bdca-ee7b-7284c765ed9b-8b8a7301, #w-node-_149d0550-0051-9491-1eb4-2acedd569884-8b8a7301, #w-node-_149d0550-0051-9491-1eb4-2acedd569888-8b8a7301 {
grid-area: span 3 / span 6 / span 3 / span 6;
}
#w-node-_134a921d-81cf-ea53-e455-428ccf1ea7c6-1c8a7314 {
grid-area: 1 / 1 / 7 / 3;
}
#w-node-_134a921d-81cf-ea53-e455-428ccf1ea7d1-1c8a7314 {
grid-column: 1 / 3;
grid-row-start: 6;
justify-self: start;
}
#w-node-d5ea897f-0233-430f-0657-8859d52b2fe0-1c8a7314 {
grid-area: 1 / 1 / 7 / 3;
}
#w-node-d5ea897f-0233-430f-0657-8859d52b2feb-1c8a7314 {
grid-column: 1 / 3;
grid-row-start: 6;
justify-self: start;
}
#w-node-_164a5712-085b-ff98-0c0b-257a50205e25-1c8a7314 {
grid-column-end: 2;
}
#w-node-aff2cc52-a26a-8027-87f2-108e9267a5f0-1c8a7314 {
grid-column: 2 / 3;
}
#w-node-_5af8690a-7a12-2625-3c55-0fbae58f0fcb-1c8a7314 {
place-self: start;
}
#w-node-_97e4807a-fc8b-384c-86ca-6d81858ee4b3-1c8a7314 {
grid-column: 1 / 3;
}
#w-node-_97e4807a-fc8b-384c-86ca-6d81858ee4b9-1c8a7314 {
grid-column: 1 / 3;
grid-row-end: 5;
}
#w-node-_97e4807a-fc8b-384c-86ca-6d81858ee4c7-1c8a7314 {
grid-area: 5 / 1 / 6 / 3;
}
#w-node-_97e4807a-fc8b-384c-86ca-6d81858ee4ce-1c8a7314 {
grid-area: 6 / 1 / 7 / 3;
}
#w-node-_490ed4dd-6a1d-ab35-5e4b-7d2467d0946c-ed8a7317 {
grid-row-end: 4;
grid-column-end: 3;
}
#w-node-_5cb1dcee-e75a-10c2-18df-7fed3c8565c0-ed8a7317 {
grid-column: 1 / 3;
grid-row-start: 4;
place-self: start;
}
#w-node-_70165999-f8bc-e57a-b374-b19fcb3e58fa-ed8a7317 {
grid-row-end: 2;
grid-column-end: 3;
}
#w-node-_70165999-f8bc-e57a-b374-b19fcb3e590c-ed8a7317 {
grid-row: 2 / 3;
grid-column-start: 1;
}
#w-node-_70165999-f8bc-e57a-b374-b19fcb3e591b-ed8a7317 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_70165999-f8bc-e57a-b374-b19fcb3e5924-ed8a7317 {
grid-column: 1 / 3;
grid-row-start: 4;
justify-self: start;
}
#w-node-_986b4e2e-dae8-7041-b397-0536882e2009-068a731c {
grid-column: span 2 / span 2;
}
#w-node-_79b9d619-5499-c5d9-1338-2e3924fcebbc-6e8a731f {
grid-row-end: 4;
grid-column-end: 3;
}
#w-node-_5db50686-a4b1-4d8e-cc5f-9308d45a8047-6e8a731f {
grid-area: 3 / 1 / 7 / 3;
justify-self: start;
}
#w-node-_149d0550-0051-9491-1eb4-2acedd569884-6e8a731f, #w-node-_149d0550-0051-9491-1eb4-2acedd569888-6e8a731f {
grid-area: span 3 / span 6 / span 3 / span 6;
}
#w-node-_484a69b3-5c49-d64c-115f-212ca2b8aa91-5a8a7320 {
grid-area: 1 / 1 / 7 / 3;
place-self: center;
}
#w-node-_484a69b3-5c49-d64c-115f-212ca2b8aa98-5a8a7320 {
place-self: start;
}
#w-node-d8d45e88-64c0-1125-2ebb-c4a186e42737-5a8a7320 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-d8d45e88-64c0-1125-2ebb-c4a186e4274d-5a8a7320 {
grid-area: 2 / 1 / 3 / 3;
justify-self: start;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428d71-c98a7344, #w-node-_27bb0553-e419-4493-5213-b6431d428d79-c98a7344 {
grid-column-end: 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428de2-c98a7344 {
grid-area: 1 / 1 / 7 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428ded-c98a7344 {
grid-column: 1 / 3;
grid-row-start: 6;
justify-self: start;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428df7-c98a7344 {
grid-area: 1 / 1 / 7 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e07-c98a7344 {
grid-column: 1 / 3;
grid-row-start: 6;
justify-self: start;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e11-c98a7344 {
grid-area: 1 / 1 / 7 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e1f-c98a7344 {
grid-column: 1 / 3;
grid-row-start: 6;
justify-self: start;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e29-c98a7344 {
grid-area: 1 / 1 / 7 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e34-c98a7344 {
grid-column: 1 / 3;
grid-row-start: 6;
justify-self: start;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e3e-c98a7344 {
grid-area: 1 / 1 / 7 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e49-c98a7344 {
grid-column: 1 / 3;
grid-row-start: 6;
justify-self: start;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e61-c98a7344 {
grid-column-end: 2;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e8b-c98a7344 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e8f-c98a7344 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e92-c98a7344 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-_5796f583-0cb3-6a2a-bba7-7b218d3c0314-c98a7344 {
grid-area: 1 / 1 / 6 / 3;
}
#w-node-_5796f583-0cb3-6a2a-bba7-7b218d3c0317-c98a7344 {
grid-area: 6 / 1 / 7 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e96-c98a7344 {
grid-area: 1 / 1 / 6 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e9d-c98a7344 {
grid-area: 6 / 1 / 7 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428ed7-c98a7344 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428edb-c98a7344 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428ede-c98a7344 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428ee2-c98a7344 {
grid-area: 1 / 1 / 6 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428ee5-c98a7344 {
grid-area: 6 / 1 / 7 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428f3f-c98a7344 {
grid-area: 1 / 1 / 6 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428f46-c98a7344 {
grid-area: 6 / 1 / 7 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428f80-c98a7344 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428f84-c98a7344 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428f87-c98a7344 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-_6405f2f6-e219-d4d2-ae03-aadfb8beba22-c98a7344 {
grid-area: 1 / 1 / 6 / 3;
}
#w-node-_6405f2f6-e219-d4d2-ae03-aadfb8beba25-c98a7344 {
grid-area: 6 / 1 / 7 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428f9d-c98a7344 {
grid-area: 1 / 1 / 6 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428fa4-c98a7344 {
grid-area: 6 / 1 / 7 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428fde-c98a7344 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428fe2-c98a7344 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428fe5-c98a7344 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-b0b7e3ed-5fec-ab1d-dae6-1cfd2bb8e9b5-c98a7344 {
grid-area: 1 / 1 / 6 / 3;
}
#w-node-b0b7e3ed-5fec-ab1d-dae6-1cfd2bb8e9b8-c98a7344 {
grid-area: 6 / 1 / 7 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428ffb-c98a7344 {
grid-area: 1 / 1 / 6 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d429002-c98a7344 {
grid-area: 6 / 1 / 7 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d42903c-c98a7344 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d429040-c98a7344 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d429043-c98a7344 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-_3e5df2fa-3e2c-42b7-5387-645c37848832-c98a7344 {
grid-area: 1 / 1 / 6 / 3;
}
#w-node-_3e5df2fa-3e2c-42b7-5387-645c37848835-c98a7344 {
grid-area: 6 / 1 / 7 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d42905c-c98a7344 {
grid-area: 1 / 1 / 6 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d429063-c98a7344 {
grid-area: 6 / 1 / 7 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d4290b7-c98a7344, #w-node-_27bb0553-e419-4493-5213-b6431d4290bb-c98a7344, #w-node-_27bb0553-e419-4493-5213-b6431d4290e3-c98a7344, #w-node-_27bb0553-e419-4493-5213-b6431d4290e8-c98a7344 {
grid-area: span 3 / span 6 / span 3 / span 6;
}
#w-node-_27bb0553-e419-4493-5213-b6431d42910d-c98a7344 {
grid-column: span 2 / span 2;
}
#w-node-_27bb0553-e419-4493-5213-b6431d429110-c98a7344 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_79b9d619-5499-c5d9-1338-2e3924fcebbc-738a7345 {
grid-column-end: 3;
}
#w-node-e99f6316-79a5-fe04-a4bc-1babe9b09e2b-738a7345 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-ca799a3d-c1d4-0286-e0d1-1a53c5f045ce-738a7345 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-d4725060-834e-19e1-ef15-b9a875747678-738a7345 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-b0f2393f-7863-c383-d6f8-9c338b584620-738a7345 {
grid-area: 1 / 1 / 6 / 3;
}
#w-node-b14be5ee-6cf4-8c35-0210-868b47b62707-738a7345 {
grid-area: 6 / 1 / 7 / 3;
}
#w-node-_6ab3fece-034e-1ef9-c61f-fefce4a4a253-738a7345 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_6ab3fece-034e-1ef9-c61f-fefce4a4a256-738a7345 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_6ab3fece-034e-1ef9-c61f-fefce4a4a259-738a7345 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-_533b08aa-4d6e-217c-356c-b01ef7aac95e-738a7345 {
grid-area: 1 / 1 / 6 / 3;
}
#w-node-_533b08aa-4d6e-217c-356c-b01ef7aac965-738a7345 {
grid-area: 6 / 1 / 7 / 3;
}
#w-node-c3cc4e93-a0e4-c016-ba83-ec0a3aaddf43-738a7345 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-c3cc4e93-a0e4-c016-ba83-ec0a3aaddf46-738a7345 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-c3cc4e93-a0e4-c016-ba83-ec0a3aaddf49-738a7345 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-ed321b29-7477-c543-45c3-306829cb7863-738a7345 {
grid-area: 1 / 1 / 6 / 3;
}
#w-node-ed321b29-7477-c543-45c3-306829cb786a-738a7345 {
grid-area: 6 / 1 / 7 / 3;
}
#w-node-_95a69de5-a7e1-260c-ca96-7ae69033e3ac-738a7345, #w-node-_95a69de5-a7e1-260c-ca96-7ae69033e3b1-738a7345 {
grid-area: span 3 / span 6 / span 3 / span 6;
}
#w-node-_11d16db5-7e48-526e-bbca-6e4bba0af39c-e58a734f, #w-node-_986b4e2e-dae8-7041-b397-0536882e200d-e58a734f, #w-node-df95874c-8fa6-bed1-b804-85a2a45d810c-e58a734f, #w-node-_8afae748-2f35-1037-cdfa-48538ad38978-e58a734f, #w-node-b1e10c87-a22d-9f91-f8b4-3abcbfee1ab1-e58a734f, #w-node-cd706d36-9714-c54f-7d2c-7fe48c668144-e58a734f, #w-node-_7290aa35-ebc8-f3e2-d7bd-555ae0d29ada-e58a734f, #w-node-_0fe4afca-684c-a936-cae4-499d4e417e10-e58a734f, #w-node-f6daf6b5-97a6-ff1b-3304-21739643b7e7-e58a734f, #w-node-_84ed1edc-72b3-6d55-9a5a-23efc3b3cc5f-e58a734f {
grid-column: span 2 / span 2;
}
#w-node-a1be142e-10a3-aa58-58be-0c28b6fd8209-d08a7351 {
order: -9999;
}
#w-node-_23fe4e7d-76f9-0140-20c3-3defcaaa3c58-d08a7351 {
grid-column: span 1 / span 1;
}
#w-node-_6cb55170-287f-5ab2-e0e1-602185c1699b-d08a7351 {
justify-self: auto;
}
#w-node-_79b9d619-5499-c5d9-1338-2e3924fcebbc-bc8a7352 {
grid-row-end: 4;
grid-column-end: 3;
}
#w-node-_41a016c8-f138-247c-a2fa-a48924176113-bc8a7352 {
grid-area: 4 / 1 / 7 / 3;
}
#w-node-_149d0550-0051-9491-1eb4-2acedd569884-bc8a7352, #w-node-_149d0550-0051-9491-1eb4-2acedd569888-bc8a7352 {
grid-area: span 3 / span 6 / span 3 / span 6;
}
#w-node-_164a5712-085b-ff98-0c0b-257a50205e25-1b8a7353 {
grid-area: 1 / 1 / 7 / 3;
place-self: center;
}
#w-node-_89e3f3f3-d984-bf0e-4a89-a6bfb3cc2f28-1b8a7353 {
place-self: start;
}
#w-node-_0e68b0a6-9a14-9f4c-b2c4-e88a6acb287b-1b8a7353 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_0e68b0a6-9a14-9f4c-b2c4-e88a6acb2891-1b8a7353 {
grid-area: 2 / 1 / 3 / 3;
justify-self: start;
}
#w-node-df85a6a1-fa83-4cec-de89-887cec71b72d-7f8a7354 {
grid-area: 1 / 1 / 7 / 3;
place-self: center;
}
#w-node-_137bb98e-dd7e-2367-1b58-231d825efc67-7f8a7354 {
grid-row-end: 2;
grid-column-end: 3;
}
#w-node-_137bb98e-dd7e-2367-1b58-231d825efc79-7f8a7354 {
grid-row: 2 / 3;
grid-column-start: 1;
}
#w-node-_137bb98e-dd7e-2367-1b58-231d825efc88-7f8a7354 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_137bb98e-dd7e-2367-1b58-231d825efc91-7f8a7354 {
grid-column: 1 / 3;
grid-row-start: 4;
justify-self: start;
}
#w-node-df85a6a1-fa83-4cec-de89-887cec71b72d-728a7358 {
grid-area: 1 / 1 / 7 / 3;
place-self: center;
}
#w-node-_5cb1dcee-e75a-10c2-18df-7fed3c8565c0-728a7358 {
grid-column: 1 / 3;
grid-row-start: 1;
}
#w-node-e36e2962-d65b-4a87-2504-9b3f86343145-728a7358 {
grid-row-end: 2;
grid-column-end: 3;
}
#w-node-e36e2962-d65b-4a87-2504-9b3f86343153-728a7358 {
grid-row: 2 / 3;
grid-column-start: 1;
}
#w-node-e36e2962-d65b-4a87-2504-9b3f8634315e-728a7358 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-e36e2962-d65b-4a87-2504-9b3f86343167-728a7358 {
grid-column: 1 / 3;
grid-row-start: 4;
justify-self: start;
}
}
@media screen and (max-width: 767px) {
#w-node-_6a8e7153-0b9e-fbda-1408-0b6d3171743e-a58a7226 {
grid-area: 1 / 1 / 8 / 8;
}
#w-node-_7f5d7acc-014d-27cf-619d-7d41d389b5da-a58a7226 {
grid-row-end: 2;
}
#team.w-node-f2befc4e-7480-0aec-506c-cc903fee62e8-a58a7226 {
grid-area: 2 / 1 / 3 / 3;
}
#awards.w-node-e090f764-f48f-1f72-c288-7254e0053a4a-a58a7226 {
grid-area: 3 / 1 / 4 / 3;
}
#clients.w-node-_7daca4fc-8ce8-ed3d-3661-93f5691e99c5-a58a7226 {
grid-area: 4 / 1 / 8 / 3;
}
#w-node-_95a69de5-a7e1-260c-ca96-7ae69033e3ac-a58a7226, #w-node-_95a69de5-a7e1-260c-ca96-7ae69033e3b1-a58a7226 {
grid-area: span 3 / span 6 / span 3 / span 6;
}
#w-node-_9215654c-8675-05b8-09a7-e42147c48baa-5f186159 {
justify-self: center;
}
#w-node-_266ee26c-df81-8740-c645-51223d2cc240-278a7266 {
grid-area: 1 / 1 / 8 / 8;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6c99e-278a7266 {
grid-row-end: 2;
}
#service-1.w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6c9b8-278a7266 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6c9ba-278a7266 {
grid-area: 1 / 1 / 1 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6c9bd-278a7266 {
grid-column-end: 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6c9c0-278a7266 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6c9d8-278a7266, #w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6c9df-278a7266 {
grid-column-end: 3;
}
#service-2.w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca17-278a7266 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca19-278a7266 {
grid-area: 1 / 1 / 1 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca1c-278a7266 {
grid-column-end: 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca1f-278a7266 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-d2c37831-f039-9ebb-ea27-c27914281181-278a7266, #w-node-d2c37831-f039-9ebb-ea27-c27914281188-278a7266, #w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca37-278a7266, #w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca3e-278a7266 {
grid-column-end: 3;
}
#service-3.w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca76-278a7266 {
grid-area: 4 / 1 / 5 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca78-278a7266 {
grid-area: 1 / 1 / 1 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca7b-278a7266 {
grid-column-end: 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca7e-278a7266 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca96-278a7266, #w-node-_2d9f3dba-6a5f-a563-0282-3c617fc6ca9d-278a7266 {
grid-column-end: 3;
}
#service-4.w-node-_5db8cd34-31e5-6704-abab-ed97e63fd7fc-278a7266 {
grid-area: 5 / 1 / 6 / 3;
}
#w-node-_5db8cd34-31e5-6704-abab-ed97e63fd7fe-278a7266 {
grid-area: 1 / 1 / 1 / 3;
}
#w-node-_5db8cd34-31e5-6704-abab-ed97e63fd801-278a7266 {
grid-column-end: 3;
}
#w-node-_5db8cd34-31e5-6704-abab-ed97e63fd804-278a7266 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-_5db8cd34-31e5-6704-abab-ed97e63fd81c-278a7266, #w-node-_5db8cd34-31e5-6704-abab-ed97e63fd823-278a7266 {
grid-column-end: 3;
}
#service-5.w-node-_8e63993f-b753-293b-e901-ed49ef1f99fa-278a7266 {
grid-area: 6 / 1 / 7 / 3;
}
#w-node-_8e63993f-b753-293b-e901-ed49ef1f99fc-278a7266 {
grid-area: 1 / 1 / 1 / 3;
}
#w-node-_8e63993f-b753-293b-e901-ed49ef1f99ff-278a7266 {
grid-column-end: 3;
}
#w-node-_8e63993f-b753-293b-e901-ed49ef1f9a02-278a7266 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-_8e63993f-b753-293b-e901-ed49ef1f9a1a-278a7266, #w-node-_8e63993f-b753-293b-e901-ed49ef1f9a21-278a7266 {
grid-column-end: 3;
}
#w-node-_266ee26c-df81-8740-c645-51223d2cc270-278a7266, #w-node-_266ee26c-df81-8740-c645-51223d2cc274-278a7266, #w-node-_266ee26c-df81-8740-c645-51223d2cc29c-278a7266, #w-node-_266ee26c-df81-8740-c645-51223d2cc2a1-278a7266 {
grid-area: span 3 / span 6 / span 3 / span 6;
}
#w-node-_1b633f07-b6fc-1ed3-7204-101e27b78e88-278a7266 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_1b633f07-b6fc-1ed3-7204-101e27b78e91-278a7266 {
grid-row: 2 / 3;
}
#w-node-_62fddc05-385e-862b-4be4-00dedb76084b-d68a7269 {
grid-row: span 2 / span 2;
}
#w-node-_6bf64782-7f76-71bf-de9d-4f3cdc3451cc-d68a7269, #w-node-_6bf64782-7f76-71bf-de9d-4f3cdc3451d1-d68a7269 {
grid-area: span 3 / span 6 / span 3 / span 6;
}
#w-node-_60cf390c-d82d-9f4f-2213-a52667959362-8b8a7301 {
grid-area: 1 / 1 / 8 / 8;
}
#w-node-_6274b97b-b207-bdca-ee7b-7284c765ed97-8b8a7301, #w-node-_6274b97b-b207-bdca-ee7b-7284c765ed9b-8b8a7301, #w-node-_149d0550-0051-9491-1eb4-2acedd569884-8b8a7301, #w-node-_149d0550-0051-9491-1eb4-2acedd569888-8b8a7301 {
grid-area: span 3 / span 6 / span 3 / span 6;
}
#w-node-_164a5712-085b-ff98-0c0b-257a50205e25-1c8a7314 {
grid-row-end: 4;
grid-column-end: 3;
}
#w-node-aff2cc52-a26a-8027-87f2-108e9267a5f0-1c8a7314 {
grid-row-start: 4;
grid-column-start: 1;
}
#w-node-_5cb1dcee-e75a-10c2-18df-7fed3c8565c0-ed8a7317 {
place-self: start;
}
#w-node-_149d0550-0051-9491-1eb4-2acedd569884-6e8a731f, #w-node-_149d0550-0051-9491-1eb4-2acedd569888-6e8a731f {
grid-area: span 3 / span 6 / span 3 / span 6;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428da6-c98a7344 {
grid-area: 1 / 1 / 8 / 8;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e61-c98a7344 {
grid-row-end: 2;
}
#service-1.w-node-_27bb0553-e419-4493-5213-b6431d428e89-c98a7344 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e8b-c98a7344 {
grid-area: 1 / 1 / 1 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e8f-c98a7344 {
grid-column-end: 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428e92-c98a7344 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-_5796f583-0cb3-6a2a-bba7-7b218d3c0314-c98a7344, #w-node-_5796f583-0cb3-6a2a-bba7-7b218d3c0317-c98a7344, #w-node-_27bb0553-e419-4493-5213-b6431d428e96-c98a7344, #w-node-_27bb0553-e419-4493-5213-b6431d428e9d-c98a7344 {
grid-column-end: 3;
}
#service-2.w-node-_27bb0553-e419-4493-5213-b6431d428ed5-c98a7344 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428ed7-c98a7344 {
grid-area: 1 / 1 / 1 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428edb-c98a7344 {
grid-column-end: 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428ede-c98a7344 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428ee2-c98a7344, #w-node-_27bb0553-e419-4493-5213-b6431d428ee5-c98a7344, #w-node-_27bb0553-e419-4493-5213-b6431d428f3f-c98a7344, #w-node-_27bb0553-e419-4493-5213-b6431d428f46-c98a7344 {
grid-column-end: 3;
}
#service-3.w-node-_27bb0553-e419-4493-5213-b6431d428f7e-c98a7344 {
grid-area: 4 / 1 / 5 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428f80-c98a7344 {
grid-area: 1 / 1 / 1 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428f84-c98a7344 {
grid-column-end: 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428f87-c98a7344 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-_6405f2f6-e219-d4d2-ae03-aadfb8beba22-c98a7344, #w-node-_6405f2f6-e219-d4d2-ae03-aadfb8beba25-c98a7344, #w-node-_27bb0553-e419-4493-5213-b6431d428f9d-c98a7344, #w-node-_27bb0553-e419-4493-5213-b6431d428fa4-c98a7344 {
grid-column-end: 3;
}
#service-4.w-node-_27bb0553-e419-4493-5213-b6431d428fdc-c98a7344 {
grid-area: 5 / 1 / 6 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428fde-c98a7344 {
grid-area: 1 / 1 / 1 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428fe2-c98a7344 {
grid-column-end: 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d428fe5-c98a7344 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-b0b7e3ed-5fec-ab1d-dae6-1cfd2bb8e9b5-c98a7344, #w-node-b0b7e3ed-5fec-ab1d-dae6-1cfd2bb8e9b8-c98a7344, #w-node-_27bb0553-e419-4493-5213-b6431d428ffb-c98a7344, #w-node-_27bb0553-e419-4493-5213-b6431d429002-c98a7344 {
grid-column-end: 3;
}
#service-5.w-node-_27bb0553-e419-4493-5213-b6431d42903a-c98a7344 {
grid-area: 6 / 1 / 7 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d42903c-c98a7344 {
grid-area: 1 / 1 / 1 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d429040-c98a7344 {
grid-column-end: 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d429043-c98a7344 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-_3e5df2fa-3e2c-42b7-5387-645c37848832-c98a7344, #w-node-_3e5df2fa-3e2c-42b7-5387-645c37848835-c98a7344, #w-node-_27bb0553-e419-4493-5213-b6431d42905c-c98a7344, #w-node-_27bb0553-e419-4493-5213-b6431d429063-c98a7344 {
grid-column-end: 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d4290b7-c98a7344, #w-node-_27bb0553-e419-4493-5213-b6431d4290bb-c98a7344, #w-node-_27bb0553-e419-4493-5213-b6431d4290e3-c98a7344, #w-node-_27bb0553-e419-4493-5213-b6431d4290e8-c98a7344 {
grid-area: span 3 / span 6 / span 3 / span 6;
}
#w-node-_27bb0553-e419-4493-5213-b6431d42910d-c98a7344 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_27bb0553-e419-4493-5213-b6431d429110-c98a7344 {
grid-row: 2 / 3;
}
#w-node-_7f5d7acc-014d-27cf-619d-7d41d389b5da-738a7345 {
grid-row-end: 2;
}
#service-1.w-node-f2befc4e-7480-0aec-506c-cc903fee62e8-738a7345 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-e99f6316-79a5-fe04-a4bc-1babe9b09e2b-738a7345 {
grid-area: 1 / 1 / 1 / 3;
}
#w-node-ca799a3d-c1d4-0286-e0d1-1a53c5f045ce-738a7345 {
grid-column-end: 3;
}
#w-node-d4725060-834e-19e1-ef15-b9a875747678-738a7345 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-b0f2393f-7863-c383-d6f8-9c338b584620-738a7345, #w-node-b14be5ee-6cf4-8c35-0210-868b47b62707-738a7345 {
grid-column-end: 3;
}
#service-2.w-node-e090f764-f48f-1f72-c288-7254e0053a4a-738a7345 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_6ab3fece-034e-1ef9-c61f-fefce4a4a253-738a7345 {
grid-area: 1 / 1 / 1 / 3;
}
#w-node-_6ab3fece-034e-1ef9-c61f-fefce4a4a256-738a7345 {
grid-column-end: 3;
}
#w-node-_6ab3fece-034e-1ef9-c61f-fefce4a4a259-738a7345 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-_533b08aa-4d6e-217c-356c-b01ef7aac95e-738a7345, #w-node-_533b08aa-4d6e-217c-356c-b01ef7aac965-738a7345 {
grid-column-end: 3;
}
#service-3.w-node-_7daca4fc-8ce8-ed3d-3661-93f5691e99c5-738a7345 {
grid-area: 4 / 1 / 8 / 3;
}
#w-node-c3cc4e93-a0e4-c016-ba83-ec0a3aaddf43-738a7345 {
grid-area: 1 / 1 / 1 / 3;
}
#w-node-c3cc4e93-a0e4-c016-ba83-ec0a3aaddf46-738a7345 {
grid-column-end: 3;
}
#w-node-c3cc4e93-a0e4-c016-ba83-ec0a3aaddf49-738a7345 {
grid-area: 3 / 1 / 7 / 3;
}
#w-node-ed321b29-7477-c543-45c3-306829cb7863-738a7345, #w-node-ed321b29-7477-c543-45c3-306829cb786a-738a7345 {
grid-column-end: 3;
}
#w-node-_95a69de5-a7e1-260c-ca96-7ae69033e3ac-738a7345, #w-node-_95a69de5-a7e1-260c-ca96-7ae69033e3b1-738a7345 {
grid-area: span 3 / span 6 / span 3 / span 6;
}
#w-node-e3759a73-c62f-bca4-3511-254672c4ebef-e58a734f {
grid-area: 1 / 1 / 8 / 8;
}
#w-node-_149d0550-0051-9491-1eb4-2acedd569884-bc8a7352, #w-node-_149d0550-0051-9491-1eb4-2acedd569888-bc8a7352 {
grid-area: span 3 / span 6 / span 3 / span 6;
}
}
@media screen and (max-width: 479px) {
#w-node-_9215654c-8675-05b8-09a7-e42147c48baa-5f186159 {
justify-self: start;
}
#w-node-_62fddc05-385e-862b-4be4-00dedb76084b-d68a7269 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_62fddc05-385e-862b-4be4-00dedb76084c-d68a7269 {
grid-area: 1 / 1 / 2 / 3;
align-self: start;
}
#w-node-_62fddc05-385e-862b-4be4-00dedb76084f-d68a7269 {
grid-area: 2 / 1 / 4 / 3;
}
#w-node-cb77d0a3-b8e2-623c-7524-c9032b76c079-d68a7269 {
grid-area: 1 / 1 / 2 / 3;
align-self: start;
}
#w-node-cb77d0a3-b8e2-623c-7524-c9032b76c07d-d68a7269 {
grid-area: 2 / 1 / 4 / 3;
}
#w-node-_56fc7534-fedd-e48f-05a4-042ac3fe7206-578a726a {
grid-row-end: 3;
grid-column-end: 3;
}
#w-node-_776dab9f-95c9-7f6f-9aa5-d3a155677270-578a726a {
grid-row-start: 3;
grid-column-start: 1;
}
#w-node-e020f48c-b4df-b8a8-c3dc-c7057e69f14e-578a726a {
grid-row-end: 6;
grid-column-end: 3;
}
#w-node-_07c2c159-8fdd-3f96-85eb-153874d288f6-578a726a {
grid-row-start: 6;
grid-column-start: 1;
}
#w-node-e7625bfb-756b-ab45-2b28-cc60af646fd4-ed8a7317 {
grid-row-end: 2;
grid-column-end: 3;
}
#w-node-_26afa38a-b9f6-81fd-9a38-6f2b71e943a2-ed8a7317 {
grid-column: 1 / 3;
grid-row-start: 2;
}
#w-node-_15762e26-4709-2540-1f4c-0c19cc74bee6-ed8a7317 {
grid-row-end: 5;
grid-column-end: 3;
}
#w-node-_187578fd-c4a5-7f0d-bc1a-8eafa61eaac9-ed8a7317 {
grid-column: 1 / 3;
grid-row-start: 5;
}
}