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;
}
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: Eudoxussans;
src: url("https://cdn.prod.website-files.com/62e0e02e10308da01342bb1c/62e0e02e10308d62b542bb61_EudoxusSans-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Eudoxussans;
src: url("https://cdn.prod.website-files.com/62e0e02e10308da01342bb1c/62e0e02e10308d874e42bb65_EudoxusSans-ExtraBold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/62e0e02e10308da01342bb1c/62e0e02e10308de63b42bb69_EudoxusSans-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Eudoxussans;
src: url("https://cdn.prod.website-files.com/62e0e02e10308da01342bb1c/62e0e02e10308d2e5342bb67_EudoxusSans-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Eudoxussans;
src: url("https://cdn.prod.website-files.com/62e0e02e10308da01342bb1c/62e0e02e10308d2ea442bb66_EudoxusSans-ExtraLight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Eudoxussans;
src: url("https://cdn.prod.website-files.com/62e0e02e10308da01342bb1c/62e0e02e10308dccdc42bb68_EudoxusSans-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Clashdisplay;
src: url("https://cdn.prod.website-files.com/62e0e02e10308da01342bb1c/62e0e02e10308d1b4d42bb6a_ClashDisplay-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Clashdisplay;
src: url("https://cdn.prod.website-files.com/62e0e02e10308da01342bb1c/62e0e02e10308d498142bb6b_ClashDisplay-Extralight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Clashdisplay;
src: url("https://cdn.prod.website-files.com/62e0e02e10308da01342bb1c/62e0e02e10308d1aeb42bb6d_ClashDisplay-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Clashdisplay;
src: url("https://cdn.prod.website-files.com/62e0e02e10308da01342bb1c/62e0e02e10308d84f142bb6c_ClashDisplay-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Clashdisplay;
src: url("https://cdn.prod.website-files.com/62e0e02e10308da01342bb1c/62e0e02e10308d33cf42bb6e_ClashDisplay-Semibold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Clashdisplay;
src: url("https://cdn.prod.website-files.com/62e0e02e10308da01342bb1c/62e0e02e10308da65c42bb6f_ClashDisplay-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Clashdisplay variable;
src: url("https://cdn.prod.website-files.com/62e0e02e10308da01342bb1c/62e0e02e10308d4b1d42bb70_ClashDisplay-Variable.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root {
--main: #0f0f0f;
--text-main: white;
--pmfi-purple-2: #876aae;
--pmfi-yellow: #ffc20e;
--bg-contrast: white;
--pmfi-green: #d0e180;
--bg-secondary: #171717;
--text-dark: #0f0f0f;
--button-secondary: #3a3a3a;
--button-white: white;
--text-subheadings: #ababab;
--input-text: #4a4a4a;
--bg-third: #282828;
--primary: #5ce115;
--text-paragraphs: #cfcfcf;
--secondary: #171717;
--bg-four: #4a4a4a;
--pmfi-purple: #282828;
}
.w-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.w-pagination-previous, .w-pagination-next {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.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;
}
.w-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec;
}
.w-pagination-previous-icon {
margin-right: 4px;
}
.w-pagination-next-icon {
margin-left: 4px;
}
body {
background-color: var(--main);
color: var(--text-main);
font-family: Eudoxussans, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1 {
letter-spacing: -1px;
margin-top: 0;
margin-bottom: .4em;
font-size: 3.375rem;
font-weight: 500;
line-height: 110%;
}
h2 {
letter-spacing: -.8px;
margin-top: 0;
margin-bottom: .2em;
font-size: 2.25rem;
font-weight: 500;
line-height: 120%;
}
h3 {
letter-spacing: -.3px;
margin-top: 0;
margin-bottom: .4em;
font-size: 1.5em;
font-weight: 500;
line-height: 1.2;
}
h4 {
margin-top: 0;
font-size: 1.4em;
font-weight: 500;
line-height: 1.2;
}
h5 {
opacity: .6;
margin-top: 0;
margin-bottom: .5em;
font-size: 1.25em;
font-weight: 500;
line-height: 1;
}
h6 {
margin-top: 0;
margin-bottom: .5em;
font-size: 1.2em;
font-weight: 400;
line-height: 1;
}
p {
margin-bottom: 1em;
font-family: Eudoxussans, sans-serif;
font-size: 1.1rem;
line-height: 160%;
}
a {
color: var(--pmfi-purple-2);
font-weight: 500;
text-decoration: underline;
}
ul, ol {
margin-top: 0;
margin-bottom: 3em;
padding-left: 40px;
font-size: 1.4em;
}
img {
max-width: 100%;
display: inline-block;
}
strong {
font-weight: 500;
}
blockquote {
border-left: 5px solid var(--text-main);
margin-top: 3em;
margin-bottom: 3em;
padding: 2em 20px;
font-size: 1.4em;
font-style: italic;
line-height: 22px;
}
figure {
margin-bottom: 3em;
}
figcaption {
text-align: center;
margin-top: 5px;
}
.section {
background-color: var(--main);
border: 1px #96676700;
padding-top: 3%;
padding-bottom: 3%;
position: relative;
}
.section.first.about {
background-color: var(--text-main);
}
.section.first.about.resources {
padding-top: 5%;
}
.section.first.programs {
padding-top: 0%;
padding-bottom: 0%;
}
.section.first.category {
padding-top: 10%;
}
.section.first.projects {
padding-top: 0%;
padding-bottom: 0%;
}
.section.case-study-v2 {
border-bottom-style: none;
padding-top: 10em;
overflow: visible;
}
.section.no-overflow {
background-color: var(--pmfi-yellow);
}
.section.no-overflow.resources, .section.no-overflow.about-pmfi {
background-color: var(--bg-contrast);
}
.section.no-overflow.about-pmfi.resources {
padding-top: 0%;
}
.section.no-overflow.about-pmfi.resources.inner {
padding-top: 5%;
}
.section.no-overflow.about-pmfi.who {
padding-top: 0%;
}
.section.no-overflow.mission {
background-color: var(--pmfi-green);
}
.section.no-overflow.partnerships {
background-color: var(--bg-contrast);
padding-top: 0%;
padding-bottom: 0%;
}
.section.no-overflow.partnerships.resources {
padding-top: 0%;
}
.section.no-overflow.partnerships.resources.inner {
padding-top: 5%;
}
.section.no-overflow.second {
padding-top: 0%;
padding-bottom: 0%;
}
.section.cta-section {
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
}
.section.has-scroll-jack {
margin-top: 10%;
overflow: visible;
}
.section.no-padding {
padding-top: 0;
padding-bottom: 0;
}
.section.icon-section-staggered {
padding-top: 0;
padding-bottom: 0;
overflow: visible;
}
.section.image-grid-section {
background-color: var(--bg-secondary);
overflow: visible;
}
.section.case-study {
padding-top: 0;
}
.section.team-section {
padding-top: 12em;
overflow: visible;
}
.section.style-guide {
overflow: visible;
}
.section.tour-hero {
padding-top: 10em;
padding-bottom: 8em;
}
.section.main-hero {
background-color: var(--pmfi-yellow);
padding-top: 0%;
padding-bottom: 5%;
}
.section.main-hero.featured-project {
background-color: var(--main);
}
.section.main-hero.news {
background-color: var(--main);
overflow: visible;
}
.section.main-hero.resources {
background-color: var(--text-main);
padding-top: 10%;
padding-bottom: 5%;
}
.section.main-hero.testimonials {
padding-bottom: 0%;
}
.section.contact {
background-color: var(--bg-contrast);
}
.section.milestones {
overflow: hidden;
}
.section.program.dark {
background-color: #fff;
}
.section.video {
padding-top: 0%;
padding-bottom: 0%;
display: block;
}
.navbar {
z-index: 9999;
color: var(--text-main);
background-color: #0000;
padding-left: 3%;
padding-right: 3%;
position: fixed;
top: 0;
left: 0;
right: 0;
}
.navbar-container {
z-index: 100;
background-color: #0000;
justify-content: space-between;
height: 100%;
display: flex;
position: relative;
}
.navbar-menu {
z-index: 99;
transform-origin: 0%;
color: var(--text-main);
background-color: #0000;
flex-direction: row;
align-items: center;
height: 100%;
transition: width .2s ease-in;
display: flex;
}
.navbar-content-right {
justify-content: flex-end;
display: flex;
}
.navbar-logo {
align-items: center;
width: 7em;
padding: 0;
transition: opacity .2s;
display: flex;
}
.navbar-logo:hover {
opacity: .8;
}
.navbar-logo-image {
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
max-width: 200%;
position: relative;
}
.navbar-dropdown {
max-height: 100%;
}
.navbar-dropdown-toggle {
color: var(--text-main);
justify-content: center;
align-items: center;
height: 100%;
padding: 1em 1.2em;
font-size: 1.25em;
font-weight: 500;
display: flex;
}
.navbar-dropdown-icon {
flex: 1;
width: .9em;
margin-left: .9em;
margin-right: 0;
font-size: .6em;
position: static;
}
.navbar-button {
justify-content: center;
align-items: center;
margin-left: 1.2em;
line-height: 1;
text-decoration: none;
}
.content {
padding: 5% 3%;
position: relative;
}
.content.center {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.content.no-padding-top {
padding-top: 0;
}
.content.with-images {
justify-content: center;
margin-top: 7em;
display: flex;
position: relative;
}
.content.style-guide {
padding-top: 2.2em;
padding-bottom: 2.2em;
}
.content.cta-type-4 {
padding-top: 4em;
padding-bottom: 3em;
}
.content.featured {
position: static;
inset: 0%;
}
.content.featured.resource.video {
padding-left: 0%;
padding-right: 0%;
display: block;
}
.content.article {
padding-top: 10%;
}
.content.article.programs {
background-color: #fff;
justify-content: space-around;
align-items: stretch;
padding-top: 0;
display: flex;
}
.content.programs {
padding-top: 10em;
}
.content.partners {
padding-bottom: 5em;
}
.content.slider {
height: auto;
padding-bottom: 10%;
}
.content.partner {
padding-top: 0%;
padding-bottom: 0%;
}
.content.partner.version2 {
padding-bottom: 10%;
}
.content.body {
background-color: var(--text-main);
}
.content.dark {
background-color: #fff;
}
.content.no-margins {
padding-bottom: 0%;
}
.title {
margin-bottom: .26em;
font-size: 6.25em;
line-height: .9;
}
.navbar-link {
color: var(--text-main);
white-space: nowrap;
padding: 1em 1.2em;
font-size: 1.2em;
font-weight: 500;
line-height: 1;
text-decoration: none;
transition: all .2s;
display: block;
}
.navbar-link:hover {
color: #fffc;
background-image: url("https://cdn.prod.website-files.com/62e0e02e10308da01342bb1c/62e1e73b093548ef77d2f701_pmfi%20circle.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 10px 10px;
}
.navbar-link.w--current {
color: var(--pmfi-yellow);
}
.navbar-link.dark {
color: var(--main);
}
.navbar-link.dark.w--current {
color: var(--pmfi-yellow);
}
.label {
opacity: .7;
text-transform: uppercase;
margin-bottom: .5em;
margin-right: .5em;
font-family: Clashdisplay, sans-serif;
font-size: 1.25em;
font-weight: 600;
line-height: 1;
}
.label.alternate {
opacity: .6;
font-size: 1em;
}
.label.small-label {
font-size: .6em;
}
.socials-wrapper {
margin-top: .1em;
margin-left: -.2em;
display: flex;
}
.social-icon.bottom {
opacity: .5;
position: absolute;
transform: translate(0, 40px);
}
.secondary-font {
font-family: Newyork;
}
.page-wrapper {
flex-direction: column;
align-items: center;
overflow: hidden;
}
.navbar-menu-close-button {
background-color: #843ee7;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.button {
z-index: 3;
background-color: var(--pmfi-yellow);
color: var(--text-dark);
text-align: center;
border-radius: 100px;
padding: 2em 2.2em;
font-size: .8em;
font-weight: 500;
line-height: 1;
text-decoration: none;
transition: all .2s;
display: inline-block;
position: relative;
overflow: hidden;
}
.button:hover {
background-color: var(--pmfi-green);
transform: translate(0, -10px);
box-shadow: 0 10px 10px #00000045;
}
.button.submit {
width: 100%;
padding: 1.3em 3em;
font-size: 1.25em;
}
.button.submit:hover {
background-color: #ffc20ebd;
}
.button.button-secondary {
background-color: var(--main);
border-style: none;
}
.button.button-secondary:hover {
background-color: var(--button-secondary);
}
.button.button-secondary.purple {
background-color: var(--pmfi-purple-2);
}
.button.button-secondary.green {
background-color: var(--pmfi-green);
}
.button.button-secondary.yellow {
background-color: var(--pmfi-yellow);
}
.button.white {
background-color: var(--button-white);
}
.button.white:hover, .button.navbar-button {
background-color: var(--pmfi-yellow);
}
.button-wrapper {
margin-top: 2.5em;
}
.button-wrapper.auto-margin-top {
margin-top: auto;
display: none;
}
.button-wrapper.large-top-margin {
margin-top: 5em;
}
.button-wrapper.about {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 5%;
display: grid;
}
.button-wrapper.resources {
justify-content: flex-end;
display: flex;
}
.scrollin-logos-list-wrapper {
flex: none;
}
.scrollin-logos-list-wrapper.white {
display: none;
}
.scrolling-logos-list {
display: flex;
}
.scrolling-logos-item {
flex: none;
margin-right: 0;
}
.standard-link-block {
margin-right: 5em;
text-decoration: none;
transition: opacity .2s;
}
.standard-link-block:hover {
opacity: .8;
}
.white-filter {
filter: brightness(500%) grayscale();
max-height: 1.25em;
}
.no-margin-bottom {
margin-bottom: 0;
}
.opacity-95 {
opacity: .95;
}
.border-link {
color: var(--text-main);
text-transform: uppercase;
padding-bottom: 6px;
font-size: 1.2em;
font-weight: 600;
text-decoration: none;
transition: color .2s, border-color .2s;
display: inline-block;
position: relative;
}
.border-link:hover {
border-bottom-color: #848484;
}
.border-line-wrapper {
background-color: #0000;
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
}
.border-link-fill {
background-color: var(--text-main);
width: 10%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
}
.post-strip-content {
margin-bottom: 6.5em;
}
.testimonials-slider-type-1 {
background-color: #0000;
height: auto;
margin-left: 4em;
margin-right: 4em;
}
.testimonial-slider-arrow-link {
background-color: #292929;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 1.3em;
height: 1.3em;
margin-top: 0;
margin-bottom: 0;
transition: background-color .2s;
display: flex;
}
.testimonial-slider-arrow-link:hover {
background-color: #464646;
}
.testimonial-slider-arrow-link.type-1-left {
padding-right: 2px;
top: 50%;
transform: translate(0, -50%);
}
.testimonial-slider-arrow-link.type-1-right {
padding-left: 2px;
top: 50%;
transform: translate(0, -50%);
}
.testimonial-slider-arrow-link.type-2-left {
padding-right: 2px;
inset: auto 1.5em 0 auto;
}
.testimonial-slider-arrow-link.type-2-right {
padding-left: 2px;
inset: auto 0 0 auto;
}
.testimonial-type-1-wrapper {
text-align: center;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.testimonial-type-1 {
width: 100%;
max-width: 38em;
}
.testimonial-slider-type-1-nav {
font-size: .5em;
}
.testimonial-avatar {
object-fit: cover;
border-radius: 100%;
width: 4em;
height: 4em;
margin-top: 2.5em;
margin-bottom: 1em;
}
.testimonial-avatar.type-2 {
width: 5em;
height: 5em;
margin-top: 0;
}
.testimonial-avatar.type-4 {
margin-top: -2.8em;
}
.testimonial-name-wrapper {
margin-bottom: .2em;
font-size: 1.5em;
line-height: 1;
display: flex;
}
.testimonial-name-wrapper.center {
justify-content: center;
}
.testimonial-name {
margin-right: .2em;
}
.mask {
height: auto;
}
.testimonials-type-1-slide {
height: auto;
margin-bottom: 4.5em;
position: relative;
}
.relative {
z-index: 1;
position: relative;
}
.blog-posts-grid {
grid-column-gap: 3em;
grid-row-gap: 4.5em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.blog-posts-grid._2-col {
grid-template-columns: 1fr 1fr;
}
.blog-posts-grid._3-col {
z-index: 3;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
position: relative;
}
.blog-posts-grid.projects, .blog-posts-grid.four, .blog-posts-grid.resources {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.blog-posts-grid.programs {
grid-template-columns: 1fr 1fr 1fr;
}
.blog-posts-thumb-wrapper {
border-radius: 16px;
width: 100%;
height: 14em;
margin-bottom: 1.5em;
overflow: hidden;
}
.blog-posts-thumb-wrapper.full {
flex: 1;
align-items: flex-end;
min-height: 30em;
margin-bottom: 0;
padding: 3.5em;
display: flex;
position: relative;
}
.blog-posts-thumb-wrapper.projects {
height: 20em;
}
.blog-posts-thumb {
object-fit: cover;
border-radius: 16px;
width: 100%;
height: 100%;
}
.blog-posts-thumb.full {
position: absolute;
inset: 0%;
}
.blog-posts-item-content {
color: var(--text-main);
flex: 1;
width: 100%;
max-width: 25em;
text-decoration: none;
transition: opacity .2s;
}
.blog-posts-item-content:hover {
opacity: .85;
}
.blog-posts-date {
opacity: .95;
margin-bottom: 3em;
font-family: Eudoxussans, sans-serif;
font-size: 1em;
font-weight: 300;
}
.blog-posts-item-wrapper {
flex-direction: column;
justify-content: space-between;
height: 100%;
display: flex;
}
.blog-posts-list-wrapper {
z-index: 3;
position: relative;
}
.blog-posts-categories-list-wrapper {
width: 100%;
}
.blog-posts-categories-list {
flex-wrap: wrap;
align-items: flex-start;
display: flex;
}
.blog-posts-categories-list.right {
justify-content: flex-end;
margin-bottom: 2em;
}
.blog-posts-category-link {
color: var(--text-main);
text-transform: capitalize;
background-color: #0000;
border-radius: 12px;
margin-bottom: 2em;
margin-right: 1em;
padding: 8px 24px;
font-size: 1.1rem;
text-decoration: none;
transition: all .2s;
display: block;
}
.blog-posts-category-link:hover {
opacity: .8;
background-color: #ffffff1a;
}
.blog-posts-category-link.w--current {
opacity: 1;
background-color: #0000;
}
.blog-posts-category-link.type-2 {
border: 2px solid #000;
border-radius: 15px;
margin-top: 1%;
margin-bottom: 0;
margin-right: 1em;
padding: 6px 24px;
}
.blog-posts-category-link.type-2:hover {
transform: translate(0, -10px);
box-shadow: 0 10px 10px #0009;
}
.blog-posts-category-link.type-3 {
border: 1px solid var(--bg-contrast);
opacity: .7;
border-radius: 8px;
margin-top: .8em;
margin-bottom: 0;
margin-right: 1em;
padding: 6px 24px;
display: inline-block;
}
.blog-posts-category-link.type-3:hover {
opacity: 1;
}
.blog-posts-category-link.type-3.active {
opacity: 1;
background-color: #ffffff1a;
}
.blog-posts-category-link.right {
margin-left: 1em;
margin-right: 0;
}
.portfolio-fan-wrapper {
justify-content: center;
width: 25em;
height: 37em;
margin-top: 4em;
margin-bottom: 2em;
display: flex;
position: relative;
}
.portfolio-fan-cursor-wrapper {
z-index: 4;
color: var(--text-main);
cursor: pointer;
width: 100%;
height: 100%;
text-decoration: none;
position: relative;
overflow: hidden;
}
.about-sub-heading {
font-weight: 500;
}
.about-sub-heading.black {
color: var(--main);
}
.content-header {
justify-content: space-between;
align-items: flex-end;
}
.content-header.has-scroll-jack {
display: flex;
}
.content-header.half {
width: 75%;
padding-bottom: 1.5%;
}
.content-header.split {
display: flex;
}
.content-header.split-center {
align-items: center;
display: flex;
}
.content-header.posts-header {
display: block;
}
.no-margin {
margin: 0;
display: none;
}
.team-grid {
z-index: 10;
grid-column-gap: 1.6em;
grid-row-gap: 1.6em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.team-grid.two-col {
grid-row-gap: 1.6em;
grid-template-columns: 1fr 1fr;
}
.team-grid.three-col {
grid-template-columns: 1fr 1fr 1fr;
}
.team-item-link-wrapper {
color: var(--text-main);
border-radius: 16px;
flex-direction: column;
justify-content: flex-end;
height: 28em;
padding: 1.6em;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.team-item-link-wrapper.about {
height: 25em;
}
.team-item-background-gradient {
z-index: -1;
background-image: linear-gradient(to top, #000000c2, #0000003b 50%, #0000);
border-radius: 0 0 16px 16px;
width: 100%;
height: 20em;
position: absolute;
bottom: 0;
right: 0;
}
.team-item-image {
z-index: -2;
object-fit: cover;
border-radius: 16px;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.team-item-name-wrapper {
flex-direction: column;
display: flex;
}
.team-item-name {
margin-bottom: 0;
}
.team-item-last-name {
margin-top: 1px;
margin-bottom: 0;
font-size: 1.5em;
}
.team-item-position {
color: var(--text-subheadings);
letter-spacing: 1px;
text-transform: uppercase;
}
.cta-content {
z-index: 2;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 5em;
padding-bottom: 5em;
display: flex;
position: relative;
}
.footer-grid {
grid-column-gap: 3vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.footer-logo {
margin-bottom: 2em;
transition: opacity .2s;
position: static;
top: 0;
left: 0;
}
.footer-logo:hover {
opacity: .7;
}
.footer-logo-image {
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
width: 15em;
}
.opacity-60 {
opacity: .6;
}
.footer-copyright {
justify-content: space-between;
align-items: flex-end;
}
.footer-copyright-link {
color: #fff9;
padding-bottom: 1%;
font-family: Eudoxussans, sans-serif;
transition: color .2s;
}
.footer-copyright-link:hover {
color: var(--text-main);
}
.footer-links-grid {
grid-column-gap: .75em;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.footer-links {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: flex;
}
.footer-links.last {
display: none;
}
.footer-link {
opacity: .85;
color: var(--text-main);
text-transform: uppercase;
margin-top: .7em;
margin-bottom: .7em;
font-size: .9em;
font-weight: 600;
line-height: 1;
text-decoration: none;
transition: opacity .2s;
}
.footer-link:hover {
opacity: 1;
color: var(--pmfi-yellow);
}
.footer-subscribe {
width: 100%;
max-width: 25em;
}
.footer-subscribe-button {
background-color: var(--button-white);
color: var(--main);
text-transform: uppercase;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
height: 100%;
padding: 1.7em 1.5em 1.5em;
font-weight: 600;
line-height: 1;
transition: opacity .2s;
position: absolute;
top: 0;
right: 0;
}
.footer-subscribe-button:hover {
opacity: .8;
}
.input {
border: 1px solid var(--text-main);
background-color: var(--bg-contrast);
color: var(--input-text);
border-radius: 100px;
margin-bottom: 0;
padding: 1.8em 1.5em;
font-size: 1.25em;
font-weight: 500;
line-height: 1;
transition: border-color .2s;
}
.input:hover, .input:focus {
border-color: var(--pmfi-yellow);
}
.input::placeholder {
color: var(--input-text);
}
.input.input-area {
border-radius: 24px;
min-height: 10em;
}
.input.select {
color: var(--input-text);
border-style: none;
margin-right: 1.5em;
}
.input.subscribe {
color: var(--main);
margin-top: 1em;
}
.input-group {
margin-bottom: 1.5em;
}
.portfolio-list-link {
color: var(--text-main);
text-align: center;
border-bottom: 1px solid #4a4a4a;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.portfolio-list-image {
z-index: -1;
transform-origin: 50%;
object-fit: cover;
border-radius: 16px;
width: 13em;
height: 18em;
position: absolute;
box-shadow: 0 0 23px 12px #0000004d;
}
.portfolio-list-cursor {
z-index: 2;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-color: #ffffff80;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 6.5em;
height: 6.5em;
font-family: Optician sans;
font-size: 1em;
display: flex;
position: absolute;
}
.testimonials-slider-type-2 {
background-color: #0000;
height: auto;
margin-top: 4em;
}
.testimonials-type-2-slide {
height: auto;
margin-bottom: 4.5em;
position: relative;
}
.testimonial-type-2-wrapper {
align-items: center;
height: 100%;
display: flex;
}
.testimonial-type-2 {
width: 100%;
max-width: 38em;
}
.testimonial-slider-type-2-nav {
padding-left: 0;
font-size: .5em;
left: 0;
right: auto;
}
.home-v2-testimonials {
display: flex;
}
.home-v2-testimonials-left {
width: 100%;
}
.home-v2-testimonials-right {
width: 100%;
max-width: 38em;
max-height: 40em;
padding-left: 2em;
padding-right: 2em;
overflow: hidden;
}
.team-staggered {
margin-bottom: 1.6em;
position: relative;
}
.team-staggered-link-wrapper {
color: var(--text-main);
border: 1px solid #5ce11599;
border-radius: 16px;
flex-direction: column;
justify-content: flex-end;
height: 18em;
padding: 1.6em;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.cta-type-2-content {
flex-direction: column;
justify-content: space-between;
max-width: 30em;
padding-left: 3.5em;
display: flex;
}
.cta-type-2-image {
flex-direction: column;
justify-content: flex-end;
width: 32em;
height: 22em;
display: flex;
overflow: hidden;
}
.cta-type-2, .hidden-slide-nav {
display: flex;
}
.portfolio-grid {
grid-column-gap: 2.2em;
grid-row-gap: 2.2em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.portfolio-grid-item {
flex-direction: column;
display: flex;
position: relative;
}
.portfolio-grid-image {
object-fit: cover;
border-radius: 16px;
width: 100%;
height: 17em;
}
.portfolio-grid-image-wrapper {
border-radius: 16px;
display: block;
overflow: hidden;
}
.portfolio-grid-content {
color: var(--text-main);
flex-direction: column;
flex: 1;
justify-content: space-between;
align-items: flex-start;
min-height: 15em;
padding-top: 2em;
padding-bottom: 0;
text-decoration: none;
transition: color .2s;
display: flex;
}
.portfolio-grid-content:hover {
color: #ffffffb3;
}
.general-link-block {
color: var(--text-main);
justify-content: center;
width: 100%;
padding-bottom: 3%;
text-decoration: none;
transition: opacity .2s;
}
.general-link-block:hover {
opacity: .8;
}
.general-link-block.programs {
display: flex;
}
.blog-posts-item-type-3 {
position: relative;
}
.blog-posts-item-type-3-wrapper {
color: var(--text-main);
cursor: pointer;
flex-direction: column;
width: 100%;
max-width: 26em;
height: 100%;
text-decoration: none;
transition: color .2s;
display: flex;
position: relative;
overflow: hidden;
}
.blog-posts-item-type-3-wrapper:hover {
color: #ffffffb3;
}
.team-item-2-link-wrapper {
color: var(--text-main);
border-radius: 16px;
flex-direction: column;
justify-content: flex-end;
height: 23em;
margin-bottom: 1.5em;
padding: 1.6em;
display: flex;
position: relative;
overflow: hidden;
}
.cta-type-3 {
align-items: center;
padding-top: 6em;
padding-bottom: 6em;
display: flex;
position: relative;
overflow: hidden;
}
.cta-type-3-heading {
color: var(--text-main);
cursor: none;
flex: none;
margin-right: 4em;
text-decoration: none;
}
.cta-cursor {
z-index: 2;
background-color: #ffffff80;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 6.5em;
height: 6.5em;
font-family: Optician sans;
font-size: 1em;
display: flex;
position: absolute;
}
.cta-type-3-button {
display: none;
}
.service-single-grid {
z-index: 3;
grid-column-gap: 4em;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.service-single-image {
z-index: 2;
object-fit: cover;
border: 1px solid #5ce11599;
border-radius: 18px;
flex-direction: column;
justify-content: flex-end;
width: 100%;
height: 32em;
display: flex;
position: relative;
overflow: hidden;
}
.service-single-content {
flex-direction: column;
width: 100%;
max-width: 26em;
display: flex;
}
.service-accordian-wrapper {
border-radius: 50px;
margin-bottom: 2em;
}
.service-accordian-wrapper.alternate {
background-color: var(--bg-third);
}
.service-accordian-trigger {
cursor: pointer;
align-items: center;
padding: 3em 3.5em;
display: flex;
}
.service-accordian-content {
overflow: hidden;
}
.service-accordian-number {
margin-right: 1em;
font-size: 4.5em;
line-height: 1;
}
.service-accordian-heading {
font-family: Clashdisplay, sans-serif;
font-size: 1.25em;
font-weight: 500;
line-height: 1;
}
.service-accordian-plus-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 2.5em;
height: 2.5em;
margin-left: auto;
display: flex;
position: relative;
}
.service-accordian-line-hor {
background-color: var(--text-main);
width: 100%;
height: 1px;
position: absolute;
}
.service-accordian-line-ver {
background-color: var(--text-main);
transform-origin: 50%;
width: 1px;
height: 100%;
}
.testimonial-cards-list {
justify-content: flex-start;
display: flex;
}
.testimonial-card {
background-color: var(--bg-third);
border: 1px solid #5ce11599;
border-radius: 5%;
flex: none;
width: 34%;
position: relative;
}
.testimonial-card.is-1 {
z-index: 1;
position: relative;
}
.testimonial-card.is-2 {
z-index: 2;
margin-left: -12%;
}
.testimonial-card.is-3 {
z-index: 3;
margin-left: -12%;
}
.testimonial-card.is-4 {
z-index: 4;
margin-left: -12%;
}
.cta-type-4-bg-wrapper {
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.cta-type-4-bg-image {
object-fit: cover;
width: 25%;
height: 100%;
}
.bg-overlay {
z-index: 1;
background-color: var(--main);
opacity: .4;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.bg-overlay._40 {
z-index: 2;
opacity: .4;
}
.timeline-box {
border-bottom: 1px solid #ffffff73;
margin-bottom: 2.5em;
padding-bottom: 1.5em;
padding-left: 1em;
padding-right: 1em;
}
.team-slider {
background-color: #0000;
width: 19em;
height: auto;
position: static;
}
.team-slider-wrapper {
width: 100vw;
}
.team-slider-mask {
height: auto;
overflow: visible;
}
.team-slide {
height: auto;
margin-right: 1.5em;
}
.team-slider-arrow {
background-color: #292929;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 1em;
height: 1em;
margin-top: 0;
margin-bottom: 0;
transition: background-color .2s;
display: flex;
}
.team-slider-arrow:hover {
background-color: #464646;
}
.team-slider-arrow.type-1-left {
margin-left: 0;
margin-right: 0;
padding-right: 2px;
top: -1.8em;
left: auto;
right: 50px;
}
.team-slider-arrow.type-1-right {
padding-left: 2px;
position: absolute;
top: -1.8em;
left: auto;
right: 0;
}
.team-slider-container {
width: 84em;
position: relative;
}
.full-height {
height: 100%;
}
.skill-box {
border-bottom: 1px solid #fff9;
padding-bottom: 1.5em;
}
.horizontal-progress-bar {
background-color: #4a4a4a;
height: 1px;
margin-top: 3.5em;
display: flex;
position: relative;
}
.horizontal-progress-fill {
background-color: var(--primary);
height: 1px;
}
.case-study-hero {
z-index: 1;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 40em;
display: flex;
position: relative;
overflow: hidden;
}
.case-study-hero-image {
z-index: 1;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.case-study-hero-gradient {
z-index: 2;
background-image: linear-gradient(to bottom, black, black 0%, #0000001a 32%), linear-gradient(34deg, var(--main) 15%, transparent 77%);
border-bottom-right-radius: 150px;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.case-study-hero-gradient.programs {
border-right: 5px solid var(--pmfi-yellow);
border-bottom: 5px solid var(--pmfi-yellow);
}
.case-study-hero-content {
z-index: 3;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
color: var(--text-main);
text-align: center;
border-radius: 16px;
width: 100%;
max-width: 25em;
padding: 1em 1em 2em;
position: relative;
}
.case-study-label {
color: #cecece;
text-transform: uppercase;
font-family: Clashdisplay, sans-serif;
font-size: 1.25em;
font-weight: 600;
}
.case-study-label.lower-label {
margin-top: .5em;
}
.case-study-heading {
margin-bottom: 0;
}
.case-study-project-position {
z-index: 4;
position: absolute;
top: -7em;
right: 7em;
}
.case-study-project-link-wrapper {
justify-content: center;
align-items: center;
width: 11em;
display: flex;
position: relative;
}
.case-study-project-text-arc {
z-index: -1;
perspective-origin: 50%;
transform-origin: 50%;
width: 11em;
position: absolute;
top: auto;
}
.case-study-project-link {
z-index: 1;
background-color: #0000;
border: 1px solid #626262;
border-radius: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 8.5em;
height: 8.5em;
display: flex;
position: relative;
}
.case-study-link-icon {
width: 28px;
}
.case-study-content-grid {
z-index: 3;
grid-template-rows: auto;
grid-template-columns: 1fr minmax(200px, 28em);
grid-auto-columns: 1fr;
display: flex;
position: relative;
}
.case-study-grid-item-left {
z-index: 1;
width: 100%;
padding-right: 6em;
position: relative;
top: -5em;
}
.case-study-grid-image {
object-fit: cover;
object-position: 50% 100%;
width: 100%;
height: 100%;
}
.case-study-grid-image.is-2 {
border-radius: 16px;
flex-direction: column;
justify-content: flex-end;
width: 38em;
height: 25em;
display: flex;
overflow: hidden;
}
.case-study-grid-heading {
width: 100%;
max-width: 50em;
margin-bottom: 2em;
}
.case-study-grid-heading strong {
font-weight: 600;
}
.case-studies-tag-wrapper {
margin-top: 2em;
margin-bottom: 10em;
}
.case-study-tags-grid {
grid-column-gap: 3em;
grid-row-gap: 2em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 2em;
display: grid;
}
.vertical-center {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
display: none;
}
.vertical-center.text-align-left {
text-align: left;
}
.case-study-main-content {
z-index: 3;
padding-right: 11em;
display: flex;
position: relative;
}
.case-study-main-content-text {
width: 100%;
max-width: 50em;
margin-left: auto;
}
.case-study-main-content-text h3 {
margin-bottom: .5em;
font-family: Newyork;
}
.case-study-main-content-text strong {
font-family: Newyork;
font-weight: 400;
}
.case-study-tab-wrapper {
margin-bottom: 10em;
}
.tab-link {
background-color: var(--main);
opacity: .45;
color: var(--text-main);
text-transform: capitalize;
border: 1px solid #ffffff80;
border-radius: 12px;
margin-right: 1em;
padding: 6px 24px;
font-family: Clashdisplay, sans-serif;
font-size: 1.25em;
font-weight: 500;
text-decoration: none;
transition: border-color .2s, opacity .2s;
}
.tab-link:hover {
border-bottom-color: var(--text-main);
opacity: .7;
}
.tab-link.w--current {
opacity: 1;
color: var(--text-main);
background-color: #0000;
border-color: #fffc;
}
.tab-pane {
padding-top: 3.5em;
}
.case-study-next-section {
color: var(--text-main);
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
min-height: 60vh;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.case-study-next-image {
z-index: 1;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.case-study-next-gradient {
z-index: 2;
background-color: var(--main);
opacity: .2;
width: 100%;
height: 100%;
position: absolute;
}
.case-study-next-cursor {
z-index: 5;
background-color: #ffffff80;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 6.5em;
height: 6.5em;
font-family: Optician sans;
font-size: 1em;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.career-detail-wrapper {
grid-column-gap: 2.2em;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 1.5em;
margin-bottom: 1.5em;
display: grid;
}
.careers-list-wrapper {
z-index: 3;
position: relative;
overflow: hidden;
}
.careers-list-item {
border-bottom: 1px solid #ffffff73;
}
.checkbox-field {
align-items: center;
margin-bottom: 1em;
margin-right: 2.3em;
padding-left: 10px;
font-size: 1.25em;
line-height: 1;
transition: opacity .2s;
display: flex;
}
.checkbox-field:hover {
opacity: .7;
}
.checkbox-group {
flex-wrap: wrap;
align-items: center;
margin-top: .5em;
display: flex;
}
.form-heading {
margin-bottom: .5em;
}
.contact-icon {
width: 3em;
margin-bottom: .5em;
}
.error-message {
background-color: var(--main);
border: 1px solid #f54646;
border-radius: 16px;
font-size: 16px;
}
.checkbox {
border-radius: 50px;
width: 1em;
height: 1em;
margin-top: -3px;
margin-left: -10px;
margin-right: 10px;
}
.checkbox.w--redirected-checked {
border-width: 3px;
border-color: var(--pmfi-yellow);
background-color: #0000;
background-image: none;
}
.checkbox.w--redirected-focus {
box-shadow: none;
}
.radio-label {
z-index: 1;
font-size: 1.25em;
position: relative;
}
.contact-content-left {
max-width: 40em;
}
.radio-button-field {
border: 1px solid #ffffff73;
border-radius: 24px;
margin-bottom: 12px;
margin-right: 12px;
padding: 10px 20px;
transition: border-color .2s;
position: relative;
}
.radio-button-field:hover {
border-color: #ffffffb3;
}
.radio-group {
flex-wrap: wrap;
margin-top: .5em;
display: flex;
}
.contact-form {
z-index: 2;
border: 1px solid var(--pmfi-yellow);
background-color: var(--bg-secondary);
text-align: left;
border-radius: 16px;
padding: 2.5em;
position: relative;
}
.contact-form.blur {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-color: #1119;
}
.contact-intro-block {
width: 100%;
max-width: 620px;
position: relative;
}
.radio-button {
border: 0 #000;
border-radius: 24px;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
transition: border .2s, transform .2s, box-shadow .2s, background-color .2s;
position: absolute;
inset: 0%;
}
.radio-button:hover, .radio-button:active {
border-style: none;
border-radius: 0%;
}
.radio-button.w--redirected-checked {
border-width: 1px;
border-color: var(--primary);
background-color: #ffffff14;
border-radius: 24px;
transform: scale(1.02);
}
.radio-button.w--redirected-focus {
border-style: solid;
border-color: var(--text-main);
box-shadow: none;
border-radius: 0%;
transform: scale(1.02);
}
.success-message {
border: 1px solid var(--pmfi-yellow);
background-color: var(--text-main);
color: #141414;
border-radius: 100px;
font-family: Optician sans;
font-size: 16px;
}
.field-label {
opacity: .7;
text-transform: uppercase;
margin-bottom: 1.5em;
font-size: 1em;
font-weight: 500;
line-height: 1;
}
.contact-info-link {
color: var(--text-main);
font-size: 1.25em;
line-height: 1.5em;
text-decoration: none;
transition: opacity .2s;
}
.contact-info-link:hover {
opacity: .7;
}
.contact-us-main-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.contact-button-wrapper {
width: 100%;
margin-top: 1em;
display: inline-block;
}
.contact-button-wrapper.block {
width: auto;
}
.contact-info-grid {
grid-column-gap: 0px;
grid-row-gap: 1.5em;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-top: 4em;
display: grid;
}
.field-block {
margin-bottom: 2em;
}
.field-block._2nd {
display: none;
}
.contact-content-right {
width: 100%;
max-width: 35em;
}
.checkbox-label {
margin-bottom: 0;
}
.contact-info-box {
z-index: 2;
background-color: var(--main);
color: var(--text-main);
border: 1px solid #5ce11580;
border-radius: 16px;
padding: 1.5em;
text-decoration: none;
display: block;
position: relative;
}
.contact-link-arrow-wrapper {
position: absolute;
top: 50%;
right: 3em;
transform: translate(0, -50%);
}
.contact-locations-grid {
grid-column-gap: 10em;
grid-row-gap: 10em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 5em;
display: grid;
}
.contact-locations-grid.contact-v3 {
grid-column-gap: 10em;
grid-row-gap: 2.2em;
grid-template-columns: 1fr;
}
.contact-location-content {
padding-bottom: 3%;
}
.location-icon {
width: 3.5em;
margin-bottom: 2em;
}
.location-email-link {
color: var(--pmfi-yellow);
font-size: 1.1em;
line-height: 1;
text-decoration: underline;
transition: opacity .2s;
display: flex;
}
.location-email-link:hover {
opacity: .7;
}
.location-text {
opacity: .95;
font-size: 1.25em;
line-height: 1.5;
transition: all .2s;
}
.location-text:hover {
color: var(--pmfi-yellow);
}
.location-text.main {
padding-bottom: 3%;
}
.contact-full-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 7em;
display: flex;
position: relative;
}
.contact-content-center {
z-index: 3;
width: 100%;
max-width: 35em;
position: relative;
}
.contact-full-bg-image {
z-index: 1;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
}
.careers-content-left {
width: 100%;
max-width: 38em;
padding-left: 2em;
padding-right: 2em;
overflow: hidden;
}
.careers-content-right {
width: 100%;
padding: 2em 7em 2em 3em;
}
.careers-content {
background-color: var(--bg-secondary);
border: 1px solid #fff3;
border-radius: 80px;
display: flex;
overflow: hidden;
}
.careers-tabs {
margin-top: 4em;
}
.career-tab-text p {
margin-bottom: 0;
font-size: 16px;
}
.no-overflow {
overflow: hidden;
}
.case-studies-horizontal-link {
color: var(--text-main);
cursor: none;
height: 30em;
margin-bottom: 1em;
text-decoration: none;
display: block;
position: relative;
overflow: hidden;
}
.case-study-slide-trigger {
z-index: 5;
cursor: pointer;
padding-left: 25px;
text-decoration: none;
position: relative;
}
.portfolio-list-item-full {
color: var(--text-main);
cursor: pointer;
border-bottom: 1px solid #ffffff40;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.portfolio-heading-track-full {
justify-content: space-between;
align-items: center;
width: 100%;
padding: 2em 1.5em;
display: flex;
overflow: hidden;
}
.career-main-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.career-content-left {
width: 100%;
}
.career-intro-block {
width: 100%;
max-width: 32em;
margin-bottom: 3em;
position: relative;
}
.career-content-right {
width: 100%;
max-width: 35em;
}
.blog-post-main-content {
width: 100%;
max-width: 50em;
margin-left: auto;
margin-right: auto;
}
.blog-post-hero {
border-radius: 18px;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 40em;
margin-top: 3%;
margin-bottom: 3%;
display: flex;
position: relative;
}
.blog-post-hero.programs {
z-index: 3;
position: relative;
}
.blog-post-hero-image {
z-index: 1;
object-fit: cover;
border-radius: 0 0 150px;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.blog-post-hero-image.projects {
object-fit: cover;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
}
.blog-post-hero-gradient {
z-index: 1;
background-image: linear-gradient(to top, var(--main) 5%, transparent 77%);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.blog-post-intro-block {
z-index: 2;
width: 100%;
position: relative;
}
.blog-post-intro-block.projects {
flex-direction: column;
align-items: center;
margin-top: 20%;
display: flex;
}
.team-content-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.team-content-left {
padding-right: 2em;
}
.team-content-right {
width: 100%;
max-width: 32em;
}
.team-image {
object-fit: cover;
flex-direction: column;
justify-content: flex-end;
width: 100%;
height: 50em;
display: flex;
position: sticky;
top: 8em;
box-shadow: 0 0 23px 13px #0000004d;
}
.service-content {
display: flex;
position: relative;
}
.service-content-left {
width: 100%;
max-width: 38em;
padding-left: 5em;
padding-right: 5em;
overflow: hidden;
}
.service-content-right {
z-index: 3;
width: 100%;
padding-right: 3em;
position: relative;
}
.service-tabs {
z-index: 1;
margin-top: 4em;
}
.rich-text {
color: var(--main);
}
.rich-text p {
margin-bottom: 3em;
}
.rich-text h4 {
margin-bottom: .5em;
}
.rich-text img {
border-radius: 18px;
}
.navbar-dropdown-list {
border: 1px solid var(--text-main);
background-color: var(--main);
}
.navbar-dropdown-list.w--open {
border-color: #5ce11599;
border-radius: 16px;
width: auto;
min-width: 250px;
padding: 10px 16px 10px 0;
display: block;
top: auto;
bottom: auto;
left: -1px;
}
.navbar-dropdown-list.alternate.w--open {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.navbar-dropdown-link {
color: var(--text-main);
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
font-size: 1.25em;
font-weight: 500;
transition: opacity .2s;
}
.navbar-dropdown-link:hover {
opacity: .7;
}
.navbar-dropdown-link.w--current {
color: #ffffff73;
}
.navbar-dropdown-link.is-last {
border-top: 1px solid #5ce11599;
margin-top: 10px;
}
.navbar-dropdown-grid {
grid-column-gap: 10px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.posts-tab.negative-margin {
margin-top: -6.5em;
}
.team-cursor {
z-index: 5;
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background-color: #ffffff80;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 6.5em;
height: 6.5em;
font-family: Optician sans;
font-size: 1em;
display: none;
position: absolute;
top: 0;
left: 0;
}
.button-text {
z-index: 2;
font-size: 1rem;
position: relative;
}
.button-text.text-main.black {
color: var(--main);
}
.button-text.nav {
font-size: 1.2rem;
}
.button-bg {
background-color: var(--bg-contrast);
transform-origin: 100% 0;
border-radius: 100%;
height: 100%;
padding-top: 102%;
position: absolute;
inset: 0;
transform: translate(110%);
}
.button-bg.primary-color {
background-color: var(--pmfi-green);
}
.social-link-footer {
justify-content: center;
align-items: center;
width: 1.5em;
height: 3em;
margin-right: 1em;
display: flex;
position: relative;
overflow: hidden;
}
.career-gallery-wrapper {
height: 250vh;
}
.career-gallery-sticky-parent {
position: sticky;
top: 7em;
overflow: hidden;
}
.career-gallery-track {
width: 265vw;
display: flex;
}
.career-gallery-lightbox {
color: var(--text-main);
border-radius: 16px;
flex: none;
margin-right: 3vw;
text-decoration: none;
position: relative;
overflow: hidden;
}
.career-gallery-lightbox-image {
object-fit: cover;
border-radius: 16px;
width: 50vw;
height: 30vw;
}
.career-gallery-cursor {
z-index: 5;
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background-color: #ffffff80;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 6.5em;
height: 6.5em;
font-family: Optician sans;
font-size: 1em;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.colors-grid {
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 2em;
margin-bottom: -2em;
display: flex;
}
.color-block-wrapper {
text-align: center;
flex-direction: column;
align-items: center;
margin-bottom: 2em;
margin-right: 2em;
display: flex;
}
.primary-color {
background-color: var(--primary);
}
.color-block {
border: 1px solid var(--text-main);
border-radius: 100%;
width: 8em;
height: 8em;
margin-bottom: 1em;
}
.color-block.primary-color {
background-color: var(--pmfi-yellow);
}
.color-block.text-main {
background-color: var(--text-main);
}
.color-block.text-paragraphs {
background-color: var(--text-paragraphs);
}
.color-block.text-subheadings {
background-color: var(--text-subheadings);
}
.utility-page-wrap {
border-bottom: 1px solid var(--text-main);
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: 100%;
max-width: 500px;
display: flex;
}
.utility-page-form {
text-align: left;
flex-direction: column;
align-items: stretch;
display: flex;
}
.margin-top-40 {
margin-top: 40px;
}
.style-guide-grid {
grid-column-gap: 5em;
grid-row-gap: 5em;
grid-template-rows: auto;
grid-template-columns: minmax(200px, 20vw) 1fr;
grid-auto-columns: 1fr;
align-items: start;
margin-top: 2.2em;
margin-bottom: 2.2em;
display: grid;
}
.sticky {
position: relative;
top: 10%;
}
.sticky.in-roles {
padding-top: 3em;
}
.seperator {
background-color: var(--text-main);
opacity: .45;
height: 1px;
margin-top: 3em;
margin-bottom: 3em;
}
.buttons-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: inline-block;
}
.license-image-grid {
flex-wrap: wrap;
align-items: flex-start;
display: flex;
}
.license-image {
border-radius: 16px;
flex: 0 auto;
width: 45%;
margin-bottom: 2.5%;
margin-right: 2.5%;
display: block;
}
.inline-heading {
justify-content: flex-start;
display: flex;
}
.inline-heading.align-center {
text-align: center;
justify-content: center;
align-items: center;
}
.curtain-anchor {
width: 100%;
height: 30%;
position: absolute;
bottom: 0;
}
.next-section-link {
color: #fffc;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 7em;
padding-bottom: 7em;
text-decoration: none;
transition: color .2s;
display: flex;
position: relative;
}
.next-section-link:hover {
color: #fff;
}
.explore-more-image {
z-index: -2;
transform-origin: 50%;
object-fit: cover;
border: 1px solid #5ce11566;
border-radius: 16px;
width: 20em;
height: 9em;
position: absolute;
transform: translate(-30%)rotate(-7deg);
}
.explore-more-image.is-2 {
z-index: -3;
width: 18em;
height: 11em;
transform: translate(44%)rotate(18deg);
}
.explore-more-image.is-1 {
width: 23em;
height: 13em;
transform: translate(-41%, -10%)rotate(-7deg);
}
.portfolio-scroll-jack-container {
width: 100%;
height: 208vw;
}
.portfolio-scroll-sticky-parent {
width: 100%;
position: sticky;
top: 8em;
overflow: hidden;
}
.portfolio-scroll-track {
width: 260vw;
}
.portfolio-scroll-list {
display: flex;
}
.portfolio-scroll-item {
flex: none;
width: 50em;
padding-right: 2vw;
}
.portfiolfio-scroll-link {
border-radius: 16px;
flex-direction: column;
justify-content: flex-end;
width: 100%;
height: 30vw;
margin-bottom: 1.25em;
padding-bottom: 3em;
padding-left: 2.5em;
padding-right: 2.5em;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.portfolio-scroll-image {
z-index: -1;
object-fit: cover;
border-radius: 16px;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.portfolfio-cursor {
z-index: 5;
background-color: #ffffff80;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 6.5em;
height: 6.5em;
font-family: Optician sans;
font-size: 1em;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.image {
object-fit: cover;
object-position: 50% 100%;
width: 100%;
height: 100%;
box-shadow: 0 0 23px 12px #1111114d;
}
.image.cover-center {
object-position: 50% 50%;
}
.cta-type-3-headings-wrapper {
align-items: center;
display: flex;
}
.form-block {
margin-bottom: 0;
}
.case-study-image-wrapper {
border-radius: 16px;
justify-content: flex-end;
align-items: flex-end;
width: 30em;
height: 43em;
display: flex;
overflow: hidden;
}
.case-study-grid-item-right {
width: 100%;
max-width: 33em;
padding-top: 11em;
padding-left: 4em;
}
.empty-state {
border: 1px solid var(--text-main);
background-color: var(--main);
}
.sub-heading {
color: var(--bg-contrast);
text-transform: uppercase;
padding-bottom: 1%;
font-size: 1rem;
font-weight: 400;
}
.sub-heading.no-margin {
margin-bottom: 0;
}
.sub-heading.white {
color: var(--text-main);
text-transform: none;
margin-bottom: 0;
padding-bottom: 0%;
font-weight: 400;
}
.sub-heading.dark {
color: var(--main);
}
.sub-heading.testimonials {
color: var(--pmfi-yellow);
}
.secondary-color {
background-color: var(--secondary);
}
.margin-top-4em {
margin-top: 4em;
}
.bg-main {
background-color: var(--main);
}
.bg-secondary {
background-color: var(--bg-secondary);
}
.bg-third {
background-color: var(--bg-third);
}
.bg-four {
background-color: var(--bg-four);
}
.bg-contrast {
background-color: var(--bg-contrast);
}
.text-main {
color: var(--text-main);
}
.text-paragraphs {
color: var(--text-paragraphs);
}
.text-subheadings {
color: var(--text-subheadings);
}
.input-wrapper {
background-color: var(--bg-contrast);
border-radius: 100px;
align-items: center;
display: flex;
position: relative;
}
.input-icon {
width: 1.8em;
display: none;
position: absolute;
left: 1.5em;
}
.grid {
grid-column-gap: 2.2em;
grid-row-gap: 2.2em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.grid._1-col {
grid-template-columns: 1fr;
}
.grid.metrics-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.grid.testimonial-grid {
grid-column-gap: 3.5em;
grid-row-gap: 2.2em;
grid-template-columns: 1fr 1fr 1fr;
}
.grid.testimonial-card-grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: 5em;
}
.grid.icons-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.grid.icons-grid-4-col {
grid-template-columns: 1fr 1fr 1fr;
align-items: stretch;
}
.grid.icons-grid-4-col.values {
grid-template-columns: 1fr 1fr 1fr;
}
.grid.icons-grid-4-col.values.four {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid.icons-grid-4-col.values.four.core {
align-items: stretch;
}
.grid.pages-grid {
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 2.2em;
}
.grid.blog-two-col {
z-index: 3;
position: relative;
}
.grid.blog-with-form {
grid-template-columns: minmax(10em, 55em) 1fr;
}
.grid.partnerships {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.card {
z-index: 3;
border-radius: 16px;
padding: 1.5rem;
transition: all .2s;
position: relative;
}
.card.bg-third {
background-color: var(--main);
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.card.bg-third.resource-1 {
background-color: var(--pmfi-yellow);
}
.card.bg-third.resource-1.about {
justify-content: flex-start;
}
.card.bg-third.resource-1.about.yellow {
flex-direction: column;
}
.card.bg-third.resource-1.about.yellow:hover {
box-shadow: none;
filter: none;
transform: none;
}
.card.bg-third.resource-1.about.green {
background-color: var(--pmfi-green);
flex-direction: column;
justify-content: space-between;
}
.card.bg-third.resource-1.about.green:hover {
box-shadow: none;
filter: none;
transform: none;
}
.card.bg-third.resource-1.about.purple {
background-color: var(--pmfi-purple-2);
flex-direction: column;
}
.card.bg-third.resource-1.about.purple:hover {
box-shadow: none;
filter: none;
transform: none;
}
.card.bg-third.resource-2 {
background-color: var(--pmfi-green);
}
.card.bg-third.resource-3 {
background-color: var(--text-dark);
}
.card.bg-third.white {
background-color: var(--text-main);
display: flex;
}
.card.bg-third.resource-1 {
display: flex;
}
.card.bg-third.resource-1:hover {
filter: saturate(200%);
transform: translate(0, -10px);
box-shadow: 0 10px 20px #0006;
}
.card.bg-third.resource-1.about.green {
background-color: var(--pmfi-green);
}
.card.bg-third.resource-1.about.purple {
background-color: var(--pmfi-purple-2);
}
.card.bg-third.resource-1.about.black {
background-color: var(--main);
}
.card.bg-secondary {
padding: 5%;
}
.card.section-card {
background-image: linear-gradient(#0f0f0f, #000 63%);
border-radius: 80px;
}
.card.border-card {
border: 1px solid #5ce11599;
}
.card.careers-card {
background-color: var(--bg-secondary);
flex-direction: column;
height: 100%;
text-decoration: none;
transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
display: flex;
}
.card.careers-card:hover {
background-color: var(--bg-third);
}
.horizontal-center {
align-items: center;
display: flex;
}
.horizontal-divider {
width: 3em;
}
.div-max {
width: 100%;
max-width: none;
}
.div-max.home {
padding-left: 5%;
}
.image-wrapper {
border: 1px solid #5ce11599;
border-radius: 12%;
overflow: hidden;
}
.image-wrapper.hero-image {
flex-direction: column;
justify-content: flex-end;
display: flex;
position: relative;
}
.hero-image {
object-fit: cover;
width: 15em;
height: 17em;
}
.hero-image-right {
z-index: 3;
position: absolute;
top: 50%;
right: 5.5em;
transform: translate(0, -50%);
}
.hero-image-left {
z-index: 2;
position: absolute;
top: 25%;
left: 5.5em;
}
.astra-shape-large-right {
z-index: 1;
width: 30em;
position: absolute;
bottom: -14em;
right: -15em;
}
.astra-shape-large-right.top {
top: -7em;
bottom: auto;
}
.astra-shape-large-right.center {
top: 50%;
bottom: auto;
transform: translate(0, -50%);
}
.astra-dots {
z-index: 1;
width: 8em;
position: absolute;
top: 12em;
left: 14em;
}
.astra-dots.hero-v1-grid {
z-index: 1;
top: auto;
bottom: -2em;
left: 36em;
}
.astra-dots.hero-v2 {
display: none;
top: 17em;
left: 35em;
}
.astra-dots.service {
z-index: 0;
inset: auto 44em 3.4em auto;
}
.astra-dots.contact {
left: 33.3em;
}
.astra-dots.tour {
top: 10.2em;
left: 30.7em;
}
.astra-shape-small-left {
z-index: 0;
width: 22em;
position: absolute;
top: -10em;
left: -10em;
}
.astra-shape-small-left.bottom {
width: 18em;
top: auto;
bottom: -8em;
left: -8em;
}
.astra-shape-small-left.testimonial-half-left {
width: 18em;
top: auto;
bottom: -7em;
left: 47%;
}
.astra-shape-small-left.testimonial-half-right {
width: 18em;
inset: auto 47% -7em auto;
}
.pricing-grid {
grid-column-gap: 2.2em;
grid-row-gap: 2.2em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.pricing-card {
border-radius: 16px;
flex-direction: column;
height: 100%;
display: flex;
}
.pricing-card-top {
background-color: var(--bg-four);
border-top-left-radius: 16px;
border-top-right-radius: 16px;
padding: 2.2em;
}
.pricing-card-bottom {
background-color: var(--bg-third);
border-bottom-right-radius: 16px;
border-bottom-left-radius: 16px;
flex-direction: column;
flex: 1;
padding: 2.2em;
display: flex;
}
.pricing-list {
margin-bottom: 2em;
padding-left: 20px;
font-family: Eudoxussans, sans-serif;
font-size: 1.25em;
}
.pricing-list-item {
color: var(--text-paragraphs);
margin-bottom: .5em;
}
.price-unit {
color: var(--text-paragraphs);
letter-spacing: 1px;
text-transform: uppercase;
margin-right: 6px;
font-size: 1em;
font-weight: 600;
}
.price-value {
margin-right: 6px;
font-size: 2.2em;
font-weight: 500;
line-height: 1;
}
.pricing-table-row {
display: flex;
}
.pricing-table-row.chapter {
border-top: 1px solid #282828;
border-bottom: 1px solid #282828;
}
.pricing-table-row.alternate {
background-color: var(--bg-secondary);
}
.pricing-table-cell {
border-right: 1px solid #282828;
flex: 0 25%;
align-items: center;
padding: 1.5em 2em;
display: flex;
}
.pricing-table-cell.last {
border-right-style: none;
flex-direction: row;
align-items: center;
display: flex;
}
.pricing-table-cell-heading {
opacity: 1;
margin-bottom: 0;
}
.pricing-check {
width: 2em;
}
.footer {
height: 100%;
padding-bottom: 3em;
}
.footer-credits {
display: flex;
}
.footer-credit-link {
opacity: .8;
margin-bottom: 1em;
font-family: Eudoxussans, sans-serif;
font-size: .8em;
line-height: 1;
text-decoration: none;
transition: opacity .2s;
display: inline-block;
}
.footer-credit-link:hover {
opacity: 1;
}
.max-30 {
width: 100%;
max-width: 30em;
}
.section-half-bg-image {
z-index: 1;
object-fit: cover;
width: 45%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.section-half-bg-image.right {
left: auto;
right: 0;
}
.grid-section-bg {
grid-column-gap: 2.2em;
grid-row-gap: 2.2em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.metrics-list {
margin-bottom: 0;
padding-left: 20px;
font-family: Eudoxussans, sans-serif;
font-size: 1.25em;
}
.metrics-list-item {
color: var(--text-paragraphs);
margin-bottom: .5em;
}
.metrics-numbers-grid {
z-index: 3;
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.testimonial-text {
font-family: Clashdisplay, sans-serif;
font-size: 1.4em;
}
.testimonial-text.small {
font-size: 1.25em;
}
.testimonial-quote-icon {
width: 3em;
margin-bottom: 1em;
}
.astra-shape-small-right {
z-index: 0;
width: 22em;
position: absolute;
inset: -10em -10em auto auto;
}
.astra-shape-small-right.bottom {
width: 18em;
top: auto;
bottom: -8em;
left: auto;
}
.testimonial-card-content {
max-width: 100em;
margin-left: auto;
margin-right: auto;
padding-left: 5.5em;
padding-right: 5.5em;
position: relative;
}
.testimonial-card-content.small-content {
margin-left: 0;
margin-right: 0;
padding: 2.7em;
}
.testimonial-type-3 {
width: 100%;
max-width: 38em;
}
.testimonial-type-3-wrapper {
align-items: center;
height: 100%;
display: flex;
}
.testimonial-type-4-wrapper {
z-index: 1;
align-items: center;
height: 100%;
display: flex;
position: relative;
}
.testimonial-type-4 {
background-color: var(--bg-third);
border-radius: 7%;
width: 100%;
padding-bottom: 1.5em;
padding-left: 1.5em;
padding-right: 1.5em;
}
.client-logos-scroll-wrapper {
z-index: 1;
background-color: var(--bg-third);
border-radius: 16px;
align-items: center;
min-height: 8em;
display: flex;
position: relative;
overflow: hidden;
}
.client-logos-scroll-wrapper.type-2 {
margin-top: 2.5em;
margin-bottom: 3.5em;
}
.client-logos-scroll-wrapper.white {
background-color: #fff;
}
.max-48 {
width: 100%;
max-width: 48em;
}
.astra-shape-large-left {
z-index: 0;
width: 30em;
position: absolute;
inset: -15em auto auto -15em;
}
.astra-shape-large-left.bottom {
top: auto;
bottom: -15em;
}
.client-logos-wrapper {
z-index: 1;
background-color: var(--bg-third);
border-radius: 16px;
align-items: center;
min-height: 8em;
margin-bottom: 3em;
padding: 3em 2em;
display: flex;
position: relative;
overflow: hidden;
}
.client-logos-grid {
grid-column-gap: 6em;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.portfolio-scroll-gradient {
background-image: linear-gradient(to top, #000, #000000bd 40%, #0000);
border-radius: 16px;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.portfolio-list-grid {
grid-column-gap: 8em;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(200px, 27em) 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.nav-animation-trigger {
z-index: -10;
width: 100%;
height: 20px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.card-icon-wrapper {
background-color: var(--main);
border-radius: 8px;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
margin-bottom: 1.5em;
padding: 7px;
display: flex;
}
.card-icon-wrapper.about {
background-color: #0000;
display: none;
}
.card-icon-wrapper.about.values {
display: block;
}
.card-icon-wrapper.partners {
background-color: #0000;
width: 60%;
height: 12em;
padding: 0 0 0;
}
.card-icon-content {
flex-direction: column;
align-items: center;
display: flex;
}
.card-icon-content.about {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
.card-icon-content.who {
flex-direction: row;
align-items: flex-start;
}
.card-icon-content.partnerships {
align-items: flex-start;
}
.post-text {
color: var(--main);
}
.post-text.light {
color: var(--bg-contrast);
}
.post-text.white {
color: var(--button-white);
height: 5.9em;
overflow: hidden;
}
.icons-split-grid {
grid-column-gap: 5em;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(200px, 35em) 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.service-video-link {
border: 1px solid #5ce11599;
border-radius: 50px;
justify-content: center;
align-items: center;
width: 100%;
height: 23em;
margin-top: 5em;
display: flex;
position: relative;
overflow: hidden;
}
.service-video-image {
object-fit: cover;
border-radius: 50px;
width: 100%;
height: 100%;
}
.service-video-play-button {
z-index: 1;
background-color: var(--bg-third);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 7em;
height: 7em;
padding-left: 6px;
display: flex;
position: absolute;
}
.icons-grid-staggered {
grid-column-gap: 0px;
grid-row-gap: 2.2em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.icon-card-wrapper {
padding-right: 2.2em;
position: relative;
}
.icon-card-wrapper.left {
bottom: -1.5em;
}
.icon-card-wrapper.right {
top: -1.5em;
}
.inline-form {
grid-column-gap: 1em;
grid-row-gap: 2.2em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-top: 2.2em;
display: grid;
}
.max-55 {
width: 100%;
max-width: 55em;
}
.general-form {
text-align: left;
border-radius: 16px;
padding: 2em;
}
.form-field-grid {
grid-column-gap: 1em;
grid-row-gap: 0em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.hero-v1-grid {
grid-column-gap: 2.2em;
grid-row-gap: 2.2em;
grid-template-rows: auto;
grid-template-columns: minmax(200px, 35em) 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.hero-v1-image-wrapper {
z-index: 1;
object-fit: cover;
border: 1px solid #5ce11599;
border-radius: 50px;
flex-direction: column;
justify-content: flex-end;
width: 100%;
height: 40em;
display: flex;
position: relative;
overflow: hidden;
}
.our-team-grid {
grid-column-gap: 2.2em;
grid-row-gap: 2.2em;
grid-template-rows: auto;
grid-template-columns: minmax(200px, 35em) 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.astra-slider {
background-color: #0000;
height: auto;
}
.no-slide-dots {
display: none;
}
.astra-slide {
height: auto;
margin-bottom: 6em;
position: relative;
}
.our-team-slide-image {
object-fit: cover;
border: 1px solid #5ce11599;
border-radius: 50px;
flex-direction: column;
justify-content: flex-end;
width: 100%;
height: 30em;
display: flex;
position: relative;
overflow: hidden;
}
.astra-slider-arrow-link {
background-color: #292929;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 1.3em;
height: 1.3em;
margin-top: 0;
margin-bottom: 0;
transition: background-color .2s;
display: flex;
inset: auto auto 0 50%;
transform: translate(-50%);
}
.astra-slider-arrow-link:hover {
background-color: #464646;
}
.astra-slider-arrow-link.left {
margin-left: -.8em;
}
.astra-slider-arrow-link.right {
margin-left: .8em;
}
.bg-overlay-secondary {
z-index: -1;
background-color: var(--bg-secondary);
opacity: .48;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.hero-v2-grid {
z-index: 10;
grid-column-gap: 2.2em;
grid-row-gap: 2.2em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
position: relative;
}
.hero-v2-grid.about {
grid-template-columns: 1fr;
margin-top: 5em;
display: flex;
}
.hero-v2-grid.about.partnerships {
display: flex;
}
.hero-v2-grid.featured {
margin-top: 10%;
}
.hero-v2-grid.featured.testimonials {
padding-left: 3%;
}
.hero-v2-grid.resources {
grid-template-columns: 1fr .5fr;
}
.hero-v2-grid.home {
grid-template-columns: .9fr;
padding-top: 20%;
padding-left: 3%;
}
.hero-image-wrapper {
z-index: 1;
object-fit: cover;
border-radius: 15px 15px 100px;
flex-direction: column;
justify-content: flex-end;
width: 40em;
height: 30em;
display: flex;
position: relative;
overflow: hidden;
}
.animation-scale-up.grid {
grid-template-columns: 1fr .25fr;
align-items: center;
margin-bottom: 1.5em;
}
.image-grid {
grid-column-gap: 2.2em;
grid-row-gap: 2.2em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 90%;
margin-left: auto;
margin-right: auto;
display: grid;
}
.image-grid-image {
object-fit: cover;
border-radius: 16px;
width: 100%;
height: 100%;
min-height: 16em;
}
.image-grid-sticky-parent {
position: sticky;
top: 10em;
overflow: hidden;
}
.image-grid-track {
height: 300vh;
margin-bottom: 5.5em;
}
.team-card-link-wrapper {
background-color: var(--bg-secondary);
color: var(--text-main);
text-align: center;
border: 1px solid #5ce11599;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 2em 3.5em;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.team-card-image {
z-index: 1;
object-fit: cover;
border-radius: 16px;
align-items: flex-end;
width: 100%;
height: 13em;
margin-bottom: 1.5em;
display: flex;
position: relative;
inset: 0;
overflow: hidden;
}
.team-card-name {
margin-bottom: 0;
margin-right: .2em;
font-size: 32px;
}
.team-card-last-name {
margin-top: 1px;
margin-bottom: 0;
font-size: 32px;
}
.team-card-name-wrapper {
justify-content: center;
text-decoration: none;
display: flex;
}
.team-card-content {
margin-bottom: 1.2em;
text-decoration: none;
transition: opacity .2s;
}
.team-card-content:hover {
opacity: .7;
}
.team-card-socials {
justify-content: center;
align-items: center;
display: flex;
}
.team-card-socials.left {
justify-content: flex-start;
}
.team-card-social-link {
opacity: .75;
margin-left: .5em;
margin-right: .5em;
transition: opacity .2s;
}
.team-card-social-link:hover {
opacity: 1;
}
.team-card-social-link.twitter {
margin-top: 5px;
}
.team-card-icon {
width: 1.5em;
height: 1.5em;
}
.values-grid {
grid-column-gap: 2.2em;
grid-row-gap: 2.2em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.values-header {
border-bottom: 1px solid #ffffff73;
margin-bottom: 3.5em;
padding-bottom: 1.5em;
}
.story-slider-wrapper {
width: 100vw;
}
.story-slider-container {
width: 84em;
position: relative;
}
.story-slider {
background-color: #0000;
width: 35em;
height: auto;
position: static;
}
.story-slider-mask {
height: auto;
overflow: visible;
}
.story-slide {
height: auto;
margin-right: 1em;
}
.pagination {
margin-top: 5.5em;
}
.career-gallery-lightbox-2 {
color: #fff;
border-radius: 16px;
flex: none;
margin-right: 3vw;
text-decoration: none;
position: relative;
overflow: hidden;
}
.careers-categories-list-wrapper {
z-index: 3;
position: relative;
}
.careers-categories-list {
flex-wrap: wrap;
display: flex;
}
.careers-categories-list.vertical {
flex-direction: column;
}
.category-tag-link {
opacity: .7;
color: var(--text-main);
background-color: #0000;
border: 1px solid #ffffff80;
border-radius: 12px;
margin-top: 1em;
margin-right: 1em;
padding: 6px 24px;
font-family: Clashdisplay, sans-serif;
font-size: 1.25em;
text-decoration: none;
transition: background-color .2s, opacity .2s;
}
.category-tag-link:hover {
opacity: 1;
background-color: #ffffff1a;
}
.category-tag-link.w--current {
opacity: 1;
color: var(--text-main);
background-color: #0000;
border-color: #fffc;
}
.careers-list-grid {
grid-column-gap: 2.2em;
grid-row-gap: 2.2em;
grid-template-rows: auto;
grid-template-columns: minmax(200px, 35em) 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.careers-list-link {
padding-top: 3em;
padding-bottom: 3em;
text-decoration: none;
transition: background-color .2s;
display: block;
}
.careers-list-link:hover {
background-color: #4a4a4a33;
}
.open-positions-grid {
grid-column-gap: 2.2em;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(200px, 18em) 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.careers-detail-grid {
z-index: 2;
grid-column-gap: 2.2em;
grid-row-gap: 2.2em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.careers-detail-wrapper {
flex-wrap: wrap;
align-items: center;
margin-bottom: 3em;
display: flex;
}
.careers-detail-divider {
background-color: var(--text-subheadings);
width: 4px;
height: 4px;
margin-left: 20px;
margin-right: 20px;
}
.center {
justify-content: center;
align-items: center;
display: flex;
}
.team-name, .team-last-name {
margin-right: .2em;
}
.social-share-link {
background-color: var(--primary);
border-radius: 8px;
justify-content: center;
align-items: center;
width: 3.5em;
height: 3.5em;
margin-left: 5px;
margin-right: 5px;
display: flex;
}
.cta-type-3-icon {
margin-right: 4em;
}
.home-landing-featured-grid {
z-index: 1;
grid-column-gap: 16px;
grid-row-gap: 16px;
transform-style: preserve-3d;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 50vw;
max-width: 550px;
margin-top: -20vh;
display: grid;
position: absolute;
right: 0;
transform: perspective(1000px)rotateX(0)rotateY(-20deg)rotateZ(0)perspective(1000px);
}
.home-landing-featured-list {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.home-landing-featured-list.left {
flex-direction: column;
display: flex;
position: relative;
top: 42px;
}
.showcase-link {
cursor: none;
border: 1px solid #5ce11599;
border-radius: 12px;
align-items: flex-start;
margin-bottom: 20px;
display: flex;
position: relative;
overflow: hidden;
}
.showcase-image {
border: 1px solid #383838;
width: 100%;
margin-bottom: 32px;
}
.showcase-image.in--wrapper {
object-fit: cover;
border-style: none;
margin-bottom: 0;
transform: scale(1.05);
}
.pages-wrapper {
background-color: var(--main);
border-radius: 15px;
height: 100%;
transition: all .2s;
overflow: hidden;
}
.pages-wrapper:hover {
transform: translate(0, -10px);
box-shadow: 0 10px 20px #0009;
}
.pages-wrapper.programs {
background-color: var(--pmfi-yellow);
}
.pages-link-wrapper {
border: 10px solid var(--main);
border-radius: 20px;
align-items: flex-end;
height: 15em;
margin-bottom: 1em;
transition: all .2s;
display: flex;
position: relative;
overflow: hidden;
}
.pages-link-wrapper.yellow {
border-width: 10px;
border-color: var(--pmfi-yellow);
}
.pages-link-wrapper.green {
border-width: 10px;
border-color: var(--pmfi-green);
}
.pages-link-wrapper.purple {
border-width: 10px;
border-color: var(--pmfi-purple-2);
}
.pages-image {
object-fit: cover;
object-position: 50% 0%;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden;
}
.blog-split-grid {
grid-column-gap: 2.2em;
grid-row-gap: 2.2em;
grid-template-rows: auto;
grid-template-columns: minmax(200px, 20em) 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.blog-card-full-content {
max-width: 60%;
position: absolute;
}
.blog-card-full-gradient {
background-image: linear-gradient(to top, #000, #000000ba 36%, #0000);
border-bottom-right-radius: 16px;
border-bottom-left-radius: 16px;
width: 100%;
height: 50%;
position: absolute;
bottom: 0;
left: 0;
}
.blog-card-full-list {
z-index: 2;
flex-direction: column;
height: 100%;
position: relative;
}
.blog-card-full-item {
height: 100%;
}
.categories-main-wrapper {
padding-bottom: 3%;
}
.figma-screenshot {
z-index: 2;
object-fit: cover;
border: 1px solid #5ce11599;
border-radius: 18px;
flex-direction: column;
justify-content: flex-end;
width: 100%;
height: 27em;
display: flex;
position: relative;
overflow: hidden;
}
.service-accordion-alternate-bg {
background-color: var(--bg-third);
border-radius: 50px;
}
.heading-light {
color: var(--main);
font-size: 3.375rem;
}
.heading-light.white {
color: #fff;
}
.heading-light.white.small {
color: var(--pmfi-yellow);
font-size: 2em;
}
.heading-light-small {
color: var(--main);
text-align: center;
}
.heading-light-small.white {
color: #fff;
font-size: 1.5em;
}
.main-heading-2 {
color: var(--main);
font-size: 2.25rem;
line-height: 140%;
}
.text-span {
color: var(--pmfi-yellow);
}
.text-span.purple {
color: var(--pmfi-purple-2);
}
.heading {
color: var(--main);
}
.heading-2 {
color: var(--main);
display: flex;
}
.heading-2.about {
font-size: 3.375rem;
}
.heading-2.about.white {
color: #fff;
}
.heading-2.about.white.values {
font-size: 2.5em;
}
.heading-2.about.values, .heading-2.about.values.white {
font-size: 2em;
}
.heading-2.about.values.white.resources {
font-size: 1.8em;
line-height: 1.2;
}
.heading-2.partnership {
color: var(--button-secondary);
text-align: left;
margin-top: .5em;
font-size: 1.25em;
}
.heading-2.partnership.mid {
text-align: center;
}
.text-block {
color: var(--main);
}
.heading-3 {
color: var(--main);
font-size: 3.375rem;
}
.paragraph-black {
color: var(--main);
}
.paragraph-black.partner {
padding-bottom: .5em;
}
.paragraph-black.partner.subheading {
color: #8f8f8f;
letter-spacing: .05rem;
text-transform: uppercase;
font-size: .75rem;
font-weight: 500;
}
.paragraph-black.bold {
font-weight: 700;
}
.text-span-2 {
color: var(--pmfi-purple-2);
}
.heading-big {
color: var(--main);
}
.heading-big.large.mid {
text-align: center;
font-size: 5.063rem;
}
.heading-big.large.white {
color: var(--text-main);
}
.heading-big.large.about {
font-size: 7.594rem;
}
.text-span-3 {
color: var(--pmfi-purple-2);
}
.paragraph-4 {
display: none;
}
.text-block-2.dark, .heading-5, .paragraph-5, .heading-6, .heading-7 {
color: var(--main);
}
.div-block {
margin-bottom: 4em;
}
.scrolling-logos-list-wrapper-white {
flex: none;
}
.scrolling-logos-list-white {
display: flex;
}
.scrolling-logos-item-white {
flex: none;
margin-right: 0;
}
.standard-link-block-white {
margin-right: 5em;
text-decoration: none;
transition: opacity .2s;
}
.standard-link-block-white:hover {
opacity: .8;
}
.white-filter-logos {
-webkit-text-fill-color: inherit;
object-fit: contain;
background-clip: border-box;
}
.photo-bg {
background-color: var(--pmfi-yellow);
background-image: url("https://cdn.prod.website-files.com/62e0e02e10308da01342bb1c/62e0efca589d9a9bf4b8a620_PMFI%20main%20home%20page%20banner%20non%20profit%20media%20communications%20manila%20philippines.jpg");
background-position: 0%;
background-size: cover;
border-bottom-right-radius: 150px;
position: absolute;
inset: 0%;
}
.photo-bg.article {
background-image: url("https://cdn.prod.website-files.com/62e0e02e10308da01342bb1c/62e0f646397ead39ec42c975_PMFI%20Reporting%20ASEAN%20non%20profit%20manila%20philippines.jpg");
background-position: 50%;
background-size: cover;
}
.photo-bg.news {
background-position: 50%;
background-size: cover;
}
.photo-bg.partnerships {
background-image: url("https://cdn.prod.website-files.com/62e0e02e10308da01342bb1c/62f0d142caeb352b80f9e140_pmfi%20programs%20media.jpg");
background-size: cover;
}
.photo-bg.featured {
background-image: url("https://cdn.prod.website-files.com/62e0e02e10308da01342bb1c/62e1fb5f60c84c4834540851_pmfi%20project%20kwentong%20katutubo.jpg");
}
.photo-bg.resources {
background-color: var(--main);
background-image: none;
}
.photo-bg.resources.inner {
border-radius: 0;
}
.photo-bg.slide-2 {
background-image: url("https://cdn.prod.website-files.com/62e0e02e10308da01342bb1c/62f0d142caeb352b80f9e140_pmfi%20programs%20media.jpg");
}
.photo-bg.testimonial {
object-fit: cover;
position: static;
}
.sub-heading-2 {
color: #ababab;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: .6em;
font-size: 1em;
font-weight: 600;
}
.button-2 {
z-index: 3;
color: #0f0f0f;
text-align: center;
background-color: #5ce115;
border-radius: 100px;
padding: 2em 4em;
font-size: .8em;
font-weight: 500;
line-height: 1;
text-decoration: none;
transition: background-color .2s;
display: inline-block;
position: relative;
overflow: hidden;
}
.button-2.submit {
width: 100%;
padding: 1.3em 3em;
font-size: 1.25em;
}
.button-2.submit:hover {
background-color: #5ce115d9;
}
.success-message-2 {
color: #141414;
background-color: #fff;
border: 1px solid #5ce11599;
border-radius: 100px;
font-size: 16px;
}
.input-wrapper-2 {
background-color: #fff;
border-radius: 100px;
align-items: center;
display: flex;
position: relative;
}
.contact-form-2 {
z-index: 2;
text-align: left;
background-color: #171717;
border: 1px solid #5ce11599;
border-radius: 16px;
padding: 2.5em;
position: relative;
}
.error-message-2 {
background-color: #0f0f0f;
border: 1px solid #f54646;
border-radius: 16px;
font-size: 16px;
}
.input-2 {
color: #4a4a4a;
background-color: #fff;
border: 1px solid #fff;
border-radius: 100px;
margin-bottom: 0;
padding: 1.8em 1.5em;
font-size: 1.25em;
font-weight: 500;
line-height: 1;
transition: border-color .2s;
}
.input-2:hover {
border-color: #5ce11580;
}
.input-2:focus {
border-color: #5ce115;
}
.input-2::placeholder {
color: #4a4a4a;
}
.input-2.has-icon {
padding-left: 3.5em;
}
.content-2 {
max-width: 100em;
margin-left: auto;
margin-right: auto;
padding-left: 5.5em;
padding-right: 5.5em;
position: relative;
}
.heading-8 {
font-size: 1.7em;
}
.paragraph-6 {
color: var(--pmfi-yellow);
font-weight: 500;
}
.project-heading {
text-align: center;
font-size: 6em;
}
.text-span-4 {
color: var(--pmfi-yellow);
}
.paragraph-sub {
color: var(--main);
}
.paragraph-sub.mid {
text-align: center;
}
.navbar-light {
z-index: 9999;
color: var(--text-main);
background-color: #0000;
padding-left: 3%;
padding-right: 3%;
position: fixed;
top: 0;
left: 0;
right: 0;
}
.nav-animation-trigger-light {
z-index: -10;
width: 100%;
height: 20px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.text-span-yellow {
color: var(--pmfi-yellow);
}
.text-span-yellow.purple {
color: var(--pmfi-purple-2);
}
.link-block {
position: absolute;
inset: 0%;
}
.paragraph-7 {
color: var(--button-secondary);
}
.div-block-2 {
display: none;
}
.heading-main {
font-size: 5.063rem;
}
.heading-main.home {
position: relative;
top: 30%;
}
.paragraph-8 {
text-transform: uppercase;
font-weight: 700;
}
.collection-item {
flex-direction: column;
display: flex;
}
.video {
display: flex;
}
.blog-heading {
font-size: 1.8em;
}
.paragraph-9 {
text-decoration: underline;
}
.heading-9 {
color: var(--main);
}
.div-block-3 {
width: 85%;
}
.div-block-4 {
background-color: var(--pmfi-yellow);
display: none;
}
.link-block-social {
padding-bottom: 3%;
display: flex;
}
.image-2 {
padding-right: 3%;
}
.text-span-6 {
text-decoration: underline;
}
.text-block-3 {
padding-bottom: 3%;
}
.milestone-heading {
color: var(--pmfi-yellow);
}
.text-span-7 {
color: var(--pmfi-purple-2);
}
.who-icon {
width: 4vw;
margin-right: 2%;
}
.text-block-4 {
font-family: Eudoxussans, sans-serif;
}
.map {
border-radius: 50px;
}
.button-simple {
color: #2b2b31;
background-color: #ffe5e5;
border: .5px solid #ff5251;
border-radius: 5px;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 500;
text-decoration: none;
position: relative;
}
.button-simple.contact {
border-width: 1px;
border-radius: 10px;
justify-content: flex-start;
align-items: center;
height: 50px;
transition: all .2s;
display: flex;
}
.button-simple.contact:hover {
filter: saturate(500%);
color: #ff5251;
border-color: #ff5251;
transform: translate(0, -10px);
box-shadow: 0 10px 10px #00000024;
}
.resources-collection {
display: flex;
}
.text-span-8 {
color: var(--pmfi-yellow);
}
.logo-section {
padding: 1%;
}
.slider {
background-color: #0000;
height: 180px;
}
.slide {
padding-left: 85px;
padding-right: 85px;
}
.slider-wrapper-wide {
justify-content: space-between;
display: flex;
}
.logo-wrapper-wide {
justify-content: center;
align-items: center;
width: auto;
max-width: 200px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.logo-wrapper-wide.hide {
display: none;
}
.icon {
color: #000;
}
.slider-image {
max-width: 100%;
}
.slider-image.opacity-0 {
opacity: 0;
}
.text-container {
flex-direction: column;
justify-content: space-between;
display: flex;
}
.slider-2 {
height: 100%;
position: relative;
}
.slider-2.testimonial {
display: block;
}
.div-bg {
background-color: var(--pmfi-yellow);
position: absolute;
inset: 0%;
}
.text-link {
color: var(--pmfi-purple-2);
font-weight: 500;
transition: all .2s;
}
.text-link:hover, .heading-10 {
color: var(--main);
}
.italic-text, .italic-text-2 {
font-style: normal;
}
.slide-nav {
margin-bottom: 1.5%;
}
.resource-cat-heading {
font-size: 5.063rem;
}
.right-arrow {
height: 4rem;
}
.our-partners-home-link {
color: var(--text-main);
transition: all .2s;
}
.our-partners-home-link:hover {
color: var(--pmfi-yellow);
}
.collection-list-wrapper {
display: none;
}
@media screen and (max-width: 991px) {
body {
font-size: 12px;
}
h3 {
font-size: 1.6em;
}
.section {
padding-top: 5%;
padding-bottom: 5%;
}
.section.first.category {
padding-top: 20%;
}
.section.case-study-v2 {
display: block;
}
.section.team-section, .section.tour-hero {
padding-top: 9em;
}
.navbar-container {
position: static;
}
.navbar-menu {
background-color: var(--main);
flex-direction: column;
height: auto;
max-height: 90vh;
padding-bottom: 3%;
padding-left: 3%;
padding-right: 3%;
display: block;
overflow: scroll;
}
.navbar-menu.white {
background-color: var(--text-main);
}
.navbar-content-right, .navbar-dropdown {
display: block;
}
.navbar-dropdown-toggle {
justify-content: flex-start;
}
.navbar-dropdown-icon {
max-width: .9em;
}
.content.with-images {
z-index: 3;
}
.content.article.programs {
justify-content: flex-start;
padding-top: 0;
}
.content.programs {
padding-top: 5.5em;
}
.title {
font-size: 7vw;
}
.navbar-link {
filter: blur();
padding-left: 1%;
font-size: 2em;
}
.navbar-link:hover {
background-position: 0 0;
}
.button.navbar-button {
margin-top: 1em;
margin-left: 0;
display: block;
}
.button-wrapper.about {
grid-template-columns: 1fr 1fr 1fr;
}
.white-filter {
max-height: 1.5em;
}
.testimonial-name {
font-size: 18px;
}
.relative {
z-index: 4;
}
.blog-posts-grid {
grid-template-columns: 1fr 1fr;
}
.blog-posts-grid.projects, .blog-posts-grid.four, .blog-posts-grid.resources {
grid-template-columns: 1fr 1fr 1fr;
}
.blog-posts-grid.programs {
grid-template-columns: 1fr 1fr;
}
.blog-posts-categories-list-wrapper {
display: inline-block;
}
.blog-posts-category-link.type-2, .blog-posts-category-link.type-3 {
margin-top: 1em;
}
.content-header.has-scroll-jack {
padding-right: 3em;
}
.content-header.half {
width: 100%;
}
.content-header.posts-header {
flex-direction: column;
align-items: flex-start;
}
.team-grid {
grid-column-gap: 1em;
grid-row-gap: 2em;
grid-template-columns: 1fr 1fr 1fr;
}
.team-grid.two-col {
grid-column-gap: 0em;
grid-row-gap: 1.6em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-bottom: 15px;
display: grid;
overflow: auto;
}
.team-grid.three-col {
grid-template-columns: 1fr 1fr;
}
.team-item-link-wrapper {
width: 30vw;
}
.team-item-name-wrapper {
margin-bottom: .3em;
}
.team-item-position {
line-height: 1;
}
.footer-grid {
grid-column-gap: .75em;
grid-row-gap: 2em;
grid-template-columns: 1fr;
}
.footer-logo-image {
margin-top: -2em;
}
.footer-links-grid {
grid-template-columns: 1fr 1fr;
}
.footer-link {
font-size: 14px;
}
.portfolio-list-link {
flex-direction: column;
align-items: flex-start;
}
.portfolio-list-image {
width: 100%;
height: 20vh;
position: relative;
}
.portfolio-list-cursor {
display: none;
}
.home-v2-testimonials {
flex-direction: column;
}
.home-v2-testimonials-right {
max-width: none;
max-height: none;
padding: 3em 0 3em 3em;
}
.team-staggered {
flex: none;
width: 30vw;
margin-bottom: 0;
margin-right: 3vw;
}
.team-staggered-link-wrapper {
height: 42vw;
}
.portfolio-grid {
grid-column-gap: 3em;
grid-row-gap: 3em;
}
.portfolio-grid-image {
height: 11em;
}
.blog-posts-item-type-3 {
padding-right: 4.5em;
}
.cta-type-3 {
padding-bottom: 9em;
}
.cta-cursor {
display: none;
}
.cta-type-3-button {
padding-bottom: 3em;
display: block;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%);
}
.service-single-image {
margin-bottom: 2em;
}
.testimonial-cards-list {
grid-column-gap: 2.2em;
grid-row-gap: 2.2em;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.testimonial-card {
width: 100%;
}
.testimonial-card.is-2, .testimonial-card.is-3, .testimonial-card.is-4 {
margin-left: 0%;
}
.cta-type-4-bg-image {
flex: none;
width: 65%;
}
.timeline-box {
padding-left: 0;
padding-right: 0;
}
.team-slider-container {
width: 80vw;
}
.horizontal-progress-bar {
display: none;
}
.case-study-project-position {
right: 0;
}
.case-study-content-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.case-study-grid-item-left {
padding-right: 0;
}
.case-study-grid-image.is-2 {
width: auto;
}
.tab-link {
margin-bottom: 1em;
}
.case-study-next-cursor {
display: none;
}
.contact-us-main-grid {
grid-column-gap: 2vw;
grid-template-columns: 1fr;
}
.contact-locations-grid {
grid-column-gap: 3em;
}
.team-staggered-list-left, .team-staggered-list-right {
flex: none;
}
.careers-content-left {
max-width: none;
max-height: none;
padding-top: 2em;
padding-right: 0;
}
.careers-content {
flex-direction: column;
}
.portfolio-list-item-full {
flex-direction: column;
align-items: flex-start;
margin-bottom: 4vw;
}
.career-main-grid {
grid-column-gap: 2vw;
}
.blog-post-intro-block.projects {
align-items: flex-start;
margin-top: 40%;
}
.team-image {
height: 40em;
}
.service-content {
flex-direction: column;
}
.service-content-left {
max-width: none;
max-height: none;
padding-left: 0;
padding-right: 0;
}
.service-content-right {
border-right: 1px #000;
}
.service-tabs {
margin-top: 2em;
}
.navbar-dropdown-list.w--open {
border-style: solid none none;
border-radius: 0;
width: 100%;
padding-left: 20px;
}
.navbar-dropdown-grid {
display: block;
}
.team-cursor {
display: none;
}
.career-gallery-wrapper {
height: auto;
}
.career-gallery-sticky-parent {
width: 100%;
position: static;
overflow: auto;
}
.career-gallery-track {
width: 100%;
padding-bottom: 15px;
overflow: auto;
}
.career-gallery-cursor {
display: none;
}
.colors-grid {
grid-template-columns: 1fr 1fr;
}
.style-guide-grid {
grid-template-columns: 1fr;
}
.sticky.unstick-mobile {
position: static;
}
.sticky.in-roles {
padding-top: 0;
}
.buttons-grid {
grid-template-columns: 1fr 1fr;
}
.portfolio-scroll-jack-container {
height: auto;
}
.portfolio-scroll-sticky-parent {
position: static;
overflow: hidden;
}
.portfolio-scroll-track {
width: 100%;
overflow: auto;
}
.portfolio-scroll-item {
width: 60vw;
}
.portfiolfio-scroll-link {
height: 35vw;
}
.portfolio-scroll-image {
z-index: 2;
}
.portfolfio-cursor {
display: none;
}
.team-staggered-list {
display: flex;
}
.form-block {
margin-bottom: 0;
}
.case-study-image-wrapper {
width: auto;
}
.case-study-grid-item-right {
max-width: none;
padding-left: 0;
}
.grid.metrics-grid {
grid-template-columns: 1fr 1fr;
}
.grid.testimonial-card-grid {
grid-column-gap: 2.2em;
grid-row-gap: 4.5em;
grid-template-columns: 1fr 1fr;
}
.grid.icons-grid {
grid-template-columns: 1fr 1fr;
}
.grid.icons-grid-4-col {
grid-template-columns: 1fr 1fr 1fr;
}
.grid.icons-grid-4-col.values, .grid.icons-grid-4-col.values.four {
grid-template-columns: 1fr 1fr;
}
.grid.blog-with-form {
grid-template-columns: minmax(10em, 1fr) 1fr;
}
.card.no-padding-mobile {
padding: 0;
}
.div-max {
position: relative;
}
.div-max.home {
top: 15em;
}
.image-wrapper.hero-image {
width: 9em;
height: 10em;
}
.astra-dots.hero-v1-grid {
inset: 24em auto auto 1.5em;
}
.astra-dots.hero-v2 {
top: 29em;
left: 3em;
}
.astra-dots.tour {
top: 2.9em;
left: 3.4em;
}
.pricing-grid {
grid-template-columns: 1fr 1fr;
}
.section-half-bg-image {
width: 40%;
}
.portfolio-scroll-gradient {
z-index: 3;
background-image: linear-gradient(to top, #000, #00000080 40%, #0000);
}
.portfolio-list-grid {
grid-column-gap: 8em;
grid-row-gap: 4em;
grid-template-columns: 1fr;
}
.card-icon-wrapper.partners {
width: 60%;
height: 12em;
}
.icons-split-grid {
grid-column-gap: 2.2em;
grid-row-gap: 16px;
grid-template-columns: minmax(200px, 45em) 1fr;
}
.service-video-link {
margin-top: 2em;
}
.hero-v1-grid {
grid-template-columns: 1fr;
}
.hero-v1-image-wrapper {
height: 40vh;
}
.menu-button {
padding-right: 0;
}
.menu-button.w--open {
background-color: #0000;
}
.hamburger-menu {
flex-direction: column;
justify-content: space-between;
height: 12px;
display: flex;
}
.hamburger-line {
background-color: #fff;
width: 32px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.hamburger-line.line-one.black, .hamburger-line.line-two.black {
background-color: var(--main);
}
.our-team-grid {
grid-template-columns: minmax(200px, 1fr) 1fr;
}
.astra-slide {
margin-bottom: 5.5em;
}
.our-team-slide-image {
height: 40vh;
}
.hero-v2-grid, .hero-v2-grid.resources {
grid-template-columns: 1fr;
}
.hero-v2-grid.home {
grid-template-columns: 1fr;
padding-left: 5%;
padding-right: 5%;
}
.hero-v2-grid.contact {
grid-template-columns: 1fr 1fr;
}
.hero-image-wrapper {
object-fit: cover;
justify-content: center;
width: auto;
height: 30em;
}
.image-grid-track {
height: auto;
}
.team-card-name-wrapper {
margin-bottom: .3em;
}
.story-slider-container {
width: 80vw;
}
.careers-categories-list.vertical {
flex-direction: row;
}
.category-tag-link {
margin-top: 0;
}
.careers-list-grid {
grid-template-columns: minmax(200px, 50%) 1fr 1fr;
}
.careers-list-link {
padding-top: 4vw;
padding-bottom: 4vw;
}
.open-positions-grid {
grid-template-columns: 1fr;
}
.home-landing-featured-grid {
width: 46vw;
margin-top: -10vw;
}
.home-landing-featured-list {
grid-template-rows: minmax(auto, 155px);
}
.home-landing-featured-list.left {
flex-direction: column;
display: flex;
}
.blog-split-grid {
grid-template-columns: 1fr;
}
.figma-screenshot {
height: 18em;
margin-bottom: 2em;
}
.heading-light {
font-size: 2.5em;
}
.main-heading-2 {
font-size: 1.5em;
}
.heading, .heading-2.about {
font-size: 3em;
}
.heading-2.about.values.white.resources {
font-size: 1.6em;
}
.heading-big.large.about {
font-size: 5.063rem;
}
.project-heading {
text-align: left;
font-size: 4em;
}
.heading-main {
font-size: 3.375rem;
}
.heading-main.home {
margin-top: 0;
margin-bottom: 2em;
}
.blog-heading {
font-size: 1.4em;
}
.div-block-3 {
width: 70%;
}
.button-simple.contact {
justify-content: flex-start;
}
.slider {
height: auto;
margin-top: 2%;
}
.slide {
padding-left: 5%;
padding-right: 5%;
}
.slider-wrapper-wide {
justify-content: space-between;
align-items: center;
padding-bottom: 0;
}
.logo-wrapper-wide {
flex: 0 auto;
width: auto;
max-width: 200px;
margin-left: 5%;
margin-right: 5%;
padding: 1% 0;
}
.slider-image {
align-self: center;
}
.resource-cat-heading {
font-size: 3.375rem;
}
}
@media screen and (max-width: 767px) {
h1, h2 {
margin-bottom: 1vw;
}
h3 {
margin-bottom: 1vw;
font-size: 1.6em;
}
h4 {
margin-bottom: 1vw;
}
h5 {
margin-bottom: 1vw;
font-size: 3vw;
}
h6 {
margin-bottom: 1vw;
font-size: 16px;
}
p {
font-size: 1rem;
}
ul, ol {
margin-bottom: 4vw;
}
blockquote {
margin-top: 4vw;
margin-bottom: 4vw;
padding-top: 3vw;
padding-bottom: 3vw;
}
figure {
margin-bottom: 4vw;
}
.section {
padding-top: 3%;
padding-bottom: 3%;
}
.section.first.about.resources {
padding-top: 0%;
}
.section.case-study-v2 {
padding-top: 13vw;
}
.section.no-overflow.resources {
padding-top: 10%;
}
.section.has-scroll-jack {
margin-top: 15%;
}
.section.icon-section-staggered {
padding-top: 4vw;
padding-bottom: 4vw;
}
.section.main-hero.resources {
padding-top: 20%;
}
.section.contact {
padding-top: 10%;
padding-bottom: 10%;
}
.section.milestones {
padding-top: 15%;
}
.navbar-menu {
padding-bottom: 5%;
transition-property: none;
}
.navbar-logo {
width: 5em;
}
.content.article {
padding-top: 20%;
}
.label, .label.alternate {
font-size: 3vw;
}
.button {
padding-top: 1em;
padding-bottom: 1em;
font-size: 18px;
}
.button.button-secondary {
padding-top: 1em;
padding-bottom: 1em;
}
.button-wrapper.about {
grid-template-columns: 1fr 1fr;
}
.standard-link-block {
margin-right: 8vw;
}
.white-filter {
max-height: 2.5vw;
}
.testimonials-slider-type-1 {
margin: 4vw;
}
.testimonial-slider-arrow-link.type-1-left, .testimonial-slider-arrow-link.type-1-right {
width: 1em;
height: 1em;
}
.testimonial-name-wrapper.center {
font-size: 2em;
}
.blog-posts-grid {
grid-column-gap: 2.2em;
grid-row-gap: 10vw;
grid-template-columns: 1fr 1fr;
}
.blog-posts-grid.projects, .blog-posts-grid.four, .blog-posts-grid.resources {
grid-template-columns: 1fr 1fr;
}
.blog-posts-grid.programs {
grid-template-columns: 1fr;
}
.blog-posts-thumb-wrapper.full {
padding: 4vw;
}
.blog-posts-item-wrapper {
height: auto;
}
.blog-posts-categories-list-wrapper {
max-width: none;
}
.blog-posts-categories-item {
flex: none;
}
.blog-posts-categories-list {
flex-wrap: nowrap;
padding-bottom: 15px;
}
.blog-posts-categories-list.right {
justify-content: flex-start;
margin-bottom: 0;
}
.blog-posts-category-link {
flex: none;
margin-bottom: 1em;
}
.blog-posts-category-link.right {
margin-left: 0;
margin-right: 1em;
}
.about-sub-heading {
font-size: 2em;
}
.content-header {
margin-bottom: 4vw;
}
.content-header.half {
width: 100%;
}
.team-grid {
grid-column-gap: 1em;
grid-row-gap: 2em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.team-grid.two-col {
width: auto;
}
.team-item {
flex: none;
}
.team-item:last-child {
margin-right: 3vw;
}
.team-item.full-width {
width: 100%;
}
.team-item-link-wrapper {
width: 40vw;
}
.team-item-name {
font-size: 1.2em;
}
.footer-grid {
grid-row-gap: 2em;
grid-template-columns: 1fr;
}
.footer-logo-image {
margin-top: 0;
}
.footer-copyright {
text-align: center;
margin-top: 1.3em;
}
.footer-links-grid {
padding-top: 10vw;
}
.testimonials-slider-type-2 {
margin-top: 4vw;
}
.home-v2-testimonials-right {
padding: 4vw 0 4vw 4vw;
}
.cta-type-2-content {
padding-left: 3.5vw;
}
.cta-type-2-image {
width: 35vw;
height: 40vw;
}
.hidden-slide-nav {
inset: -20% auto auto 0%;
}
.portfolio-grid {
grid-column-gap: 4vw;
grid-row-gap: 4vw;
}
.blog-posts-item-type-3 {
padding-right: 3em;
}
.blog-posts-item-type-3-wrapper {
height: auto;
}
.team-item-2-link-wrapper {
height: 18em;
}
.cta-type-3 {
padding-top: 8vw;
padding-bottom: 17vw;
}
.cta-type-3-heading {
margin-right: 4vw;
}
.cta-type-3-button {
padding-bottom: 6vw;
}
.service-single-grid {
grid-column-gap: 4vw;
}
.service-single-image {
height: 45vw;
margin-bottom: 4vw;
}
.service-single-content {
max-width: 40vw;
}
.service-accordian-trigger {
padding: 3vw;
}
.service-accordian-number {
font-size: 7vw;
}
.service-accordian-heading {
font-size: 14px;
}
.service-accordian-plus-wrapper {
width: 30px;
height: 30px;
}
.team-slider {
width: 35vw;
}
.team-slider-arrow.type-1-left, .team-slider-arrow.type-1-right {
width: 1em;
height: 1em;
top: -20%;
}
.horizontal-progress-bar {
display: none;
}
.case-study-project-position {
display: none;
bottom: -41px;
}
.case-study-content-grid {
flex-direction: column;
grid-template-columns: 1fr;
margin-bottom: 10vw;
}
.case-study-grid-item-left {
width: 100%;
}
.case-study-grid-heading {
margin-bottom: 0;
}
.case-studies-tag-wrapper {
margin-top: 8vw;
margin-bottom: 8vw;
}
.case-study-main-content {
padding-right: 11vw;
}
.case-study-main-content-text {
font-size: 12px;
}
.tab-link {
flex: none;
margin-bottom: 0;
font-size: 3vw;
}
.case-study-tab-text {
font-size: 12px;
}
.career-detail-wrapper {
grid-column-gap: 2vw;
}
.checkbox-field {
font-size: 3vw;
}
.form-heading {
margin-bottom: .7em;
}
.contact-content-left {
max-width: 60vw;
}
.radio-button-field {
font-size: 3vw;
}
.contact-form {
padding: 4vw;
}
.field-label, .contact-info-link {
font-size: 3vw;
}
.contact-us-main-grid {
grid-row-gap: 8vw;
grid-template-columns: 1fr;
}
.contact-info-grid {
grid-row-gap: 4vw;
grid-template-columns: 1fr;
margin-top: 5vw;
}
.contact-content-right {
max-width: none;
}
.contact-locations-grid {
grid-row-gap: 4vw;
grid-template-columns: 1fr;
margin-top: 4vw;
}
.contact-locations-grid.contact-v3 {
grid-column-gap: 2.2em;
grid-row-gap: 2.2em;
grid-template-columns: 1fr;
}
.location-icon {
width: 8vw;
}
.location-email-link, .location-text {
font-size: 3vw;
}
.contact-full-wrapper {
padding: 8vw;
}
.contact-content-center {
max-width: none;
}
.team-staggered-list-left, .team-staggered-list-right {
width: 100%;
}
.careers-content-left {
padding-top: 2em;
padding-bottom: 2em;
}
.careers-content-right {
padding-left: 4vw;
padding-right: 4vw;
overflow: hidden;
}
.career-main-grid {
grid-row-gap: 8vw;
grid-template-columns: 1fr;
}
.career-content-right {
max-width: none;
}
.blog-post-intro-block.projects {
margin-top: 60%;
}
.team-content-wrapper {
grid-row-gap: 4vw;
grid-template-columns: 1fr;
}
.team-content-right {
max-width: none;
padding-left: 0;
}
.team-image {
height: 90vw;
position: static;
}
.service-content-left {
padding-top: 0;
padding-bottom: 3vw;
}
.service-content-right {
padding-right: 0;
}
.service-tabs {
margin-top: 4vw;
}
.rich-text p {
margin-bottom: 4vw;
}
.posts-tab.negative-margin {
margin-top: 0;
}
.button-text {
font-size: .8em;
}
.social-link-footer {
width: 4vw;
}
.color-block {
width: 16vw;
height: 16vw;
}
.tabs-menu {
flex-wrap: nowrap;
display: flex;
overflow: auto;
}
.style-guide-grid {
grid-row-gap: 5vw;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.sticky {
position: static;
}
.buttons-grid {
grid-row-gap: 5vw;
grid-template-columns: 1fr;
}
.inline-heading, .inline-heading.align-center {
flex-wrap: wrap;
}
.curtain-anchor {
height: 90%;
}
.portfiolfio-scroll-link {
padding-bottom: 3vw;
padding-left: 4vw;
padding-right: 4vw;
}
.image.contact {
height: 100%;
}
.case-study-grid-item-right {
max-width: none;
padding-top: 0;
}
.grid {
grid-column-gap: 4vw;
grid-row-gap: 4vw;
}
.grid._1-col {
grid-row-gap: 4vw;
}
.grid.testimonial-grid {
grid-column-gap: 4vw;
grid-row-gap: 10vw;
grid-template-columns: 1fr;
}
.grid.icons-grid-4-col, .grid.icons-grid-4-col.values.four {
grid-template-columns: 1fr 1fr;
}
.grid.icons-grid-4-col.values.four.core {
grid-column-gap: 1em;
grid-row-gap: 2em;
}
.grid.pages-grid {
grid-template-columns: 1fr 1fr;
}
.grid.blog-with-form {
grid-template-columns: 1fr;
}
.card {
padding: 1.5em;
}
.card.section-card {
border-radius: 40px;
padding: 6vw 4vw;
}
.hero-image-right, .hero-image-left {
display: none;
}
.astra-dots {
top: 13vw;
left: 6vw;
}
.astra-dots.hero-v2 {
top: 19.1em;
left: 1.4em;
}
.pricing-grid {
grid-column-gap: 4vw;
grid-row-gap: 4vw;
grid-template-columns: 1fr;
}
.pricing-card-top, .pricing-card-bottom {
padding: 4vw;
}
.footer {
padding-top: 0;
}
.footer-credits {
text-align: left;
}
.section-half-bg-image {
width: 100%;
position: relative;
top: -5vw;
}
.grid-section-bg {
grid-column-gap: 4vw;
grid-row-gap: 4vw;
grid-template-columns: 1fr;
}
.testimonial-card-content {
padding-left: 4vw;
padding-right: 4vw;
}
.testimonial-card-content.small-content {
padding: 3vw;
}
.client-logos-wrapper {
padding-top: 4vw;
padding-bottom: 4vw;
}
.portfolio-list-grid {
grid-column-gap: 8em;
grid-row-gap: 7vw;
grid-template-columns: 1fr;
}
.portfolio-scroll-desciption {
display: none;
}
.card-icon-wrapper.partners {
height: 12em;
}
.card-icon-content {
align-self: center;
}
.card-icon-content.who {
align-self: flex-start;
align-items: center;
}
.icons-split-grid {
grid-template-columns: 1fr;
}
.icons-grid-staggered {
margin-top: 4vw;
}
.icon-card-wrapper {
padding-right: 4vw;
}
.inline-form {
grid-template-columns: 1fr;
}
.general-form {
padding: 4vw;
}
.hero-v1-grid {
grid-column-gap: 2.2em;
grid-row-gap: 4vw;
}
.hero-v1-image-wrapper {
height: 45vw;
}
.our-team-grid {
grid-column-gap: 2.2em;
grid-row-gap: 4vw;
grid-template-columns: 1fr;
}
.astra-slide {
margin-bottom: 13vw;
}
.our-team-slide-image {
height: 35vh;
}
.hero-v2-grid {
grid-column-gap: 2.2em;
grid-row-gap: 4vw;
}
.hero-v2-grid.home {
grid-template-columns: 1fr;
padding-right: 5%;
}
.hero-v2-grid.contact {
grid-template-columns: 1fr;
}
.hero-image-wrapper {
height: 35em;
}
.animation-scale-up.grid {
grid-template-columns: 1fr .5fr;
}
.image-grid {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
}
.image-grid-image {
min-height: 20vw;
}
.team-card-link-wrapper {
width: 40vw;
padding: 3vw 5vw;
}
.team-card-name, .team-card-last-name {
font-size: 1.8em;
}
.values-grid {
grid-template-columns: 1fr;
}
.values-header {
margin-bottom: 5vw;
padding-bottom: 2vw;
}
.story-slider {
width: 35em;
}
.category-tag-link {
flex: none;
font-size: 3vw;
}
.careers-detail-grid {
grid-column-gap: 4vw;
grid-row-gap: 4vw;
grid-template-columns: 1fr 1fr;
}
.home-landing-featured-grid {
display: none;
}
.showcase-link {
min-height: 131px;
}
.pages-wrapper.programs {
flex: 1;
}
.pages-link-wrapper {
height: 10em;
}
.figma-screenshot {
height: 45vw;
margin-bottom: 4vw;
}
.footer-first-block {
padding-top: 0;
}
.heading-light {
font-size: 2em;
}
.heading-light-small {
text-align: center;
}
.heading-light-small.white {
text-align: center;
font-size: 2em;
}
.heading-2 {
font-size: 1.4em;
}
.heading-2.about {
font-size: 2em;
}
.heading-3 {
font-size: 2.25rem;
}
.heading-big.large.about {
font-size: 3.375rem;
}
.standard-link-block-white {
margin-right: 8vw;
}
.button-2 {
padding: 3vw 7vw;
font-size: 18px;
}
.contact-form-2 {
padding: 4vw;
}
.content-2 {
padding-left: 4vw;
padding-right: 4vw;
}
.project-heading {
font-size: 3em;
}
.heading-main {
font-size: 2.5em;
}
.heading-main.home {
text-align: center;
top: 20%;
}
.div-block-3 {
width: 90%;
}
.div-block-5 {
text-align: left;
}
.who-icon {
width: 7vw;
}
.button-simple.contact {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
display: flex;
}
.logo-section {
padding-top: 0%;
}
.slider {
height: auto;
}
.slider-wrapper-wide {
flex-wrap: wrap;
justify-content: center;
padding-bottom: 60px;
}
.logo-wrapper-wide {
flex-wrap: wrap;
width: 30%;
margin-top: 20px;
}
.text-container {
height: 18rem;
}
.slide-nav {
margin-bottom: 5%;
}
}
@media screen and (max-width: 479px) {
h1 {
margin-bottom: 2vw;
font-size: 10vw;
}
h2 {
margin-bottom: 2vw;
font-size: 2em;
}
h3 {
margin-bottom: 2vw;
font-size: 1.4em;
}
h4 {
margin-bottom: 2vw;
}
h5 {
font-size: 16px;
}
ul, ol {
font-size: 1.2em;
}
figcaption {
font-size: 12px;
}
.section {
padding-top: 10%;
padding-bottom: 10%;
}
.section.first.category {
padding-top: 30%;
}
.section.case-study-v2 {
padding-top: 19vw;
}
.section.no-overflow.about-pmfi.resources.inner, .section.no-overflow.partnerships.resources.inner {
padding-top: 10%;
}
.section.has-scroll-jack {
margin-top: 20%;
}
.section.icon-section-staggered {
padding-top: 7vw;
padding-bottom: 7vw;
}
.section.team-section {
padding-top: 7em;
}
.section.tour-hero {
padding-top: 22vw;
padding-bottom: 10vw;
}
.section.main-hero.resources {
padding-top: 30%;
padding-bottom: 10%;
}
.navbar-menu {
border-right-style: none;
transition-property: none;
}
.navbar-logo {
width: 4.5em;
}
.navbar-button {
font-size: 1.7em;
display: none;
}
.content.center {
z-index: 3;
}
.content.has-scroll-jack.no-border {
border-bottom-style: none;
}
.title {
font-size: 10vw;
}
.label {
font-size: 15px;
}
.label.alternate {
opacity: .7;
margin-bottom: 0;
font-size: 5vw;
}
.label.small-label {
margin-right: 0;
}
.socials-wrapper {
margin-top: 1vw;
}
.button {
letter-spacing: 0;
font-size: 16px;
display: block;
}
.button.button-secondary {
padding-left: 1em;
padding-right: 1em;
}
.button.navbar-button {
font-size: 18px;
}
.button-wrapper.auto-margin-top {
margin-top: 3vw;
}
.button-wrapper.no-margin {
margin-top: 0;
}
.button-wrapper.about {
grid-template-columns: 1fr 1fr;
}
.scrolling-logos-item {
margin-right: 40px;
}
.standard-link-block {
margin-right: 1vw;
}
.white-filter {
max-height: 4vw;
}
.border-link {
font-size: 1.1em;
}
.border-link.hidden-mobile {
display: none;
}
.testimonials-slider-type-1 {
margin-bottom: 18vw;
}
.testimonial-slider-arrow-link {
width: 40px;
height: 40px;
}
.testimonial-slider-arrow-link.type-1-left {
margin-left: -.6em;
margin-right: 0;
inset: auto auto -1.3em 50%;
transform: translate(-50%);
}
.testimonial-slider-arrow-link.type-1-right {
margin-left: .6em;
margin-right: 0;
inset: auto auto -1.3em 50%;
transform: translate(-50%);
}
.testimonial-slider-arrow-link.type-2-left {
bottom: 15px;
right: 45px;
}
.testimonial-slider-arrow-link.type-2-right {
bottom: 15px;
}
.testimonial-avatar {
width: 6em;
height: 6em;
margin-top: 6vw;
margin-bottom: 4vw;
}
.testimonials-type-1-slide {
margin-bottom: 3em;
}
.blog-posts-grid {
grid-column-gap: 4vw;
grid-row-gap: 5vw;
grid-template-columns: 1fr;
}
.blog-posts-grid._2-col {
grid-row-gap: 12vw;
grid-template-columns: 1fr;
}
.blog-posts-grid._3-col {
grid-row-gap: 8vw;
grid-template-columns: 1fr;
}
.blog-posts-grid.projects {
grid-row-gap: 10vw;
grid-template-columns: 1fr;
}
.blog-posts-grid.four {
grid-row-gap: 15vw;
grid-template-columns: 1fr 1fr;
}
.blog-posts-grid.resources, .blog-posts-grid.programs {
grid-template-columns: 1fr;
}
.blog-posts-thumb-wrapper {
height: 35vw;
}
.blog-posts-thumb-wrapper.full {
padding-bottom: 6vw;
}
.blog-posts-item-content {
max-width: 80vw;
}
.blog-posts-date {
margin-bottom: 6vw;
}
.blog-posts-list-wrapper {
margin-top: 2vw;
}
.blog-posts-categories-list-wrapper {
display: block;
}
.blog-posts-categories-item {
width: auto;
font-size: 11px;
}
.blog-posts-categories-list {
margin-bottom: 4vw;
overflow: auto;
}
.blog-posts-categories-list.wrap {
flex-wrap: wrap;
}
.blog-posts-category-link {
margin-bottom: 0;
font-size: 14px;
}
.portfolio-fan-wrapper {
width: 75vw;
height: 100vw;
margin-top: 7vw;
margin-bottom: 5vw;
}
.content-header {
margin-bottom: 5vw;
}
.content-header.has-scroll-jack {
padding-right: 3vw;
}
.content-header.split-center {
grid-column-gap: 16px;
grid-row-gap: 6vw;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: start;
display: grid;
}
.team-grid {
grid-template-columns: 1fr 1fr;
}
.team-grid.two-col {
padding-bottom: 15px;
padding-right: 0;
}
.team-item-link-wrapper {
width: 65vw;
height: 80vw;
}
.team-item-name-wrapper {
flex-wrap: wrap;
}
.team-item-name {
margin-top: 1px;
}
.team-item-last-name {
font-size: 16px;
}
.team-item-position {
font-size: 10px;
}
.footer-copyright {
flex-direction: column;
align-items: center;
max-width: none;
margin-top: 0;
}
.footer-links-grid {
grid-template-columns: 1fr;
padding-top: 50px;
padding-right: 0;
}
.footer-link {
margin-top: 2vw;
margin-bottom: 2vw;
font-size: 12px;
line-height: 1.2;
}
.footer-subscribe {
max-width: none;
margin-bottom: 2.5em;
}
.portfolio-list-image {
height: 45vw;
}
.testimonials-slider-type-2 {
padding-bottom: 8vw;
}
.testimonial-slider-type-2-nav {
margin-left: -5px;
}
.home-v2-testimonials-right {
padding: 7vw 0 7vw 7vw;
}
.team-staggered {
width: 60vw;
margin-right: 5vw;
}
.team-staggered-link-wrapper {
height: 80vw;
}
.cta-type-2-content {
text-align: center;
align-items: center;
max-width: none;
padding-left: 0;
}
.cta-type-2-image {
width: auto;
margin-bottom: 5vw;
}
.cta-type-2 {
flex-direction: column;
}
.hidden-slide-nav {
top: -15%;
}
.portfolio-grid {
grid-column-gap: 3vw;
grid-row-gap: 7vw;
grid-template-columns: 1fr;
margin-top: 7vw;
}
.portfolio-grid-item:nth-child(2n) {
top: auto;
}
.portfolio-grid-image {
height: 45vw;
}
.portfolio-grid-content {
min-height: 12em;
}
.blog-posts-item-type-3 {
padding-right: 0;
}
.blog-posts-item-type-3:nth-child(odd) {
top: auto;
}
.blog-posts-item-type-3-wrapper {
max-width: 80vw;
}
.team-item-2-link-wrapper {
height: 20em;
}
.cta-type-3 {
padding-top: 7vw;
padding-bottom: 22vw;
}
.cta-type-3-heading {
white-space: nowrap;
flex: none;
font-size: 6px;
}
.cta-type-3-button {
padding-bottom: 5vw;
}
.service-single-grid {
grid-row-gap: 4vw;
grid-template-columns: 1fr;
}
.service-single-content {
max-width: 70vw;
}
.service-accordian-wrapper {
border-radius: 20px;
}
.service-accordian-wrapper.alternate {
border-radius: 16px;
}
.service-accordian-number {
margin-right: 4vw;
font-size: 9vw;
}
.service-accordian-heading {
margin-right: 2vw;
}
.service-accordian-plus-wrapper {
flex: none;
width: 18px;
height: 18px;
}
.testimonial-cards-list {
grid-column-gap: 6vw;
grid-row-gap: 6vw;
grid-template-columns: 1fr;
}
.testimonial-card.is-1, .testimonial-card.is-2 {
width: 100%;
}
.testimonial-card.is-3, .testimonial-card.is-4 {
display: none;
}
.team-slider {
width: 50vw;
}
.team-slider-wrapper {
padding-bottom: 20vw;
}
.team-slider-arrow.type-1-left {
margin-left: -.6em;
margin-right: 0;
top: -15%;
right: 0%;
transform: translate(-50%);
}
.team-slider-arrow.type-1-right {
margin-left: .6em;
margin-right: 0;
top: -15%;
right: -16%;
transform: translate(-50%);
}
.team-slider-container {
width: 88vw;
}
.horizontal-progress-bar {
display: none;
}
.case-study-hero-gradient {
border-bottom-right-radius: 50px;
}
.case-study-label {
font-size: 14px;
}
.case-study-heading {
font-size: 12vw;
}
.case-study-project-position {
margin-top: 16px;
position: static;
}
.case-study-project-link-wrapper {
width: 116px;
height: 116px;
}
.case-study-project-text-arc {
width: 117px;
height: auto;
}
.case-study-project-link {
width: 85px;
height: 85px;
}
.case-study-content-grid {
flex-direction: column;
margin-top: -22vw;
display: flex;
}
.case-study-grid-item-left {
padding-right: 0;
top: 0;
}
.case-study-grid-image {
margin-top: 0;
}
.case-study-grid-image.is-2 {
width: 100vw;
height: 60vw;
}
.case-study-tags-grid {
grid-row-gap: 8vw;
grid-template-columns: 1fr;
}
.case-study-main-content {
margin-top: 7vw;
padding-right: 0;
}
.case-study-tab-wrapper {
margin-top: 5vw;
margin-bottom: 5vw;
overflow: hidden;
}
.tab-link {
font-size: 16px;
}
.tab-pane {
padding-top: 4vw;
}
.case-study-tab-text {
font-size: 12px;
}
.case-study-tab-text h3 {
margin-bottom: 4vw;
font-size: 7vw;
}
.case-study-tab-text h2 {
font-size: 7vw;
}
.case-study-next-section {
min-height: 40vh;
}
.career-detail-wrapper {
grid-column-gap: 2vw;
grid-row-gap: 4vw;
grid-template-columns: 1fr;
}
.checkbox-field {
margin-bottom: .5em;
font-size: 5vw;
}
.checkbox-group {
flex-direction: column;
align-items: flex-start;
margin-top: 1.5em;
}
.form-heading {
font-size: 8vw;
}
.contact-icon {
margin-bottom: 15px;
}
.radio-label {
font-size: 16px;
}
.contact-content-left {
max-width: none;
}
.radio-button-field {
text-align: center;
width: 100%;
margin-right: 0;
font-size: 5vw;
}
.radio-group {
margin-top: 1.5em;
}
.radio-button.w--redirected-checked {
border-radius: 24px;
font-style: italic;
}
.field-label {
margin-bottom: 2vw;
font-size: 14px;
}
.contact-info-link {
font-size: 5vw;
}
.contact-content-right {
padding-left: 0;
padding-right: 0;
}
.contact-locations-grid {
grid-row-gap: 7vw;
margin-top: 6vw;
}
.location-icon {
width: 13vw;
}
.location-email-link {
font-size: 4vw;
}
.location-text {
margin-bottom: 3vw;
font-size: 4vw;
}
.contact-full-wrapper {
padding: 4vw;
}
.contact-content-center {
padding-left: 0;
padding-right: 0;
}
.careers-content-left {
padding-top: 4vw;
padding-bottom: 4vw;
padding-left: 4vw;
}
.careers-content {
border-radius: 16px;
}
.portfolio-list-item-full {
margin-bottom: 7vw;
}
.portfolio-heading-track-full {
grid-column-gap: 16px;
grid-row-gap: 2vw;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
padding-left: 0;
padding-right: 0;
display: grid;
}
.career-content-left {
max-width: none;
}
.career-content-right {
padding-left: 0;
padding-right: 0;
}
.blog-post-hero {
min-height: 12em;
}
.blog-post-intro-block.projects {
align-items: flex-start;
padding-top: 10%;
padding-bottom: 10%;
}
.service-content-left {
padding-top: 0;
padding-bottom: 0;
}
.navbar-dropdown-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.button-text.text-main {
font-size: 1em;
}
.social-link-footer {
width: 6vw;
margin-left: 2vw;
margin-right: 2vw;
}
.career-gallery-track {
padding-bottom: 15px;
}
.career-gallery-lightbox-image {
width: 80vw;
height: 50vw;
}
.colors-grid {
grid-row-gap: 3vw;
}
.color-block {
width: 30vw;
height: 30vw;
}
.tabs-menu {
padding-bottom: 15px;
}
.socials-box-footer {
margin-bottom: 5vw;
}
.inline-heading.align-center {
flex-direction: column;
}
.portfolio-scroll-item {
width: 80vw;
padding-right: 5vw;
}
.portfiolfio-scroll-link {
height: 45vw;
}
.case-study-image-wrapper {
height: 100vw;
}
.case-study-grid-item-right {
padding-left: 0;
}
.grid, .grid.metrics-grid, .grid.testimonial-card-grid, .grid.icons-grid, .grid.icons-grid-4-col, .grid.icons-grid-4-col.values {
grid-template-columns: 1fr;
}
.grid.icons-grid-4-col.values.four {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
grid-template-columns: 1fr;
}
.grid.icons-grid-4-col.values.four.core {
grid-template-columns: 1fr 1fr;
}
.grid.pages-grid {
grid-column-gap: 4vw;
grid-row-gap: 8vw;
grid-template-columns: 1fr;
}
.card.bg-third.resource-1.about.yellow {
padding: 7.5%;
}
.astra-dots {
width: 20vw;
top: 22vw;
}
.astra-dots.hero-v1-grid {
top: 12em;
}
.pricing-grid {
grid-template-columns: 1fr;
}
.pricing-card-top, .pricing-card-bottom {
padding: 5vw;
}
.pricing-table-wrapper {
overflow: hidden;
}
.pricing-table-row {
width: 200vw;
}
.pricing-table {
overflow: auto;
}
.section-half-bg-image {
top: -10vw;
}
.grid-section-bg {
grid-template-columns: 1fr;
}
.testimonial-card-content {
padding-left: 7vw;
padding-right: 7vw;
}
.testimonial-card-content.small-content {
padding: 7vw;
}
.client-logos-scroll-wrapper {
padding-top: 5vw;
padding-bottom: 5vw;
}
.client-logos-scroll-wrapper.type-2 {
width: 88vw;
margin-top: 5vw;
margin-bottom: 5vw;
}
.client-logos-wrapper {
padding-top: 5vw;
padding-bottom: 5vw;
}
.client-logos-grid {
grid-column-gap: 4vw;
grid-row-gap: 16px;
grid-template-columns: 1fr 1fr;
}
.portfolio-scroll-gradient {
top: 24%;
overflow: hidden;
}
.card-icon-wrapper.partners {
width: 10em;
height: 10em;
}
.card-icon-content.about {
align-items: stretch;
}
.card-icon-content.who {
margin-bottom: 2%;
}
.service-video-link {
border-radius: 30px;
height: 65vw;
margin-top: 4vw;
}
.service-video-image {
border-radius: 30px;
}
.service-video-play-button {
width: 20vw;
height: 20vw;
}
.icons-grid-staggered {
grid-column-gap: 0px;
grid-row-gap: 7vw;
grid-template-columns: 1fr;
}
.icon-card-wrapper {
padding-right: 0;
}
.icon-card-wrapper.left {
bottom: auto;
}
.icon-card-wrapper.right {
top: auto;
}
.general-form {
padding: 5vw;
}
.form-field-grid {
display: block;
}
.hero-v1-image-wrapper {
border-radius: 30px;
height: 60vw;
}
.hamburger-line.line-one, .hamburger-line.line-two {
width: 28px;
}
.our-team-grid {
grid-column-gap: 2.2em;
grid-row-gap: 7vw;
}
.astra-slider {
padding-bottom: 10vw;
}
.astra-slide {
border-radius: 16px;
margin-bottom: 7vw;
overflow: hidden;
}
.our-team-slide-image {
border-radius: 16px;
height: 60vw;
}
.astra-slider-arrow-link {
width: 40px;
height: 40px;
}
.astra-slider-arrow-link.left {
margin-left: -23px;
}
.astra-slider-arrow-link.right {
margin-left: 23px;
}
.hero-v2-grid.featured {
margin-top: 15%;
}
.hero-v2-grid.home {
grid-template-columns: 1fr;
padding-left: 0%;
padding-right: 0%;
}
.hero-image-wrapper {
height: 20vh;
}
.image-grid-image {
border-radius: 8px;
}
.team-card-link-wrapper {
width: 60vw;
padding-left: 3vw;
padding-right: 3vw;
}
.team-card-name {
margin-top: 1px;
font-size: 18px;
}
.team-card-last-name {
font-size: 19px;
}
.team-card-name-wrapper {
flex-wrap: wrap;
}
.team-card-socials.left {
margin-left: -4px;
}
.story-slider-container {
width: 85vw;
}
.story-slider {
width: 87vw;
}
.pagination {
margin-top: 10vw;
}
.careers-categories-list-wrapper {
margin-top: 5vw;
overflow: auto;
}
.careers-categories-list {
flex-wrap: nowrap;
}
.category-tag-link {
margin-bottom: 3vw;
margin-right: 3vw;
font-size: 5vw;
}
.careers-list-grid {
grid-column-gap: 2.2em;
grid-row-gap: 4vw;
grid-template-columns: 1fr 1fr;
}
.open-positions-grid {
margin-top: 12vw;
display: block;
}
.careers-detail-grid {
grid-template-columns: 1fr;
}
.cta-type-3-icon {
margin-bottom: 2vw;
margin-right: 4vw;
}
.pages-link-wrapper.yellow {
height: 15em;
}
.blog-split-grid {
grid-column-gap: 2.2em;
grid-row-gap: 0em;
overflow: hidden;
}
.blog-card-full-content {
max-width: 100%;
}
.hide-mobile {
display: none;
}
.categories-main-wrapper {
width: 92vw;
overflow: hidden;
}
.service-accordion-alternate-bg {
border-radius: 20px;
}
.heading-light {
font-size: 1.8em;
}
.heading-light.white {
font-size: 2em;
}
.heading-light-small.white {
font-size: 1.4em;
}
.main-heading-2 {
font-size: 1.2em;
}
.heading {
font-size: 2.5em;
}
.heading-2.about {
font-size: 2em;
}
.heading-2.partnership {
margin-top: .5em;
}
.heading-3 {
font-size: 1.5rem;
}
.heading-big.large {
font-size: 2.25em;
}
.heading-big.large.about {
font-size: 2rem;
}
.scrolling-logos-item-white {
margin-right: 40px;
}
.standard-link-block-white {
margin-right: 1vw;
}
.photo-bg {
background-position: 50%;
background-size: cover;
border-bottom-right-radius: 50px;
}
.button-2 {
letter-spacing: 0;
padding: 5vw 11vw;
font-size: 16px;
}
.content-2 {
padding-left: 7vw;
padding-right: 7vw;
}
.project-heading {
font-size: 2em;
}
.navbar-light {
margin-left: 0;
}
.heading-main {
font-size: 2em;
}
.blog-heading {
font-size: 1.2em;
}
.div-block-3 {
width: 100%;
}
.who-icon {
width: 3em;
}
.button-simple.contact {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding-left: 0;
}
.button-simple.contact.form {
justify-content: center;
}
.slider {
height: auto;
}
.slider-wrapper-wide {
flex-wrap: wrap;
margin-top: 0%;
}
.logo-wrapper-wide {
width: 55%;
padding-left: 0;
padding-right: 0;
}
.resource-cat-heading {
font-size: 2rem;
}
.icon-2, .icon-3 {
display: none;
}
}
#w-node-_7ed72e60-eb67-97cb-b0c8-040ebf471fb3-c46276b3 {
align-self: center;
}
#w-node-_7ed72e60-eb67-97cb-b0c8-040ebf471fc0-c46276b3 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_7d8d678c-8ea9-4fd9-3eeb-b00882a3f8ff-82a3f8f8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3f900524-0a2d-fdc0-0b64-777b11e1b355-09409a52 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-be2031ea-7299-3f43-62af-45fa359bc283-09409a52 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_14967aff-53d2-714f-1c69-cfc7181bd705-09409a52 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-ab494265-805e-a0a1-99da-982495bd59ff-09409a52, #w-node-_48ab2bfd-43da-272e-128d-73bb127c7870-09409a52, #w-node-bca5c797-c660-5d76-a46a-4a4aa0fdfdcd-09409a52 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bca5c797-c660-5d76-a46a-4a4aa0fdfdd0-09409a52, #w-node-f5eb7902-5984-9aeb-87b2-821eea94ed39-09409a52 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-f5eb7902-5984-9aeb-87b2-821eea94ed40-09409a52, #w-node-f5eb7902-5984-9aeb-87b2-821eea94ed41-09409a52, #w-node-f5eb7902-5984-9aeb-87b2-821eea94ed48-09409a52, #w-node-f5eb7902-5984-9aeb-87b2-821eea94ed49-09409a52, #w-node-f5eb7902-5984-9aeb-87b2-821eea94ed50-09409a52, #w-node-f5eb7902-5984-9aeb-87b2-821eea94ed51-09409a52, #w-node-f5eb7902-5984-9aeb-87b2-821eea94ed58-09409a52, #w-node-f0a648da-9459-b85f-f9a7-1bbdcbe4bc45-09409a52, #w-node-c33d6584-fe6e-8373-0e6b-92a0b52fa32c-09409a52, #w-node-d6e0b61f-7d63-93ac-90a5-609b371f9749-09409a52, #w-node-_6eb64dd0-538e-0818-ff93-420bfc5d11bf-09409a52, #w-node-_5ee4bdb7-6d08-3277-8bdd-3e3c266b0671-65409a5a, #w-node-_5ee4bdb7-6d08-3277-8bdd-3e3c266b0671-a1409a5c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_89829e88-5899-ea82-d1d6-9227139d80c9-3f409a5d {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_0ef9ead8-cc37-12dc-ca6b-c37290780f5e-3f409a5d, #w-node-_0ef9ead8-cc37-12dc-ca6b-c37290780f6c-3f409a5d, #w-node-_0ef9ead8-cc37-12dc-ca6b-c37290780f7a-3f409a5d, #w-node-bc8a909d-8a9d-9497-b7b4-4f81748f811f-ac409a5f, #w-node-d28c58ba-87cb-173f-4518-0de574311809-ac409a5f, #w-node-_759824b2-f5d9-6a89-cbef-a984cf1aa2b5-36409a60, #w-node-_759824b2-f5d9-6a89-cbef-a984cf1aa2bf-36409a60, #w-node-_5fb8aab2-6993-4a8e-61d4-db010358ae1c-ae409adc, #w-node-a48ca80c-0134-67db-415d-75fe2a70f55b-ae409adc, #w-node-_44db37c3-b855-a1aa-3eeb-02f9d083c303-ae409adc, #w-node-ca016453-9890-ea15-e794-632f65a2a2f4-ae409adc, #w-node-_93fdb0c2-44f1-1d35-aa90-b6bde9cb7fd1-ae409adc, #w-node-_86c703ed-2a1d-970f-2e73-32dae63b3d56-ae409adc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9ace6f66-778c-8f89-b785-83a6f0195496-ae409adc {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_93a2f123-e90a-cf28-df4c-a1a2aff1788b-bd409aef, #w-node-_70389875-407f-a60e-98ff-263dee39790c-bd409aef, #w-node-_8ee77197-4518-6b11-36fd-5b1314a0ae4a-bd409aef, #w-node-d6f55b99-4c80-b399-394a-e6b5efb247c7-bd409aef, #w-node-ed8a81db-f3e7-e899-ccfa-521efd93cd4b-5e409b02, #w-node-cd6d463e-d52a-0703-932c-3178cb81dea6-5e409b02, #w-node-_90726a21-1ad6-8d25-49a0-6c07e8e46903-5e409b02, #w-node-_90726a21-1ad6-8d25-49a0-6c07e8e4690c-5e409b02, #w-node-_90726a21-1ad6-8d25-49a0-6c07e8e46915-5e409b02, #w-node-cd6d463e-d52a-0703-932c-3178cb81dea9-5e409b02, #w-node-_765943ad-173f-8339-e367-924137d5f130-ae409b24, #w-node-b9b83012-c631-76cb-89a9-bfb42da4167f-ff409b26, #w-node-_44245982-8b1b-161d-5ad5-fdfc3156d626-a6409b2a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e9f08f56-f117-1387-0433-5e306e6824d0-a6409b2a, #w-node-_9a262c1c-126e-c792-065c-0c3800f38ac3-ce409b2c {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_4da5e7eb-57b4-e75e-eb12-1281de58cd90-ef409b2d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_236511af-dfb9-8f69-0e25-832e5ee2c006-ef409b2d {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-bf7734c9-0d3a-90d9-4725-f46b6a27bf31-07409b2e, #w-node-bf7734c9-0d3a-90d9-4725-f46b6a27bf37-07409b2e, #w-node-bf7734c9-0d3a-90d9-4725-f46b6a27bf3d-07409b2e, #w-node-_2a0c8f10-4456-f367-6a07-843b4785c916-07409b2e, #w-node-_266473b9-206a-3142-8e1b-e38140e38cc5-07409b2e, #w-node-d408adb5-e76d-ac30-0edf-e8467d555762-07409b2e, #w-node-_1040bb01-47de-3eb2-5a65-6b38392fd8f4-07409b2e, #w-node-_022190cd-ed51-7af4-bc9e-1739e8004f3e-07409b2e, #w-node-eb8171fd-78fd-d862-9383-1f334d1a89df-07409b2e, #w-node-_1eebc4c4-ba50-dd5d-7ccd-63a79481ee54-07409b2e, #w-node-ea33b2a6-1db0-748e-2218-8c7016fbbbff-07409b2e, #w-node-b0b1a4a7-30a9-7a6d-76e9-1b1c9d04d57f-07409b2e, #w-node-_24d43dcc-a742-eb7b-4112-469d0c4ca80d-07409b2e, #w-node-_2fc2534a-a712-e2ec-77a4-5b3e2d20f353-07409b2e, #w-node-a7545b75-0957-6264-2988-b57ca3bf02df-07409b2e, #w-node-e4ca89d6-6582-9feb-d4e2-7f34f0f3e751-07409b2e, #w-node-_99c65522-268e-b325-8726-3d6fa5e76526-07409b2e, #w-node-f27dbdc9-0d14-6ae2-b9ba-480113860283-07409b2e, #w-node-_1b216126-2261-9fd1-57a0-f27286f7af52-07409b2e, #w-node-_5adaaa5f-452c-0877-98d4-4dc554408b3e-07409b2e, #w-node-_18f1190e-7993-9466-6005-d9c330eaeff7-07409b2e, #w-node-_6f7cbd37-b019-e618-b81b-b2414b987547-07409b2e, #w-node-_91aa79fe-c27c-c631-d138-eba8701e46e7-07409b2e, #w-node-_8b75fdaa-a8e7-5591-36ca-a1cb422d1b94-07409b2e, #w-node-_07bcb40e-a93d-484c-5a6b-de2d0ff39fd9-07409b2e, #w-node-_048a514c-fdd2-b16e-fbd5-5d0d536f4989-07409b2e, #w-node-_05797ef7-bff6-5ed6-7f89-f26da4d65e36-07409b2e, #w-node-_52872d2f-1fa9-9331-01fd-d053955b5647-07409b2e, #w-node-_70ae2e96-7087-6631-c1cf-cd6d27d13af2-07409b2e, #w-node-ea2e80b6-f9db-9ed6-c2ad-81f029b53a1e-07409b2e, #w-node-_4a284d38-ee00-d1f3-f8fb-e928f96704e2-07409b2e, #w-node-f6170f96-254e-2233-229c-7509e80b11aa-07409b2e, #w-node-dcb34469-f192-47de-4960-8c9f93233a37-07409b2e, #w-node-a60f424c-7fcd-b648-72e1-f5fda0adf3ef-07409b2e, #w-node-d1da2bba-1e62-7b2d-4723-2e7aabce262e-07409b2e, #w-node-c8f1417d-bc92-8071-ae10-c8f932121b65-07409b2e, #w-node-fef05a3a-56e8-a6bc-350e-9f1c40f6843a-07409b2e, #w-node-_654e1e29-0db9-9559-2268-87f38b138a05-07409b2e, #w-node-_3a97ac4b-cbf0-65cd-1502-ed9cb553681e-07409b2e, #w-node-bef08b5a-489e-8259-6a6d-7f1f2e1e5790-07409b2e, #w-node-ae0ecc42-9615-8bac-2f09-17334b776ca5-c8409b2f, #w-node-_878cb4b7-fa70-7296-8b85-c8f0f7c1e9d2-c8409b2f, #w-node-_878cb4b7-fa70-7296-8b85-c8f0f7c1e9e0-c8409b2f, #w-node-_878cb4b7-fa70-7296-8b85-c8f0f7c1e9ee-c8409b2f, #w-node-fdad805d-fcae-e961-38d2-4f96fbacb4b3-c8409b2f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-de772528-d246-c820-c43e-fb68c9936a76-bc409b30 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_8646b0ee-fdc3-ba88-2200-8c7e45d451af-bc409b30, #w-node-_8646b0ee-fdc3-ba88-2200-8c7e45d451bd-bc409b30, #w-node-_8646b0ee-fdc3-ba88-2200-8c7e45d451cb-bc409b30, #w-node-_8646b0ee-fdc3-ba88-2200-8c7e45d451d9-bc409b30, #w-node-bb427809-460a-90a3-4397-82447d6cbd5c-bc409b30, #w-node-bb427809-460a-90a3-4397-82447d6cbd66-bc409b30, #w-node-b50db86a-f677-dcc7-5b89-ea68661e4232-bc409b30 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9c8ce020-3fff-364a-d863-ad46962bbab6-bc409b30 {
grid-area: span 2 / span 2 / span 2 / span 2;
}
#w-node-_3badbe4b-71fb-d556-f534-01fda3fee82d-bc409b30, #w-node-_2794dab9-1a34-88e1-6491-ec4cf6cf58f3-bc409b30, #w-node-_3e4c945c-8c86-6809-ee07-1895930fb515-bc409b30, #w-node-c4f5fb4b-3424-3a60-9b94-41696cdb5830-95409b32, #w-node-c4f5fb4b-3424-3a60-9b94-41696cdb583a-95409b32, #w-node-c4f5fb4b-3424-3a60-9b94-41696cdb583b-95409b32, #w-node-c4f5fb4b-3424-3a60-9b94-41696cdb584a-95409b32, #w-node-c4f5fb4b-3424-3a60-9b94-41696cdb5859-95409b32, #w-node-c4f5fb4b-3424-3a60-9b94-41696cdb5868-95409b32, #w-node-_46ffbfb9-da11-420a-78f1-a925e026ec53-00409b36, #w-node-_4faa8573-f8e2-f962-e9db-6587f1880bff-00409b36, #w-node-c5f9ec35-a392-333a-6a6f-113b555ceed6-00409b36, #w-node-_2d7c1f38-9ce3-975e-b2b2-4418554560e0-00409b36, #w-node-a7b78b3a-be59-aa9f-9508-965959fed0f8-00409b36, #w-node-_4a43b8d4-9c59-f884-ebf0-846196f3ec8e-00409b36, #w-node-e9817824-1d3b-f8ad-5075-4efb3586cf05-00409b36, #w-node-d5d6266d-cb23-e989-0647-0df54148e86a-00409b36, #w-node-c7bceae6-fbee-93aa-96d8-f7947a175ebe-00409b36, #w-node-_9f39f176-845b-cb4c-c65f-57ac66da6b5a-00409b36, #w-node-_5b1c039d-8d0f-18e0-0f1f-b98e1303780e-00409b36, #w-node-_45fc8665-50e9-c21b-707f-82189cb1b06b-00409b36, #w-node-_6b412a6c-5351-4484-d990-915f492f6b0f-00409b36, #w-node-_83796baf-d639-9d72-483d-51439a333cff-a1409b37, #w-node-_83796baf-d639-9d72-483d-51439a333d00-a1409b37, #w-node-a19e2c94-3297-6165-3246-7141b739c303-a1409b37, #w-node-a19e2c94-3297-6165-3246-7141b739c30f-a1409b37, #w-node-d3d5431d-c6c6-1646-0377-e9eba4e39660-a1409b37, #w-node-d3d5431d-c6c6-1646-0377-e9eba4e3966c-a1409b37, #w-node-_46ffbfb9-da11-420a-78f1-a925e026ec53-12409b38, #w-node-_4abe82ee-c10a-8be8-9ed3-21ed67511180-12409b38, #w-node-_5766ca03-02e2-2cf5-8845-de4d21d44a16-12409b38, #w-node-_1e9e0047-5ffe-da7f-ec6a-4cecf8dd9b5c-12409b38, #w-node-_1e9e0047-5ffe-da7f-ec6a-4cecf8dd9b63-12409b38, #w-node-_1e9e0047-5ffe-da7f-ec6a-4cecf8dd9b6a-12409b38, #w-node-fd7125a3-ee30-7c27-c785-cc1136636378-12409b38, #w-node-_63a55129-7d1d-96e7-7eaa-c90d6ef10c6d-12409b38, #w-node-_5a90aaad-4a8a-c923-3a2c-cfb55b6cef48-12409b38, #w-node-f1cb0763-c738-f99f-e6f1-65f985f25340-12409b38, #w-node-_616de722-7631-1692-9b25-ceff7efdebe2-12409b38, #w-node-_5cfa953c-86ac-8913-b08a-ce32980ec9ec-12409b38, #w-node-_7efaa04b-2e70-8390-b1f2-f7c9a151fa8c-12409b38, #w-node-_069a37e9-d156-ba0a-6bef-26d0d456a466-12409b38, #w-node-_069a37e9-d156-ba0a-6bef-26d0d456a467-12409b38, #w-node-baf66173-dc86-2e68-f07b-d0186199632d-12409b38, #w-node-baf66173-dc86-2e68-f07b-d0186199632e-12409b38 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b0600acb-93e1-7e44-5e30-5026177d1720-12409b38 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-b0600acb-93e1-7e44-5e30-5026177d1727-12409b38, #w-node-b0600acb-93e1-7e44-5e30-5026177d1728-12409b38, #w-node-b0600acb-93e1-7e44-5e30-5026177d172f-12409b38, #w-node-b0600acb-93e1-7e44-5e30-5026177d1730-12409b38, #w-node-b0600acb-93e1-7e44-5e30-5026177d1737-12409b38, #w-node-b0600acb-93e1-7e44-5e30-5026177d1738-12409b38, #w-node-b0600acb-93e1-7e44-5e30-5026177d171f-12409b38, #w-node-_87c3e5d0-f452-b9c0-8b67-c9701121369b-12409b38, #w-node-_87c3e5d0-f452-b9c0-8b67-c9701121369c-12409b38, #w-node-_87c3e5d0-f452-b9c0-8b67-c970112136a3-12409b38, #w-node-_87c3e5d0-f452-b9c0-8b67-c970112136a4-12409b38, #w-node-_015a12e9-1d7a-e053-cdfe-e95dc120682a-12409b38, #w-node-d5265953-46a9-a0b0-08a5-6caac5177f30-12409b38, #w-node-a53a8276-e6d0-a29d-21f7-52aaf690469e-12409b38, #w-node-_3a5ccaed-71ae-894b-fc71-c6883d5e6e2a-12409b38, #w-node-_9ca7097e-a309-7d2c-f27e-887a910220fe-12409b38, #w-node-_9ca7097e-a309-7d2c-f27e-887a91022107-12409b38, #w-node-_9ca7097e-a309-7d2c-f27e-887a91022108-12409b38, #w-node-_9ca7097e-a309-7d2c-f27e-887a91022114-12409b38, #w-node-_9ca7097e-a309-7d2c-f27e-887a91022115-12409b38, #w-node-_9ca7097e-a309-7d2c-f27e-887a91022116-12409b38, #w-node-_9ca7097e-a309-7d2c-f27e-887a9102211b-12409b38, #w-node-_4f865ced-f29c-b3d2-1db8-c26d9047fe5f-12409b38, #w-node-f3a3680a-411f-5986-90b8-61470dc23d22-c0409b3c, #w-node-_95862e1c-c381-f511-d860-661c6c0ac683-c0409b3c, #w-node-aae1ef57-1533-fd56-a212-a35dd0542c28-c0409b3c, #w-node-baa48a2d-4bd4-8421-7749-98881c5748ed-27409b3d, #w-node-a77d7da0-629d-916e-7366-fdbc365acf7f-27409b3d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1897d9ab-2fe7-bd85-2534-94bbd40e6791-3d409b3e {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-baa48a2d-4bd4-8421-7749-98881c5748ed-3d409b3e, #w-node-_19ec671a-ec92-e6fd-930c-85cc4b9433cf-3d409b3e, #w-node-_19ec671a-ec92-e6fd-930c-85cc4b9433d0-3d409b3e, #w-node-_19ec671a-ec92-e6fd-930c-85cc4b9433d1-3d409b3e, #w-node-c90b9eab-d116-8f7b-7f08-f13c4c9c4ef5-25409b41, #w-node-c90b9eab-d116-8f7b-7f08-f13c4c9c4f03-25409b41, #w-node-e11a7219-52f3-021d-5818-f16a6442aa28-25409b41, #w-node-be2031ea-7299-3f43-62af-45fa359bc283-25409b41 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_14967aff-53d2-714f-1c69-cfc7181bd705-25409b41 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-f0a648da-9459-b85f-f9a7-1bbdcbe4bc45-25409b41, #w-node-c33d6584-fe6e-8373-0e6b-92a0b52fa32c-25409b41, #w-node-_08f3f591-c898-b8c8-2bb8-50bfc3de079c-25409b41, #w-node-b2192772-e74a-0b63-cb03-f547d3b23238-25409b41, #w-node-d6e0b61f-7d63-93ac-90a5-609b371f9749-25409b41, #w-node-_6eb64dd0-538e-0818-ff93-420bfc5d11bf-25409b41, #w-node-_27fd5abe-138c-a49f-dd6b-f38e76834766-25409b41 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f5eb7902-5984-9aeb-87b2-821eea94ed39-25409b41, #w-node-_8b412c9e-2d46-1e4a-3d3b-52cb8dc74862-25409b41 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_90cf7205-8dd8-1fbb-a33b-4321a895c7d1-25409b41, #w-node-_90cf7205-8dd8-1fbb-a33b-4321a895c7df-25409b41, #w-node-_90cf7205-8dd8-1fbb-a33b-4321a895c7ed-25409b41, #w-node-f44b58c5-15c1-f3da-903f-6ce1b34eeb32-25409b41, #w-node-_90d29751-e0b4-a933-052a-e8ba9c251d1d-25409b41, #w-node-_3666d0f3-3720-9244-d239-29c92f0f7210-25409b41, #w-node-_46c5eec4-1c0d-f1a8-ea55-e0c1fb5898bc-25409b41, #w-node-cd6d463e-d52a-0703-932c-3178cb81dea9-ea409b42 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ed8a81db-f3e7-e899-ccfa-521efd93cd4b-ea409b42 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-cd6d463e-d52a-0703-932c-3178cb81dea6-ea409b42, #w-node-fadd5056-f797-8190-1386-e26370eafad8-ea409b42, #w-node-_64a058c8-36c6-4093-3905-90439620231d-ea409b42, #w-node-dd002dd4-5953-1af0-aa61-319917aa605a-ea409b42, #w-node-_74ad6f22-14d6-c1d8-f388-e8820216a555-96409b44, #w-node-_659707e1-d9a6-7702-e854-ce3276adda15-96409b44 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3f900524-0a2d-fdc0-0b64-777b11e1b34a-41409b45 {
justify-self: center;
}
#w-node-c90b9eab-d116-8f7b-7f08-f13c4c9c4ef5-41409b45 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0d298a6a-da96-fe7a-2fa1-88582265085c-41409b45 {
justify-self: center;
}
#w-node-_760c807b-caef-30ac-7911-53e431b500b8-41409b45, #w-node-_4c2e2850-0c77-fb9f-f5d9-ae307df461dc-41409b45, #w-node-_4c2e2850-0c77-fb9f-f5d9-ae307df461ed-41409b45, #w-node-_4c2e2850-0c77-fb9f-f5d9-ae307df461fe-41409b45, #w-node-d9451784-a553-ac11-9039-d27ca32c90eb-d0409b46, #w-node-_95ae7d83-a2f1-e830-3ad9-774a943afbcc-52409b49, #w-node-_016fbbbd-b07f-eb3a-2e65-a422cae92f34-52409b49, #w-node-c08a6041-746e-1ec3-5632-a7db8f4d78cc-52409b49, #w-node-e0d29945-0a8f-08c0-fbc2-159d20e031e6-7a409b4a, #w-node-_139aaf6d-ac93-8c3a-bc02-c62dfab19c24-7a409b4a, #w-node-_139aaf6d-ac93-8c3a-bc02-c62dfab19c3b-7a409b4a, #w-node-_139aaf6d-ac93-8c3a-bc02-c62dfab19c5b-7a409b4a, #w-node-_85098aa1-6e2e-2046-43b5-4b7c527c9850-7a409b4a, #w-node-_85098aa1-6e2e-2046-43b5-4b7c527c9859-7a409b4a, #w-node-_85098aa1-6e2e-2046-43b5-4b7c527c985a-7a409b4a, #w-node-_85098aa1-6e2e-2046-43b5-4b7c527c9866-7a409b4a, #w-node-_85098aa1-6e2e-2046-43b5-4b7c527c9867-7a409b4a, #w-node-_85098aa1-6e2e-2046-43b5-4b7c527c9868-7a409b4a, #w-node-_85098aa1-6e2e-2046-43b5-4b7c527c986d-7a409b4a, #w-node-_85098aa1-6e2e-2046-43b5-4b7c527c9872-7a409b4a, #w-node-_6dd5370c-4f19-1a95-f061-bced149c7db3-f9409b4f, #w-node-c4672405-fe52-a57c-63ac-002fdfca470b-f9409b4f, #w-node-_85e9e9a0-4856-41d4-d9cb-06707fb7bb6c-f9409b4f, #w-node-_7d6b43c6-4a8c-5ea8-71ca-4cb6e40a2401-f9409b4f, #w-node-_010c1781-d563-83c1-f758-56e05bc5a04e-f9409b4f, #w-node-_8d2bea57-c99b-5f41-2642-3c4a58b74c95-f9409b4f, #w-node-_5e5fb504-0d1a-625f-dc9d-e0aae350b4c4-f9409b4f, #w-node-c8389a37-53e0-59e3-e27b-fd30ec714273-f9409b4f, #w-node-bedd0430-277f-47cf-bf04-7faa87676dd7-f9409b4f, #w-node-ed72f934-ce62-a34e-0277-75f58d04e20a-f9409b4f, #w-node-ed72f934-ce62-a34e-0277-75f58d04e20d-f9409b4f, #w-node-_10de53ae-ca31-8e3f-f300-7cbe8dee0599-f9409b4f, #w-node-d831d5f4-364b-867b-ad64-4f6b887c0ebe-f9409b4f, #w-node-_81a054ef-c729-3066-3707-22388a2bccc6-f9409b4f, #w-node-e4db68a2-9b84-3e20-8a38-9d996b014cc3-f9409b4f, #w-node-_1964c2d0-415f-dd71-ab17-cef66b881066-f9409b4f, #w-node-d8837e6f-aa84-a744-87dd-ab50d6824b1b-f9409b4f, #w-node-c2904366-df54-c0ce-f602-9b957fe4b3f5-f9409b4f, #w-node-_8f088bb7-7e19-23ec-c6b9-dad5e9b8f3c8-f9409b4f, #w-node-be3728d4-87f1-8eb6-7ad4-322d9bf20828-f9409b4f, #w-node-be3728d4-87f1-8eb6-7ad4-322d9bf20829-f9409b4f, #w-node-_98783a66-b6a3-6e6d-fbff-b3a5501ac889-f9409b4f, #w-node-_98783a66-b6a3-6e6d-fbff-b3a5501ac88a-f9409b4f, #w-node-d2917e68-31b2-b7b6-5d69-aff2036d9977-f9409b4f, #w-node-d2917e68-31b2-b7b6-5d69-aff2036d997a-f9409b4f, #w-node-d737d75a-0c74-5768-09c1-27bd00d6e6c9-f9409b4f, #w-node-d737d75a-0c74-5768-09c1-27bd00d6e6cc-f9409b4f, #w-node-_295020cc-2b34-8367-5fec-659c94d82c76-ef409b55 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4265b91c-3022-34fa-1c35-6472b9cbc057-c1409b57 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_4265b91c-3022-34fa-1c35-6472b9cbc076-c1409b57, #w-node-_578d24f5-9a09-0800-9ea2-d7ac80dbdc09-c1409b57 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_578d24f5-9a09-0800-9ea2-d7ac80dbdc07-c1409b57 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
@media screen and (max-width: 991px) {
#w-node-_7ed72e60-eb67-97cb-b0c8-040ebf471fc0-c46276b3, #w-node-_3f900524-0a2d-fdc0-0b64-777b11e1b355-09409a52, #w-node-_89829e88-5899-ea82-d1d6-9227139d80c9-3f409a5d, #w-node-_9a262c1c-126e-c792-065c-0c3800f38ac3-ce409b2c, #w-node-_236511af-dfb9-8f69-0e25-832e5ee2c006-ef409b2d, #w-node-de772528-d246-c820-c43e-fb68c9936a76-bc409b30, #w-node-_1897d9ab-2fe7-bd85-2534-94bbd40e6791-3d409b3e {
order: -9999;
justify-self: stretch;
}
#w-node-ed8a81db-f3e7-e899-ccfa-521efd93cd4b-ea409b42 {
justify-self: start;
}
}
@media screen and (max-width: 767px) {
#w-node-baef3b9a-61b4-89fa-9e67-7883f7c9ef5c-523f2f1d {
order: 9999;
}
#w-node-_14967aff-53d2-714f-1c69-cfc7181bd705-09409a52, #w-node-bca5c797-c660-5d76-a46a-4a4aa0fdfdd0-09409a52 {
justify-self: stretch;
}
#w-node-e9f08f56-f117-1387-0433-5e306e6824d0-a6409b2a {
order: -9999;
}
#w-node-_14967aff-53d2-714f-1c69-cfc7181bd705-25409b41 {
justify-self: stretch;
}
}
@media screen and (max-width: 479px) {
#w-node-baef3b9a-61b4-89fa-9e67-7883f7c9ef5c-523f2f1d {
order: 9999;
}
#w-node-_78e57fa1-ba63-b52b-b759-58f8523f2f5f-523f2f1d {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_78e57fa1-ba63-b52b-b759-58f8523f2f4a-523f2f1d {
order: 1;
}
#w-node-_7ed72e60-eb67-97cb-b0c8-040ebf471fc0-c46276b3, #w-node-_3f900524-0a2d-fdc0-0b64-777b11e1b355-09409a52, #w-node-_89829e88-5899-ea82-d1d6-9227139d80c9-3f409a5d, #w-node-_93a2f123-e90a-cf28-df4c-a1a2aff1788b-bd409aef, #w-node-_9a262c1c-126e-c792-065c-0c3800f38ac3-ce409b2c, #w-node-_4da5e7eb-57b4-e75e-eb12-1281de58cd90-ef409b2d, #w-node-_236511af-dfb9-8f69-0e25-832e5ee2c006-ef409b2d, #w-node-_2a0c8f10-4456-f367-6a07-843b4785c916-07409b2e, #w-node-ae0ecc42-9615-8bac-2f09-17334b776ca5-c8409b2f, #w-node-de772528-d246-c820-c43e-fb68c9936a76-bc409b30 {
order: -9999;
}
#w-node-f3a3680a-411f-5986-90b8-61470dc23d22-c0409b3c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_1897d9ab-2fe7-bd85-2534-94bbd40e6791-3d409b3e {
order: -9999;
}
#w-node-_19ec671a-ec92-e6fd-930c-85cc4b9433cf-3d409b3e {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-eb47d0f8-9a80-f300-0678-80beb3877ec8-96409b44 {
align-self: stretch;
}
#w-node-e0d29945-0a8f-08c0-fbc2-159d20e031e6-7a409b4a, #w-node-_295020cc-2b34-8367-5fec-659c94d82c76-ef409b55 {
order: -9999;
}
}