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: Avenir Font Family;
src: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/672c4c90f3b4ae37973f388b_Avenir%20Font%20Family.zip") format("undefined");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Calibri;
src: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/66ffca89205b1f6ac3784e28_calibri-regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Calibri;
src: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/66ffcaa38088bb0ec8888ea2_calibri-bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Lato;
src: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/67036e9f08c894e25e5d50f4_Lato-Regular.ttf") format("truetype"), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/672c613f5ca6a456ee46a321_Lato-Semibold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Lato;
src: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/672c612809cd89d0c7829d30_Lato-Medium.ttf") format("truetype"), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/672c612809cd89d0c7829d30_Lato-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Avenirltstd;
src: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/672c4cc524032731a5395e7f_AvenirLTStd-Medium.otf") format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Avenirltstd;
src: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/672c4ceee09a4c9c5d9b8afb_AvenirLTStd-Black.otf") format("opentype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: MATERIAL ICONS;
src: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68517ae841e635f6ea77f16b_MaterialIconsRound-Regular%20(1).otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root {
--text-color--dark: #212121;
--charger-orange: #f1592a;
--base-color-brand--brand: #004a98;
--aved-red: #d82d39;
--valence-green: #4b9e46;
--base-color-neutral--white: white;
--background-color--background-primary: var(--base-color-neutral--black);
--text-color--text-primary: var(--base-color-neutral--black);
--text-color--brand: #004a98;
--base-color-neutral--neutral-lighter: #ccc;
--text-color--dark-secondary: #4e4e4e;
--base-color-neutral--neutral-lightest: #eee;
--base-color-brand--dark-blue: #1b2e42;
--text-color--text-alternate: var(--base-color-neutral--white);
--base-color-neutral--black: black;
--background-color--background-tertiary: var(--base-color-brand--pink);
--background-color--background-secondary: var(--base-color-brand--blue);
--black\: black;
--homegrid-blue: #00adee;
--base-color-brand--pink: #dd23bb;
--base-color-brand--blue-dark: #080331;
--engineered-power-secondary: #2063b1;
--border-color--border-secondary: var(--base-color-brand--blue);
--black-2\: black;
--white\: white;
--base-color-brand--blue: #ecf5ff;
--background-color--background-mute: #6e7c7c1a;
--base-color-neutral--neutral-dark: #444;
--background-color--background-alternate: var(--base-color-neutral--white);
--border-color--border-primary: var(--base-color-neutral--neutral-lightest);
--link-color--link-alternate: var(--base-color-neutral--white);
--base-color-neutral--neutral: #666;
--link-color--link-secondary: var(--base-color-neutral--black);
--base-color-neutral--neutral-light: #aaa;
--untitled-ui--gray600: #475467;
--untitled-ui--gray900: #101828;
--untitled-ui--primary600: #7f56d9;
--untitled-ui--white: white;
--untitled-ui--primary700: #6941c6;
--untitled-ui--primary100: #f4ebff;
--untitled-ui--primary800: #53389e;
--untitled-ui--gray50: #f9fafb;
--untitled-ui--warning300: #fec84b;
--untitled-ui--gray200: #eaecf0;
--untitled-ui--gray500: #667085;
--untitled-ui--primary50: #f9f5ff;
--untitled-ui--gray700: #344054;
--untitled-ui--gray400: #98a2b3;
--untitled-ui--gray100: #f2f4f700;
--untitled-ui--pink50: #fdf2fa;
--untitled-ui--pink700: #c11574;
--untitled-ui--indigo50: #eef4ff;
--untitled-ui--indigo700: #3538cd;
--untitled-ui--gray300: #d0d5dd;
--untitled-ui--gray800: #1d2939;
--link-color--link-primary: var(--base-color-brand--blue);
--relume-library-lite--rl-black: black;
--relume-library-lite--rl-white: white;
--untitled-ui--primary500: #9e77ed;
--untitled-ui--primary300: #d6bbfb;
--relume-library-lite--rl-gray: #f4f4f4;
--logo: 120%;
--base-color-brand--pink-light: #ffaefe;
--base-color-brand--pink-dark: #3c043b;
--base-color-neutral--neutral-darker: #222;
--base-color-neutral--neutral-darkest: #111;
--base-color-system--success-green: #cef5ca;
--base-color-system--success-green-dark: #114e0b;
--base-color-system--warning-yellow: #fcf8d8;
--base-color-system--warning-yellow-dark: #5e5515;
--base-color-system--error-red: #f8e4e4;
--base-color-system--error-red-dark: #3b0b0b;
--base-color-system--focus-state: #2d62ff;
--background-color--background-success: var(--base-color-system--success-green);
--background-color--background-warning: var(--base-color-system--warning-yellow);
--background-color--background-error: var(--base-color-system--error-red);
--border-color--border-alternate: var(--base-color-neutral--neutral-darkest);
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-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-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-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.w-pagination-previous {
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-pagination-previous-icon {
margin-right: 4px;
}
.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-pagination-next-icon {
margin-left: 4px;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
body {
color: #000;
font-family: Calibri, sans-serif;
font-size: 1rem;
}
h1 {
margin-top: 0;
margin-bottom: 0;
font-size: 4rem;
font-weight: 700;
line-height: 1.1;
}
h2 {
margin-top: 0;
margin-bottom: 0;
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
h3 {
margin-top: 0;
margin-bottom: 0;
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
}
h4 {
margin-top: 0;
margin-bottom: 0;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.4;
}
h5 {
margin-top: 0;
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.5;
}
h6 {
margin-top: 0;
margin-bottom: 0;
font-size: 1rem;
font-weight: 700;
line-height: 1.5;
}
p {
margin-bottom: 0;
}
a {
text-decoration: none;
}
ul, ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 1.5rem;
}
li {
margin-bottom: 1.25rem;
}
img {
max-width: 100%;
display: inline-block;
}
label {
margin-bottom: .25rem;
font-weight: 500;
}
blockquote {
color: var(--text-color--dark);
border-left: .375rem solid #000;
margin-bottom: 1.5rem;
padding: 0 1.25rem;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.5;
}
figure {
margin-top: 2rem;
margin-bottom: 2rem;
}
figcaption {
text-align: center;
margin-top: .25rem;
}
.utility-page_component {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
padding-left: 1.25rem;
padding-right: 1.25rem;
display: flex;
}
.utility-page_form-block {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
max-width: 20rem;
display: flex;
}
.utility-page_form {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.utility-page_image {
margin-left: auto;
margin-right: auto;
}
.global-styles {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.margin-custom2 {
margin: 2.5rem;
}
.padding-xlarge {
padding: 4rem;
}
.margin-xlarge {
margin: 4rem;
}
.margin-xsmall {
margin: .5rem;
}
.padding-xhuge {
padding: 8rem;
}
.margin-custom1 {
margin: 1.5rem;
}
.padding-0 {
padding: 0;
}
.padding-xxhuge {
padding: 12rem;
}
.padding-huge {
padding: 6rem;
}
.margin-large {
margin: 3rem;
}
.padding-xxlarge {
padding: 5rem;
}
.margin-xxsmall {
margin: .25rem;
}
.padding-custom3 {
padding: 3.5rem;
}
.padding-large {
padding: 3rem;
}
.margin-tiny {
margin: .125rem;
}
.padding-small {
padding: 1rem;
}
.padding-custom2 {
padding: 2.5rem;
}
.margin-custom3 {
margin: 3.5rem;
}
.padding-custom1 {
padding: 1.5rem;
}
.margin-huge {
margin: 6rem;
}
.padding-medium {
padding: 2rem;
}
.padding-xsmall {
padding: .5rem;
}
.margin-xxlarge {
margin: 5rem;
}
.padding-xxsmall {
padding: .25rem;
}
.margin-xhuge {
margin: 8rem;
}
.padding-tiny {
padding: .125rem;
}
.margin-small {
margin: 1rem;
}
.margin-medium {
margin: 2rem;
}
.margin-xxhuge {
margin: 12rem;
}
.margin-0 {
margin: 0;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.padding-top.padding-xxlarge.charger {
background-color: var(--charger-orange);
}
.margin-vertical, .margin-vertical.margin-xsmall {
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-vertical, .padding-vertical.padding-huge {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-xxlarge, .padding-vertical.padding-xxlarge.is-mob-portrait-off {
padding-top: 0;
padding-bottom: 0;
}
.padding-vertical.padding-large {
padding-left: 0;
padding-right: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.form_checkbox {
flex-direction: row;
align-items: center;
margin-bottom: .5rem;
padding-left: 0;
display: flex;
}
.form_checkbox-icon {
border-radius: .125rem;
width: .875rem;
height: .875rem;
margin: 0 .5rem 0 0;
}
.form_checkbox-icon.w--redirected-checked {
background-size: 90%;
border-radius: .125rem;
width: .875rem;
height: .875rem;
margin: 0 .5rem 0 0;
}
.form_checkbox-icon.w--redirected-focus {
border-radius: .125rem;
width: .875rem;
height: .875rem;
margin: 0 .5rem 0 0;
box-shadow: 0 0 .25rem 0 #3898ec;
}
.fs-styleguide_background {
border: 1px solid #0000001a;
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
display: flex;
}
.fs-styleguide_spacing {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-image: linear-gradient(to top, #0073e61a, #fff0);
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start stretch;
display: grid;
position: relative;
}
.icon-1x1-small {
color: var(--base-color-brand--brand);
flex: none;
width: 1.5rem;
height: 1.5rem;
transform: translate(0);
}
.icon-1x1-small.absolute {
position: absolute;
left: -14%;
}
.icon-1x1-small.absolute.aved {
color: var(--aved-red);
}
.icon-1x1-small.social {
color: #ffffff80;
transition: all .2s;
}
.icon-1x1-small.social:hover {
color: #fff;
}
.icon-1x1-small.is-location {
justify-content: center;
align-items: flex-end;
display: flex;
}
.icon-1x1-small.is-submit {
position: absolute;
left: -17%;
}
.icon-1x1-small.is-news-reset {
color: #fff;
display: none;
}
.icon-1x1-small.is-back {
position: absolute;
left: auto;
right: -13%;
}
.icon-1x1-small.is-back.careers {
right: -22%;
}
.icon-1x1-small.left-arrow, .icon-1x1-small.flip {
transform: rotate(180deg);
}
.icon-1x1-small.valence {
color: var(--valence-green);
}
.icon-1x1-small.aved {
color: var(--aved-red);
}
.icon-1x1-small.aved:hover {
color: var(--base-color-neutral--white);
}
.icon-1x1-small.charger {
color: var(--charger-orange);
}
.overflow-auto {
overflow: auto;
}
.spacing-clean {
margin: 0;
padding: 0;
}
.icon-1x1-large {
width: 2.5rem;
height: 2.5rem;
}
.form_form {
width: 100%;
}
.form_form.is-test {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.form_form.is-contact-cta {
background-color: var(--base-color-neutral--white);
border-radius: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 3rem;
display: flex;
}
.form_form.is-contact {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.z-index-2 {
z-index: 2;
position: relative;
}
.fs-styleguide_background-space {
width: 1px;
height: 1px;
margin: 5rem;
}
.text-weight-semibold {
font-weight: 600;
}
.text-style-strikethrough {
text-decoration: line-through;
}
.fs-styleguide_item {
grid-column-gap: 1.125rem;
grid-row-gap: 1.125rem;
border-bottom: 1px solid #0000001a;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start;
padding-bottom: 3rem;
display: grid;
position: relative;
}
.fs-styleguide_item.is-stretch {
justify-items: stretch;
}
.fs-styleguide_item.is-alt {
background-color: #000;
}
.max-width-full {
width: 100%;
max-width: none;
}
.fs-styleguide_item-header {
border-bottom: 1px solid #0000001a;
width: 100%;
padding-bottom: 2rem;
}
.fs-styleguide_heading-large {
font-size: 6rem;
}
.background-color-primary {
background-color: var(--background-color--background-primary);
color: #f5f5f5;
}
.z-index-1 {
z-index: 1;
position: relative;
}
.text-color-primary {
color: var(--text-color--text-primary);
}
.text-color-secondary {
color: var(--text-color--dark);
}
.fs-styleguide_2-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.fs-styleguide_2-col.is-align-start {
grid-row-gap: 4rem;
align-items: start;
}
.form_message-success {
background-color: var(--base-color-neutral--white);
color: var(--text-color--brand);
text-transform: uppercase;
border-radius: 1rem;
padding: 3rem;
font-weight: 700;
}
.fs-styleguide_row {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.heading-style-h3 {
text-align: left;
font-family: Lato, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 1.2;
}
.heading-style-h3.text-weight-medium.dark {
color: var(--text-color--dark);
font-family: Lato, sans-serif;
}
.heading-style-h3.numbers {
color: var(--base-color-neutral--neutral-lighter);
margin-top: -17px;
}
.heading-style-h3.color-dark {
color: var(--text-color--dark);
}
.heading-style-h3.center-align {
text-align: center;
}
.heading-style-h3.white {
color: var(--base-color-neutral--white);
}
.heading-style-h3.charger-heading {
text-align: center;
}
.text-rich-text h1 {
margin-top: 1.5rem;
margin-bottom: 1rem;
font-family: Lato, sans-serif;
font-size: 3rem;
}
.text-rich-text h2 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.text-rich-text h3 {
color: var(--text-color--text-primary);
margin-top: 0;
margin-bottom: 3rem;
font-family: Lato, sans-serif;
font-size: 3rem;
font-weight: 400;
}
.text-rich-text h4 {
margin-top: 0;
margin-bottom: 3rem;
font-size: 2.25rem;
font-weight: 400;
}
.text-rich-text h5 {
margin-top: 0;
margin-bottom: 1.5rem;
font-family: Lato, sans-serif;
font-size: 1.5rem;
font-weight: 400;
}
.text-rich-text h6 {
color: var(--text-color--brand);
border-bottom: 1px solid #0003;
width: 100%;
padding-top: .75rem;
padding-bottom: .75rem;
font-size: 1.125rem;
}
.text-rich-text p {
color: var(--text-color--dark-secondary);
margin-bottom: 1.5rem;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.5;
}
.text-rich-text ul {
color: var(--text-color--dark-secondary);
margin-top: 2rem;
margin-bottom: 3rem;
font-size: 1.125rem;
}
.text-rich-text ol {
margin-bottom: 1.5rem;
}
.text-rich-text.is-brands_features {
width: 100%;
}
.container-small {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.container-small.is-testimonials {
max-width: 42rem;
}
.container-small.is-brands {
max-width: 50rem;
}
.icon-height-small {
height: 1rem;
}
.icon-1x1-medium {
border: 1px none var(--base-color-brand--brand);
color: var(--base-color-brand--brand);
-webkit-text-stroke-color: var(--base-color-brand--brand);
width: 2rem;
height: 2rem;
}
.heading-style-h1 {
color: #fff;
text-align: left;
letter-spacing: .1px;
width: 100%;
font-family: Lato, sans-serif;
font-size: clamp(4rem, 6vw, 5rem);
font-weight: 700;
line-height: 1.1;
}
.heading-style-h1.clamp-1 {
font-size: clamp(3.5rem, 6vw, 5rem);
}
.heading-style-h1.clamp-1.left-align {
text-align: left;
}
.heading-style-h1.text-weight-semibold {
font-weight: 600;
}
.heading-style-h1.center-align {
text-align: center;
}
.heading-style-h1.dark {
color: #000;
}
.padding-global {
margin-top: 0;
margin-bottom: 0;
padding: 2.5rem;
}
.padding-global.utility {
background-color: var(--base-color-neutral--neutral-lightest);
padding-top: 0;
padding-bottom: 0;
padding-left: 2.5rem;
display: flex;
}
.padding-global.testimonial {
background-color: var(--base-color-brand--dark-blue);
margin-bottom: 60px;
padding-top: 5rem;
padding-bottom: 5rem;
}
.padding-global.center-align {
background-color: #0000;
}
.padding-global.faq {
margin-left: 0;
padding-left: 8rem;
padding-right: 8rem;
}
.padding-global.grey {
background-color: var(--base-color-neutral--neutral-lightest);
}
.padding-global.no-top {
float: right;
padding-top: 0;
padding-bottom: 0;
position: static;
inset: 11% 0% auto;
}
.padding-global.hg {
background-color: #727272;
}
.text-weight-normal {
font-weight: 400;
}
.padding-section-small {
padding-top: 3rem;
padding-bottom: 3rem;
}
.max-width-small {
width: 100%;
max-width: 20rem;
}
.text-color-alternate {
color: var(--text-color--text-alternate);
}
.text-style-italic {
font-style: italic;
}
.text-weight-medium {
font-weight: 500;
}
.overflow-hidden {
overflow: hidden;
}
.fs-styleguide_section-header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid #000;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding-bottom: 3rem;
line-height: 1.4;
display: grid;
}
.text-size-tiny {
font-size: .75rem;
}
.text-size-tiny.is-nav-dropdown {
color: #fff;
text-transform: uppercase;
font-size: .8vw;
font-weight: 700;
text-decoration: none;
}
.text-size-tiny.is-subnav-dropdown {
color: #fff;
text-transform: uppercase;
font-size: .75vw;
font-weight: 700;
text-decoration: none;
}
.max-width-xxlarge {
width: 100%;
max-width: 80rem;
}
.fs-styleguide_1-col {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.overflow-visible {
overflow: visible;
}
.fs-styleguide_empty-box {
z-index: -1;
background-color: #0073e61a;
border: 1px dashed #0073e6;
min-width: 3rem;
height: 3rem;
position: relative;
}
.text-weight-light {
font-weight: 300;
}
.fs-styleguide_heading-medium {
font-size: 4rem;
}
.max-width-xsmall {
width: 100%;
max-width: 16rem;
}
.fs-styleguide_4-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.text-size-regular {
font-size: 1rem;
font-weight: 400;
}
.text-size-regular.nav-dropdown {
color: var(--base-color-brand--dark-blue);
letter-spacing: 1px;
text-transform: uppercase;
font-family: Lato, sans-serif;
font-size: 14px;
}
.text-size-regular.nav-dropdown.w--current {
font-weight: 700;
}
.text-size-regular.nav-dropdown.drop {
font-size: .875rem;
font-weight: 400;
}
.text-size-regular.nav-dropdown.main-nav-link {
padding-left: .5rem;
padding-right: .5rem;
font-weight: 600;
}
.text-size-regular.nav-dropdown.main-nav-link.no-pad {
padding-left: 0;
padding-right: 0;
font-weight: 600;
}
.text-size-regular.nav-dropdown.main-nav-link.no-pad.bold {
font-weight: 600;
}
.text-size-regular.nav-dropdown.main-nav-link.no-pad.bold.dark, .text-size-regular.nav-dropdown.main-nav-link.no-pad.dark {
color: var(--base-color-neutral--black);
}
.text-size-regular.filter {
color: #0006;
text-transform: uppercase;
font-family: Lato, sans-serif;
font-size: clamp(.75rem, 1.5vw, 1rem);
font-weight: 700;
}
.text-size-regular.text-color-brand {
color: var(--text-color--brand);
}
.text-size-regular.news-reset {
color: var(--text-color--text-alternate);
text-transform: uppercase;
font-family: Calibri, sans-serif;
font-size: clamp(.875rem, 1.2vw, 1rem);
font-weight: 700;
}
.text-weight-xbold {
font-weight: 800;
}
.text-align-right {
text-align: right;
}
.text-weight-bold {
font-weight: 700;
}
.max-width-medium {
width: 100%;
max-width: 32rem;
}
.fs-styleguide_item-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.max-width-large {
width: 100%;
max-width: 48rem;
}
.fs-styleguide_header-block {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center start;
display: grid;
}
.form_field-wrapper {
color: #000;
width: 100%;
}
.form_field-wrapper.is-contact {
width: 100%;
}
.form_field-wrapper.is-filter {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.background-color-tertiary {
background-color: var(--background-color--background-tertiary);
}
.text-style-muted {
opacity: .6;
}
.text-size-small {
font-family: Lato, sans-serif;
font-size: .875rem;
}
.text-size-small.text-style-allcaps.text-mute {
color: #ffffff80;
}
.heading-style-h4 {
text-align: center;
font-family: Lato, sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 1.4;
}
.heading-style-h4.dark {
color: var(--text-color--dark);
}
.heading-style-h4.text-weight-medium {
font-weight: 400;
}
.heading-style-h4.left-align {
text-align: left;
font-size: 1.6rem;
}
.form_label.is-contact {
color: var(--base-color-brand--brand);
font-weight: 700;
}
.max-width-xlarge {
width: 100%;
max-width: 64rem;
}
.form_radio-icon {
width: .875rem;
height: .875rem;
margin-top: 0;
margin-left: 0;
margin-right: .5rem;
display: none;
}
.form_radio-icon.w--redirected-checked {
border-width: .25rem;
width: .875rem;
height: .875rem;
}
.form_radio-icon.w--redirected-focus {
width: .875rem;
height: .875rem;
box-shadow: 0 0 .25rem 0 #3898ec;
}
.text-style-nowrap {
white-space: nowrap;
}
.text-align-left {
text-align: left;
}
.background-color-secondary {
background-color: var(--background-color--background-secondary);
}
.form_input {
color: #7299c1;
background-color: #0000;
min-height: 3rem;
margin-bottom: .75rem;
padding: .5rem 1rem;
font-size: 1.125rem;
transition: border-color .45s cubic-bezier(.25, .46, .45, .94), background-color .45s cubic-bezier(.25, .46, .45, .94);
}
.form_input:hover {
border: 1px solid var(--black\);
}
.form_input:focus {
border: 1px solid #d0acff;
}
.form_input:focus-visible, .form_input[data-wf-focus-visible] {
border-style: solid;
}
.form_input.is-select-input.main_contact {
color: #0009;
}
.form_input.is-text-area {
min-height: 8rem;
padding-top: .75rem;
}
.form_input.is-text-area.main_contact {
min-height: 11.4375rem;
}
.form_input.is-contact {
border: 2px solid var(--base-color-brand--brand);
color: #7299c1;
border-radius: .25rem;
transition-duration: .2s, .45s;
}
.form_input.is-contact:focus {
border-color: #7299c1;
}
.form_input.main_contact {
color: #adadad99;
background-color: #0000001a;
border: 1px #0000001a;
border-radius: .5rem;
width: 100%;
min-height: 3.5rem;
margin-bottom: 0;
padding-top: 1rem;
padding-bottom: 1rem;
}
.form_input.main_contact:focus {
background-color: #0000;
border: 1.5px solid #0000001a;
}
.heading-style-h6 {
color: var(--base-color-brand--brand);
font-family: Lato, sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 1.5;
}
.heading-style-h6.aved {
color: var(--aved-red);
}
.heading-style-h6.charger {
color: var(--charger-orange);
}
.heading-style-h6.valence {
color: var(--valence-green);
}
.heading-style-h6.hg {
color: var(--homegrid-blue);
}
.padding-section-large {
padding-top: 8rem;
padding-bottom: 8rem;
}
.fs-styleguide_3-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
display: grid;
}
.fs-styleguide_3-col.is-align-start {
align-items: start;
}
.text-style-link {
color: #000;
text-decoration: underline;
}
.text-size-large {
font-size: 1.5rem;
line-height: 1.1;
}
.text-size-large.dark-secondary {
color: var(--text-color--dark-secondary);
}
.text-size-large.dark-secondary.margin-bottom {
margin-bottom: 10px;
}
.fs-styleguide_header {
background-color: #0000000d;
}
.heading-style-h2 {
text-align: center;
font-family: Lato, sans-serif;
font-size: 50px;
line-height: 1.2;
}
.heading-style-h2.text-weight-medium {
font-weight: 400;
}
.heading-style-h2.left-align {
text-align: left;
}
.heading-style-h2.left-align.white {
color: var(--base-color-neutral--white);
}
.heading-style-h2.white {
color: #fff;
}
.page-wrapper.is-overflow-hidden {
overflow: hidden;
}
.fs-styleguide_label {
background-color: var(--base-color-brand--brand);
color: var(--base-color-neutral--white);
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: .25rem .75rem;
font-weight: 600;
line-height: 1.4;
display: flex;
}
.fs-styleguide_label.is-tag {
background-color: var(--base-color-brand--pink);
}
.fs-styleguide_version {
z-index: 5;
color: #000;
font-weight: 500;
text-decoration: none;
}
.heading-style-h5 {
color: var(--base-color-neutral--black);
text-align: left;
text-transform: capitalize;
align-items: stretch;
margin-bottom: 0;
font-family: Lato, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.5;
display: flex;
}
.heading-style-h5.text-weight-medium {
color: #fff;
font-weight: 400;
}
.heading-style-h5.is-brands {
text-transform: none;
}
.heading-style-h5.is-dark {
color: var(--text-color--dark);
}
.heading-style-h5.no-capps {
text-transform: none;
}
.heading-style-h5.no-capps.text-weight-medium {
font-family: Lato, sans-serif;
font-weight: 400;
}
.heading-style-h5.no-capps.text-color-brand {
color: var(--text-color--brand);
}
.heading-style-h5.feature-title {
color: var(--text-color--dark);
text-transform: none;
font-weight: 400;
}
.heading-style-h5.color-brand {
color: var(--text-color--brand);
}
.heading-style-h5.markets {
color: var(--base-color-neutral--black);
text-transform: none;
font-size: 18px;
}
.heading-style-h5.faq {
background-color: #eee0;
width: 80%;
}
.container-large {
object-fit: fill;
}
.icon-height-medium {
height: 2rem;
}
.text-style-allcaps {
text-transform: uppercase;
}
.overflow-scroll {
overflow: scroll;
}
.form_message-error {
margin-top: .75rem;
padding: .75rem;
}
.icon-height-large {
height: 3rem;
}
.text-align-center {
text-align: center;
}
.form_component {
margin-bottom: 0;
}
.form_component.is-contact-cta {
flex-flow: column;
justify-content: center;
align-items: center;
}
.form_component.is-filter {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.form_component.is-filter.is-compliance {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
}
.form_component.is-contact {
width: 100%;
}
.main-wrapper.is-overflow-hidden {
margin-top: 0;
}
.main-wrapper.is-careers {
background-color: #6e7c7c1a;
}
.max-width-xxsmall {
width: 100%;
max-width: 12rem;
}
.layer {
justify-content: center;
align-items: center;
position: absolute;
inset: 0%;
}
.text-style-quote {
border-left: .25rem solid #e2e2e2;
margin-bottom: 0;
padding: 0 1.25rem;
font-size: 1.25rem;
line-height: 1.5;
}
.align-center {
margin-left: auto;
margin-right: auto;
}
.button {
color: #fff;
text-align: center;
background-color: #000;
padding: .75rem 1.5rem;
font-weight: 600;
}
.button.is-text {
color: #000;
background-color: #0000;
border: 2px solid #0000;
}
.button.is-small {
padding: .5rem 1.25rem;
}
.button.is-form-submit {
color: var(--base-color-brand--brand);
letter-spacing: 1px;
text-transform: uppercase;
background-color: #fff0;
padding-left: 0;
padding-right: 0;
font-family: Lato, sans-serif;
font-size: .875rem;
font-weight: 700;
}
.button.is-form-submit.alt {
background-color: var(--base-color-brand--brand);
color: var(--base-color-neutral--white);
border-radius: 20px;
width: 20%;
font-size: 1rem;
transition: background-color .2s;
}
.button.is-form-submit.alt:hover {
background-color: var(--base-color-brand--blue-dark);
}
.button.is-form-submit.aved {
color: var(--aved-red);
}
.button.is-form-submit.aved:hover {
color: var(--base-color-neutral--white);
}
.button.is-large {
padding: 1rem 2rem;
}
.button.is-secondary {
color: #000;
background-color: #0000;
border: 2px solid #000;
border-bottom-width: .125rem;
}
.button.is-icon {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border: 2px solid var(--base-color-neutral--white);
background-color: #fff0;
border-radius: 999px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 1rem .75rem 1rem 1rem;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
overflow: hidden;
}
.button.is-icon:hover {
background-color: var(--base-color-brand--brand);
border-color: #fff;
}
.button.is-icon.is-alt {
color: var(--text-color--brand);
background-color: #fff;
padding-right: 1rem;
transition: none;
}
.button.is-icon.is-alt:hover {
border-color: var(--base-color-neutral--white);
}
.button.is-icon.is-secondary {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
margin-bottom: .75rem;
padding: .75rem;
transition: none;
}
.button.is-icon.is-secondary:hover {
background-color: #004a9800;
}
.button.is-icon.is-secondary.engineered {
border-color: var(--engineered-power-secondary);
color: var(--engineered-power-secondary);
}
.button.is-icon.is-secondary.valence {
border-color: var(--valence-green);
color: var(--valence-green);
}
.button.is-icon.is-secondary.aved {
border-color: var(--aved-red);
color: var(--aved-red);
}
.button.is-icon.is-secondary.charger {
border-color: var(--charger-orange);
}
.button.is-icon.is-mobile {
display: none;
}
.button.is-icon.plain {
flex: none;
padding-right: 1rem;
transition: none;
}
.button.is-icon.plain:hover {
border-color: var(--border-color--border-secondary);
background-color: #004a9800;
}
.button.is-icon.plain.dark {
border-color: var(--text-color--dark);
color: var(--text-color--dark);
}
.button.is-icon.cta {
z-index: 1;
padding-right: 1rem;
}
.button.is-icon.cta:hover {
border-color: var(--text-color--brand);
background-color: var(--base-color-brand--brand);
}
.button.is-icon.cta.valence:hover {
border-color: var(--valence-green);
background-color: var(--valence-green);
}
.button.is-icon.cta.aved:hover {
border-color: var(--aved-red);
background-color: var(--aved-red);
}
.button.is-icon.cta.charger:hover {
background-color: #f1592a;
}
.button.is-icon.nav {
flex: none;
display: flex;
}
.button.is-icon.nav:hover {
background-color: var(--base-color-neutral--white);
color: var(--base-color-brand--brand);
}
.button.is-icon.nav-main {
flex: none;
padding-right: 1rem;
}
.button.is-icon.nav-main:hover {
background-color: var(--base-color-neutral--white);
color: var(--base-color-brand--brand);
}
.button.is-icon.nav-main.second {
padding-top: .5rem;
padding-bottom: .5rem;
}
.button.is-icon.nav-main.dark {
border-color: var(--base-color-neutral--black);
color: #000;
}
.button.is-icon.is-white {
border-color: var(--base-color-neutral--white);
color: var(--text-color--text-alternate);
padding: .75rem;
transition: none;
}
.button.is-icon.is-white:hover {
background-color: #004a9800;
}
.button.is-icon.is-filters {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: .75rem;
transition: none;
}
.button.is-icon.is-filters:hover {
background-color: #004a9800;
}
.button.is-icon.is-download {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: .75rem;
transition: none;
}
.button.is-icon.is-download:hover {
background-color: #004a9800;
}
.button.is-icon.is-back {
border-style: none;
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: 0;
transition: none;
}
.button.is-icon.is-back:hover {
background-color: #004a9800;
}
.button.is-icon.is-back.hide {
display: none;
}
.button.is-icon.is-secondary-large {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: .75rem;
transition: none;
}
.button.is-icon.is-secondary-large:hover {
background-color: #004a9800;
}
.button.is-icon.cta-small {
z-index: 1;
padding-right: 1rem;
}
.button.is-icon.cta-small:hover {
border-color: var(--text-color--brand);
background-color: var(--base-color-brand--brand);
}
.button.is-icon.is-secondary-l {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: .75rem;
transition: none;
}
.button.is-icon.is-secondary-l:hover {
background-color: #004a9800;
}
.button.is-icon.is-alt-large {
color: var(--text-color--brand);
background-color: #fff;
padding-right: 1rem;
transition: none;
}
.button.is-icon.is-alt-large:hover {
border-color: var(--base-color-neutral--white);
}
.fs-styleguide_classes {
grid-column-gap: 1px;
grid-row-gap: 1px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-size-medium {
text-align: left;
width: 90%;
font-family: Lato, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.3;
}
.text-size-medium.dark-secondary {
color: var(--text-color--dark-secondary);
}
.text-size-medium.dark-secondary.center-align {
text-align: center;
}
.text-size-medium.text-weight-bold {
font-weight: 700;
}
.text-size-medium.line-height-1-5 {
line-height: 1.5;
}
.text-size-medium.is-dark {
color: var(--text-color--dark);
}
.text-size-medium.center-align {
text-align: center;
width: 100%;
}
.text-size-medium.text-color-white {
color: #fff;
}
.text-size-medium.process {
width: 90%;
}
.text-size-medium.charger-sub-text {
text-align: center;
width: 100%;
}
.text-size-medium.short {
width: 80%;
}
.fs-styleguide_section {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: start;
display: grid;
}
.fs-styleguide_section.is-vertical {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-columns: 1fr;
}
.button-group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.hide {
display: none;
}
.padding-section-medium {
padding-top: 5rem;
padding-bottom: 5rem;
}
.container-medium {
width: 100%;
max-width: 64rem;
margin-left: auto;
margin-right: auto;
}
.container-medium.is-testimonials {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 70rem;
display: flex;
}
.form_radio {
flex-direction: row;
align-items: center;
margin-bottom: .5rem;
padding-left: 0;
display: flex;
}
.fs-styleguide_spacing-all {
display: none;
}
.button-arrow-icon {
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1rem;
margin-left: 1rem;
display: flex;
}
.button-arrow-icon.is-dropdown {
width: 1rem;
margin-top: 1rem;
margin-left: 0;
}
.button-arrow-icon.is-white {
color: #fff;
}
.nav_link-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
display: flex;
}
.nav_action-button-link {
padding-top: 1rem;
padding-bottom: 1rem;
}
.nav_link {
color: var(--text-color--text-alternate);
align-items: center;
padding: 0 0;
font-family: Calibri, sans-serif;
font-size: 1.5rem;
font-weight: 700;
transition: color .2s ease-out;
display: flex;
}
.nav_link.w--current {
color: var(--black-2\);
border-top: .25rem #ffa155;
padding-top: 1.5rem;
}
.nav_link.is-dropdown {
color: #fff;
transition: opacity .2s, color .2s ease-out;
}
.nav_link.is-dropdown:hover {
color: #fff;
}
.nav_link.is-dropdown.nav-link {
padding-top: .5rem;
padding-bottom: .5rem;
font-weight: 400;
}
.deopdown-list-wrapper {
background-color: var(--white\);
width: 50vw;
display: flex;
}
.deopdown-list-wrapper.is-product {
width: 40vw;
}
.nav_logo {
object-fit: contain;
max-width: 9vw;
height: 3rem;
}
.nav_logo.is-installation {
height: 2.5rem;
}
.dropdown-content-wrapper {
background-color: var(--white\);
color: #777;
border-right: 1px solid #ebebeb;
width: 100%;
padding: 2rem;
transition: all .3s;
}
.dropdown-content-wrapper:hover {
color: #232536;
background-color: #ebebeb;
}
.nav_link-list {
color: #fff9;
font-weight: 500;
display: flex;
}
.page-padding {
padding-left: 5%;
padding-right: 5%;
}
.nav {
flex-flow: column;
padding-bottom: 3px;
}
.nav_label {
font-weight: 400;
}
.nav_drop-list {
color: #232536;
background-color: #fff;
padding: 0;
transition: all .2s;
display: none;
box-shadow: 0 0 7rem #00000021;
}
.nav_dropdown {
color: var(--text-color--text-alternate);
justify-content: center;
margin-right: 0;
padding-left: .75rem;
padding-right: .75rem;
display: block;
}
.nav_dropdown-toggle {
color: var(--text-color--text-alternate);
text-transform: uppercase;
align-items: center;
padding: 0 1.25rem 0 0;
font-family: Lato, sans-serif;
font-size: 1rem;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: flex;
}
.blank-space {
color: #0000;
height: 4.5625rem;
padding-bottom: 124px;
}
.nav_menu {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-end;
align-items: center;
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
}
.nav_menu.main {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
padding-top: 0;
padding-bottom: 0;
}
.nav_menu.is-bottom {
justify-content: flex-start;
align-items: center;
}
.nav_component {
z-index: 1000;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
color: var(--black-2\);
background-color: #fff0;
border-bottom: 1px solid #ffffff0d;
position: fixed;
inset: 0% 0% auto;
}
.nav_component.is-main {
background-color: #fff;
margin-bottom: 0;
padding-bottom: 0;
position: fixed;
}
.nav_component.is-dark {
background-color: var(--base-color-neutral--black);
}
.nav_component.is-bottom {
z-index: 100;
background-color: #484848;
top: 5.5rem;
}
.nav_component.is-bottom.aved {
justify-content: space-between;
width: 100%;
}
.icon {
margin-top: auto;
margin-bottom: auto;
margin-right: -1rem;
font-size: .7rem;
inset: 0% 1rem 0% auto;
}
.nav_container {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 90rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.nav_container.main {
margin-top: 5px;
padding-top: 1rem;
padding-bottom: 1rem;
}
.nav_container.main.utility {
flex-flow: column;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}
.text-button {
color: #000;
align-items: center;
text-decoration: none;
transition: color .2s ease-out;
display: flex;
}
.text-button:hover {
color: #313131;
}
.text-button.is-nav-button {
color: #666dff;
}
.nav_logo-link.w--current {
height: 3rem;
}
.footer_top-wrapper {
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1.7fr .3fr;
grid-auto-columns: 1fr;
place-items: stretch stretch;
width: 100%;
padding-top: 0;
padding-bottom: 0;
display: grid;
position: relative;
}
.footer_link-col {
grid-column-gap: 0rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.social-link {
opacity: .8;
width: 1.25rem;
height: 1.25rem;
transition: opacity .2s ease-out;
}
.social-link:hover {
opacity: 1;
}
.footer_bottom-left-content {
align-items: center;
display: flex;
}
.footer_logo {
max-height: 1.2rem;
}
.footer_top-right-wrapper {
grid-column-gap: 0rem;
grid-row-gap: 1.5rem;
flex-direction: column;
grid-template-rows: max-content;
grid-template-columns: 1fr;
grid-auto-rows: max-content;
grid-auto-columns: 1fr;
align-content: space-between;
display: grid;
}
.footer_address-wrapper {
border-top: 1px solid #ebebeb;
align-items: center;
max-width: 16rem;
margin-top: 1rem;
padding-top: 1rem;
display: flex;
}
.footer_link-list {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: max-content;
align-items: flex-start;
display: flex;
}
.footer_bottom-row {
grid-template-rows: auto;
grid-template-columns: 10rem max-content 10rem;
grid-auto-rows: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
justify-content: space-between;
display: flex;
}
.footer_link {
color: #ffffff80;
text-transform: uppercase;
margin-bottom: .5rem;
font-family: Lato, sans-serif;
font-size: .875rem;
text-decoration: none;
transition: all .2s ease-in-out;
}
.footer_link:hover {
color: #fff;
}
.social-wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: .5rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
align-items: center;
display: flex;
}
.footer-component {
background-color: var(--base-color-brand--brand);
color: var(--text-color--text-alternate);
overflow: hidden;
}
.footer-component.engineered {
background-color: var(--engineered-power-secondary);
}
.footer_logo-link {
margin-bottom: .25rem;
margin-right: 1rem;
}
.footer_menu-wrapper {
grid-column-gap: 3.5rem;
grid-row-gap: 1.5rem;
flex: 1;
grid-template-rows: auto;
grid-template-columns: auto auto auto auto;
grid-auto-columns: 1fr;
grid-auto-flow: column;
place-items: start;
width: auto;
display: grid;
}
.section.footer_bottom-wrapper {
background-color: var(--base-color-brand--brand);
padding-top: 2rem;
padding-bottom: 4rem;
}
.section.footer_bottom-wrapper.ep {
background-color: var(--engineered-power-secondary);
}
.section.footer_bottom-wrapper.valence {
background-color: var(--valence-green);
}
.section.footer_bottom-wrapper.aved {
background-color: var(--aved-red);
}
.section.footer_bottom-wrapper.charger {
background-color: var(--charger-orange);
}
.section.is-marquee {
overflow: hidden;
}
.section.is-landing_hero {
flex-flow: column;
justify-content: flex-end;
align-items: stretch;
height: 80vh;
margin-top: 0;
display: flex;
position: relative;
}
.section.main-cta {
justify-content: center;
align-items: center;
height: 37.5rem;
display: flex;
position: relative;
}
.section.is-landing-events_hero {
flex-flow: column;
justify-content: flex-end;
align-items: stretch;
height: 100vh;
margin-top: -5rem;
display: flex;
position: relative;
}
.section.is-home_hero {
flex-flow: column;
justify-content: center;
align-items: stretch;
height: 100vh;
margin-top: -5rem;
display: flex;
position: relative;
overflow: hidden;
}
.section.is-testimonials {
position: relative;
overflow: hidden;
}
.section.is-home_brands {
justify-content: space-between;
align-items: center;
height: auto;
padding-right: 0;
position: relative;
overflow: hidden;
}
.section.is-home_markets {
background-color: var(--base-color-brand--blue);
}
.section.is-landing-installation_hero {
background-color: #1b2e42;
flex-flow: column;
justify-content: flex-end;
align-items: stretch;
height: auto;
margin-top: -5rem;
display: flex;
position: relative;
}
.section.is-installation-solution {
background-color: var(--base-color-brand--blue);
}
.section.is-landing-contact {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/670fe82db5fc3cea38bdecaf_homegrid%20-%20solar.png");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.section.is-products {
background-color: var(--text-color--text-alternate);
margin-top: 1rem;
}
.section.is-products_testimonials {
position: relative;
}
.section.is-products_detail_hero {
background-color: var(--base-color-brand--blue);
margin-top: 1rem;
}
.section.is-products_resources {
background-color: var(--base-color-brand--blue);
}
.section.is-product_contact {
background-image: linear-gradient(315deg, #3595fa, #004a98);
position: relative;
}
.section.is-news {
background-color: var(--background-color--background-mute);
margin-top: 1rem;
}
.section.is-news_detail {
border-bottom: 1px solid #84742f;
}
.section.is-about_hero {
background-color: var(--base-color-brand--blue);
margin-top: 1rem;
padding-top: 3rem;
}
.section.is-compliance {
position: relative;
}
.section.is-our_products_cta {
background-image: linear-gradient(#fff, #99cbff);
}
.section.is-about_locations {
background-color: var(--base-color-brand--blue);
}
.section.is-careers_hero, .section.is-contact_hero {
margin-top: 1rem;
}
.section.is_brand_hero {
background-image: linear-gradient(#00000080, #00000080);
background-position: 0 0;
flex-flow: column;
justify-content: center;
align-items: flex-start;
height: 40rem;
margin-top: 0;
display: flex;
position: relative;
}
.section.is-brand_benefits {
background-color: #6e7c7c1a;
}
.section.is-brand_products, .section.is-brands_solutions {
background-color: var(--base-color-brand--blue);
}
.section.is-brands_solutions.is-white {
background-color: var(--base-color-neutral--white);
}
.section.is-customer_cta {
background-color: var(--base-color-brand--blue);
}
.section.is-contact-us {
background-color: var(--base-color-brand--dark-blue);
overflow: hidden;
}
.section.is-contact-us.ep {
background-color: var(--base-color-neutral--neutral-lightest);
}
.section.is-contact-us.valence {
background-color: #2e5e2b;
}
.section.is-contact-us.aved {
background-color: #831d24;
}
.section.is-contact-us.charger {
background-color: #2d478d;
}
.section.is-contact-us.homegrid {
background-color: var(--base-color-neutral--neutral-dark);
}
.section.is-process_hero {
background-color: var(--base-color-brand--blue);
margin-top: 1rem;
padding-top: 3rem;
}
.section.is-process_content {
background-color: var(--base-color-brand--blue);
}
.section.is-careers_detail {
border: 1px solid #84742f;
margin-top: 1rem;
}
.section.is-careers_detail-content {
margin-top: 0;
}
.section.is-careers_detail_contact {
background-color: var(--base-color-brand--blue);
margin-top: 0;
}
.section.is-faq {
background-color: var(--base-color-brand--blue);
}
.section.is-compliance_hero {
background-color: var(--base-color-brand--blue);
margin-top: 1rem;
}
.section.is-compliance_content {
position: relative;
}
.section.is-installers_hero {
background-color: var(--base-color-brand--blue);
margin-top: 1rem;
padding-top: 3rem;
}
.section.is_brand_hero-copy {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/672c4aaf7606036f5b248bcc_651d7adac73a42b35f0a1f8d_cross-promotion%20blog%201.jpg");
background-position: 0 0, 0 0;
flex-flow: column;
justify-content: center;
align-items: flex-start;
height: 46.75rem;
margin-top: 0;
display: flex;
position: relative;
}
.social-icon {
justify-content: center;
align-items: center;
width: auto;
height: auto;
display: flex;
}
.social-icon:hover {
color: var(--base-color-brand--brand);
}
.grid-repeat-column {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-flow: column;
}
.grid-3-column {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.grid-content-left.is-location-map {
background-color: #fff;
}
.grid-content-right {
flex-direction: column;
}
.grid-2-column {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.grid-2-column.is-blog-authorles {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
height: 100%;
overflow: hidden;
}
.section_component.is-item {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.section_component.is-landing_hero {
z-index: 1;
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 100%;
height: 100%;
padding-left: 0;
position: relative;
}
.section_component.main-cta {
z-index: 1;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
color: var(--text-color--text-alternate);
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.section_component.is-landing_why {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-color: var(--base-color-brand--brand);
border-radius: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 1rem;
display: grid;
}
.section_component.is-landing_products {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
color: var(--text-color--dark);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.section_component.is-landing-events_hero {
z-index: 1;
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 100%;
height: 100%;
padding-left: 5rem;
position: relative;
}
.section_component.is-landing-events_mission {
color: var(--text-color--dark-secondary);
padding-left: 5rem;
padding-right: 5rem;
}
.section_component.is-landing_events-show {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border-radius: 1rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 0;
display: flex;
overflow: hidden;
}
.section_component.is-home_hero {
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 100%;
height: 100%;
padding-left: 5rem;
}
.section_component.is-home_cta {
color: var(--text-color--text-alternate);
border-radius: 1rem;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
height: 34.5rem;
padding-bottom: 3rem;
padding-left: 3rem;
display: flex;
position: relative;
overflow: hidden;
}
.section_component.is-testimonials {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
display: flex;
}
.section_component.is-home_brands {
z-index: 1;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
color: var(--text-color--text-alternate);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
padding-right: 0;
display: grid;
position: relative;
}
.section_component.is-dark {
background-color: #161515ad;
}
.section_component.is-home_products {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
display: flex;
}
.section_component.is-home_markets {
background-color: #fff;
border-radius: 1rem;
padding: 1rem;
}
.section_component.is-landing-installation_hero {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
place-items: center stretch;
height: 100%;
padding-top: 8rem;
padding-bottom: 2rem;
padding-left: 3rem;
}
.section_component.is-landing-installation_mission {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
color: var(--text-color--dark);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 3rem;
padding-right: 3rem;
display: flex;
}
.section_component.is-installation-solution {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.section_component.is-landing-contact {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.section_component.is-products {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: block;
}
.section_component.is-products_cta {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: var(--text-color--text-alternate);
background-image: linear-gradient(270deg, #0057b3bf, #003d78);
border-radius: 1rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
place-items: end stretch;
height: 34.5rem;
padding-bottom: 0;
padding-left: 0;
display: grid;
position: relative;
overflow: hidden;
}
.section_component.is-products_detail_hero {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.section_component.is-product_features {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 5rem;
padding-right: 5rem;
display: flex;
}
.section_component.is-products_resources {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
color: var(--text-color--dark);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.section_component.is-product_contact {
z-index: 1;
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.section_component.is-news {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: block;
}
.section_component.is-news_detail {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
color: var(--text-color--text-primary);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.section_component.is-about_about-us {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
color: var(--text-color--dark);
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
padding-left: 2.5rem;
padding-right: 2.5rem;
display: grid;
}
.section_component.is-compliance {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.section_component.is-our_products_cta {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-left: 2.5rem;
padding-right: 2.5rem;
display: grid;
}
.section_component.is-about_locations {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
color: var(--text-color--text-primary);
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.section_component.is-careers_hero, .section_component.is-careers_list {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.section_component.is-contact_hero {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.section_component.is-map {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
color: var(--text-color--dark);
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.section_component.is_brand_hero {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 100%;
padding-right: 0;
display: grid;
}
.section_component.is-brand_benefits {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.section_component.is-brand_about {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
color: var(--text-color--dark);
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
padding-left: .25rem;
padding-right: 2.5rem;
display: grid;
}
.section_component.is-brand_products {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
display: flex;
}
.section_component.is-brand_cta {
color: var(--base-color-neutral--white);
border-radius: 1rem;
justify-content: flex-start;
align-items: flex-end;
height: 34.5rem;
display: flex;
position: relative;
overflow: hidden;
}
.section_component.is-brands_solutions {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-color: var(--base-color-neutral--white);
border-radius: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 1rem;
display: grid;
}
.section_component.is-brands_solutions.is-blue {
background-color: var(--base-color-brand--blue);
}
.section_component.is-customer_cta {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
color: var(--base-color-neutral--white);
text-align: center;
background-image: linear-gradient(315deg, #3595faf7, #004a98f7);
border-radius: 1rem;
flex-flow: column;
justify-content: center;
align-items: center;
padding: 3rem;
display: flex;
}
.section_component.is-brands_news {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.section_component.is-contact-us {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1.15fr;
grid-auto-columns: 1fr;
display: grid;
}
.section_component.is-gallery {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.section_component.is-process_hero {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
color: var(--text-color--dark);
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.section_component.is-process_content {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
display: flex;
}
.section_component.is-careers_detail {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.section_component.is-faq {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.section_component.is-compliance_hero {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
color: var(--text-color--dark);
text-align: left;
flex-flow: row;
justify-content: flex-start;
align-items: center;
}
.section_component.is-compliance_content {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.section_component.is-installers_hero {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
color: var(--text-color--dark);
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.image-wrapper {
background-image: linear-gradient(#00000080, #00000080);
}
.image-wrapper.is-marquee {
width: 25rem;
height: 14.9375rem;
}
.image-wrapper.is-tab_content {
height: 40.9375rem;
}
.image-wrapper.is-testimonial {
border-radius: 100%;
width: 3rem;
height: 3rem;
overflow: hidden;
}
.image-wrapper.is-blog-authorles {
width: 100%;
height: 100%;
overflow: hidden;
}
.image-wrapper.is-home-hero-wrapper {
position: relative;
overflow: hidden;
}
.image-wrapper.is-testimonial-1 {
border-radius: 100%;
width: 100%;
height: 100%;
position: relative;
}
.image-wrapper.is-10-10 {
width: 30rem;
height: 10rem;
overflow: hidden;
}
.image-wrapper.is-item {
width: 100%;
height: 20rem;
}
.image-wrapper.is-home_hero {
height: 8rem;
position: absolute;
left: 2%;
}
.image-wrapper.is-landing_why {
border-radius: 1rem;
height: 100%;
overflow: hidden;
}
.image-wrapper.is-landing-products {
object-fit: fill;
height: 35.4375rem;
min-height: 100%;
}
.image-wrapper.is-landing-show {
border-radius: 1rem;
height: 50%;
min-height: 100%;
overflow: hidden;
}
.image-wrapper.show-case-bottom {
border-radius: 1rem;
height: 8.4375rem;
overflow: hidden;
}
.image-wrapper.is-home_logo {
height: 19rem;
position: absolute;
inset: auto auto 0% 0%;
}
.image-wrapper.is-home_right {
width: 100%;
height: 48rem;
position: absolute;
inset: auto 0% -23% 35%;
}
.image-wrapper.is-testimonials-logo {
z-index: 0;
width: 100%;
height: 20rem;
position: absolute;
inset: auto 0% 0% 29%;
}
.image-wrapper.is-testimonials-icon {
width: 4.375rem;
height: 1.125rem;
}
.image-wrapper.is-testimonials {
box-sizing: content-box;
border-radius: .875rem;
height: 23rem;
overflow: hidden;
}
.image-wrapper.is-products-cta-wrap {
height: 3rem;
}
.image-wrapper.is-landing-installation_hero {
border-radius: 1rem;
height: auto;
min-height: 36.6875rem;
overflow: hidden;
}
.image-wrapper.is-installation_logo {
height: 20rem;
position: absolute;
inset: auto 0% -2%;
}
.image-wrapper.is-installation-solution {
border-radius: 1rem;
height: 100%;
position: relative;
overflow: hidden;
}
.image-wrapper.is-installation-solution.training-image {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/678dfe274e2c1d106ecefde9_Frame%20427319652.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.image-wrapper.is-home-hero-bcg {
justify-content: flex-start;
align-items: flex-start;
height: 110%;
position: absolute;
inset: 0%;
}
.image-wrapper.is-bcg-parallax {
background-color: #706161;
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887f4260ca6a96099f8df26_IM2025_Lithion_LakeMead983.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden;
}
.image-wrapper.is-bcg-parallax.lithion-custom-3 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/683d8caa7be78f6cc7fe5440_skyscraper1920.png");
background-size: cover;
}
.image-wrapper.is-bcg-parallax.charger-mission {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887f246397fc09314f42a59_IM2025_Lithion_Charger_147.jpg");
background-position: 0 0, 50% 100%;
background-repeat: repeat, repeat;
background-size: auto, cover;
background-attachment: scroll, fixed;
}
.image-wrapper.is-bcg-parallax.engineered-mission {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/683d8caa7be78f6cc7fe5440_skyscraper1920.png");
background-size: cover;
}
.image-wrapper.is-bcg-parallax.aved-content {
background-image: linear-gradient(#0000008a, #0000008a), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887eef90b20edb5fe46321e_IM2025_Lithion_Billerica_779.jpg");
background-size: auto, cover;
}
.image-wrapper.is-bcg-parallax.aved-content-2 {
background-image: linear-gradient(#00000091, #00000091), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887eef90b20edb5fe46321e_IM2025_Lithion_Billerica_779.jpg");
}
.image-wrapper.is-card-product {
max-width: 16rem;
height: 15.75rem;
}
.image-wrapper.is-card_logo {
flex: none;
height: 1.5rem;
}
.image-wrapper.is-products-cta {
justify-content: center;
align-items: flex-end;
height: 34rem;
display: block;
position: absolute;
inset: auto 8% 0% auto;
overflow: visible;
}
.image-wrapper.is-testimonials-products {
z-index: 0;
width: 100%;
height: 20rem;
position: absolute;
inset: auto 0% 7% 23%;
}
.image-wrapper.is-product_detail_logo {
height: 2rem;
}
.image-wrapper.is-contact_logo {
z-index: 0;
height: 19rem;
position: absolute;
inset: auto auto 0% 0%;
}
.image-wrapper.is-news_thumb {
border-radius: 1rem;
height: 15rem;
position: relative;
overflow: hidden;
}
.image-wrapper.is-news_featured {
border-radius: 1rem;
height: 27.375rem;
min-height: 100%;
position: relative;
overflow: hidden;
}
.image-wrapper.is-news_hero {
border-radius: 1rem;
height: 34.75rem;
overflow: hidden;
}
.image-wrapper.is-about_hero {
border-radius: 1rem;
height: 44rem;
overflow: hidden;
}
.image-wrapper.devider_icon {
width: 4.375rem;
height: 1.125rem;
}
.image-wrapper.devider_icon.is-about {
margin-top: .5rem;
}
.image-wrapper.is-products_cta_right {
width: auto;
height: 60vh;
position: relative;
}
.image-wrapper.is-products_cta_left {
width: 30vw;
position: absolute;
inset: auto auto auto 0%;
}
.image-wrapper.is-about_locations {
height: 48.375rem;
max-height: none;
}
.image-wrapper.is-careers_hero {
border-radius: 1rem;
height: 38.875rem;
min-height: 100%;
overflow: hidden;
}
.image-wrapper.is-contact {
border-radius: 1rem;
height: 14.1875rem;
padding-bottom: 0;
overflow: hidden;
}
.image-wrapper.is-brands_solutions {
border-radius: 1rem;
height: 31rem;
overflow: hidden;
}
.image-wrapper.is-proccess {
border-radius: 1rem;
overflow: hidden;
}
.image-cover {
object-fit: cover;
width: 100%;
height: 100%;
}
.image-cover.is-blog-authorles {
transition: transform .4s;
}
.image-cover.is-auto-width-mobile {
width: auto;
max-width: none;
}
.image-cover.is-home-hero-bcg {
height: 120%;
}
.image-cover.is-parallax {
height: 100%;
min-height: 115%;
}
.image-cover.is-parallax-small {
height: 105%;
min-height: 105%;
}
.marquee-list {
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.marquee-wrapper {
width: 100%;
height: 20em;
position: relative;
}
.marquee-track {
justify-content: flex-start;
align-items: center;
display: flex;
}
.marquee-item {
background-color: #e8e8e8;
margin-right: 2rem;
padding: 2.5rem;
}
.marquee-item-wrapper {
flex-direction: column;
flex: none;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.tab-button-wrap {
background-color: #0000;
width: 100%;
margin-bottom: 1rem;
padding: 0;
}
.tab-button-wrap.w--current {
background-color: #0000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 0 0;
}
.tab-content {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-right: 4rem;
}
.tabs-wrapper {
flex-direction: row;
justify-content: space-between;
width: 100%;
margin-top: 0;
display: flex;
}
.tabs-menu_list {
flex-direction: column;
align-items: center;
width: 50%;
margin-left: 3.75rem;
display: flex;
}
.tabs-content {
width: 50%;
margin-right: 3.75rem;
}
.tab-head {
padding-top: 1.5rem;
padding-right: 4rem;
}
.acc-container {
flex-direction: column;
align-items: center;
}
.acc {
border-bottom: 1px solid #000;
width: 60rem;
}
.acc-head.is-faq {
cursor: pointer;
justify-content: space-between;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
display: flex;
}
.acc-head.is-faq.first {
cursor: pointer;
justify-content: space-between;
padding-top: 0;
padding-bottom: 1.5rem;
display: flex;
}
.acc-content {
padding-right: 2rem;
}
.acc-container1 {
flex-direction: column;
align-items: center;
}
.acc1 {
border-bottom: 1px solid #000;
width: 100%;
}
.acc-content1 {
padding-right: 2rem;
}
.roadmap-journey-content.is-mobile-on {
display: none;
}
.dot {
z-index: 3;
background-color: #dfdfdf;
border-radius: 50%;
width: 1.25rem;
height: 1.25rem;
margin-top: -.375rem;
margin-bottom: -.375rem;
position: relative;
}
.right-content-wrap {
justify-content: flex-end;
width: 40%;
max-width: 43.5rem;
display: block;
}
.content-block {
flex-direction: column;
align-items: center;
display: flex;
position: sticky;
top: 0;
}
.steps-clone {
flex-direction: column;
justify-content: center;
margin-top: 0;
display: flex;
}
.scroll-wrap {
flex-direction: column;
align-items: center;
height: 100%;
display: flex;
position: absolute;
bottom: 100%;
}
.scroll-animate {
transform-origin: 50% 0;
background-color: #005589;
width: .4375rem;
height: 100%;
position: absolute;
bottom: 0;
}
.roadmap-bottom {
flex-direction: column;
display: flex;
}
.left-content-wrap {
flex-direction: column;
width: 40%;
max-width: 43.5rem;
display: flex;
}
.scroll-base {
background-color: #dfdfdf;
width: .4375rem;
height: 100%;
}
.step-block {
justify-content: space-around;
align-items: flex-start;
min-height: 60vh;
margin-top: -1px;
display: flex;
position: relative;
}
.splide__arrows {
align-items: center;
display: flex;
}
.splide__arrows.is--mobile-center {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
justify-content: flex-end;
align-items: flex-end;
padding-top: 2rem;
display: flex;
position: static;
inset: 0%;
}
.splide__embed {
z-index: 2;
position: relative;
transform: rotate(0);
}
.splide__track {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.splide__arrow {
z-index: 2;
background-color: var(--black-2\);
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/66ffb64a823d61cba7cd0769_arrow-right-s-line%20(1).svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 50%;
border: 1px solid #000;
border-radius: 2rem;
width: 3em;
height: 3em;
position: relative;
overflow: hidden;
}
.splide__arrow.splide__arrow--next {
filter: invert();
background-color: #000;
border-style: none;
width: 3.5em;
height: 3.5em;
}
.splide__arrow.splide__arrow--prev {
filter: invert();
transform-style: preserve-3d;
border-style: none;
border-color: #fff;
width: 3.5em;
height: 3.5rem;
position: relative;
transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}
.splide {
position: relative;
}
.splide.slider1 {
object-fit: fill;
width: 100%;
padding-bottom: 1.5rem;
position: relative;
overflow: hidden;
}
.splide__list {
display: flex;
}
.splide__slide {
flex: none;
width: 33.3333%;
}
.slider-pill {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: var(--base-color-neutral--white);
color: var(--text-color--dark-secondary);
border-radius: .5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-right: 0;
padding: 1rem 1rem 1em;
display: flex;
overflow: hidden;
}
.slider-pill_img {
object-fit: cover;
height: 2.25rem;
margin-bottom: 1em;
position: relative;
overflow: hidden;
}
.slider-pill_photo {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.slider-pill_photo.is-brands {
object-fit: contain;
position: static;
}
.slider-image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.slider-image-wrapper {
object-fit: cover;
border-radius: 0;
width: 100%;
padding-top: 128%;
position: relative;
overflow: hidden;
}
.fs-slider_slider {
background-color: #0000;
height: auto;
}
.fs-slider_slider.is-testimonials {
height: auto;
min-height: 29rem;
}
.fs-slider_mask {
position: relative;
}
.testimonial-bottom {
grid-column-gap: 1rem;
display: flex;
}
.testimonial-bottom-details {
grid-row-gap: .1rem;
flex-direction: column;
display: flex;
}
.testimonial-right-arrow {
justify-content: center;
align-items: center;
display: flex;
inset: auto auto 0% 4rem;
}
.left-arrow {
justify-content: center;
align-items: center;
display: flex;
inset: auto auto 0%;
}
.testimonial-arrow-icon {
justify-content: center;
align-items: center;
display: flex;
}
.spacer-0 {
height: 0;
}
.spacer-0-125 {
height: .125rem;
}
.spacer-0-25 {
height: .25rem;
}
.spacer-0-5 {
height: .5rem;
}
.spacer-1 {
height: 1rem;
}
.spacer-2 {
height: 2rem;
}
.spacer-3 {
height: 3rem;
}
.spacer-xlarge {
height: 4rem;
}
.spacer-5 {
height: 5rem;
}
.spacer-6 {
height: 6rem;
}
.spacer-custom1 {
height: 1.5rem;
}
.spacer-custom2 {
height: 2.5rem;
}
.spacer-custom3 {
height: 3.5rem;
}
.blog-authorles_item-wrapper {
background-color: var(--base-color-neutral--neutral-lightest);
color: var(--base-color-neutral--black);
height: 100%;
text-decoration: none;
}
.blog-authorles-left {
height: 100%;
overflow: hidden;
}
.blog-authorles-right {
flex-direction: row;
height: 100%;
display: flex;
}
.blog-authorles_content-wrapper {
flex-direction: column;
justify-content: space-between;
align-items: stretch;
height: 100%;
padding: 2rem;
display: flex;
}
.blog-authorless_list {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.blog-authorless_list-item {
display: flex;
overflow: hidden;
}
.spacer-12 {
height: 12rem;
}
.spacer-8 {
height: 8rem;
}
.swiper-bullet {
opacity: 1;
text-align: center;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: auto;
height: 2.625rem;
min-height: auto;
font-weight: 700;
transition: all .2s;
display: flex;
}
.swiper-bullet.is-active {
border: 1px solid #000;
}
.slider-bottom-wrapper {
margin-top: 2rem;
display: flex;
}
.swiper-slide.is-slider-main {
flex: none;
width: 33.3333%;
height: 100%;
}
.swiper-slide.is-slider-photo {
flex: none;
width: 100%;
position: relative;
}
.swiper-slide.is-slider-list {
grid-column-gap: 1em;
grid-row-gap: 1em;
color: #0006;
cursor: pointer;
border-bottom: 1px solid #0003;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
height: auto;
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
}
.swiper-slide.is-slider-list.is-active {
border-bottom-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
}
.swiper-slide.is-slider-thumbs-product {
background-color: var(--base-color-neutral--white);
flex: none;
justify-content: center;
align-items: center;
width: 100%;
height: 9rem;
margin-right: 1rem;
display: flex;
position: static;
}
.swiper-slide.is-slider-bg-product {
border-radius: 1.25rem;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
overflow: hidden;
}
.swiper-slide.is-slider-titles-product {
color: #fff;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: auto;
height: 100%;
padding: 4%;
display: flex;
}
.swiper-number-current {
padding-right: .3rem;
}
.swiper-number-total {
padding-left: .3rem;
}
.slider-main_arrow {
z-index: 2;
background-color: var(--black-2\);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 3em;
height: 3em;
margin: auto;
transition: all .2s;
display: flex;
transform: translate(-50%);
}
.slider-main_arrow:hover {
transform: scale(.9)translate(-50%);
}
.slider-main_arrow.swiper-next {
transform: translate(50%);
}
.slider-main_arrow.swiper-next:hover {
transform: scale(.9)translate(50%);
}
.slider-main_inner-wrapper {
position: relative;
}
.swiper.is-slider-main {
z-index: 1;
position: relative;
overflow: visible;
}
.swiper.is-slider-list {
width: 100%;
height: 12.8rem;
overflow: hidden;
}
.swiper.is-slider-photo {
flex: none;
width: 100%;
height: 100%;
overflow: visible;
}
.swiper.is-slider-titles-products {
height: 100%;
overflow: visible;
}
.swiper.is-slider-bg-product {
width: 100%;
height: 100%;
}
.swiper.is-slider-thumbs-product {
width: 100%;
overflow: visible;
}
.swiper-wrapper.is-slider-main {
justify-content: flex-start;
align-items: stretch;
height: 100%;
display: flex;
}
.swiper-wrapper.is-slider-photo {
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
}
.swiper-wrapper.is-slider-thumbs-product {
justify-content: flex-start;
align-items: center;
display: flex;
}
.swiper-wrapper.is-slider-titles-product {
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
}
.swiper-wrapper.is-slider-bg-product {
width: 100%;
height: 100%;
}
.swiper-bullet-wrapper.is-slider-main {
grid-column-gap: .5em;
grid-row-gap: .5em;
flex-wrap: wrap;
flex: none;
justify-content: flex-start;
align-items: center;
width: auto;
display: flex;
}
.swiper-bullet-wrapper.is-slider-list {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: wrap;
flex: 0 auto;
align-items: center;
display: flex;
}
.slider-gallery_numbers {
align-self: center;
margin-left: auto;
margin-right: auto;
font-size: 1rem;
}
.slider-main_button-icon {
justify-content: center;
align-items: center;
width: auto;
height: auto;
display: flex;
}
.slider-main_button-icon.is-reversed {
transform: rotate(-180deg);
}
.slider-main_top-wrapper {
grid-column-gap: 0em;
grid-row-gap: 0em;
color: var(--text-color--dark);
flex-flow: row;
justify-content: space-between;
align-items: flex-end;
padding-bottom: 8em;
display: flex;
}
.slider-main_link {
z-index: 1;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
width: 100%;
display: flex;
position: relative;
}
.slider-main_img-height {
height: 18rem;
padding-bottom: 3rem;
padding-left: 1rem;
padding-right: 1rem;
position: relative;
overflow: visible;
}
.slider-main_img {
object-fit: contain;
object-position: 50% 50%;
width: 100%;
height: 100%;
transition: transform .4s;
overflow: visible;
}
.slider-main_text-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: var(--text-color--dark);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 1.5rem;
padding-right: 1.5rem;
transition: font-size .2s;
display: flex;
}
.slider-main_tiext {
color: var(--text-color--dark-secondary);
letter-spacing: -.03em;
font-size: 1.125rem;
line-height: 1.5;
text-decoration: none;
}
.slider-main_tiext.summary {
font-size: 1.125rem;
}
.slider-main_button-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
flex: none;
justify-content: flex-start;
align-items: center;
display: flex;
}
.slider-main_button {
background-color: var(--black\);
text-align: center;
border-radius: 100vw;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
transition: color .2s, background-color .2s;
display: flex;
}
.slider-main_button.swiper-prev {
border: 2px solid var(--base-color-brand--brand);
color: var(--text-color--brand);
background-color: #fff0;
width: 3.5rem;
height: 3.5rem;
}
.slider-main_button.swiper-prev:hover {
background-color: var(--base-color-brand--brand);
color: var(--text-color--text-alternate);
}
.slider-main_button.swiper-next {
border: 2px solid var(--base-color-brand--brand);
color: var(--base-color-brand--brand);
background-color: #fff0;
width: 3.5rem;
height: 3.5rem;
}
.slider-main_button.swiper-next:hover {
background-color: var(--base-color-brand--brand);
color: var(--text-color--text-alternate);
}
.slider-main_button-icon-2 {
width: 30%;
height: 55%;
}
.slider-main_button-icon-2.is-reversed {
transform: rotate(-180deg);
}
.close-button {
cursor: pointer;
position: absolute;
inset: .5rem .5rem auto auto;
}
.play-wrapper {
z-index: 3;
color: #f8f1e2;
cursor: pointer;
background-color: #0000;
background-image: none;
border: 1px solid #fff;
border-radius: 999em;
flex: none;
justify-content: center;
align-items: center;
width: 6em;
height: 6em;
transition: all .3s cubic-bezier(.165, .84, .44, 1);
display: flex;
box-shadow: 0 10px 4em #00000073;
}
.play-wrapper:hover {
transform: scale(1.15);
}
.play-wrapper.is-close {
width: 3em;
height: 3em;
}
.video-popup-wrapper {
z-index: 1001;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
transform-origin: 0%;
background-color: #000c;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
}
.video-popup {
justify-content: center;
align-items: center;
width: 60vw;
height: 42rem;
margin: auto;
padding: 3rem;
display: flex;
position: absolute;
inset: 0%;
}
.is-magnetic.is-absolut {
position: absolute;
}
.is-magnetic.is-absolute {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.close-icon {
filter: invert();
object-fit: contain;
width: 1.5rem;
max-width: none;
height: 1.5rem;
transform: rotate(45deg);
}
.close-icon.filters {
display: none;
}
.icon-play {
z-index: 1;
width: 6rem;
height: 6rem;
margin: auto;
display: inline-block;
position: absolute;
inset: 0%;
}
.play-icon {
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
margin-left: .2em;
font-size: 1.7em;
display: flex;
}
.testimonial-wrapper-inner {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: 1fr;
place-items: start stretch;
display: grid;
}
.testimonial-image-wrapper {
border-radius: .875rem;
height: auto;
overflow: clip;
}
.testimonial-image-wrapper.is-marquee {
width: 25rem;
height: 14.9375rem;
}
.testimonial-image-wrapper.is-tab_content {
height: 40.9375rem;
}
.testimonial-image-wrapper.is-testimonial {
border-radius: 100%;
width: 3rem;
height: 3rem;
overflow: hidden;
}
.testimonial-image-wrapper.is-blog-authorles {
width: 100%;
height: 20rem;
overflow: hidden;
}
.testimonial-image-wrapper.is-home-hero {
position: relative;
}
.testimonial-image-wrapper.is-testimonial-1 {
border-radius: 100%;
width: 100%;
height: 100%;
position: relative;
}
.spacer-4 {
height: 4rem;
}
.splide__arrow-2 {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/66ffb64a823d61cba7cd0768_arrow-right.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 30%;
border: 1px solid #242022;
border-radius: 100vw;
width: 6em;
height: 3em;
margin-right: 1em;
transition: all .2s;
}
.splide__arrow-2:hover {
background-color: #3732350f;
}
.splide__arrow-2.splide__arrow--prev {
transform: rotate(-180deg);
}
.splide__arrow-2.splide__arrow--prev:active {
transform: scale(.95)rotate(-180deg);
}
.splide__arrow-2.splide__arrow--next:active {
transform: scale(.95);
}
.splide-2 {
width: 100%;
position: relative;
}
.splide__pagination {
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-left: 0;
}
.pagination_item {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: inline-block;
}
.splide__pagination__page {
opacity: .2;
background-color: #242022;
width: 3em;
height: 4px;
margin-left: .3em;
margin-right: 0;
transition: all .3s;
}
.splide__pagination__page.is-active {
opacity: 1;
background-color: #242022;
}
.splide__arrows-2 {
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.page-content {
width: 100vw;
min-height: 100vh;
position: relative;
}
.page-content.homepage {
background-color: #f8f9fc;
}
.div-block {
grid-column-gap: 4rem;
display: flex;
}
.body {
overflow: hidden;
}
.hero_heading-move {
width: 100%;
}
.animations-grid {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: 2rem;
}
.animation-block {
background-color: var(--black-2\);
color: #fff;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 1.5rem;
display: flex;
transform: perspective(200px)perspective(200px)perspective(200px);
}
.text-animation {
grid-row-gap: 3rem;
flex-direction: column;
display: flex;
}
.footer-copyrights {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.footer-year {
margin-bottom: 0;
margin-right: .5rem;
}
.marquee {
grid-column-gap: 1rem;
background-color: var(--white\);
width: 100%;
margin-bottom: 1rem;
padding-top: 2rem;
padding-bottom: 2rem;
display: flex;
overflow: hidden;
}
.marquee-content {
grid-column-gap: 1rem;
flex: none;
justify-content: space-around;
min-width: 100%;
display: flex;
}
.text-block {
color: #000;
text-transform: uppercase;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 9vw;
font-weight: 900;
line-height: 1;
}
.item-card {
padding-bottom: 20px;
}
.item-card-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
align-items: flex-start;
width: 100%;
max-width: 20rem;
padding: 2rem;
display: flex;
}
.items-section-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.aspect-ratio-square {
aspect-ratio: 1;
object-fit: cover;
}
.aspect-ratio-portrait {
aspect-ratio: 2 / 3;
object-fit: cover;
}
.aspect-ratio-landscape {
aspect-ratio: 3 / 2;
object-fit: cover;
}
.aspect-ratio-widescreen {
aspect-ratio: 16 / 9;
object-fit: cover;
}
.background-color-alt {
background-color: var(--background-color--background-alternate);
}
.stagger-text-wrapper {
color: var(--base-color-neutral--black);
position: relative;
overflow: hidden;
}
.stagger-text {
letter-spacing: -.07em;
font-size: 3rem;
line-height: 1.1;
}
.stagger-text.is-2 {
position: absolute;
inset: 0% auto auto 0%;
}
.nav-link_wrap {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.nav-link-text {
color: var(--text-color--text-alternate);
letter-spacing: 2px;
font-family: Calibri, sans-serif;
font-size: 1.5rem;
font-weight: 700;
}
.nav-link {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
color: var(--base-color-neutral--white);
justify-content: flex-start;
align-items: center;
display: flex;
}
.nav-link.is-mobile {
display: none;
}
.nav-link.is-bottom {
text-transform: uppercase;
padding: 0 .75rem;
font-family: Lato, sans-serif;
font-size: clamp(.75rem, 1.2vw, 1rem);
}
.button-text {
letter-spacing: 2px;
text-transform: uppercase;
padding-left: .5rem;
font-family: Lato, sans-serif;
font-size: 1rem;
font-weight: 700;
}
.button-text.clamp {
font-size: clamp(.75rem, 1.2vw, 1rem);
}
.button-text.nav {
font-size: clamp(.875rem, 1.25vw, 1.25rem);
}
.hero-content-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.hero-content-wrap.is-landing {
color: var(--text-color--text-alternate);
justify-content: center;
align-items: flex-start;
max-width: 44rem;
}
.hero-content-wrap.is-home {
color: var(--text-color--text-alternate);
max-width: 44rem;
position: relative;
}
.image-contain {
color: var(--border-color--border-primary);
object-fit: contain;
border-radius: 12px;
width: 100%;
height: 100%;
}
.image-contain.is-footer-logo {
object-fit: fill;
width: auto;
max-width: none;
}
.image-contain.is-auto-width {
text-align: center;
background-color: #fff;
border-radius: 0;
width: 100%;
}
.image-contain.is-auto-width.absolute {
position: absolute;
inset: 0% 0% 0% -100%;
}
.image-contain.is-auto-width.enlarged {
width: 100px;
height: 150%;
}
.image-contain.gb {
width: 60%;
}
.image-contain.valence {
width: 70%;
}
.footer-link-label {
color: var(--link-color--link-alternate);
text-transform: uppercase;
font-family: Lato, sans-serif;
font-weight: 700;
}
.footer-top_main-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
display: flex;
}
.footer-top_main-wrapper.hg {
background-color: #727272;
border-radius: 10px;
}
.footer-top_main-wrapper.gridbox {
background-color: var(--base-color-neutral--neutral-dark);
}
.footer-main-link {
color: var(--text-color--text-alternate);
text-transform: uppercase;
font-family: Lato, sans-serif;
font-weight: 700;
transition: all .2s;
}
.footer-main-link:hover {
color: #ffffff80;
}
.footer_links-wrap {
grid-column-gap: 0rem;
grid-row-gap: 1.5rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: flex;
}
.footer-middle-wrapper {
clear: none;
grid-column-gap: 0px;
grid-row-gap: 0px;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding: 1.5rem;
display: flex;
}
.footer-middle-wrapper.ep {
background-color: #1a487e;
border-radius: .8rem;
}
.footer-middle-wrapper.valence {
background-color: #2e5e2b;
border-radius: 1rem;
}
.footer-middle-wrapper.aved {
background-color: #831d24;
border-radius: .8rem;
}
.footer-middle-wrapper.charger {
background-color: #2c468c;
border-radius: .5rem;
}
.footer-logo-wrap {
height: 5rem;
}
.footer-logo {
width: auto;
max-width: none;
height: 100%;
}
.social-list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: stretch center;
display: flex;
}
.footer-email-links_wrap {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
display: flex;
}
.email-links-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.footer-email-link {
color: var(--text-color--text-alternate);
font-family: Calibri, sans-serif;
font-size: 1.125rem;
}
.footer-bottom_links-wrap {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
font-family: Poppins, sans-serif;
display: flex;
}
.footer-bottom-link {
color: var(--text-color--text-alternate);
font-family: Lato, sans-serif;
font-size: .875rem;
transition: all .2s;
}
.footer-bottom-link:hover {
color: #ffffff80;
}
.links-devider {
background-color: #fff;
width: 1px;
padding-bottom: 0;
}
.span-lsm {
font-weight: 700;
}
.landing-why_content-wrapper {
grid-column-gap: 2.125rem;
grid-row-gap: 2.125rem;
color: var(--text-color--text-alternate);
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding: 3rem;
display: flex;
}
.landing_why-content-right {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/670fe82db5fc3cea38bdecaf_homegrid%20-%20solar.png");
background-position: 50%;
background-size: cover;
border-radius: 1rem;
justify-content: flex-end;
align-items: flex-end;
height: 43.9375rem;
padding-bottom: 3rem;
padding-right: 3rem;
display: flex;
position: relative;
overflow: hidden;
}
.landing_products-list {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
width: 100%;
display: flex;
}
.landing_product-item {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-radius: .625rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
overflow: hidden;
}
.landing_products-content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: var(--base-color-brand--blue);
color: var(--text-color--dark);
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
padding: 3rem;
display: flex;
}
.button-text-small {
color: var(--base-color-brand--brand);
letter-spacing: 1px;
text-transform: uppercase;
padding-left: .5rem;
font-family: Lato, sans-serif;
font-size: .875rem;
font-weight: 700;
}
.button-text-small.engineered {
color: var(--engineered-power-secondary);
}
.button-text-small.valence {
color: var(--valence-green);
}
.button-text-small.charger {
color: var(--charger-orange);
}
.mobile-links-wrapper {
display: none;
}
.button-content {
z-index: 1;
}
.button-2 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #fff;
text-align: center;
background-color: #022fdd;
justify-content: center;
align-items: center;
padding: 1rem 2rem;
font-weight: 600;
text-decoration: none;
display: inline-flex;
}
.button-2.button_7 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border: 2px solid var(--base-color-neutral--white);
color: var(--text-color--text-alternate);
background-color: #0000;
border-radius: 2rem;
justify-content: center;
align-items: center;
width: 10rem;
padding-left: .75rem;
padding-right: 1rem;
position: relative;
overflow: hidden;
}
.button-2.button_7:hover {
border-color: var(--base-color-brand--brand);
background-color: var(--base-color-brand--brand);
color: #fff;
border-radius: .75rem;
}
.button-2.button_7 {
color: #fff;
-webkit-text-stroke-color: #004a9800;
text-transform: uppercase;
background-color: #0000;
border: 2px solid #fff;
border-radius: 999rem;
flex: none;
width: auto;
padding-left: 2rem;
padding-right: 2rem;
font-family: Lato, sans-serif;
font-size: .875rem;
display: flex;
position: relative;
overflow: hidden;
}
.button-2.button_7:hover {
color: #fff;
background-color: #fff0;
border-color: #fff;
border-radius: 999rem;
}
.button-2.button_7.nav_bottom {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
padding: .5rem 2rem;
}
.button-text-2 {
color: var(--base-color-brand--brand);
text-transform: uppercase;
font-family: Lato, sans-serif;
font-weight: 700;
}
.arr-2 {
position: absolute;
left: -25%;
}
.arr-2.icon-1x1-small {
-webkit-text-stroke-color: #fff0;
}
.arr-1 {
position: absolute;
right: 1rem;
}
.arr-1.icon-1x1-small {
-webkit-text-stroke-color: #fff0;
}
.hide-2 {
border-radius: 8px;
display: none;
}
.circle {
background-color: #022fdd;
border-radius: 50%;
width: 1.25rem;
height: 1.25rem;
position: absolute;
top: 50%;
left: 50%;
}
.circle:hover {
width: 13.75rem;
height: 13.75rem;
}
.text-size-xlarge {
font-size: 2rem;
line-height: 1.5;
}
.text-size-xlarge.is-link {
color: var(--text-color--text-alternate);
}
.landing-show-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--base-color-brand--brand);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 1rem;
display: grid;
}
.landing-show-bottom-wrap {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
background-color: var(--base-color-brand--blue);
grid-template-rows: auto;
grid-template-columns: 1fr auto 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
padding: 3rem;
display: grid;
}
.show-case-bottom-text {
color: var(--text-color--dark);
}
.landing-show-bottom-left {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.show-case-location-wrap {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: .25fr 2.75fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: start;
width: 100%;
display: grid;
}
.location-item {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
color: var(--text-color--dark);
justify-content: flex-start;
align-items: center;
font-weight: 700;
display: flex;
}
.line-devider {
background-color: #0003;
width: 100%;
height: 1px;
}
.line-devider.vertical {
width: 1px;
height: auto;
}
.cta-social-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.cta-social-item {
border: 1px solid var(--base-color-neutral--white);
border-radius: .625rem;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex;
}
.footer-top {
background-color: var(--base-color-brand--brand);
padding-top: .625rem;
padding-bottom: .625rem;
}
.nav-social-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.main-nav {
flex-flow: column;
}
.main-nav.is-dark {
margin-bottom: 0;
}
.main-nav-link {
color: var(--text-color--text-alternate);
letter-spacing: 1px;
text-transform: uppercase;
padding-left: .75rem;
padding-right: .75rem;
font-family: Lato, sans-serif;
font-size: clamp(.75rem, 1.25vw, 1rem);
font-weight: 700;
}
.main-nav-link.w--current {
color: #ffffff80;
}
.main-nav-link.nav-link {
padding-top: .75rem;
padding-bottom: .75rem;
font-weight: 600;
transition: opacity .2s;
display: block;
}
.main-nav-link.nav-link.w--current {
color: #fff;
border: 1px #fff;
border-radius: 999px;
padding-left: 1rem;
padding-right: 1rem;
font-weight: 600;
}
.main-nav-link.nav-link.utility-items {
border-bottom: 1px solid var(--base-color-brand--brand);
padding-top: 1rem;
padding-bottom: 1rem;
font-size: 14px;
}
.main-nav-link.nav-link.utility-items:hover {
border-bottom: 1px solid #fff;
}
.main-nav-link.nav-link.utility-items.w--current {
border-radius: 0;
font-weight: 500;
}
.main-nav-link.nav-link.utility-items.selected {
background-color: var(--base-color-brand--dark-blue);
}
.main-nav-link.nav-link.utility-items.selected.w--current {
font-weight: 500;
}
.main-nav-link.nav-link.utility-items.selected.dark {
background-color: var(--base-color-neutral--white);
}
.main-nav-link.nav-link.utility-items.selected.dark.w--current {
text-transform: none;
}
.main-nav-link.nav-link.utility-items.selected-item.w--current {
background-color: var(--base-color-brand--dark-blue);
border-radius: 0;
}
.main-nav-link.nav-link.utility-items.dark {
border-bottom-color: var(--base-color-neutral--white);
color: var(--base-color-neutral--neutral);
text-transform: none;
}
.main-nav-link.nav-link.utility-items.dark:hover {
background-color: #bdbdbd;
}
.main-nav-link.nav-link.utility-items.dark.w--current {
color: var(--base-color-neutral--neutral);
text-transform: none;
}
.main-nav-link.nav-link.utility-items.dark.selected {
background-color: var(--base-color-neutral--black);
color: var(--base-color-neutral--white);
}
.main-nav-link.nav-link.dark {
color: var(--link-color--link-secondary);
}
.main-nav-link.dark {
color: var(--base-color-neutral--neutral);
text-transform: none;
font-size: clamp(.75rem, 1.25vw, 1rem);
font-weight: 500;
}
.dropdown-content-wrapper-2 {
color: #777;
background-color: #fff;
border-right: 1px solid #ebebeb;
width: 100%;
padding: 2rem;
transition: all .3s;
}
.dropdown-content-wrapper-2:hover {
color: #232536;
background-color: #ebebeb;
}
.deopdown-list-wrapper-2 {
background-color: #fff;
width: 50vw;
display: flex;
}
.nav_dropdown-2 {
color: #000;
justify-content: center;
margin-right: 0;
display: block;
}
.home-cta-links-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.home-cta-link {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
color: var(--text-color--text-alternate);
background-image: linear-gradient(315deg, #3595faf7, #004a98f7);
border-radius: 1rem;
flex-flow: column;
justify-content: center;
align-items: flex-start;
height: 26.5rem;
padding: 3rem;
display: flex;
position: relative;
overflow: hidden;
}
.home-cta-link.center-align {
justify-content: center;
align-items: flex-start;
}
.testimonials-content_wrapper {
color: var(--text-color--dark);
}
.testimonials-header-wrapp {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
color: var(--text-color--dark);
justify-content: flex-start;
align-items: center;
display: flex;
}
.testimonials-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
display: flex;
}
.testimonials-left {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.slide-nav {
padding-top: 0;
font-size: 1rem;
font-weight: 700;
inset: auto 0% 0% auto;
}
.slider-main_button-icon-3 {
color: #fff;
width: 30%;
height: 55%;
}
.slider-main_button-icon-3.is-reversed {
transform: rotate(-180deg);
}
.slider-main_button-2 {
text-align: center;
background-color: #000;
border-radius: 100vw;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
transition: color .2s, background-color .2s;
display: flex;
}
.splide-wrap {
background-color: #ffffff47;
border-radius: 1.125rem;
padding: 1.5rem;
overflow: hidden;
}
.slider-wrap-inner {
overflow: hidden;
}
.brand-item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: var(--base-color-neutral--white);
color: var(--text-color--dark-secondary);
border-radius: .5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
padding: 1rem 1rem 1em;
display: flex;
overflow: hidden;
}
.brand-item.new {
grid-column-gap: 1.3rem;
grid-row-gap: 1.3rem;
text-align: center;
flex-flow: row;
justify-content: center;
align-items: center;
padding-top: 1rem;
display: block;
}
.brand-logo-wrapper {
object-fit: cover;
height: 2.25rem;
position: relative;
overflow: hidden;
}
.brands-coll-list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.brands-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #ffffff47;
border-radius: 1.125rem;
grid-template: "."
/ 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding: 1.5rem;
display: grid;
}
.home-products-cta {
justify-content: space-between;
display: flex;
position: relative;
overflow: hidden;
}
.products-cta-left {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
color: var(--text-color--dark);
justify-content: flex-start;
align-items: center;
display: flex;
}
.products-cta-arrow {
width: 4.5rem;
height: 4.5rem;
}
.products-cta-arrow-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.products-cta-arrow-wrapper.absolute {
position: absolute;
left: -5rem;
}
.slider-list_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 45%;
padding: 3rem;
display: flex;
}
.slider-list_arrow-wrapper {
grid-column-gap: .75em;
grid-row-gap: 0em;
flex-flow: row;
justify-content: flex-start;
align-items: center;
margin-top: -.3rem;
display: flex;
}
.slider-list_arrow {
color: #ffffff4d;
padding-top: .8em;
padding-bottom: .8em;
transition: color .1s;
}
.slider-list_arrow:hover {
color: #fff;
}
.slider-list_arrow.swiper-prev, .slider-list_arrow.swiper-next {
padding-top: 0;
padding-bottom: 0;
}
.slider-photo_component {
flex: none;
width: 50%;
overflow: hidden;
}
.slider-list_bottom-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: row;
flex: none;
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex;
}
.swiper-bullet-2 {
text-align: center;
background-color: #000;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 1.25em;
min-height: 1.25em;
transition: all .2s;
display: flex;
}
.swiper-bullet-2.is-active {
background-color: #c8dd5e;
}
.slider-releases_component {
grid-column-gap: 1rem;
grid-row-gap: 1.5rem;
color: var(--text-color--dark);
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
width: 100%;
display: flex;
}
.slider-photo_overflow {
justify-content: flex-start;
align-items: stretch;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.slider-list_icon {
justify-content: center;
align-items: center;
width: auto;
height: auto;
display: flex;
}
.slider-list_icon.is-reversed {
transform: rotate(-180deg);
}
.slider-list_title {
font-size: 1.125rem;
font-weight: 700;
line-height: 1;
}
.slider-list_title.is-active {
color: var(--base-color-brand--brand);
}
.slider-photo_card {
border-radius: 1rem;
width: 100%;
height: 100%;
margin-bottom: 0;
position: relative;
overflow: hidden;
}
.slider-photo_img {
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
inset: 0%;
}
.slider-photo_link {
grid-column-gap: .5em;
grid-row-gap: .5em;
text-align: right;
background-image: linear-gradient(#00000080 13%, #0000 51%);
flex-wrap: wrap;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 6%;
display: flex;
position: absolute;
inset: 0%;
}
.slider-photo_link-text {
font-size: 1.63em;
line-height: 1;
}
.slider-photo_link-icon {
width: 1.5em;
height: 1.5em;
}
.absolute-btn-wrapper {
margin-bottom: 3rem;
margin-right: 3rem;
position: absolute;
inset: auto 0% 0% auto;
}
.absolute-btn-wrapper.left {
margin-left: 3rem;
inset: auto auto 0% 0%;
}
.dropdown-wrapper {
color: #fff;
flex-flow: row;
margin-left: .75rem;
margin-right: .75rem;
position: relative;
}
.dropdown-wrapper.nav-link {
display: block;
}
.dropdown-wrapper.filter {
color: #0006;
border: 2px solid #0006;
border-radius: .5rem;
margin-left: 0;
margin-right: 0;
padding: .75rem .5rem .75rem 1rem;
display: block;
}
.dropdown-wrapper.select {
color: #0006;
text-transform: uppercase;
border: 2px solid #0006;
border-radius: .5rem;
justify-content: flex-start;
align-items: center;
min-width: auto;
height: 100%;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: .75rem .5rem .75rem .75rem;
font-family: Calibri, sans-serif;
font-size: clamp(.75rem, 1.5vw, 1rem);
font-weight: 700;
}
.nav_link-2 {
color: #fff;
text-transform: uppercase;
align-items: center;
padding: 0;
font-size: .9vw;
font-weight: 700;
transition-property: color;
transition-duration: .2s;
transition-timing-function: ease-out;
display: flex;
}
.nav_link-2.w--current {
color: #000;
border-top: .25rem #ffa155;
padding-top: 1.5rem;
}
.nav_link-2.is-dropdown {
justify-content: flex-start;
align-items: flex-start;
padding: .75rem 0;
text-decoration: none;
}
.dropdown-icon {
color: #000;
justify-content: center;
align-items: center;
display: flex;
}
.dropdown-side-pd {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-color: var(--base-color-neutral--white);
-webkit-text-fill-color: inherit;
background-clip: border-box;
border-radius: .5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
min-width: 15vw;
padding: 2rem;
box-shadow: 0 2px 5px #0003;
}
.dropdown-side-pd.is-explore {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-content: start;
min-width: 15vw;
display: block;
}
.dropdown-column-wrapper {
z-index: 2000;
background-color: var(--base-color-brand--brand);
border: 1px #eff0f6;
border-radius: .25rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
left: 50%;
overflow: hidden;
transform: translate(-50%);
box-shadow: 0 2px 12px #14142b14;
}
.dropdown-column-wrapper.w--open {
background-color: #004a9800;
border-style: none;
border-radius: .25rem;
margin-top: 0;
left: 50%;
right: auto;
}
.nav-links-wrap {
flex-flow: column;
display: flex;
}
.nav-links-wrap.is-explore {
grid-column-gap: 2rem;
grid-row-gap: 0rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-content: start;
display: grid;
}
.dropdown-toggle {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
color: #fff;
text-transform: uppercase;
align-items: center;
padding: .75rem 0;
font-family: Lato, sans-serif;
font-weight: 700;
transition: color .3s;
display: flex;
}
.dropdown-toggle:hover {
color: #fff;
}
.dropdown-toggle.is-filter {
color: #0006;
padding-top: 0;
padding-bottom: 0;
}
.installation-hero-content-wrapper {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.installation-mission_bottom {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 100%;
display: grid;
}
.installation-mission_image {
border-radius: 1rem;
height: auto;
min-height: 22rem;
overflow: hidden;
}
.installation-mission-text-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.installation-solution_item {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-color: var(--base-color-neutral--white);
border-radius: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding: 1rem;
display: grid;
overflow: hidden;
}
.installation-solution_content {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
color: var(--text-color--dark);
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding: 3rem;
display: flex;
}
.installation-solution_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: var(--text-color--brand);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.solution-list-item {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.solution-list-item.top-align {
justify-content: flex-start;
align-items: flex-start;
}
.list-dot {
background-color: var(--base-color-brand--brand);
border-radius: 100%;
flex: none;
width: 1rem;
height: 1rem;
}
.list-dot.is-top {
margin-top: .5rem;
}
.list-dot.is-little {
width: .75rem;
height: .75rem;
margin-top: 6px;
}
.solution-list-text-wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.solutions-list-title {
color: var(--text-color--dark-secondary);
font-family: Lato, sans-serif;
font-size: 1.9rem;
font-weight: 700;
line-height: 1.2;
}
.contact-cta-content-wrap {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
color: var(--text-color--text-alternate);
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 70%;
display: flex;
}
.contact-cta-content-bottom {
color: var(--text-color--text-alternate);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.contact-form-wrapper {
justify-content: center;
align-items: center;
}
.contact-fields-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
width: 100%;
display: flex;
}
.submit-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border: 2px solid var(--base-color-brand--brand);
color: var(--base-color-brand--brand);
border-radius: 999px;
justify-content: flex-start;
align-items: center;
padding-left: .75rem;
padding-right: .5rem;
transition: background-color .2s;
display: flex;
position: relative;
overflow: hidden;
}
.submit-wrapper:hover {
background-color: var(--base-color-brand--brand);
color: var(--text-color--text-alternate);
}
.submit-wrapper.aved {
border-color: var(--aved-red);
color: var(--aved-red);
}
.submit-wrapper.aved:hover {
background-color: var(--aved-red);
}
.nav-link-list-wrapper {
justify-content: flex-start;
align-items: center;
display: flex;
}
.cta-btn-wrap.mobile {
display: none;
}
.nav-link-list {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.color-overlay {
background-color: #00000080;
position: absolute;
inset: 0%;
}
.color-overlay.gradient {
background-color: #0000;
background-image: linear-gradient(#fff0, #000);
}
.home-cta-content {
z-index: 1;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.home-cta-content.is-products, .home-cta-content.is-brands_products {
padding-bottom: 3rem;
padding-left: 3rem;
}
.products_content_top {
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.products_header_wrapper {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
color: var(--text-color--dark);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 28rem;
display: flex;
}
.products_filter_wrapper {
width: 100%;
}
.products_coll_list_wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.products_coll_list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.card_product {
background-color: var(--base-color-neutral--neutral-lightest);
border-radius: .625rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.card_image_wrap {
grid-column-gap: 56px;
grid-row-gap: 56px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
height: 18rem;
display: flex;
position: relative;
overflow: hidden;
}
.card_logo_wrap {
border-top: 1px solid #0003;
border-bottom: 1px solid #0003;
justify-content: space-between;
align-items: center;
width: 100%;
padding: .75rem 1.5rem;
display: flex;
}
.products_icons_wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.product_icon {
width: 1.5rem;
height: 1.5rem;
}
.card_product_name_wrap {
color: #000;
padding: .5rem 1.5rem .75rem;
}
.card_product_title {
font-family: Lato, sans-serif;
font-size: 1.5rem;
font-weight: 700;
}
.markets_coll_list {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
display: flex;
}
.card_hover_block {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: var(--base-color-brand--brand);
color: var(--text-color--text-alternate);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 1.5rem;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.card_hover_block.mobile {
display: none;
}
.form-filter {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
grid-template-rows: auto;
grid-template-columns: .75fr 1.25fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: grid;
}
.form-filter.is-test {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.form-filter.is-contact-cta {
background-color: var(--base-color-neutral--white);
border-radius: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 3rem;
display: flex;
}
.form-filter.is-news, .form-filter.is-compliance {
grid-template-columns: 1fr auto;
}
.category-dropdown {
background-color: var(--base-color-brand--brand);
border: 1px #eff0f6;
border-radius: .25rem;
padding-top: 1rem;
padding-bottom: 1rem;
top: 100%;
left: 50%;
overflow: hidden;
transform: translate(-50%);
box-shadow: 0 2px 12px #14142b14;
}
.category-dropdown.w--open {
background-color: var(--base-color-brand--brand);
border-style: none;
border-radius: .25rem;
margin-top: 0;
left: 50%;
right: auto;
overflow: visible;
}
.category_coll_list_wrap {
line-height: 20px;
}
.category_coll_list_item {
margin-bottom: 10px;
padding-bottom: 0;
line-height: 20px;
}
.category_link {
color: var(--text-color--text-alternate);
margin-bottom: 0;
padding: .5rem 1rem;
font-weight: 400;
}
.category_title {
color: var(--base-color-neutral--white);
text-transform: uppercase;
margin-bottom: 0;
font-size: clamp(.75rem, 1.2vw, 1rem);
}
.category_title.footer {
color: #ffffff80;
font-family: Lato, sans-serif;
font-size: 14px;
transition: all .2s;
}
.category_title.footer:hover {
color: #fff;
}
.category_title.is-compliance {
font-size: clamp(.875rem, 1.2vw, 1rem);
}
.reset_button {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
color: #0006;
text-transform: uppercase;
cursor: pointer;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.reset_button.news {
padding: .5rem 1rem;
}
.filters-wrapper {
z-index: 1;
grid-column-gap: .625rem;
grid-row-gap: .625rem;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
justify-content: flex-end;
place-items: center end;
width: 100%;
display: grid;
position: relative;
}
.filters-button, .modal-close-bttn {
display: none;
}
.product_hero_content_wrapp {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 3rem;
padding-right: 3rem;
display: flex;
}
.product_hero_content {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.product_hero_content_top {
grid-column-gap: .3rem;
grid-row-gap: .3rem;
justify-content: flex-start;
align-self: flex-end;
align-items: center;
display: flex;
}
.product_detail_title {
color: #0006;
text-transform: uppercase;
font-weight: 700;
}
.product_detail_title.dynamic {
color: var(--base-color-brand--brand);
}
.product_detail_hero_header {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
color: var(--text-color--dark);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.specifications_wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.specifications_wrapper.is-mobile {
display: none;
}
.product_features_heading {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
color: var(--text-color--dark);
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.products_features_wrapper {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
grid-template-rows: auto;
grid-template-columns: 1fr auto 1fr auto 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.product_feature_item {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.product_feature_content {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.feature_icon_wrap {
height: 5rem;
}
.vertical_devider {
background-color: #0003;
width: 1px;
height: 100%;
}
.slider-gallery_button-subcat {
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
color: #fff;
background-color: #fff0;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 4.13em;
height: 4.13em;
transition: background-color .2s, color .2s;
display: flex;
}
.slider-gallery_button-subcat:hover {
color: #000;
background-color: #fff;
}
.slider-gallery_button-subcat.swiper-next {
z-index: 100;
background-color: var(--base-color-brand--brand);
-webkit-backdrop-filter: none;
backdrop-filter: none;
color: var(--base-color-neutral--white);
border: 1px #fff;
width: 2.5rem;
height: 2.5rem;
transition: all .2s, color .2s;
position: relative;
}
.slider-gallery_button-subcat.swiper-next:hover {
border-style: solid;
border-color: var(--base-color-brand--brand);
background-color: var(--base-color-neutral--white);
color: var(--base-color-brand--brand);
}
.slider-gallery_button-subcat.swiper-prev {
z-index: 100;
background-color: var(--base-color-brand--brand);
opacity: 1;
-webkit-backdrop-filter: none;
backdrop-filter: none;
color: var(--base-color-neutral--white);
-webkit-text-stroke-color: #fff;
border: 1px #fff;
width: 2.5rem;
height: 2.5rem;
transition: all .2s, color .2s;
position: relative;
}
.slider-gallery_button-subcat.swiper-prev:hover {
border: 1px solid var(--base-color-brand--brand);
background-color: var(--base-color-neutral--white);
color: var(--base-color-brand--brand);
}
.slider-thumbs_height {
background-color: #fff;
border-radius: .225rem;
height: 6.4375rem;
position: relative;
overflow: hidden;
}
.slider-gallery_button-wrapper-product {
z-index: 5;
grid-column-gap: 0rem;
grid-row-gap: 1.25rem;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding-bottom: .75rem;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.slider-thumbs_img {
object-fit: cover;
border-radius: .375rem;
width: 5rem;
height: 5rem;
}
.slider-thumbs_img.is-product {
cursor: pointer;
object-fit: contain;
width: 100%;
height: 100%;
}
.slider-gallery_button-icon {
width: auto;
height: auto;
display: flex;
}
.slider-gallery_button-icon.is-reversed {
width: auto;
height: auto;
transform: rotate(-180deg);
}
.slider-titles_component {
height: 100%;
position: relative;
}
.slider-bg_component_product {
opacity: 1;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.slider-bg_img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.slider-bg_img.is-product {
object-fit: contain;
background-color: #fff;
border-radius: 1rem;
height: 38rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
position: absolute;
}
.slider-gallery_component_product {
border-radius: 1.25rem;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 52rem;
display: flex;
position: relative;
overflow: hidden;
}
.slider-thumbs_component-product {
width: 100%;
height: 100%;
}
.slider-gallery_button-wrapper {
z-index: 10;
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-wrap: wrap;
flex: none;
align-items: center;
width: auto;
display: flex;
}
.slider-gallery_button-wrapper.is-subcat {
justify-content: space-between;
align-items: center;
padding-left: 1rem;
padding-right: 1rem;
position: absolute;
inset: 0%;
}
.slider-thumbs_wrapper-product {
align-items: flex-start;
width: 10rem;
}
.slider-thumbs_overflow-product {
width: 100%;
position: relative;
overflow: hidden;
}
.instructions_content_wrapp {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
display: flex;
}
.instructions_coll_list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding-left: 1.5rem;
display: grid;
}
.instructions_coll_list_item {
width: 100%;
}
.instructions_item {
border-bottom: 1px solid #0003;
justify-content: space-between;
width: 100%;
padding-bottom: 1.5rem;
display: flex;
}
.instructions_title_wrapp {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.instructions_icon {
height: 2rem;
}
.download_icon {
flex: none;
width: 2rem;
height: 2rem;
}
.download_icon.absolute {
position: absolute;
left: -14%;
}
.download_icon.social {
color: #ffffff80;
transition: all .2s;
}
.download_icon.social:hover {
color: #fff;
}
.download_icon.is-location {
justify-content: center;
align-items: flex-end;
display: flex;
}
.download_icon.is-submit {
position: absolute;
left: -17%;
}
.installation_guide_wrapp {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.installation_guide_coll_list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.video_guide_wrapp {
border-radius: 1rem;
justify-content: center;
align-items: center;
height: 18.125rem;
display: flex;
position: relative;
overflow: hidden;
}
.play_button {
background-color: var(--base-color-neutral--white);
cursor: pointer;
border-radius: 999px;
justify-content: center;
align-items: center;
width: 5rem;
height: 5rem;
display: flex;
position: absolute;
inset: auto;
}
.play_icon {
width: 3rem;
height: 3rem;
position: relative;
overflow: hidden;
}
.contact_form_wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-color: var(--base-color-neutral--white);
color: var(--text-color--dark);
border-radius: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 3rem;
display: flex;
}
.product_contact_header {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.fileds_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.success-message {
background-color: var(--base-color-brand--blue);
font-size: 1.25rem;
}
.cta_overlay_mobile {
display: none;
}
.pagination-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: row;
justify-content: flex-end;
align-items: center;
margin-top: 3rem;
}
.pagination_link {
color: var(--text-color--dark);
border-radius: 999px;
justify-content: center;
align-items: center;
width: 2.625rem;
height: 2.625rem;
font-weight: 700;
transition: all .3s;
display: flex;
}
.pagination_link.w--current {
border: 1px solid #000;
}
.red-circle {
grid-column-gap: .13rem;
grid-row-gap: .13rem;
background-color: #db2927;
border-radius: 999px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
position: relative;
overflow: visible;
}
.download_arrow {
object-fit: contain;
max-width: none;
height: .76rem;
}
.download_arrow.absolute {
position: absolute;
top: -100%;
}
.download-line {
width: .85rem;
max-width: none;
height: 100%;
}
.download-line.absolute {
position: absolute;
left: -120%;
}
.line-wrapp {
justify-content: center;
align-items: center;
height: 1.2px;
display: flex;
position: relative;
overflow: hidden;
}
.arrow-clop {
justify-content: center;
align-items: center;
height: .76rem;
display: flex;
position: relative;
overflow: hidden;
}
.news_filter_wrapper {
width: 100%;
}
.news_header_wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
color: var(--text-color--dark);
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
max-width: 50rem;
display: flex;
}
.news_coll_list_wrap {
width: 100%;
}
.news_coll_list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.news_coll_list.is-brands {
grid-template-rows: auto;
}
.news_item {
z-index: 2;
background-color: var(--base-color-neutral--white);
border-radius: .625rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.news_item.featured {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.news_item_top {
width: 100%;
padding: .625rem;
position: relative;
}
.news_item_top.featured {
width: auto;
height: 100%;
}
.news_item_middle {
border-top: 1px solid #0003;
border-bottom: 1px solid #0003;
justify-content: space-between;
width: 100%;
padding: .75rem 1.5rem;
display: flex;
}
.news_item_middle.featured {
padding-left: 3rem;
padding-right: 3rem;
}
.news_author_wrapp {
grid-column-gap: .3rem;
grid-row-gap: .3rem;
color: #000;
justify-content: flex-start;
align-items: center;
display: flex;
}
.news_item_bottom {
color: var(--text-color--dark);
width: 100%;
padding: 1.5rem;
}
.news_hover_overlay {
background-color: #004a9899;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.news_hover_overlay.mobile {
display: none;
}
.news_item_featured_header {
color: var(--text-color--dark);
width: 100%;
padding: 3rem;
}
.news_featured_content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: var(--text-color--dark-secondary);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 3rem;
display: flex;
}
.news_hero_bottom {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.social_share_icons_wrapp {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.social-media-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border: 1px solid #0006;
border-radius: 2.5rem;
padding: .4rem;
display: flex;
}
.social-media-wrapper.is-detail {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-style: none;
border-radius: 0;
padding: 0;
}
.social-media-wrapper.is-detail.mobile {
display: none;
}
.single-social-media-wrap {
color: #0006;
border: 1px solid #0006;
border-radius: 100%;
flex: none;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
padding: .75rem;
display: flex;
}
.single-social-media-wrap:hover {
border-color: var(--base-color-brand--brand);
color: var(--base-color-brand--brand);
}
.single-social-media-wrap.is-alt {
color: #ffffff80;
border-color: #ffffff80;
}
.single-social-media-wrap.is-alt:hover {
color: #7e57c5;
border-color: #7e57c5;
}
.social-icon-2 {
color: #0006;
justify-content: center;
align-items: center;
width: auto;
height: auto;
display: flex;
}
.block-quote {
color: var(--text-color--dark-secondary);
font-weight: 700;
}
.back-btn-text {
color: #0006;
text-transform: uppercase;
font-family: Calibri, sans-serif;
font-size: 1rem;
font-weight: 700;
}
.about_hero_content_wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-color: var(--base-color-neutral--white);
border-radius: 1rem;
grid-template-rows: auto;
grid-template-columns: 1.25fr .75fr;
grid-auto-columns: 1fr;
padding: 1rem;
display: grid;
}
.about_hero_content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
color: var(--text-color--text-primary);
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding-left: 3rem;
padding-right: 3rem;
display: flex;
}
.about-us_content_wrapp {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.flex_horizontal {
display: flex;
}
.flex_horizontal.is-gap_3, .flex_horizontal.is-about_about {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.section_title {
font-family: Lato, sans-serif;
font-size: 2rem;
font-weight: 600;
}
.marquee_wrap {
justify-content: flex-start;
align-items: center;
width: 200vw;
padding-bottom: 5rem;
display: flex;
}
.dynamic-marquee_logo-list {
justify-content: space-around;
align-items: center;
width: 200vw;
display: flex;
}
.logo {
object-fit: contain;
justify-content: center;
align-items: center;
height: 3rem;
margin-right: 5rem;
padding-bottom: 0;
display: flex;
}
.logo-image.is-compliance {
object-fit: contain;
height: 100%;
}
.our_products_cta_content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: var(--text-color--dark);
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.our_products_cta_visual {
justify-content: flex-end;
align-items: center;
width: 100%;
padding-bottom: 0;
display: flex;
position: relative;
}
.about_locations_heading {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 34rem;
display: flex;
}
.about_locations_content {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-radius: 1.25rem;
grid-template-rows: auto;
grid-template-columns: .5fr 1.45fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
overflow: hidden;
}
.about_locations_left {
background-color: var(--base-color-neutral--white);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.careers_header_wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
color: var(--text-color--dark);
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
max-width: 50rem;
display: flex;
}
.careers_content_wrapp {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff;
border-radius: .625rem;
grid-template-rows: auto;
grid-template-columns: .75fr 1.25fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.careers_hero_visual {
padding: .625rem;
}
.careers_hero_content {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 3rem;
display: flex;
}
.careers_coll_list {
grid-column-gap: 1.5rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.careers_item {
background-color: var(--base-color-neutral--white);
border-radius: .625rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
display: flex;
}
.careers_item_title_wrap {
color: var(--text-color--dark);
border-bottom: 1px solid #0003;
padding: 3rem;
}
.careers_item_content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 3rem;
display: flex;
}
.contact_header_wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
color: var(--text-color--dark);
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
place-items: start stretch;
max-width: 56rem;
display: grid;
}
.contact_content_wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: .75fr 1.25fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.contact_content_left {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-color: var(--base-color-brand--blue);
border-radius: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 5rem;
display: flex;
}
.contact_address_wrapp {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
color: var(--text-color--text-primary);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.address_wrapp {
color: var(--text-color--text-primary);
font-family: Avenirltstd, sans-serif;
font-weight: 900;
}
.contact_form_wrapp {
background-color: var(--base-color-brand--blue);
border-radius: 1rem;
padding: 5rem;
}
.hide-3 {
border-radius: 8px;
display: none;
}
.button-text-3 {
font-family: Lato, sans-serif;
font-size: 1.125rem;
}
.brand_hero_content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: var(--base-color-neutral--white);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.brand_hero_logo {
border-radius: .5rem;
height: 5.25rem;
overflow: hidden;
}
.brand_benefits_list {
grid-column-gap: 1.5rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.brand_benefits_item {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--base-color-neutral--white);
border-radius: .625rem;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
display: grid;
position: relative;
}
.brand_benefits_item-top {
padding: 1.5rem;
}
.brand_benefits_title {
color: var(--text-color--dark);
font-family: Lato, sans-serif;
font-size: 1.125rem;
font-weight: 700;
}
.brand_benefits_item-bottom {
border-top: 1px solid #0003;
width: 100%;
padding: 1.5rem;
}
.brand_benefits_icon {
border-radius: 999px;
width: 3.5rem;
height: 3.5rem;
position: absolute;
inset: -13% auto auto 7%;
overflow: hidden;
box-shadow: 4px 4px 14px #0003;
}
.is-brand_products_item {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--base-color-neutral--white);
border-radius: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.brand_products_image {
height: 40.125rem;
}
.brands_products_left {
border-right-width: 1px;
border-right-color: #0003;
justify-content: center;
align-items: center;
width: 50%;
padding: 3rem;
display: flex;
}
.brands_products_description {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 50%;
padding: 5rem;
display: flex;
}
.brand_products_features_list {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
display: flex;
}
.brand_products_feature-item {
color: var(--text-color--brand);
border-bottom: 1px solid #0003;
width: 100%;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
display: flex;
}
.brand_product_coll_list {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
display: flex;
}
.product_coll_list_item {
background-color: var(--base-color-neutral--white);
border-radius: 1rem;
display: flex;
}
.product_coll_list_item:nth-child(2n), .product_coll_list_item.reverse {
flex-flow: row-reverse;
}
.brands_solutions_block {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.brands_solutions_content {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 3rem;
display: flex;
}
.brands_contact {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-color: var(--base-color-neutral--white);
border: 1px solid #0003;
border-radius: 1rem;
flex-flow: column;
justify-content: center;
align-items: center;
padding: 3rem;
display: flex;
}
.contact_block_header {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.brands_cta_link {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
color: var(--text-color--text-alternate);
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/672546673f3d60a7a72e4796_Tech3.jpg");
background-position: 0 0;
background-size: auto;
border-radius: 1rem;
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding: 3rem;
display: flex;
position: relative;
overflow: hidden;
}
.gallery-coll-list-wrap {
width: 100%;
}
.gallery-coll-list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.gallery_box {
border-radius: 1rem;
max-height: 16.375rem;
overflow: hidden;
}
.gallery_thumbnail.is-parallax {
height: 105%;
}
.location-tag-dot {
background-color: #000;
border-radius: 100vw;
width: .5rem;
height: .5rem;
}
.location-tag-dot.is-white {
background-color: #fff;
}
.location-map-zip-container {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
border-bottom: 1px solid #0000001a;
flex-flow: column;
align-items: flex-start;
padding: 1.5rem;
display: flex;
}
.grid-2-column-2 {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.grid-2-column-2.is-location-map {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border-radius: 1.25rem;
grid-template-columns: .5fr 1.5fr;
width: 100%;
overflow: hidden;
}
.zipcode {
display: none;
}
.location-list-wraper {
height: 100%;
min-height: 35.25rem;
max-height: 35.25rem;
overflow-y: auto;
}
.place-address {
color: #4e4e4e;
font-size: .875rem;
font-weight: 300;
line-height: 1.3125rem;
}
.lat {
display: none;
}
._w-100 {
width: 100%;
}
.location-tag-top {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
color: #fff;
align-items: center;
font-size: .875rem;
font-weight: 700;
line-height: 1.3125rem;
display: flex;
}
.long {
display: none;
}
.location-list {
flex-flow: column;
display: flex;
}
.place-email {
color: #212024;
font-size: .875rem;
font-weight: 300;
line-height: 1.3125rem;
}
.place-title {
color: var(--base-color-neutral--black);
font-size: 1.125rem;
font-weight: 700;
line-height: 1.6875rem;
}
.map-link-wrapper {
border-bottom: 1px solid #0000001a;
padding: 1.5rem;
}
.info_content {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
}
.place-phone {
color: #212024;
font-weight: 700;
line-height: 1.5rem;
}
.map {
height: 100%;
min-height: 43.3125rem;
}
.state, .navi_bottom {
display: none;
}
.nav-container.is-bottom {
justify-content: center;
align-items: center;
display: flex;
}
.nav-container.is-bottom.is-space {
justify-content: space-between;
width: auto;
padding-top: .5rem;
padding-bottom: .5rem;
display: flex;
}
.nav-bottom {
background-color: #484848;
justify-content: space-between;
width: 100%;
margin-bottom: -1px;
padding-top: .5rem;
padding-bottom: .5rem;
}
.nav_links_bottom {
justify-content: center;
align-items: center;
display: flex;
}
.process_content_item {
grid-template-rows: auto;
grid-template-columns: .75fr 1.25fr;
grid-auto-columns: 1fr;
display: grid;
}
.process_content_item.reverse {
grid-template-columns: 1.25fr .75fr;
}
.process_content_item_text {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 3rem 5rem;
display: flex;
}
.text-size-medium-large {
font-size: 1.25rem;
font-weight: 400;
line-height: 1.5;
}
.text-size-medium-large.dark-secondary {
color: var(--text-color--dark-secondary);
}
.text-size-medium-large.text-weight-bold {
font-weight: 700;
}
.text-size-medium-large.line-height-1-5 {
line-height: 1.5;
}
.text-size-medium-large.is-dark {
color: var(--text-color--dark);
}
.header_wrap.gap-0-25 {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.product-detail-rich_text {
flex-flow: column;
display: flex;
}
.specification-item-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid #0003;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
display: grid;
}
.specification-header {
color: #4e4e4e;
font-size: 1.125rem;
}
.specification-para {
color: #004a98;
font-size: 1.125rem;
font-weight: 700;
}
.form {
width: 100%;
}
.select-wrapper {
border: 2px solid #0006;
border-radius: .5rem;
width: 100%;
padding-left: 1rem;
padding-right: .75rem;
}
.brand_hero_video {
height: 100%;
position: absolute;
inset: 0%;
}
.careers_contact {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-color: var(--base-color-brand--blue);
border: 1px #0003;
border-radius: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.acc-text {
color: #fff9;
margin-bottom: 0;
}
.acc-text.is-faq {
color: var(--text-color--dark-secondary);
width: 100%;
font-size: 1.125rem;
line-height: 1.5;
}
.acc-faq-header {
color: var(--text-color--dark);
margin-bottom: 0;
font-family: Lato, sans-serif;
font-size: 1.5rem;
font-weight: 500;
}
.acc-body {
width: 100%;
min-width: 100%;
margin-bottom: 1.5rem;
padding-top: 0;
padding-bottom: 0;
}
.acc-body.active {
color: var(--text-color--dark-secondary);
margin-bottom: 1.5rem;
padding-bottom: 0;
display: block;
}
.q-wrapper {
color: #22b9d1;
align-items: center;
display: flex;
}
.acc-item {
background-color: #fff0;
border-bottom: 1px solid #ffffff80;
width: 100%;
}
.acc-item.is-faq {
border-bottom-color: #0003;
flex-flow: column;
min-width: 100%;
padding-bottom: 0;
display: flex;
}
.faq_content-wrapper {
width: 100%;
}
.acc-head-2 {
justify-content: space-between;
display: flex;
}
.acc-head-2.is-faq {
width: 100%;
min-width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
}
.toggle-arrow {
color: var(--base-color-brand--brand);
width: 24px;
height: 24px;
font-size: 14px;
transition: transform .3s;
}
.toggle-arrow.rotate {
color: var(--base-color-brand--brand);
transform: rotate(-180deg);
}
.compliance_coll_list_wrap {
width: 100%;
}
.compliance_coll_list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
display: flex;
}
.compliance_item {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.compliance_form_content {
width: 100%;
}
.compliance_pdf_list_wrap {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.compliance_pdf_list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
display: flex;
}
.compliance_header_wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
color: var(--text-color--dark);
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.thumbnails_overlay {
z-index: 1;
background-image: linear-gradient(90deg, #fff, #fff0 51%, #fff);
height: 9rem;
position: absolute;
inset: 0%;
}
.dropdown-wrapper-copy {
color: #fff;
flex-flow: row;
margin-left: .75rem;
margin-right: .75rem;
position: relative;
}
.dropdown-wrapper-copy.nav-link {
display: block;
}
.dropdown-wrapper-copy.filter {
color: #0006;
border: 2px solid #0006;
border-radius: .5rem;
margin-left: 0;
margin-right: 0;
padding: .75rem .5rem .75rem 1rem;
display: block;
}
.dropdown-wrapper-copy.select {
color: #0006;
text-transform: uppercase;
border: 2px solid #0006;
border-radius: .5rem;
justify-content: flex-start;
align-items: center;
min-width: auto;
height: 100%;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: .75rem .5rem .75rem .75rem;
font-family: Calibri, sans-serif;
font-size: clamp(.75rem, 1.5vw, 1rem);
font-weight: 700;
}
.downloads_wrap {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
width: 100%;
display: flex;
}
.anchor-link-button {
z-index: 100;
color: #fff;
text-transform: uppercase;
padding: .75rem 1rem;
font-family: Lato, sans-serif;
font-size: clamp(.75rem, 1.2vw, 1rem);
display: block;
position: relative;
}
.anchor-link-button.w--current {
color: var(--base-color-neutral--white);
text-transform: uppercase;
padding: .75rem 1rem;
font-family: Lato, sans-serif;
font-weight: 500;
text-decoration: none;
}
.anchor-link-button.active.w--current {
font-weight: 600;
}
.anchor-data-feed {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
display: flex;
}
.anchor-wrap {
display: flex;
}
.anchor-put-links-in-here {
z-index: 1;
color: #000;
justify-content: center;
align-items: flex-start;
display: none;
position: relative;
}
.home-grid-product-item {
color: #000;
}
.home-grid-product-list {
color: #000;
justify-content: center;
align-items: center;
display: flex;
}
.product-slug {
display: none;
}
.marquee_wrap-2 {
justify-content: flex-start;
align-items: center;
width: 200vw;
padding-bottom: 5rem;
display: flex;
}
.zoom-embed {
border: 1px #000;
height: auto;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
}
.zoom-embed.tablet, .zoom-embed.mobile {
display: none;
}
.zoom-embed-container {
justify-content: center;
align-items: center;
display: flex;
}
.installation-training-form-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-top: 1px none var(--base-color-neutral--neutral-lighter);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 90%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
display: grid;
}
.form-field {
border: 1px solid var(--base-color-neutral--neutral-lighter);
color: var(--base-color-neutral--black);
background-color: #fff;
border-radius: 4px;
min-height: 50px;
margin-bottom: 0;
padding-left: 10px;
padding-right: 10px;
font-family: Lato, sans-serif;
font-size: 1.5rem;
}
.form-field:focus {
border-color: var(--base-color-brand--brand);
}
.form-field.text-size-large.dark-secondary {
-webkit-text-stroke-color: var(--text-color--dark-secondary);
font-family: Calibri, sans-serif;
}
.form-field-label {
letter-spacing: 0;
text-transform: none;
margin-bottom: 8px;
font-family: Calibri, sans-serif;
font-size: 1.5rem;
font-weight: 400;
}
.form-field-label.extra-margin {
margin-bottom: 16px;
}
.form-field-label.text-size-large.dark-secondary {
font-family: Calibri, sans-serif;
font-weight: 400;
}
.form-field-subtext {
letter-spacing: 0;
text-transform: none;
font-family: Lato, sans-serif;
font-size: 1.5rem;
font-weight: 600;
}
.form-field-grid-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.radio-button {
border: 1px none var(--base-color-neutral--neutral-light);
color: var(--text-color--dark-secondary);
background-color: #fff;
border-radius: 4px;
margin-bottom: 0;
padding-left: 10px;
padding-right: 10px;
font-family: Calibri, sans-serif;
font-size: 1.5rem;
}
.radio-button.text-size-large.dark-secondary {
font-size: 1.35rem;
}
.radio-buton-field {
border: 1px none var(--base-color-neutral--neutral-light);
color: var(--base-color-neutral--black);
background-color: #fff;
border-radius: 4px;
min-height: 45px;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
font-family: Lato, sans-serif;
font-size: 1rem;
display: inline-block;
}
.radio-field {
min-height: 25px;
margin-top: 10px;
}
.form-block {
border-top: 1px none var(--base-color-neutral--neutral-light);
}
.form-anchor {
height: 80px;
}
.navbar-no-shadow-container {
z-index: 5;
background-color: #0000;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
.container-regular {
width: 100%;
max-width: 1260px;
min-height: 30px;
margin-left: auto;
margin-right: auto;
}
.navbar-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.navbar-brand {
padding-left: 20px;
padding-right: 20px;
}
.nav-menu {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
}
.nav-link-2 {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.nav-link-2:hover {
color: #1a1b1fbf;
}
.nav-link-2:focus-visible, .nav-link-2[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-dropdown {
margin-left: 5px;
margin-right: 5px;
}
.nav-dropdown-toggle {
letter-spacing: .25px;
padding: 5px 30px 5px 10px;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle:hover {
color: #1a1b1fbf;
}
.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon {
margin-right: 10px;
}
.nav-dropdown-list {
background-color: #fff;
border-radius: 12px;
}
.nav-dropdown-list.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-link {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-button-wrapper {
margin-left: 120px;
}
.button-primary {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary:hover {
color: #fff;
background-color: #32343a;
}
.button-primary:active {
background-color: #43464d;
}
.image {
padding-left: 10px;
padding-right: 10px;
}
.list {
height: 50px;
list-style-type: none;
display: flex;
}
.section-2 {
background-color: #151452;
height: 40px;
}
.nav-menu-2 {
position: static;
}
.div-block-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-3 {
padding-left: 30px;
display: flex;
}
.text-block-2 {
padding-left: 10px;
padding-right: 10px;
}
.nav_brands {
color: #fff;
min-height: 0;
margin-bottom: 0;
padding: 15px 20px 12px;
}
.nav_brands:hover {
background-color: var(--base-color-brand--brand);
border-bottom: 1px solid #fff;
}
.nav_brands:active {
font-weight: 700;
}
.nav_brands.first {
background-color: var(--base-color-brand--dark-blue);
padding-top: 15px;
padding-left: 20px;
}
.nav_brands.active {
background-color: var(--base-color-brand--brand);
}
.nav_brands.selected {
background-color: var(--base-color-brand--dark-blue);
font-weight: 700;
}
.market-item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: var(--base-color-neutral--white);
color: var(--text-color--dark-secondary);
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: cover;
border-radius: .5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
padding: 1rem 1rem 1em;
display: flex;
overflow: hidden;
}
.market-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #ffffff47;
border-radius: 1.125rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding: 1.5rem;
display: grid;
}
.relevant-brand-item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: var(--base-color-neutral--white);
color: var(--text-color--dark-secondary);
border-radius: .5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
padding: 1rem 1rem 1em;
display: flex;
overflow: hidden;
}
.gallery-slider {
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.gallery-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.gallery-block {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.gallery-slide {
background-color: #0000;
height: auto;
}
.gallery-slide-wrapper {
max-width: 47%;
margin-right: 6%;
}
.gallery-slide-image {
position: relative;
}
.gallery-image {
width: 100%;
}
.gallery-slide-text {
color: #f5f7fa;
margin-bottom: 0;
line-height: 32px;
position: absolute;
bottom: 24px;
left: 24px;
right: 24px;
}
.gallery-slider-left {
justify-content: center;
align-items: center;
width: 40px;
display: flex;
left: -50px;
}
.gallery-slider-left:focus-visible, .gallery-slider-left[data-wf-focus-visible] {
outline-offset: 0px;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.slider-arrow-embed {
color: #1a1b1f;
}
.gallery-slider-right {
justify-content: center;
align-items: center;
width: 40px;
display: flex;
right: -50px;
}
.gallery-slider-right:focus-visible, .gallery-slider-right[data-wf-focus-visible] {
outline-offset: 0px;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.gallery-slide-nav {
display: none;
}
.gallery-overview {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.gallery-features-block {
margin-top: 16px;
margin-bottom: 24px;
}
.gallery-feature {
background-image: url("https://cdn.prod.website-files.com/62434fa732124a0fb112aab4/62434fa732124a700a12aad4_check%20circle.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 20px;
margin-bottom: 8px;
padding-left: 30px;
font-size: 14px;
line-height: 24px;
}
.button-primary-2 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-2:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-2:active {
background-color: #43464d;
}
.gallery-grid {
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: .75fr;
grid-auto-columns: 1fr;
display: grid;
}
.uui-text-align-center {
text-align: center;
}
.uui-container-large {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.align-center-2 {
margin-left: auto;
margin-right: auto;
}
.uui-page-padding {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-max-width-large {
width: 100%;
max-width: 48rem;
}
.uui-max-width-large.align-center-2 {
margin-left: auto;
margin-right: auto;
}
.uui-logos01_wrapper {
justify-content: center;
align-items: flex-start;
padding: .75rem 1.5rem;
display: flex;
}
.uui-logos01_component {
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top: 2rem;
display: flex;
}
.uui-logos01_logo {
height: 2.5rem;
}
.uui-space-xxlarge {
width: 100%;
min-height: 5rem;
}
.uui-logos01_text {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 500;
}
.brands-wrapper-new {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #ffffff47;
border-radius: 1.125rem;
grid-template: ". . Area"
/ 1fr;
grid-auto-columns: 1fr;
padding: 1.5rem;
display: block;
}
.collection-list-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-items: stretch stretch;
padding-top: 0;
display: flex;
}
.collection-list {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: center;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: flex-start;
align-items: flex-end;
margin-bottom: -10px;
margin-right: -10px;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.collection-item---brand {
align-self: stretch;
padding-bottom: 10px;
padding-left: 0;
padding-right: 10px;
}
.image-2 {
text-align: center;
vertical-align: middle;
flex: 0 auto;
align-self: stretch;
}
.uui-text-size-medium {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-text-align-center-2 {
text-align: center;
}
.uui-text-size-small {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
line-height: 1.5;
}
.uui-container-large-2 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.align-center-3 {
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-2 {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-max-width-large-2 {
width: 100%;
max-width: 48rem;
}
.uui-max-width-large-2.align-center-3 {
margin-left: auto;
margin-right: auto;
}
.uui-text-size-large {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
line-height: 1.5;
}
.uui-heading-medium {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 2.25rem;
font-weight: 600;
line-height: 1.3;
}
.uui-button {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
color: var(--untitled-ui--white);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button:hover {
border-color: var(--untitled-ui--primary700);
background-color: var(--untitled-ui--primary700);
}
.uui-button:focus {
background-color: var(--untitled-ui--primary600);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}
.uui-heading-xsmall {
color: var(--untitled-ui--gray900);
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: Lato, sans-serif;
font-size: 1.5rem;
font-weight: 600;
line-height: 1.4;
}
.uui-button-row {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.uui-button-row.button-row-center {
justify-content: center;
}
.uui-blogsection01_component {
flex-direction: column;
align-items: center;
margin-top: 4rem;
margin-bottom: 4rem;
}
.uui-blogsection01_list {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.uui-text-divider {
color: var(--untitled-ui--gray600);
margin-left: .25rem;
margin-right: .25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-text-divider.text-size-small {
color: var(--untitled-ui--gray600);
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
}
.project-image {
object-fit: cover;
border-radius: 8px;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.project-section_image-wrapper {
width: 100%;
padding-top: 66%;
position: relative;
overflow: hidden;
}
.uui-blogsection01_image-link {
width: 100%;
margin-bottom: 2rem;
transition: all .3s;
}
.uui-blogsection01_image-link:hover {
box-shadow: 0 24px 48px -12px #1018282e;
}
.project-section {
padding-bottom: 40px;
}
.uui-blogsection01_category-link {
color: var(--untitled-ui--primary700);
margin-bottom: .5rem;
margin-right: 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
transition: opacity .3s;
}
.uui-blogsection01_category-link:hover {
color: var(--untitled-ui--primary800);
}
.uui-blogsection01_category-link.w--current {
border-bottom: 2px solid #000;
}
.project-title-section {
color: var(--untitled-ui--gray900);
justify-content: space-between;
margin-bottom: .5rem;
text-decoration: none;
display: flex;
}
.uui-blogsection01_icon {
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
margin-top: .25rem;
margin-left: .5rem;
display: flex;
}
.uui-blogsection01_author-image {
object-fit: cover;
border-radius: 100%;
width: 2.5rem;
min-width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
}
.uui-blogsection01_author-image-wrapper {
margin-right: .75rem;
}
.uui-blogsection01_author-wrapper {
align-items: center;
margin-top: 1.5rem;
display: flex;
}
.uui-blogsection01_date-wrapper {
align-items: center;
display: flex;
}
.uui-space-xsmall {
width: 100%;
min-height: 1rem;
}
.uui-padding-vertical-xhuge {
padding-top: 7rem;
padding-bottom: 7rem;
}
.uui-heading-subheading {
color: var(--untitled-ui--primary600);
margin-bottom: .75rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
}
.uui-blogsection01_author-heading {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 600;
}
.uui-heading-xxsmall {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5;
}
.uui-heading-xxsmall.text-weight-medium {
font-weight: 500;
}
.testimonial-card {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
border: 1px solid var(--untitled-ui--gray50);
background-color: var(--untitled-ui--gray50);
border-radius: 1rem;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 25rem;
min-width: 25rem;
margin-right: 2rem;
padding: 2rem;
display: flex;
}
.uui-testimonial16_customer-image {
object-fit: cover;
border-radius: 100%;
width: 3rem;
min-width: 3rem;
height: 3rem;
min-height: 3rem;
}
.uui-testimonial16_client-image-wrapper {
margin-right: .75rem;
}
.uui-testimonial16_client {
text-align: left;
align-items: center;
display: flex;
}
.uui-testimonial16_component {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
margin-top: 4rem;
display: flex;
}
.uui-testimonial16_rating-icon {
color: var(--untitled-ui--warning300);
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
margin-right: .25rem;
display: flex;
}
.uui-testimonial16_rating-wrapper {
align-items: center;
display: flex;
}
.uui-section_testimonial16 {
overflow: hidden;
}
.uui-testimonial16_loop-trigger {
display: flex;
}
.uui-testimonial16_client-heading {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
}
.uui-text-size-medium-2 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-text-align-center-3 {
text-align: center;
}
.uui-container-large-3 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.align-center-4 {
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-3 {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-max-width-large-3 {
width: 100%;
max-width: 48rem;
}
.uui-max-width-large-3.align-center-4 {
margin-left: auto;
margin-right: auto;
}
.uui-text-size-large-2 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
line-height: 1.5;
}
.uui-heading-large {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 3rem;
font-weight: 600;
line-height: 1.2;
}
.uui-heading-xsmall-2 {
color: var(--untitled-ui--gray900);
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.5rem;
font-weight: 600;
line-height: 1.4;
}
.case-study-card {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.case-study-card.left-align {
margin-bottom: 40px;
}
.uui-blog02_title-link {
margin-bottom: .5rem;
text-decoration: none;
display: block;
}
.uui-blog02_list {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.uui-blog02_category-menu {
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 4rem;
display: flex;
}
.uui-blog02_category-menu.no-scrollbar {
box-shadow: inset 0 -1px 0 0 var(--untitled-ui--gray200);
justify-content: center;
}
.uui-button-link {
grid-column-gap: .5rem;
color: var(--untitled-ui--primary700);
white-space: nowrap;
background-color: #0000;
justify-content: center;
align-items: center;
padding: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
}
.uui-button-link:hover {
color: var(--untitled-ui--primary800);
}
.uui-button-icon {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
display: flex;
}
.uui-blog02_menu-link {
color: var(--untitled-ui--gray500);
white-space: nowrap;
border-bottom: 2px solid #0000;
flex: none;
margin-left: .5rem;
margin-right: .5rem;
padding: .5rem .25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 600;
text-decoration: none;
transition: all .3s;
}
.uui-blog02_menu-link:hover, .uui-blog02_menu-link.w--current {
border-bottom-color: var(--untitled-ui--primary700);
color: var(--untitled-ui--primary700);
}
.uui-blog02_meta-wrapper {
background-color: var(--untitled-ui--primary50);
color: var(--untitled-ui--primary700);
mix-blend-mode: multiply;
border-radius: 10rem;
align-items: center;
margin-bottom: 1rem;
padding: .25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .75rem;
font-weight: 500;
display: flex;
}
.uui-blog02_category-link {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--primary700);
border-radius: 1rem;
align-items: center;
padding: .125rem .5rem;
font-size: .75rem;
font-weight: 500;
transition: all .3s;
display: flex;
}
.uui-blog02_category-link:hover {
color: var(--untitled-ui--primary800);
}
.uui-blog02_read-time {
align-items: center;
padding-left: .5rem;
padding-right: .5rem;
display: flex;
}
.uui-blog02_image-link {
width: 100%;
margin-bottom: 2rem;
transition: all .3s;
}
.uui-blog02_image-link:hover {
box-shadow: 0 24px 48px -12px #1018282e;
}
.uui-blog02_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.uui-blog02_image-wrapper {
width: 100%;
padding-top: 66%;
position: relative;
overflow: hidden;
}
.case-study-component {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
margin-top: 6rem;
display: flex;
}
.space-small {
width: 100%;
min-height: 1.5rem;
}
.uui-padding-vertical-xhuge-2 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.uui-heading-subheading-2 {
color: var(--untitled-ui--primary600);
margin-bottom: .75rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
}
.eyebrow {
color: var(--text-color--brand);
text-align: left;
letter-spacing: 1px;
text-transform: uppercase;
padding-left: 0;
padding-right: .75rem;
font-family: Lato, sans-serif;
font-size: clamp(.75rem, 1.25vw, 1rem);
font-weight: 700;
}
.eyebrow.w--current {
color: #ffffff80;
}
.eyebrow.nav-link {
padding-top: .75rem;
padding-bottom: .75rem;
font-weight: 600;
transition: opacity .2s;
display: block;
}
.eyebrow.nav-link.w--current {
color: #fff;
border: 1px #fff;
border-radius: 999px;
padding-left: 1rem;
padding-right: 1rem;
font-weight: 600;
}
.eyebrow.nav-link.utility-items {
border-bottom: 1px solid var(--base-color-brand--brand);
padding-top: 1rem;
padding-bottom: 1rem;
font-size: 14px;
}
.eyebrow.nav-link.utility-items:hover {
border-bottom: 1px solid #fff;
}
.eyebrow.nav-link.utility-items.w--current {
border-radius: 0;
font-weight: 500;
}
.eyebrow.nav-link.utility-items.selected {
background-color: var(--base-color-brand--dark-blue);
}
.eyebrow.nav-link.utility-items.selected.w--current {
font-weight: 500;
}
.eyebrow.nav-link.utility-items.selected-item.w--current {
background-color: var(--base-color-brand--dark-blue);
border-radius: 0;
}
.eyebrow.left-align {
text-align: left;
}
.eyebrow.left-align.charger {
color: var(--charger-orange);
}
.eyebrow.new {
padding-right: 0;
}
.eyebrow.center-align {
text-align: center;
padding-right: 0;
}
.eyebrow.engineered, .eyebrow.ep {
color: var(--engineered-power-secondary);
}
.eyebrow.valence {
color: var(--valence-green);
}
.eyebrow.aved {
color: var(--aved-red);
}
.eyebrow.charger {
color: var(--charger-orange);
}
.eyebrow.charger.center-align {
color: var(--base-color-brand--brand);
}
.eyebrow.hg {
color: var(--homegrid-blue);
}
.eyebrow.grey {
color: var(--base-color-neutral--neutral-dark);
}
.eyebrow.homegrid {
color: var(--homegrid-blue);
}
.uui-text-size-medium-3 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
align-self: flex-start;
padding-bottom: 10px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-container-large-4 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-4 {
padding-left: 2rem;
padding-right: 2rem;
}
.show-tablet {
display: none;
}
.uui-text-size-large-3 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
line-height: 1.5;
}
.uui-heading-xxsmall-2 {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5;
}
.uui-heading-xxsmall-2.text-weight-medium {
font-weight: 500;
}
.uui-heading-medium-2 {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 2.25rem;
font-weight: 600;
line-height: 1.3;
}
.uui-button-2 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
color: var(--untitled-ui--white);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-2:hover {
border-color: var(--untitled-ui--primary700);
background-color: var(--untitled-ui--primary700);
}
.uui-button-2:focus {
background-color: var(--untitled-ui--primary600);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}
.uui-button-2.is-button-medium {
grid-column-gap: .5rem;
padding: .625rem 1.125rem;
font-size: 1rem;
}
.uui-button-row-2 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.uui-blogsection11_title-link {
margin-bottom: .5rem;
text-decoration: none;
display: block;
}
.uui-blogsection11_item-content {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
display: flex;
}
.uui-blogsection11_item {
grid-column-gap: 1.5rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.uui-blogsection11_list {
grid-column-gap: 0rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.uui-blogsection11_layout {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.uui-button-link-2 {
grid-column-gap: .5rem;
color: var(--untitled-ui--primary700);
white-space: nowrap;
background-color: #0000;
justify-content: center;
align-items: center;
padding: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
}
.uui-button-link-2:hover {
color: var(--untitled-ui--primary800);
}
.uui-button-icon-2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
display: flex;
}
.uui-blogsection11_read-time {
align-items: center;
padding-left: .5rem;
padding-right: .5rem;
display: flex;
}
.uui-blogsection11_category-link {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--primary700);
border-radius: 1rem;
align-items: center;
padding: .125rem .5rem;
font-size: .75rem;
font-weight: 500;
text-decoration: none;
display: flex;
}
.uui-blogsection11_meta-wrapper {
background-color: var(--untitled-ui--primary50);
color: var(--untitled-ui--primary700);
mix-blend-mode: multiply;
border-radius: 10rem;
align-items: center;
margin-bottom: 1rem;
padding: .25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .75rem;
font-weight: 500;
display: flex;
}
.uui-blogsection11_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.uui-blogsection11_image-wrapper {
width: 100%;
padding-top: 75%;
position: relative;
overflow: hidden;
}
.uui-blogsection11_image-link {
width: 100%;
transition: all .3s;
}
.uui-blogsection11_image-link:hover {
box-shadow: 0 24px 48px -12px #1018282e;
}
.uui-blogsection11_button-row {
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin-top: 2rem;
display: flex;
}
.uui-blogsection11_button-row.show-tablet {
display: none;
}
.uui-space-xsmall-2 {
width: 100%;
min-height: 1rem;
}
.uui-padding-vertical-xhuge-3 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.uui-heading-subheading-3 {
color: var(--untitled-ui--primary600);
margin-bottom: .75rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
}
.uui-text-size-small-2 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
line-height: 1.5;
}
.uui-max-width-large-4 {
width: 100%;
max-width: 48rem;
}
.uui-testimonial15_slide {
padding-right: 2rem;
}
.uui-testimonial15_customer-image {
object-fit: cover;
border-radius: 100%;
width: 3rem;
min-width: 3rem;
height: 3rem;
min-height: 3rem;
}
.uui-testimonial15_client-image-wrapper {
margin-right: .75rem;
}
.uui-testimonial15_client {
text-align: left;
align-items: center;
margin-top: auto;
display: flex;
}
.uui-testimonial15_rating-icon {
color: var(--untitled-ui--warning300);
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
margin-right: .25rem;
display: flex;
}
.uui-testimonial15_rating-wrapper {
align-items: center;
display: flex;
}
.uui-testimonial15_content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
border: 1px solid var(--untitled-ui--gray50);
background-color: var(--untitled-ui--gray50);
border-radius: 1rem;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding: 2rem;
display: flex;
}
.uui-testimonial15_mask {
width: 33.33%;
overflow: visible;
}
.uui-testimonial15_component {
background-color: #0000;
height: auto;
margin-top: 4rem;
padding-bottom: 5rem;
position: relative;
}
.uui-section_testimonial15 {
overflow: hidden;
}
.uui-testimonial15_slide-nav {
height: 1.75rem;
font-size: .5rem;
inset: auto auto 0% 0%;
}
.uui-testimonial15_arrow {
border: 1px solid var(--untitled-ui--gray200);
color: var(--untitled-ui--gray500);
background-color: #fff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
transition: all .3s;
display: flex;
inset: auto 0% 0% auto;
}
.uui-testimonial15_arrow:hover {
background-color: var(--untitled-ui--gray50);
}
.uui-testimonial15_arrow.left {
right: 4rem;
}
.uui-testimonial15_client-heading {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
}
.uui-heading-xsmall-3 {
color: var(--untitled-ui--gray900);
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.5rem;
font-weight: 600;
line-height: 1.4;
}
.uui-blogsection12_component {
background-color: #0000;
height: auto;
margin-top: 4rem;
padding-bottom: 8rem;
position: relative;
}
.slider-dots {
height: 1.75rem;
font-size: .5rem;
inset: auto auto 0% 0%;
}
.slider-arrows {
border: 2px solid var(--untitled-ui--gray900);
color: var(--untitled-ui--gray500);
background-color: #fff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
transition: all .3s;
display: flex;
inset: auto 0% 0% auto;
}
.slider-arrows:hover {
background-color: var(--untitled-ui--gray50);
}
.slider-arrows.left {
border-width: 2px;
border-color: var(--untitled-ui--gray900);
right: 4rem;
}
.market-slide {
padding-right: 2rem;
}
.uui-blogsection12_mask {
width: 33.33%;
height: 350px;
overflow: visible;
}
.uui-section_blogsection12 {
overflow: hidden;
}
.uui-text-divider-2 {
color: var(--untitled-ui--gray600);
margin-left: .25rem;
margin-right: .25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-text-divider-2.text-size-small {
color: var(--untitled-ui--gray600);
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
}
.uui-blogsection12_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.uui-blogsection12_image-wrapper {
width: 100%;
padding-top: 66%;
position: relative;
overflow: hidden;
}
.uui-blogsection12_image-link {
width: 100%;
margin-bottom: 2rem;
transition: all .3s;
}
.uui-blogsection12_image-link:hover {
box-shadow: 0 24px 48px -12px #1018282e;
}
.title-link {
color: var(--untitled-ui--gray900);
justify-content: space-between;
margin-bottom: .5rem;
text-decoration: none;
display: flex;
}
.category-link {
color: var(--untitled-ui--primary700);
margin-bottom: .5rem;
margin-right: 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
transition: opacity .3s;
}
.category-link:hover {
color: var(--untitled-ui--primary800);
}
.category-link.w--current {
border-bottom: 2px solid #000;
}
.uui-blogsection12_author-wrapper {
align-items: center;
margin-top: 1.5rem;
display: flex;
}
.uui-blogsection12_date-wrapper {
align-items: center;
display: flex;
}
.uui-blogsection12_author-image {
object-fit: cover;
border-radius: 100%;
width: 2.5rem;
min-width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
}
.uui-blogsection12_author-image-wrapper {
margin-right: .75rem;
}
.uui-blogsection12_icon {
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
margin-top: .25rem;
margin-left: .5rem;
display: flex;
}
.uui-blogsection12_button-row {
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
display: flex;
}
.uui-blogsection12_button-row.hide-mobile-landscape-2 {
display: none;
}
.uui-blogsection12_heading {
flex: 1;
padding-bottom: 20px;
}
.uui-blogsection12_heading-wrapper {
grid-column-gap: 5rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: start;
display: grid;
}
.uui-blogsection12_author-heading {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 600;
}
.collection-item-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.text-block-3 {
align-self: flex-start;
padding-bottom: 10px;
}
.text-block-4 {
text-align: left;
align-self: flex-start;
padding-bottom: 20px;
}
.collection-list-wrapper-2 {
padding-top: 2rem;
padding-bottom: 0;
}
.paragraph-big {
color: #fff;
white-space: normal;
width: 100%;
font-size: 24px;
font-weight: 400;
line-height: 30px;
}
.paragraph-big.black {
color: #000;
text-align: left;
padding-bottom: 20px;
}
.paragraph-big.hg {
width: 70%;
}
.paragraph-big.dark {
color: #000;
}
.collection-list-wrapper-3 {
margin-top: 20px;
margin-bottom: 20px;
}
.div-block-4 {
margin-bottom: 158px;
padding-top: 40px;
}
.image-3 {
text-align: center;
}
.uui-text-size-medium-4 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-padding-vertical-xhuge-4 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.uui-text-size-medium-5 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-padding-vertical-xhuge-5 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.padding-global---color {
background-color: var(--base-color-brand--dark-blue);
margin-top: 0;
padding: 2.5rem;
}
.padding-global---color.utility {
background-color: var(--base-color-brand--brand);
padding-top: 0;
padding-bottom: 0;
padding-left: 2.5rem;
display: flex;
}
.padding-global---color.testimonial {
background-color: var(--base-color-brand--dark-blue);
margin-bottom: 60px;
padding-top: 5rem;
padding-bottom: 5rem;
}
.uui-text-size-medium-6 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-text-size-small-3 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
line-height: 1.5;
}
.uui-container-large-5 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-5 {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-max-width-large-5 {
width: 100%;
max-width: 48rem;
}
.uui-text-size-large-4 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
line-height: 1.5;
}
.uui-heading-medium-3 {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 2.25rem;
font-weight: 600;
line-height: 1.3;
}
.uui-button-3 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
color: var(--untitled-ui--white);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-3:hover {
border-color: var(--untitled-ui--primary700);
background-color: var(--untitled-ui--primary700);
}
.uui-button-3:focus {
background-color: var(--untitled-ui--primary600);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}
.uui-heading-xsmall-4 {
color: var(--untitled-ui--gray900);
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.5rem;
font-weight: 600;
line-height: 1.4;
}
.heading-wrapper {
grid-column-gap: 5rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
place-content: stretch space-between;
place-items: end stretch;
padding-top: 0;
padding-bottom: 0;
display: grid;
}
.uui-blogsection03_button-row {
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
display: flex;
}
.uui-blogsection03_button-row.mobile-landscape {
display: none;
}
.uui-blogsection03_heading {
flex: 1;
padding-top: 40px;
}
.uui-blogsection03_list {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 4rem;
padding-bottom: 40px;
}
.blog-section {
flex-direction: column;
align-items: center;
}
.uui-text-divider-3 {
color: var(--untitled-ui--gray600);
margin-left: .25rem;
margin-right: .25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-text-divider-3.text-size-small {
color: var(--untitled-ui--gray600);
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
}
.uui-blogsection03_author-image {
object-fit: cover;
border-radius: 100%;
width: 2.5rem;
min-width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
}
.uui-blogsection03_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.uui-blogsection03_image-wrapper {
width: 100%;
padding-top: 66%;
position: relative;
overflow: hidden;
}
.uui-blogsection03_image-link {
width: 100%;
margin-bottom: 2rem;
transition: all .3s;
}
.uui-blogsection03_image-link:hover {
box-shadow: 0 24px 48px -12px #1018282e;
}
.uui-blogsection03_category-link {
color: var(--untitled-ui--primary700);
margin-bottom: .5rem;
margin-right: 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
transition: opacity .3s;
display: block;
}
.uui-blogsection03_category-link:hover {
color: var(--untitled-ui--primary800);
}
.uui-blogsection03_category-link.w--current {
border-bottom: 2px solid #000;
}
.uui-blogsection03_title-link {
color: var(--untitled-ui--gray900);
justify-content: space-between;
margin-bottom: 0;
padding-bottom: 10px;
text-decoration: none;
display: flex;
}
.uui-blogsection03_icon {
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
margin-top: .25rem;
margin-left: .5rem;
display: flex;
}
.uui-blogsection03_author-image-wrapper {
margin-right: .75rem;
}
.uui-blogsection03_date-wrapper {
align-items: center;
display: flex;
}
.uui-blogsection03_author-wrapper {
align-items: center;
margin-top: 1.5rem;
display: flex;
}
.uui-space-xsmall-3 {
width: 100%;
min-height: 1rem;
}
.uui-padding-vertical-xhuge-6 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.uui-heading-subheading-4 {
color: var(--untitled-ui--primary600);
margin-bottom: .75rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
}
.uui-blogsection03_author-heading {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 600;
}
.div-block-5 {
padding-top: 10px;
padding-bottom: 40px;
}
.card_image_wrap-copy {
grid-column-gap: 38px;
grid-row-gap: 38px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
height: 18rem;
display: flex;
position: relative;
overflow: hidden;
}
.collection-list-wrapper-4 {
padding-top: 40px;
}
.padding-global-copy {
background-color: var(--base-color-brand--dark-blue);
margin-top: 0;
padding-top: 2.5rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.padding-global-copy.utility {
background-color: var(--base-color-brand--brand);
padding-top: 0;
padding-bottom: 0;
padding-left: 2.5rem;
display: flex;
}
.padding-global-copy.testimonial {
background-color: var(--base-color-brand--dark-blue);
margin-bottom: 60px;
padding-top: 5rem;
padding-bottom: 5rem;
}
.collection-item-3 {
white-space: normal;
padding-bottom: 0;
line-height: 20px;
}
.collection-item-4 {
padding-bottom: 40px;
}
.uui-text-size-medium-7 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-text-size-small-4 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
line-height: 1.5;
}
.uui-text-size-small-4.text-color-white {
color: var(--untitled-ui--white);
}
.uui-text-rich-text {
color: var(--untitled-ui--gray600);
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.uui-text-rich-text h1 {
margin-top: 2rem;
margin-bottom: 1.5rem;
}
.uui-text-rich-text h2 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.uui-text-rich-text h3 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.uui-text-rich-text h4 {
margin-top: 1.5rem;
margin-bottom: 1.25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.uui-text-rich-text h5, .uui-text-rich-text h6 {
margin-top: 1.25rem;
margin-bottom: 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.uui-text-rich-text p {
margin-bottom: 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.uui-text-rich-text blockquote {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-style: italic;
}
.uui-text-rich-text a {
text-decoration: underline;
}
.uui-text-rich-text figcaption {
color: var(--untitled-ui--gray500);
text-align: left;
margin-top: 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
}
.uui-container-large-6 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.align-center-5 {
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-6 {
height: 100%;
padding: 5rem 2rem;
}
.uui-max-width-large-6 {
width: 100%;
max-width: 48rem;
}
.uui-max-width-large-6.align-center-5 {
margin-left: auto;
margin-right: auto;
}
.uui-container-small {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.uui-heading-large-2 {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 3rem;
font-weight: 600;
line-height: 1.2;
}
.uui-heading-large-2.text-color-white {
color: var(--untitled-ui--white);
}
.uui-blogpost02_title-wrapper {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.text-color-white {
color: #fff;
}
.uui-blogpost02_author-wrapper {
text-align: center;
flex-direction: column;
align-items: center;
margin-top: 3rem;
display: flex;
}
.uui-blogpost02_author-image {
object-fit: cover;
border-radius: 100%;
width: 3.5rem;
min-width: 3.5rem;
height: 3.5rem;
min-height: 3.5rem;
}
.uui-text-divider-4 {
color: var(--untitled-ui--gray600);
margin-left: .25rem;
margin-right: .25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-text-divider-4.text-color-white {
color: var(--untitled-ui--white);
}
.uui-blogpost02_date-wrapper {
align-items: center;
margin-top: .25rem;
display: flex;
}
.uui-blogpost02_author-image-wrapper {
margin-bottom: 1rem;
}
.uui-blogpost02_category-link {
color: #fff;
margin-bottom: 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 600;
text-decoration: none;
}
.uui-blogpost02_category-link.w--current {
border-bottom: 2px solid #000;
}
.uui-breadcrumb-link {
color: var(--untitled-ui--gray600);
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 500;
text-decoration: none;
transition: all .3s;
}
.uui-breadcrumb-link:hover {
color: var(--untitled-ui--gray700);
}
.uui-breadcrumb-link.w--current {
color: var(--untitled-ui--primary700);
font-weight: 600;
}
.uui-breadcrumb-link.w--current:hover {
color: var(--untitled-ui--primary800);
}
.uui-breadcrumb-divider {
color: var(--untitled-ui--gray500);
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
margin-left: .5rem;
margin-right: .5rem;
display: flex;
}
.uui-blogpost02_background {
z-index: -1;
background-image: linear-gradient(#10182866, #10182866);
}
.uui-blogpost02_header {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6824a1f5cd3abb61cd76333e_1b0f9dbb4a9f5dc781f1d0ae0a7552b4_Blog%20Image%204.jpg"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%, 0 0;
background-size: auto, contain;
margin-bottom: 4.5rem;
position: relative;
}
.uui-blogpost02_tag-list {
grid-column-gap: .5rem;
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.uui-blogpost02_tag-list-wrapper {
width: 100%;
}
.uui-blogpost02_share-wrapper {
flex-direction: column;
align-items: center;
display: flex;
}
.uui-blogpost02_content-bottom {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.uui-blogpost02_content {
margin-bottom: 4rem;
}
.uui-blogpost02_divider {
background-color: var(--untitled-ui--gray200);
width: 100%;
max-width: 48rem;
height: 1px;
margin-top: 3rem;
margin-bottom: 1.5rem;
}
.uui-blogpost02_breadcrumb {
align-items: center;
width: 100%;
display: flex;
}
.uui-blogpost02_content-top {
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: 2.5rem;
display: flex;
}
.uui-blogpost02_share {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-items: start;
margin-top: 1rem;
margin-bottom: 1.5rem;
display: grid;
}
.uui-button-icon-3 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
display: flex;
}
.uui-button-icon-3.text-color-gray400 {
color: var(--untitled-ui--gray400);
}
.uui-badge {
grid-column-gap: .375rem;
background-color: var(--untitled-ui--gray100);
color: var(--untitled-ui--gray700);
white-space: nowrap;
border-radius: 10rem;
align-items: center;
padding: .125rem .625rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 500;
line-height: 1.5;
text-decoration: none;
display: flex;
}
.uui-badge.is-primary {
background-color: var(--untitled-ui--primary50);
color: var(--untitled-ui--primary700);
}
.uui-badge.is-pink {
background-color: var(--untitled-ui--pink50);
color: var(--untitled-ui--pink700);
}
.uui-badge.is-indigo {
background-color: var(--untitled-ui--indigo50);
color: var(--untitled-ui--indigo700);
}
.uui-button-secondary-gray {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--gray300);
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-secondary-gray:hover {
background-color: var(--untitled-ui--gray50);
color: var(--untitled-ui--gray800);
}
.uui-button-secondary-gray:focus {
background-color: var(--untitled-ui--white);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}
.uui-button-secondary-gray.is-button-small {
grid-column-gap: .5rem;
padding: .5rem 1rem;
font-size: 1rem;
}
.uui-button-secondary-gray.is-button-small.icon-only {
width: 2.5rem;
height: 2.5rem;
padding: 0;
}
.uui-button-secondary-gray.icon-only {
justify-content: center;
align-items: center;
width: 2.75rem;
height: 2.75rem;
padding: 0;
display: flex;
}
.uui-heading-tiny {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.5;
}
.uui-heading-tiny.text-color-white {
color: var(--untitled-ui--white);
}
.uui-padding-vertical-xhuge-7 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.uui-space-xhuge {
width: 100%;
min-height: 7rem;
}
.uui-blogpost02_share-heading {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
}
.uui-blogpost02_author-heading {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
font-weight: 600;
}
.collection-item-5 {
padding-bottom: 40px;
}
.button-container {
color: var(--untitled-ui--primary700);
margin-bottom: .5rem;
margin-right: 1rem;
padding-top: 20px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
transition: opacity .3s;
}
.button-container:hover {
color: var(--untitled-ui--primary800);
}
.button-container.w--current {
border-bottom: 2px solid #000;
}
.eyebrow-light {
color: var(--link-color--link-primary);
letter-spacing: 1px;
text-transform: uppercase;
padding-left: 0;
padding-right: .75rem;
font-family: Lato, sans-serif;
font-size: clamp(.75rem, 1.25vw, 1rem);
font-weight: 700;
}
.eyebrow-light.w--current {
color: #ffffff80;
}
.eyebrow-light.nav-link {
padding-top: .75rem;
padding-bottom: .75rem;
font-weight: 600;
transition: opacity .2s;
display: block;
}
.eyebrow-light.nav-link.w--current {
color: #fff;
border: 1px #fff;
border-radius: 999px;
padding-left: 1rem;
padding-right: 1rem;
font-weight: 600;
}
.eyebrow-light.nav-link.utility-items {
border-bottom: 1px solid var(--base-color-brand--brand);
padding-top: 1rem;
padding-bottom: 1rem;
font-size: 14px;
}
.eyebrow-light.nav-link.utility-items:hover {
border-bottom: 1px solid #fff;
}
.eyebrow-light.nav-link.utility-items.w--current {
border-radius: 0;
font-weight: 500;
}
.eyebrow-light.nav-link.utility-items.selected {
background-color: var(--base-color-brand--dark-blue);
}
.eyebrow-light.nav-link.utility-items.selected.w--current {
font-weight: 500;
}
.eyebrow-light.nav-link.utility-items.selected-item.w--current {
background-color: var(--base-color-brand--dark-blue);
border-radius: 0;
}
.location-div {
grid-column-gap: 6px;
grid-row-gap: 6px;
display: flex;
}
.uui-text-size-medium-8 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-text-size-medium-8.text-color-primary700 {
color: var(--untitled-ui--primary700);
}
.uui-container-large-7 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-7 {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-max-width-large-7 {
width: 100%;
max-width: 48rem;
}
.uui-max-width-large-7.align-center-6 {
margin-left: auto;
margin-right: auto;
}
.uui-text-size-large-5 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
line-height: 1.5;
}
.uui-heading-medium-4 {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 2.25rem;
font-weight: 600;
line-height: 1.3;
}
.uui-button-4 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
color: var(--untitled-ui--white);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-4:hover {
border-color: var(--untitled-ui--primary700);
background-color: var(--untitled-ui--primary700);
}
.uui-button-4:focus {
background-color: var(--untitled-ui--primary600);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}
.social-icon-3 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.uui-button-row-3 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.uui-button-row-3.button-row-center {
justify-content: center;
}
.social-link-2 {
color: var(--untitled-ui--gray400);
transition: all .3s;
}
.social-link-2:hover {
color: var(--untitled-ui--gray500);
}
.uui-team06_component {
background-color: #0000;
height: auto;
margin-top: 4rem;
padding-bottom: 6rem;
position: relative;
}
.uui-section_team06 {
overflow: hidden;
}
.uui-team06_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.uui-team06_image-wrapper {
width: 100%;
margin-bottom: 1.5rem;
padding-top: 100%;
position: relative;
overflow: hidden;
}
.uui-team06_social {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: 1fr;
grid-auto-flow: column;
align-self: flex-start;
margin-top: 1.5rem;
display: grid;
}
.uui-team06_item {
flex-direction: column;
align-items: stretch;
display: flex;
}
.uui-team06_slide {
margin-right: 2rem;
}
.uui-team06_mask {
width: 33.33%;
overflow: visible;
}
.uui-team06_slide-nav {
height: 1.75rem;
font-size: .5rem;
inset: auto auto 0% 0%;
}
.uui-button-icon-4 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
display: flex;
}
.uui-team06_arrow {
border: 1px solid var(--untitled-ui--gray200);
color: var(--untitled-ui--gray500);
background-color: #fff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
transition: all .3s;
display: flex;
inset: auto 0% 0% auto;
}
.uui-team06_arrow:hover {
background-color: var(--untitled-ui--gray50);
}
.uui-team06_arrow.left {
right: 4rem;
}
.uui-button-secondary-gray-2 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--gray300);
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-secondary-gray-2:hover {
background-color: var(--untitled-ui--gray50);
color: var(--untitled-ui--gray800);
}
.uui-button-secondary-gray-2:focus {
background-color: var(--untitled-ui--white);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}
.uui-space-xsmall-4 {
width: 100%;
min-height: 1rem;
}
.uui-space-medium {
width: 100%;
min-height: 2rem;
}
.uui-heading-tiny-2 {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.5;
}
.uui-padding-vertical-xhuge-8 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.uui-heading-subheading-5 {
color: var(--untitled-ui--primary600);
margin-bottom: .75rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
}
.link {
color: var(--base-color-neutral--black);
}
.team-image {
object-fit: cover;
border-radius: 8px;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.uui-text-align-center-4 {
text-align: center;
}
.align-center-6 {
margin-left: auto;
margin-right: auto;
}
.team02_image {
object-fit: cover;
width: 100%;
position: absolute;
inset: 0%;
}
.uui-team02_image-wrapper {
width: 100%;
margin-bottom: 1.5rem;
padding-top: 100%;
position: relative;
overflow: hidden;
}
.team-card {
text-align: center;
flex-direction: column;
align-items: stretch;
margin-bottom: 0;
padding-bottom: 20px;
display: flex;
}
.uui-team02_list {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start stretch;
display: grid;
}
.uui-team02_component {
margin-top: 4rem;
}
.uui-team02_social {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: 1fr;
grid-auto-flow: column;
align-self: center;
margin-top: 1.5rem;
display: grid;
}
.team-block {
padding-top: 80px;
padding-bottom: 20px;
}
.collection-item-6 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-list-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.brand-item-copy {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: var(--base-color-neutral--white);
color: var(--text-color--dark-secondary);
text-align: center;
border-radius: .5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
padding: 1rem 1rem 0;
display: flex;
overflow: hidden;
}
.brand-item-copy.new {
flex-flow: column;
justify-content: center;
align-items: center;
}
.brands-wrapper-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #ffffff47;
border-radius: 1.125rem;
grid-template: ". Area-3 Area"
". . Area-2"
/ 2fr 2fr;
grid-auto-columns: .25fr;
padding: 1.5rem;
display: grid;
}
.icon-1x1-small-copy {
flex: none;
width: 1.5rem;
height: 1.5rem;
padding-top: 0;
padding-bottom: 0;
}
.div-block-6 {
border: 2px solid #000;
border-radius: 25px;
padding: 10px 10px 10px 40px;
}
.text-block-5 {
text-align: left;
font-size: 18px;
line-height: 22px;
}
.card-button {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: var(--base-color-neutral--white);
color: var(--text-color--dark-secondary);
text-align: center;
border-radius: .5rem;
flex-flow: column;
justify-content: center;
align-items: flex-start;
height: 100%;
padding: 1rem 1rem .25em;
display: flex;
overflow: hidden;
}
.card-button.new {
flex-flow: column;
justify-content: center;
align-items: center;
}
.collection-list-wrapper-5, .uui-text-align-center-5 {
text-align: center;
}
.align-center-7 {
margin-left: auto;
margin-right: auto;
}
.uui-max-width-large-8 {
width: 100%;
max-width: 48rem;
}
.uui-max-width-large-8.align-center-7 {
margin-left: auto;
margin-right: auto;
}
.uui-logos04_list {
grid-column-gap: 0px;
grid-row-gap: 0px;
white-space: nowrap;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem;
grid-auto-columns: 1fr;
justify-content: space-around;
place-items: center start;
width: 120rem;
display: flex;
}
.uui-logos04_wrapper {
justify-content: center;
align-items: flex-start;
padding: .75rem .25rem;
display: flex;
}
.uui-logos04_logo {
height: 3rem;
}
.uui-logo-loop_inner {
display: flex;
}
.uui-section_logos04 {
overflow: hidden;
}
.uui-logo-loop_component {
height: 4.5rem;
margin-top: 2rem;
}
.uui-space-xxlarge-2 {
width: 100%;
min-height: 5rem;
}
.uui-logos04_text {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 500;
}
.uui-container-large-8 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-logos01_wrapper-2 {
justify-content: center;
align-items: flex-start;
padding: .75rem 1.5rem;
display: flex;
}
.uui-logos01_component-2 {
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top: 2rem;
display: flex;
}
.uui-logos01_logo-2 {
height: 2.5rem;
}
.uui-logos01_text-2 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 500;
}
.collection-item-7 {
padding-top: 20px;
padding-bottom: 20px;
padding-right: 0;
}
.div-block-7 {
justify-content: flex-start;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.image-4 {
padding-bottom: 10px;
}
.eyebrow-banner {
color: var(--text-color--brand);
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
flex-flow: row;
justify-content: center;
align-items: center;
padding-left: 0;
padding-right: 0;
font-family: Lato, sans-serif;
font-size: 12px;
font-weight: 700;
display: flex;
}
.eyebrow-banner.w--current {
color: #ffffff80;
}
.eyebrow-banner.nav-link {
padding-top: .75rem;
padding-bottom: .75rem;
font-weight: 600;
transition: opacity .2s;
display: block;
}
.eyebrow-banner.nav-link.w--current {
color: #fff;
border: 1px #fff;
border-radius: 999px;
padding-left: 1rem;
padding-right: 1rem;
font-weight: 600;
}
.eyebrow-banner.nav-link.utility-items {
border-bottom: 1px solid var(--base-color-brand--brand);
padding-top: 1rem;
padding-bottom: 1rem;
font-size: 14px;
}
.eyebrow-banner.nav-link.utility-items:hover {
border-bottom: 1px solid #fff;
}
.eyebrow-banner.nav-link.utility-items.w--current {
border-radius: 0;
font-weight: 500;
}
.eyebrow-banner.nav-link.utility-items.selected {
background-color: var(--base-color-brand--dark-blue);
}
.eyebrow-banner.nav-link.utility-items.selected.w--current {
font-weight: 500;
}
.eyebrow-banner.nav-link.utility-items.selected-item.w--current {
background-color: var(--base-color-brand--dark-blue);
border-radius: 0;
}
.eyebrow-banner.left-align {
text-align: left;
}
.eyebrow-banner.new {
padding-right: 0;
}
.eyebrow-banner.white {
color: var(--border-color--border-primary);
}
.list-2 {
flex-flow: row;
justify-content: center;
align-items: center;
padding-top: 20px;
list-style-type: none;
display: flex;
}
.heading-style-2 {
text-align: center;
font-family: Lato, sans-serif;
font-size: 4rem;
}
.heading {
font-size: 2rem;
}
.button-nav {
color: #fff;
text-align: center;
letter-spacing: 1px;
background-color: #000;
border-radius: 25px;
padding: .75rem 1.5rem;
font-family: Lato, sans-serif;
font-weight: 600;
}
.button-nav:hover {
background-color: var(--base-color-neutral--neutral);
}
.button-nav.is-text {
color: #000;
background-color: #0000;
border: 2px solid #0000;
}
.button-nav.is-small {
padding: .5rem 1.25rem;
}
.button-nav.is-form-submit {
color: var(--base-color-brand--brand);
text-transform: uppercase;
background-color: #fff0;
padding-left: 0;
padding-right: 0;
font-family: Lato, sans-serif;
font-size: .875rem;
font-weight: 700;
}
.button-nav.is-form-submit.alt {
background-color: var(--base-color-brand--brand);
color: var(--base-color-neutral--white);
font-size: 1.125rem;
transition: background-color .2s;
}
.button-nav.is-form-submit.alt:hover {
background-color: var(--base-color-brand--blue-dark);
}
.button-nav.is-large {
padding: 1rem 2rem;
}
.button-nav.is-secondary {
color: #000;
background-color: #0000;
border: 2px solid #000;
border-bottom-width: .125rem;
}
.button-nav.is-icon {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border: 2px solid var(--base-color-neutral--white);
background-color: #fff0;
border-radius: 999px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 1rem .75rem 1rem 1rem;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
overflow: hidden;
}
.button-nav.is-icon:hover {
background-color: var(--base-color-brand--brand);
border-color: #fff;
}
.button-nav.is-icon.is-alt {
color: var(--text-color--brand);
background-color: #fff;
padding-right: 1rem;
transition: none;
}
.button-nav.is-icon.is-alt:hover {
border-color: var(--base-color-neutral--white);
}
.button-nav.is-icon.is-secondary {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
background-color: #020202;
margin-bottom: .75rem;
padding: .75rem;
transition: none;
}
.button-nav.is-icon.is-secondary:hover {
background-color: #004a9800;
}
.button-nav.is-icon.is-mobile {
display: none;
}
.button-nav.is-icon.plain {
flex: none;
padding-right: 1rem;
transition: none;
}
.button-nav.is-icon.plain:hover {
border-color: var(--border-color--border-secondary);
background-color: #004a9800;
}
.button-nav.is-icon.plain.dark {
border-color: var(--text-color--dark);
color: var(--text-color--dark);
}
.button-nav.is-icon.cta {
z-index: 1;
padding-right: 1rem;
}
.button-nav.is-icon.cta:hover {
border-color: var(--text-color--brand);
background-color: var(--base-color-brand--brand);
}
.button-nav.is-icon.nav {
flex: none;
display: flex;
}
.button-nav.is-icon.nav:hover {
background-color: var(--base-color-neutral--white);
color: var(--base-color-brand--brand);
}
.button-nav.is-icon.nav-main {
flex: none;
padding-right: 1rem;
}
.button-nav.is-icon.nav-main:hover {
background-color: var(--base-color-neutral--white);
color: var(--base-color-brand--brand);
}
.button-nav.is-icon.nav-main.second {
padding-top: .5rem;
padding-bottom: .5rem;
}
.button-nav.is-icon.nav-main.dark {
border-color: var(--base-color-neutral--black);
color: #000;
}
.button-nav.is-icon.is-white {
border-color: var(--base-color-neutral--white);
color: var(--text-color--text-alternate);
padding: .75rem;
transition: none;
}
.button-nav.is-icon.is-white:hover {
background-color: #004a9800;
}
.button-nav.is-icon.is-filters {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: .75rem;
transition: none;
}
.button-nav.is-icon.is-filters:hover {
background-color: #004a9800;
}
.button-nav.is-icon.is-download {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: .75rem;
transition: none;
}
.button-nav.is-icon.is-download:hover {
background-color: #004a9800;
}
.button-nav.is-icon.is-back {
border-style: none;
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: 0;
transition: none;
}
.button-nav.is-icon.is-back:hover {
background-color: #004a9800;
}
.button-nav.is-icon.is-back.hide {
display: none;
}
.button-nav.is-icon.is-secondary-large {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: .75rem;
transition: none;
}
.button-nav.is-icon.is-secondary-large:hover {
background-color: #004a9800;
}
.button-nav.is-icon.cta-small {
z-index: 1;
padding-right: 1rem;
}
.button-nav.is-icon.cta-small:hover {
border-color: var(--text-color--brand);
background-color: var(--base-color-brand--brand);
}
.button-nav.is-icon.is-secondary-l {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: .75rem;
transition: none;
}
.button-nav.is-icon.is-secondary-l:hover {
background-color: #004a9800;
}
.button-nav.is-icon.is-alt-large {
color: var(--text-color--brand);
background-color: #fff;
padding-right: 1rem;
transition: none;
}
.button-nav.is-icon.is-alt-large:hover {
border-color: var(--base-color-neutral--white);
}
.button-nav.is-icon-copy {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border: 2px solid var(--base-color-neutral--white);
background-color: #fff0;
border-radius: 999px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 1rem .75rem 1rem 1rem;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
overflow: hidden;
}
.button-nav.is-icon-copy:hover {
background-color: var(--base-color-brand--brand);
border-color: #fff;
}
.button-nav.is-icon-copy.is-alt {
color: var(--text-color--brand);
background-color: #fff;
padding-right: 1rem;
transition: none;
}
.button-nav.is-icon-copy.is-alt:hover {
border-color: var(--base-color-neutral--white);
}
.button-nav.is-icon-copy.is-secondary {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
background-color: #020202;
margin-bottom: .75rem;
padding: .75rem;
transition: none;
}
.button-nav.is-icon-copy.is-secondary:hover {
background-color: #004a9800;
}
.button-nav.is-icon-copy.is-mobile {
display: none;
}
.button-nav.is-icon-copy.plain {
flex: none;
padding-right: 1rem;
transition: none;
}
.button-nav.is-icon-copy.plain:hover {
border-color: var(--border-color--border-secondary);
background-color: #004a9800;
}
.button-nav.is-icon-copy.plain.dark {
border-color: var(--text-color--dark);
color: var(--text-color--dark);
}
.button-nav.is-icon-copy.cta {
z-index: 1;
padding-right: 1rem;
}
.button-nav.is-icon-copy.cta:hover {
border-color: var(--text-color--brand);
background-color: var(--base-color-brand--brand);
}
.button-nav.is-icon-copy.nav {
flex: none;
display: flex;
}
.button-nav.is-icon-copy.nav:hover {
background-color: var(--base-color-neutral--white);
color: var(--base-color-brand--brand);
}
.button-nav.is-icon-copy.nav-main {
flex: none;
padding-right: 1rem;
}
.button-nav.is-icon-copy.nav-main:hover {
background-color: var(--base-color-neutral--white);
color: var(--base-color-brand--brand);
}
.button-nav.is-icon-copy.nav-main.second {
padding-top: .5rem;
padding-bottom: .5rem;
}
.button-nav.is-icon-copy.nav-main.dark {
border-color: var(--base-color-neutral--black);
color: #000;
}
.button-nav.is-icon-copy.is-white {
border-color: var(--base-color-neutral--white);
color: var(--text-color--text-alternate);
padding: .75rem;
transition: none;
}
.button-nav.is-icon-copy.is-white:hover {
background-color: #004a9800;
}
.button-nav.is-icon-copy.is-filters {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: .75rem;
transition: none;
}
.button-nav.is-icon-copy.is-filters:hover {
background-color: #004a9800;
}
.button-nav.is-icon-copy.is-download {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: .75rem;
transition: none;
}
.button-nav.is-icon-copy.is-download:hover {
background-color: #004a9800;
}
.button-nav.is-icon-copy.is-back {
border-style: none;
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: 0;
transition: none;
}
.button-nav.is-icon-copy.is-back:hover {
background-color: #004a9800;
}
.button-nav.is-icon-copy.is-back.hide {
display: none;
}
.button-nav.is-icon-copy.is-secondary-large {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: .75rem;
transition: none;
}
.button-nav.is-icon-copy.is-secondary-large:hover {
background-color: #004a9800;
}
.button-nav.is-icon-copy.cta-small {
z-index: 1;
padding-right: 1rem;
}
.button-nav.is-icon-copy.cta-small:hover {
border-color: var(--text-color--brand);
background-color: var(--base-color-brand--brand);
}
.button-nav.is-icon-copy.is-secondary-l {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: .75rem;
transition: none;
}
.button-nav.is-icon-copy.is-secondary-l:hover {
background-color: #004a9800;
}
.button-nav.is-icon-copy.is-alt-large {
color: var(--text-color--brand);
background-color: #fff;
padding-right: 1rem;
transition: none;
}
.button-nav.is-icon-copy.is-alt-large:hover {
border-color: var(--base-color-neutral--white);
}
.button-nav.is-icon-copy.is-secondary-nav {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
background-color: #020202;
margin-bottom: .75rem;
padding: .75rem;
transition: none;
}
.button-nav.is-icon-copy.is-secondary-nav:hover {
background-color: #004a9800;
}
.button-nav.valence {
background-color: #4b9e46;
}
.button-nav.valence:hover {
background-color: #182e15;
}
.button-nav.aved {
background-color: #d82d39;
}
.button-nav.charger {
background-color: var(--charger-orange);
}
.button-nav.charger:hover {
background-color: #2c468c;
}
.button-text-small-nav {
color: var(--border-color--border-primary);
text-transform: uppercase;
padding-left: 0;
font-family: Lato, sans-serif;
font-size: .875rem;
font-weight: 700;
}
.button-text-small-nav:hover {
color: var(--base-color-neutral--black);
padding-left: 0;
}
.icon-1x1-small-nav {
color: var(--border-color--border-primary);
flex: none;
width: 1.5rem;
height: 1.5rem;
transform: translate(0);
}
.icon-1x1-small-nav.absolute {
position: absolute;
left: -14%;
}
.icon-1x1-small-nav.social {
color: #ffffff80;
transition: all .2s;
}
.icon-1x1-small-nav.social:hover {
color: #fff;
}
.icon-1x1-small-nav.is-location {
justify-content: center;
align-items: flex-end;
display: flex;
}
.icon-1x1-small-nav.is-submit {
position: absolute;
left: -17%;
}
.icon-1x1-small-nav.is-news-reset {
color: #fff;
display: none;
}
.icon-1x1-small-nav.is-back {
position: absolute;
left: auto;
right: -13%;
}
.icon-1x1-small-nav.is-back.careers {
right: -22%;
}
.icon-1x1-small-nav.left-arrow {
transform: rotate(180deg);
}
.text-block-6 {
padding-bottom: 0;
font-size: 20px;
line-height: 22px;
}
.text-block-6.white {
color: var(--base-color-neutral--white);
}
.rl_navbar2_logo {
width: 100px;
}
.rl_navbar2_button-wrapper {
grid-column-gap: 1rem;
margin-left: 1rem;
display: flex;
}
.rl_navbar2_component {
border-bottom: 0px none var(--relume-library-lite--rl-black);
background-color: var(--relume-library-lite--rl-white);
align-items: center;
width: 100%;
height: auto;
min-height: 4.5rem;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.nav-item {
box-sizing: border-box;
aspect-ratio: auto;
color: var(--relume-library-lite--rl-black);
letter-spacing: 2px;
text-transform: uppercase;
background-color: #fff;
flex-flow: column;
justify-content: center;
align-items: center;
padding: .5rem 1rem;
font-family: Lato, sans-serif;
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
display: flex;
}
.nav-item.w--current {
color: #000;
}
.nav-item.short {
padding-left: 0;
padding-right: 0;
}
.nav-item.button-nav {
color: var(--base-color-neutral--white);
border-radius: 20px;
padding-top: .5rem;
padding-bottom: .5rem;
}
.dropdown-link {
color: #000;
letter-spacing: .5px;
padding: .5rem 1rem;
font-family: Lato, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
.dropdown-link:hover {
color: var(--base-color-brand--brand);
}
.dropdown-link.w--current {
color: #000;
}
.rl_navbar2_menu-button {
padding: 0;
}
.rl_navbar2_logo-link {
padding-left: 0;
}
.rl-dropdown-icon {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
margin-top: auto;
margin-bottom: auto;
margin-right: 1rem;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
right: 0%;
}
.rl_navbar2_menu {
justify-content: center;
align-items: center;
display: flex;
position: static;
}
.rl_navbar2_menu.is-page-height-tablet {
flex-flow: row;
display: block;
}
.nav-button {
border: 1px solid var(--relume-library-lite--rl-black);
background-color: var(--relume-library-lite--rl-black);
color: var(--relume-library-lite--rl-white);
text-align: center;
letter-spacing: 2px;
border-radius: 30px;
padding: .75rem 1.25rem;
font-family: Lato, sans-serif;
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
text-decoration: none;
}
.dropdown-list.w--open {
background-color: #fff;
border: 1px #000;
border-radius: 7px;
padding: .5rem;
position: absolute;
box-shadow: 0 2px 5px #0003;
}
.rl_navbar2_container {
grid-column-gap: 27px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: grid;
}
.dropdwn-toggle {
color: var(--relume-library-lite--rl-black);
padding: .5rem 2.5rem .5rem 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
.nav-item-dropdown {
color: var(--relume-library-lite--rl-black);
letter-spacing: 2px;
text-transform: uppercase;
padding: .5rem 0;
font-family: Lato, sans-serif;
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
}
.nav-item-dropdown.w--current {
color: #000;
}
.nav-item-dropdown.solid {
color: var(--base-color-neutral--white);
}
.nav-item-dropdown.size-small {
font-size: .8rem;
}
.navbar {
background-color: #ececec;
}
.final-nav-bar {
border: 1px #000;
position: relative;
}
.uui-container-large-9 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-9 {
padding-left: 0;
padding-right: 0;
}
.uui-text-size-large-6 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
line-height: 1.5;
}
.uui-heading-large-3 {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 3rem;
font-weight: 600;
line-height: 1.2;
}
.uui-button-5 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
color: var(--untitled-ui--white);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-5:hover {
border-color: var(--untitled-ui--primary700);
background-color: var(--untitled-ui--primary700);
}
.uui-button-5:focus {
background-color: var(--untitled-ui--primary600);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}
.button-outline-new {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.uui-button-wrapper-5.max-width-full-mobile-landscape-6 {
width: 50%;
}
.uui-section_cta01 {
background-color: var(--untitled-ui--white);
padding-top: 40px;
}
._5050-component {
grid-column-gap: 2.6rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: grid;
}
.uui-cta01_content {
padding-top: 40px;
padding-right: 20px;
}
.uui-button-secondary-gray-3 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--gray300);
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-secondary-gray-3:hover {
background-color: var(--untitled-ui--gray50);
color: var(--untitled-ui--gray800);
}
.uui-button-secondary-gray-3:focus {
background-color: var(--untitled-ui--white);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}
.uui-cta01_image-wrapper {
background-color: var(--untitled-ui--gray100);
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/687acec95e9f5cf942763781_hands-view-of-young-african-student-using-computer-2025-02-22-05-13-59-utc%20Large.jpeg");
background-position: 100%;
background-size: cover;
border-radius: 9px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
min-height: 32rem;
display: flex;
position: relative;
overflow: hidden;
}
.uui-cta01_image-wrapper.aved-1 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887eed19d3a74da02b842f9_IM2025_Lithion_Billerica_350.jpg");
background-position: 50%;
}
.uui-cta01_image-wrapper.aved-2 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887eee901ddbadee0cf28b9_IM2025_Lithion_Billerica_50.jpg");
}
.uui-cta01_image-wrapper.lithion-1 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/688a8717c914f33df85b92f6_IM2025_Lithion_LakeMead222.jpg");
}
.uui-cta01_image-wrapper.homegrid-1 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887f3d8c34ca7caf3b8bdc5_IM2025_Lithion_LakeMead90.jpg");
}
.uui-cta01_image-wrapper.charger-1 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887f1254a7ff3cc7d2e533c_IM2025_Lithion_Charger_562.jpg");
}
.uui-cta01_image-wrapper.charger-2 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887f1415f3200f0139b7456_IM2025_Lithion_Charger_86.jpg");
background-position: 50%;
}
.uui-cta01_image-wrapper.charger-3 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887f21a5c894c7fd201b751_IM2025_Lithion_Charger_139.jpg");
}
.uui-cta01_image-wrapper.gridbox1 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: cover;
}
.uui-cta01_image-wrapper.valence-1 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/67039377a289ece69f605e19_Frame%20195.jpg");
background-position: 0 0;
background-size: cover;
}
.uui-cta01_image-wrapper.valence-2 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68871a17db3edb26176c2882_161e2409379c86bddea2a54e33dbdc8afb00e9ff-700x700.webp");
background-position: 50%;
background-size: auto;
}
.uui-cta01_image-wrapper.aved-3 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887ef1e4be358d265134b2e_IM2025_Lithion_Billerica_628.jpg");
background-position: 50%;
}
.uui-cta01_image-wrapper.aved-4 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887ef871f03536d877ace71_IM2025_Lithion_Billerica_583.jpg");
}
.uui-cta01_image-wrapper.aved-5, .uui-cta01_image-wrapper.aved-6, .uui-cta01_image-wrapper.aved-7 {
background-image: none;
background-position: 0 0;
background-size: auto;
}
.uui-cta01_image-wrapper.homegrid-2 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887f378f1c517cf38fac01b_IM2025_Lithion_LakeMead859.jpg");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
}
.uui-cta01_image-wrapper.charger-5 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887f23945602ebfc6144ca4_IM2025_Lithion_Charger_608.jpg");
}
.uui-cta01_image-wrapper.homegrid-3 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887f3b7fab3db47ebd542d2_IM2025_Lithion_LakeMead910.jpg");
}
.uui-cta01_image-02 {
width: 15.25rem;
min-width: 15.25rem;
position: absolute;
inset: auto 0% -5rem 2rem;
}
.uui-cta01_image-01 {
border: .25rem solid var(--untitled-ui--gray900);
border-radius: .5rem;
width: 40rem;
min-width: 40rem;
position: absolute;
inset: auto auto auto 16%;
}
.uui-space-small-2 {
width: 100%;
min-height: 1.5rem;
}
.uui-space-medium-2 {
width: 100%;
min-height: 2rem;
}
.uui-padding-vertical-xhuge-9 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.heading-2, .heading-3 {
font-family: Lato, sans-serif;
font-weight: 700;
}
.uui-text-size-medium-9 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-text-size-small-5 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
line-height: 1.5;
}
.uui-container-large-10 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-10 {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-max-width-large-9 {
width: 100%;
max-width: 48rem;
}
.uui-text-size-large-7 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
line-height: 1.5;
}
.uui-heading-medium-5 {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 2.25rem;
font-weight: 600;
line-height: 1.3;
}
.uui-button-6 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
color: var(--untitled-ui--white);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-6:hover {
border-color: var(--untitled-ui--primary700);
background-color: var(--untitled-ui--primary700);
}
.uui-button-6:focus {
background-color: var(--untitled-ui--primary600);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}
.uui-heading-xsmall-5 {
color: var(--untitled-ui--gray900);
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.5rem;
font-weight: 600;
line-height: 1.4;
}
.uui-blogsection03_heading-wrapper {
grid-column-gap: 5rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: start;
display: grid;
}
.uui-blogsection03_button-row-2 {
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
display: flex;
}
.uui-blogsection03_button-row-2.mobile-landscape {
display: none;
}
.uui-blogsection03_heading-2 {
flex: 1;
}
.uui-blogsection03_list-2 {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 4rem;
}
.uui-blogsection03_component {
flex-direction: column;
align-items: center;
}
.uui-text-divider-5 {
color: var(--untitled-ui--gray600);
margin-left: .25rem;
margin-right: .25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-text-divider-5.text-size-small {
color: var(--untitled-ui--gray600);
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
}
.uui-blogsection03_author-image-2 {
object-fit: cover;
border-radius: 100%;
width: 2.5rem;
min-width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
}
.uui-blogsection03_image-2 {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.uui-blogsection03_image-wrapper-2 {
width: 100%;
padding-top: 66%;
position: relative;
overflow: hidden;
}
.uui-blogsection03_image-link-2 {
width: 100%;
margin-bottom: 2rem;
transition: all .3s;
}
.uui-blogsection03_image-link-2:hover {
box-shadow: 0 24px 48px -12px #1018282e;
}
.uui-blogsection03_category-link-2 {
color: var(--untitled-ui--primary700);
margin-bottom: .5rem;
margin-right: 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
transition: opacity .3s;
}
.uui-blogsection03_category-link-2:hover {
color: var(--untitled-ui--primary800);
}
.uui-blogsection03_category-link-2.w--current {
border-bottom: 2px solid #000;
}
.uui-blogsection03_title-link-2 {
color: var(--untitled-ui--gray900);
justify-content: space-between;
margin-bottom: .5rem;
text-decoration: none;
display: flex;
}
.uui-blogsection03_icon-2 {
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
margin-top: .25rem;
margin-left: .5rem;
display: flex;
}
.uui-blogsection03_author-image-wrapper-2 {
margin-right: .75rem;
}
.uui-blogsection03_date-wrapper-2 {
align-items: center;
display: flex;
}
.uui-blogsection03_author-wrapper-2 {
align-items: center;
margin-top: 1.5rem;
display: flex;
}
.uui-space-xsmall-5 {
width: 100%;
min-height: 1rem;
}
.uui-padding-vertical-xhuge-10 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.uui-heading-subheading-6 {
color: var(--untitled-ui--primary600);
margin-bottom: .75rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
}
.uui-blogsection03_author-heading-2 {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 600;
}
.grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: var(--base-color-neutral--white);
border-radius: 14px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-flow: column;
place-content: stretch;
place-items: stretch start;
margin-bottom: 0;
padding: 20px;
}
.div-block-8 {
padding-top: 40px;
padding-bottom: 40px;
}
.div-block-9 {
justify-content: flex-start;
align-items: center;
padding-top: 10px;
display: flex;
}
.button-clear {
color: #fff;
text-align: center;
background-color: #000;
padding: .75rem 1.5rem;
font-weight: 600;
}
.button-clear.is-text {
color: #000;
background-color: #0000;
border: 2px solid #0000;
}
.button-clear.is-small {
padding: .5rem 1.25rem;
}
.button-clear.is-form-submit {
color: var(--base-color-brand--brand);
text-transform: uppercase;
background-color: #fff0;
padding-left: 0;
padding-right: 0;
font-family: Lato, sans-serif;
font-size: .875rem;
font-weight: 700;
}
.button-clear.is-form-submit.alt {
background-color: var(--base-color-brand--brand);
color: var(--base-color-neutral--white);
font-size: 1.125rem;
transition: background-color .2s;
}
.button-clear.is-form-submit.alt:hover {
background-color: var(--base-color-brand--blue-dark);
}
.button-clear.is-large {
padding: 1rem 2rem;
}
.button-clear.is-secondary {
color: #000;
background-color: #0000;
border: 2px solid #000;
border-bottom-width: .125rem;
}
.button-clear.is-icon {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border: 2px solid var(--base-color-neutral--white);
background-color: #fff0;
border-radius: 999px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 1rem .75rem 1rem 1rem;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
overflow: hidden;
}
.button-clear.is-icon:hover {
background-color: var(--base-color-brand--brand);
border-color: #fff;
}
.button-clear.is-icon.is-alt {
color: var(--text-color--brand);
background-color: #fff;
padding-right: 1rem;
transition: none;
}
.button-clear.is-icon.is-alt:hover {
border-color: var(--base-color-neutral--white);
}
.button-clear.is-icon.is-secondary {
color: #004a9800;
border-color: #004a9800;
margin-bottom: .75rem;
padding: .75rem;
transition: none;
}
.button-clear.is-icon.is-secondary:hover {
background-color: var(--base-color-brand--brand);
}
.button-clear.is-icon.is-mobile {
display: none;
}
.button-clear.is-icon.plain {
flex: none;
padding-right: 1rem;
transition: none;
}
.button-clear.is-icon.plain:hover {
border-color: var(--border-color--border-secondary);
background-color: #004a9800;
}
.button-clear.is-icon.plain.dark {
border-color: var(--text-color--dark);
color: var(--text-color--dark);
}
.button-clear.is-icon.cta {
z-index: 1;
padding-right: 1rem;
}
.button-clear.is-icon.cta:hover {
border-color: var(--text-color--brand);
background-color: var(--base-color-brand--brand);
}
.button-clear.is-icon.nav {
flex: none;
display: flex;
}
.button-clear.is-icon.nav:hover {
background-color: var(--base-color-neutral--white);
color: var(--base-color-brand--brand);
}
.button-clear.is-icon.nav-main {
flex: none;
padding-right: 1rem;
}
.button-clear.is-icon.nav-main:hover {
background-color: var(--base-color-neutral--white);
color: var(--base-color-brand--brand);
}
.button-clear.is-icon.nav-main.second {
padding-top: .5rem;
padding-bottom: .5rem;
}
.button-clear.is-icon.nav-main.dark {
border-color: var(--base-color-neutral--black);
color: #000;
}
.button-clear.is-icon.is-white {
border-color: var(--base-color-neutral--white);
color: var(--text-color--text-alternate);
padding: .75rem;
transition: none;
}
.button-clear.is-icon.is-white:hover {
background-color: #004a9800;
}
.button-clear.is-icon.is-filters {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: .75rem;
transition: none;
}
.button-clear.is-icon.is-filters:hover {
background-color: #004a9800;
}
.button-clear.is-icon.is-download {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: .75rem;
transition: none;
}
.button-clear.is-icon.is-download:hover {
background-color: #004a9800;
}
.button-clear.is-icon.is-back {
border-style: none;
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: 0;
transition: none;
}
.button-clear.is-icon.is-back:hover {
background-color: #004a9800;
}
.button-clear.is-icon.is-back.hide {
display: none;
}
.button-clear.is-icon.is-secondary-large {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: .75rem;
transition: none;
}
.button-clear.is-icon.is-secondary-large:hover {
background-color: #004a9800;
}
.button-clear.is-icon.cta-small {
z-index: 1;
padding-right: 1rem;
}
.button-clear.is-icon.cta-small:hover {
border-color: var(--text-color--brand);
background-color: var(--base-color-brand--brand);
}
.button-clear.is-icon.is-secondary-l {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: .75rem;
transition: none;
}
.button-clear.is-icon.is-secondary-l:hover {
background-color: #004a9800;
}
.button-clear.is-icon.is-alt-large {
color: var(--text-color--brand);
background-color: #fff;
padding-right: 1rem;
transition: none;
}
.button-clear.is-icon.is-alt-large:hover {
border-color: var(--base-color-neutral--white);
}
.button-text-small-clear {
color: #004a9800;
text-transform: uppercase;
padding-left: .5rem;
font-family: Lato, sans-serif;
font-size: .875rem;
font-weight: 700;
}
.button-text-small-clear:hover {
color: #fff;
}
.icon-1x1-small-clear {
color: #004a9800;
flex: none;
width: 1.5rem;
height: 1.5rem;
transform: translate(0);
}
.icon-1x1-small-clear:hover {
color: #fff;
}
.icon-1x1-small-clear.absolute {
position: absolute;
left: -14%;
}
.icon-1x1-small-clear.social {
color: #ffffff80;
transition: all .2s;
}
.icon-1x1-small-clear.social:hover {
color: #fff;
}
.icon-1x1-small-clear.is-location {
justify-content: center;
align-items: flex-end;
display: flex;
}
.icon-1x1-small-clear.is-submit {
position: absolute;
left: -17%;
}
.icon-1x1-small-clear.is-news-reset {
color: #fff;
display: none;
}
.icon-1x1-small-clear.is-back {
position: absolute;
left: auto;
right: -13%;
}
.icon-1x1-small-clear.is-back.careers {
right: -22%;
}
.icon-1x1-small-clear.left-arrow {
transform: rotate(180deg);
}
.icon-1x1-small-copy {
flex: none;
width: 1.5rem;
height: 1.5rem;
transform: translate(0);
}
.icon-1x1-small-copy.absolute {
position: absolute;
left: -14%;
}
.icon-1x1-small-copy.social {
color: #ffffff80;
transition: all .2s;
}
.icon-1x1-small-copy.social:hover {
color: #fff;
}
.icon-1x1-small-copy.is-location {
justify-content: center;
align-items: flex-end;
display: flex;
}
.icon-1x1-small-copy.is-submit {
position: absolute;
left: -17%;
}
.icon-1x1-small-copy.is-news-reset {
color: #fff;
display: none;
}
.icon-1x1-small-copy.is-back {
position: absolute;
left: auto;
right: -13%;
}
.icon-1x1-small-copy.is-back.careers {
right: -22%;
}
.icon-1x1-small-copy.left-arrow {
transform: rotate(180deg);
}
.div-block-10 {
padding-top: 10px;
}
.div-block-11 {
padding-right: 0;
}
.div-block-12 {
justify-content: flex-start;
align-items: center;
margin-top: 20px;
margin-bottom: 20px;
display: flex;
}
.collection-list-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
height: 100%;
max-height: 80px;
display: inline-flex;
}
.padding-global-blue {
background-color: var(--base-color-brand--brand);
margin-top: 0;
margin-bottom: 0;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.padding-global-blue.utility {
background-color: var(--base-color-neutral--neutral-lightest);
padding-top: 0;
padding-bottom: 0;
padding-left: 2.5rem;
display: flex;
}
.padding-global-blue.testimonial {
background-color: var(--base-color-brand--dark-blue);
margin-bottom: 60px;
padding-top: 5rem;
padding-bottom: 5rem;
}
.padding-global-blue.ep {
background-color: var(--engineered-power-secondary);
}
.padding-global-blue.valence {
background-color: var(--valence-green);
}
.bottom-space {
padding-top: 100px;
}
.grid-2 {
box-sizing: border-box;
grid-column-gap: 5px;
grid-row-gap: 5px;
aspect-ratio: auto;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
justify-items: stretch;
margin-top: 0;
padding-top: 30px;
padding-bottom: 10px;
overflow: scroll;
}
.image-5 {
vertical-align: baseline;
display: block;
}
.div-block-13 {
padding-left: 20px;
}
.banner-icons {
text-align: center;
width: 100%;
padding: 0 10px 20px;
}
.image-6 {
color: #fff;
padding-bottom: 10px;
}
.div-block-14 {
padding-top: 0;
}
.div-block-15 {
-webkit-backdrop-filter: blur(9px);
backdrop-filter: blur(9px);
overflow-wrap: normal;
-webkit-text-fill-color: inherit;
background-clip: padding-box;
flex-flow: column;
padding-top: 5px;
display: flex;
}
.collection-item-8 {
min-height: 100px;
max-height: 47.7014%;
}
.text-block-7 {
font-size: 20px;
font-weight: 700;
}
.product-button {
border: 0px solid var(--relume-library-lite--rl-black);
background-color: var(--relume-library-lite--rl-black);
color: #fff;
text-align: center;
letter-spacing: 1px;
border-radius: 30px;
padding: .75rem 1.25rem;
font-family: Lato, sans-serif;
font-size: .875rem;
font-weight: 500;
line-height: 1.5;
text-decoration: none;
}
.product-button.charger {
background-color: var(--charger-orange);
}
.product-button.charger:hover {
background-color: #2d478d;
}
.custom-nav-bar {
border-bottom: 1px solid var(--base-color-neutral--neutral-lighter);
background-color: var(--relume-library-lite--rl-white);
align-items: center;
width: 100%;
height: auto;
min-height: 4.5rem;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.bottom-spacing {
width: 100%;
height: 100px;
min-height: 1.5rem;
}
.uui-text-align-center-6 {
text-align: center;
}
.uui-max-width-xlarge {
width: 100%;
max-width: 64rem;
}
.uui-container-large-11 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.align-center-8 {
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-11 {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-max-width-large-10 {
width: 100%;
max-width: 48rem;
}
.uui-max-width-large-10.align-center-8 {
margin-left: auto;
margin-right: auto;
}
.uui-button-7 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
color: var(--untitled-ui--white);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-7:hover {
border-color: var(--untitled-ui--primary700);
background-color: var(--untitled-ui--primary700);
}
.uui-button-7:focus {
background-color: var(--untitled-ui--primary600);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}
.uui-button-7.is-button-large {
grid-column-gap: .75rem;
padding: 1rem 1.75rem;
font-size: 1.125rem;
}
.uui-heading-xlarge {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 3.75rem;
font-weight: 600;
line-height: 1.2;
}
.uui-button-row-5 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.uui-button-row-5.button-row-center {
justify-content: center;
}
.uui-button-icon-5 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
display: flex;
}
.uui-button-icon-5.is-icon-large {
width: 1.5rem;
min-width: 1.5rem;
height: 1.5rem;
min-height: 1.5rem;
}
.uui-badge-group {
background-color: var(--untitled-ui--gray100);
color: var(--untitled-ui--gray700);
white-space: nowrap;
mix-blend-mode: multiply;
border-radius: 10rem;
align-items: center;
padding: .25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 500;
line-height: 1.5;
display: flex;
}
.uui-badge-group.is-primary {
background-color: var(--untitled-ui--primary50);
color: var(--untitled-ui--primary700);
white-space: nowrap;
text-decoration: none;
}
.badge-group_text-wrapper {
align-items: center;
padding-left: .75rem;
padding-right: .75rem;
display: flex;
}
.uui-badge-group_badge {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
white-space: nowrap;
border-radius: 1rem;
align-items: center;
padding: .125rem .625rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 500;
line-height: 1.5;
display: flex;
}
.uui-badge-group_badge.is-primary {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--primary700);
}
.uui-badge-group_icon {
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
margin-left: .25rem;
display: flex;
}
.uui-badge-group_icon.text-color-primary500 {
color: var(--untitled-ui--primary500);
margin-right: -.25rem;
}
.uui-heroheader14_image-wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 32rem;
margin-top: 2rem;
display: flex;
position: relative;
}
.uui-heroheader14_card-image-03 {
z-index: 3;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-image: linear-gradient(112deg, #ffffff80, #fff0);
border: 1px solid #ffffff80;
border-radius: 1.25rem;
width: 35rem;
position: absolute;
transform: translate(0, 25%)rotate(90deg);
box-shadow: 1px 1px 25px 12px #0000000d;
}
.uui-heroheader14_card-image-01 {
z-index: 1;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-image: linear-gradient(112deg, #ffffff80, #fff0);
border: 1px solid #ffffff80;
border-radius: 1.25rem;
width: 35rem;
position: absolute;
transform: translate(-65%, 88%)rotate(30deg);
box-shadow: 1px 1px 25px 12px #0000000d;
}
.uui-heroheader14_card-image-05 {
z-index: 5;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-image: linear-gradient(112deg, #ffffff80, #fff0);
border: 1px solid #ffffff80;
border-radius: 1.25rem;
width: 35rem;
position: absolute;
transform: translate(65%, 88%)rotate(150deg);
box-shadow: 1px 1px 25px 12px #0000000d;
}
.uui-heroheader14_card-image-02 {
z-index: 2;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-image: linear-gradient(112deg, #ffffff80, #fff0);
border: 1px solid #ffffff80;
border-radius: 1.25rem;
width: 35rem;
position: absolute;
transform: translate(-38%, 42%)rotate(60deg);
box-shadow: 1px 1px 25px 12px #0000000d;
}
.uui-heroheader14_card-image-04 {
z-index: 4;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-image: linear-gradient(112deg, #ffffff80, #fff0);
border: 1px solid #ffffff80;
border-radius: 1.25rem;
width: 35rem;
position: absolute;
transform: translate(38%, 42%)rotate(120deg);
box-shadow: 1px 1px 25px 12px #0000000d;
}
.uui-text-size-xlarge {
color: var(--untitled-ui--gray600);
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.25rem;
line-height: 1.5;
}
.uui-section_heroheader14 {
overflow: hidden;
}
.uui-heroheader14_image-background {
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto;
}
.heroheader14_component {
flex-direction: column;
align-items: center;
display: flex;
}
.uui-button-secondary-gray-4 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--gray300);
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-secondary-gray-4:hover {
background-color: var(--untitled-ui--gray50);
color: var(--untitled-ui--gray800);
}
.uui-button-secondary-gray-4:focus {
background-color: var(--untitled-ui--white);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}
.uui-button-secondary-gray-4.is-button-large {
grid-column-gap: .75rem;
padding: 1rem 1.75rem;
font-size: 1.125rem;
}
.uui-space-small-3 {
width: 100%;
min-height: 1.5rem;
}
.space-large {
width: 100%;
min-height: 3rem;
}
.space-xhuge-2 {
width: 100%;
height: 20px;
min-height: 7rem;
}
.hero-image {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/677a221eeb367078c964cc05_1.jpg");
background-position: 50%;
background-size: cover;
border-radius: 15px;
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto;
}
.uui-max-width-xlarge-2 {
width: 100%;
max-width: 64rem;
}
.uui-max-width-medium {
width: 100%;
max-width: 35rem;
}
.uui-container-large-12 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-12 {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-button-8 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
color: var(--untitled-ui--white);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-8:hover {
border-color: var(--untitled-ui--primary700);
background-color: var(--untitled-ui--primary700);
}
.uui-button-8:focus {
background-color: var(--untitled-ui--primary600);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}
.uui-button-8.is-button-large {
grid-column-gap: .75rem;
padding: 1rem 1.75rem;
font-size: 1.125rem;
}
.uui-heading-xlarge-2 {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 3.75rem;
font-weight: 600;
line-height: 1.2;
}
.uui-button-row-6 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
padding: 20px 20px 20px 0;
display: flex;
}
.uui-button-row-6.is-reverse-mobile-landscape {
justify-content: flex-end;
align-items: flex-start;
padding-bottom: 20px;
}
.uui-heroheader22_image-wrapper {
border-radius: 1rem;
justify-content: center;
align-items: flex-start;
width: 100%;
margin-top: 4rem;
display: flex;
}
.uui-button-icon-6 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
display: flex;
}
.uui-button-icon-6.is-icon-large {
width: 1.5rem;
min-width: 1.5rem;
height: 1.5rem;
min-height: 1.5rem;
}
.uui-text-size-xlarge-2 {
color: var(--untitled-ui--gray600);
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.25rem;
line-height: 1.5;
}
.uui-heroheader22_image {
object-fit: cover;
border-radius: 12px;
width: 100%;
height: 32.25rem;
}
.uui-button-secondary-gray-5 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--gray300);
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-secondary-gray-5:hover {
background-color: var(--untitled-ui--gray50);
color: var(--untitled-ui--gray800);
}
.uui-button-secondary-gray-5:focus {
background-color: var(--untitled-ui--white);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}
.uui-button-secondary-gray-5.is-button-large {
grid-column-gap: .75rem;
padding: 1rem 1.75rem;
font-size: 1.125rem;
}
.uui-heroheader22_text-underline {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/683d8ab6bede5a908d69ed76_6c60b054abf5eb43d84d3aad8664232b_underline-01.svg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100%;
overflow: visible;
}
.uui-space-small-4 {
width: 100%;
min-height: 1.5rem;
}
.uui-space-large {
width: 100%;
min-height: 3rem;
}
.padding-vertical-xhuge-11 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.uui-text-style-link {
color: var(--untitled-ui--gray600);
text-decoration: underline;
transition: color .3s;
}
.uui-text-style-link:hover {
color: var(--untitled-ui--gray700);
}
.uui-text-size-small-6 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
line-height: 1.5;
}
.uui-max-width-small {
width: 100%;
max-width: 30rem;
}
.uui-form_input {
border: 1px solid var(--untitled-ui--gray300);
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray900);
border-radius: .5rem;
height: auto;
min-height: 2.75rem;
margin-bottom: 0;
padding: .5rem .875rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
transition: all .3s;
box-shadow: 0 1px 2px #1018280d;
}
.uui-form_input:focus {
border-color: var(--untitled-ui--primary300);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
color: var(--untitled-ui--gray900);
}
.uui-form_input::placeholder {
color: var(--untitled-ui--gray500);
}
.uui-signup-form_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
margin-bottom: .375rem;
display: grid;
}
.uui-heroheader21_form {
max-width: 32rem;
margin-top: 2.5rem;
margin-bottom: 0;
}
.uui-heroheader21_content {
width: 100%;
max-width: 40rem;
margin-left: 0;
margin-right: auto;
padding-left: 0;
padding-right: 2rem;
}
.uui-heroheader21_component {
grid-column-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.uui-heroheader21_image {
object-fit: cover;
width: 100%;
height: 100vh;
max-height: 60rem;
}
.uui-badge-group-2 {
background-color: var(--untitled-ui--gray100);
color: var(--untitled-ui--gray700);
white-space: nowrap;
mix-blend-mode: multiply;
border-radius: 10rem;
align-items: center;
padding: .25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 500;
line-height: 1.5;
display: flex;
}
.uui-badge-group-2.is-primary {
background-color: var(--untitled-ui--primary50);
color: var(--untitled-ui--primary700);
white-space: nowrap;
text-decoration: none;
}
.badge-group_text-wrapper-2 {
align-items: center;
padding-left: .75rem;
padding-right: .75rem;
display: flex;
}
.uui-badge-group_badge-2 {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
white-space: nowrap;
border-radius: 1rem;
align-items: center;
padding: .125rem .625rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 500;
line-height: 1.5;
display: flex;
}
.uui-badge-group_badge-2.is-primary {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--primary700);
}
.uui-badge-group_icon-2 {
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
margin-left: .25rem;
display: flex;
}
.uui-badge-group_icon-2.text-color-primary500 {
color: var(--untitled-ui--primary500);
margin-right: -.25rem;
}
.button-3 {
color: #fff;
text-align: center;
background-color: #000;
padding: .75rem 1.5rem;
font-weight: 600;
}
.button-3.is-icon {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: #fff0;
border: 2px solid #fff;
border-radius: 999px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 1rem .75rem 1rem 1rem;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
overflow: hidden;
}
.button-3.is-icon:hover {
background-color: #004a98;
border-color: #fff;
}
.button-3.is-icon.is-secondary {
color: #004a98;
border-color: #004a98;
margin-bottom: .75rem;
padding: .75rem;
transition: none;
}
.button-3.is-icon.is-secondary:hover {
background-color: #004a9800;
}
.uui-heroheader22_image-wrapper-2 {
border-radius: 1rem;
justify-content: center;
align-items: flex-start;
width: 100%;
margin-top: 4rem;
display: flex;
}
.uui-max-width-medium-2 {
width: 100%;
max-width: 35rem;
}
.padding-vertical-xhuge-12 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.uui-heroheader22_image-2 {
object-fit: cover;
border-radius: 12px;
width: 100%;
height: 32.25rem;
}
.uui-button-row-7 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.uui-space-small-5 {
width: 100%;
min-height: 1.5rem;
}
.uui-space-large-2 {
width: 100%;
min-height: 3rem;
}
.uui-max-width-xlarge-3 {
width: 100%;
max-width: 64rem;
}
.padding-global-leftonly {
margin-top: 0;
margin-bottom: 0;
padding-left: 2.5rem;
padding-right: 0;
}
.padding-global-leftonly.utility {
background-color: var(--base-color-neutral--neutral-lightest);
padding-top: 0;
padding-bottom: 0;
padding-left: 2.5rem;
display: flex;
}
.padding-global-leftonly.testimonial {
background-color: var(--base-color-brand--dark-blue);
margin-bottom: 60px;
padding-top: 5rem;
padding-bottom: 5rem;
}
.heading-4 {
color: #fff;
width: 100%;
padding: 20px 20px 0;
}
.grid-3 {
grid-template-rows: auto;
grid-template-columns: 1.5fr .25fr;
padding-bottom: 20px;
}
.padding-global-grey {
background-color: var(--base-color-neutral--neutral-lightest);
background-image: linear-gradient(#00000080, #00000080);
background-position: 0 0;
margin-top: 0;
margin-bottom: 0;
padding: 10px 2.5rem;
}
.padding-global-grey.utility {
background-color: var(--base-color-neutral--neutral-lightest);
padding-top: 0;
padding-bottom: 0;
padding-left: 2.5rem;
display: flex;
}
.padding-global-grey.testimonial {
background-color: var(--base-color-brand--dark-blue);
margin-bottom: 60px;
padding-top: 5rem;
padding-bottom: 5rem;
}
.padding-global-grey.valence {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/687cfd0a139b0b89e0826a2c_5979218eb89088e7efa79ec01c84f1a52152dba9-2573x1631.webp");
background-position: 0 0, 0 0;
background-size: auto, cover;
}
.padding-global-grey.homegrid-warranty {
padding-top: 0;
}
.div-block-16 {
background-color: #fff;
border-radius: 10px;
padding: 20px;
}
.paragraph-big-center-black {
color: #000;
text-align: left;
white-space: normal;
width: 100%;
font-size: 24px;
font-weight: 400;
line-height: 30px;
}
.paragraph-big-center-black.black {
color: #000;
text-align: center;
}
.paragraph-big-center-black.center-align {
text-align: center;
margin-left: 0;
margin-right: 0;
}
.paragraph-big-center-black.center {
color: #fff;
text-align: left;
}
.paragraph-big-center-black.white {
color: #fff;
}
.collection-list-4 {
padding-bottom: 40px;
}
.logos-title-small {
border-bottom: 1px solid #e4ebf3;
padding: 60px 30px;
position: relative;
}
.container-2 {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.clients-tag {
text-align: center;
margin-bottom: 32px;
font-size: 14px;
line-height: 20px;
}
.clients-wrapper-three {
text-align: center;
flex-flow: row;
justify-content: space-around;
align-items: center;
margin-bottom: 10px;
display: flex;
overflow: scroll;
}
.clients-image-three {
filter: grayscale();
width: 10%;
margin-bottom: 0;
margin-left: 15px;
margin-right: 15px;
}
.grid-4 {
grid-template-columns: 1fr;
display: none;
}
.brand-item-new {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: var(--base-color-neutral--white);
color: var(--text-color--dark-secondary);
border-radius: .5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
padding: 1rem 1rem 1em;
display: flex;
overflow: hidden;
}
.brand-item-new.new {
grid-column-gap: 1.3rem;
grid-row-gap: 1.3rem;
text-align: center;
flex-flow: row;
justify-content: center;
align-items: center;
height: 110%;
margin-bottom: 10px;
padding-top: 1rem;
padding-bottom: 1em;
padding-left: 1rem;
display: block;
}
.grid-5 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.collection-list-5 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff;
border: 1px solid #c5c5c5;
border-radius: 12px;
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 10px;
padding-bottom: 0;
display: flex;
}
.collection-list-wrapper-6 {
flex-flow: column;
padding-bottom: 0;
display: flex;
}
.image-7 {
vertical-align: baseline;
border-bottom: 1px solid #c5c5c5;
border-radius: 0;
margin-left: 20px;
margin-right: 20px;
padding: 20px;
}
.flex-block {
clear: none;
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
}
.collection-item-9 {
display: inline-flex;
}
.div-block-17 {
padding-top: 20px;
padding-bottom: 0;
}
.collection-item-10 {
flex-flow: wrap;
justify-content: space-around;
align-items: stretch;
display: flex;
}
.collection-list-6 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: stretch;
display: block;
}
.collection-item-11 {
flex-flow: row;
justify-content: space-around;
align-items: stretch;
display: inline-flex;
}
.collection-list-7 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: stretch;
display: inline-flex;
}
.collection-list-8 {
flex-flow: wrap;
align-content: flex-end;
align-items: stretch;
display: inline-flex;
}
.collection-item-12 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.flex-block-2 {
background-color: var(--base-color-neutral--neutral-lightest);
border-radius: 20px;
flex-flow: wrap;
place-content: space-between flex-start;
align-items: stretch;
padding: 20px;
}
.collection-item-13 {
padding-left: 0;
padding-right: 0;
}
.grid-6 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.div-block-18 {
background-color: var(--base-color-neutral--neutral-lightest);
flex-flow: row;
justify-content: space-between;
align-items: stretch;
padding: 20px;
display: block;
}
.collection-list-wrapper-7 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
display: block;
}
.collection-list-9 {
flex: 1;
order: 0;
justify-content: flex-start;
align-self: baseline;
display: flex;
}
.rl-padding-section-large {
padding-top: 7rem;
padding-bottom: 7rem;
}
.rl_blog44_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.rl-heading-style-h2 {
color: var(--relume-library-lite--rl-black);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
.rl_blog44_item {
border: 1px solid var(--relume-library-lite--rl-black);
}
.rl_blog44_read-time-text {
color: var(--relume-library-lite--rl-black);
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 600;
line-height: 1.5;
}
.rl-text-style-regular {
color: var(--relume-library-lite--rl-black);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
.rl_blog44_spacing-block-5 {
width: 100%;
padding-bottom: .5rem;
}
.rl_blog44_button-row-desktop {
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
display: flex;
}
.rl_blog44_heading {
flex: 1;
}
.rl_blog44_category {
background-color: var(--relume-library-lite--rl-gray);
color: var(--relume-library-lite--rl-black);
padding: .25rem .5rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 600;
line-height: 1.5;
display: flex;
}
.rl_blog44_list {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
display: grid;
}
.rl-button {
border: 1px solid var(--relume-library-lite--rl-black);
background-color: var(--relume-library-lite--rl-black);
color: var(--relume-library-lite--rl-white);
text-align: center;
padding: .75rem 1.5rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
}
.rl-button.is-secondary {
color: var(--relume-library-lite--rl-black);
background-color: #0000;
}
.rl_blog44_item-link {
flex-direction: column;
justify-content: flex-start;
height: 100%;
text-decoration: none;
display: flex;
}
.rl-button-link-icon {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.rl-button-link {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border: 1px none var(--relume-library-lite--rl-black);
color: var(--relume-library-lite--rl-black);
text-align: center;
background-color: #0000;
padding: .25rem 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1;
text-decoration: none;
display: flex;
}
.rl_blog44_spacing-block-7 {
width: 100%;
padding-bottom: 4rem;
}
.rl-heading-style-h5 {
color: var(--relume-library-lite--rl-black);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.4;
}
.rl_blog44_button-row-mobile {
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
display: none;
}
.rl-text-style-medium {
color: var(--relume-library-lite--rl-black);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.5;
}
.rl_blog44_spacing-block-2 {
width: 100%;
padding-bottom: 1.5rem;
}
.rl_blog44_meta-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-items: center;
display: flex;
}
.rl_section_blog44 {
background-color: var(--relume-library-lite--rl-white);
}
.rl_blog44_spacing-block-6 {
width: 100%;
padding-bottom: 1.5rem;
}
.rl_blog44_item-content {
flex-direction: column;
flex: 1;
justify-content: space-between;
padding: 1.5rem;
display: flex;
}
.rl_blog44_spacing-block-1 {
width: 100%;
padding-bottom: 1rem;
}
.rl_blog44_image-wrapper {
width: 100%;
padding-top: 66%;
position: relative;
overflow: hidden;
}
.rl-text-style-subheading {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
}
.rl_blog44_heading-wrapper {
grid-column-gap: 5rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: end;
display: grid;
}
.rl_blog44_spacing-block-3 {
width: 100%;
padding-bottom: 5rem;
}
.rl-padding-global {
padding-left: 5%;
padding-right: 5%;
}
.rl_blog44_spacing-block-4 {
width: 100%;
padding-bottom: 1rem;
}
.rl-container-large {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.collection-list-10 {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
margin-bottom: 40px;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: grid;
overflow: scroll;
}
.image-8 {
border-radius: 11px;
margin-bottom: 14px;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.text-block-8 {
margin-bottom: 14px;
padding-left: 0;
}
.product-card {
background-color: var(--base-color-neutral--neutral-lightest);
border-radius: 10px;
flex: none;
width: 100%;
margin-right: 0;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
display: block;
}
.div-block-19 {
padding-top: 20px;
padding-bottom: 20px;
}
.image-9 {
border-radius: 13px;
width: 100%;
height: 100%;
}
.div-block-20 {
margin-top: 0;
margin-bottom: 0;
padding-top: 60px;
padding-bottom: 60px;
}
.uui-text-align-center-7 {
text-align: center;
}
.uui-page-padding-13 {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-container-small-2 {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.uui-heading-large-4 {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 3rem;
font-weight: 600;
line-height: 1.2;
}
.uui-text-size-xlarge-3 {
color: var(--untitled-ui--gray600);
text-align: left;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.25rem;
line-height: 1.5;
}
.uui-space-small-6 {
width: 100%;
min-height: 1.5rem;
}
.uui-padding-vertical-xhuge-11 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.text-block-9 {
text-align: left;
}
.text-block-10 {
text-align: left;
width: 80%;
font-size: 24px;
line-height: 32px;
}
.heading-5 {
text-align: center;
}
.div-block-21, .div-block-23 {
background-color: var(--base-color-neutral--neutral-lightest);
}
.uui-text-size-medium-10 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-container-large-13 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-14 {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-text-size-large-8 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
line-height: 1.5;
}
.uui-heading-xxsmall-3 {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5;
}
.uui-heading-medium-6 {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 2.25rem;
font-weight: 600;
line-height: 1.3;
}
.uui-button-9 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
color: var(--untitled-ui--white);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-9:hover {
border-color: var(--untitled-ui--primary700);
background-color: var(--untitled-ui--primary700);
}
.uui-button-9:focus {
background-color: var(--untitled-ui--primary600);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}
.uui-button-row-8 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.uui-icon-1x1-xsmall {
width: 1.5rem;
height: 1.5rem;
}
.uui-icon-1x1-xsmall.valence {
color: var(--valence-green);
}
.uui-icon-1x1-xsmall.charger {
color: var(--charger-orange);
}
.uui-layout82_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
place-items: start;
display: grid;
}
.uui-layout82_list {
grid-column-gap: 2rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
width: 100%;
}
.uui-layout82_content {
flex-direction: column;
align-items: center;
}
.process-item {
background-color: var(--base-color-brand--blue);
border-radius: 9px;
flex-direction: column;
align-items: center;
padding: 20px;
}
.process-item.valence {
background-color: #4b9e4638;
}
.process-item.charger {
background-color: var(--base-color-brand--blue);
}
.uui-button-secondary-gray-6 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--gray300);
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-secondary-gray-6:hover {
background-color: var(--untitled-ui--gray50);
color: var(--untitled-ui--gray800);
}
.uui-button-secondary-gray-6:focus {
background-color: var(--untitled-ui--white);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}
.uui-icon-featured-outline-large {
border: .5rem none var(--untitled-ui--primary50);
color: var(--base-color-brand--brand);
background-color: #0000;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
display: flex;
}
.uui-space-small-7 {
width: 100%;
min-height: 1.5rem;
}
.uui-space-xsmall-6 {
width: 100%;
min-height: 1rem;
}
.uui-space-xsmall-6.center-align {
text-align: center;
}
.uui-space-medium-3 {
width: 100%;
min-height: 2rem;
}
.uui-space-xxsmall {
width: 100%;
min-height: .5rem;
}
.uui-padding-vertical-xhuge-12 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.uui-heading-subheading-7 {
color: var(--untitled-ui--primary600);
margin-bottom: .75rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
}
.div-block-24 {
background-color: var(--base-color-neutral--white);
padding-top: 0;
padding-bottom: 0;
}
.uui-text-size-medium-11 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-container-large-14 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.padding {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-heading-small {
color: var(--untitled-ui--gray900);
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.875rem;
font-weight: 600;
line-height: 1.4;
}
.uui-button-row-9 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.uui-button-row-9.button-row-center {
justify-content: center;
}
.uui-layout35_image-wrapper {
background-color: var(--untitled-ui--gray100);
width: 100%;
margin-bottom: 2rem;
position: relative;
}
.uui-layout35_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
height: 100%;
display: grid;
}
._2-cta {
background-color: var(--base-color-brand--dark-blue);
}
._2-cta.charger {
background-color: var(--charger-orange);
}
._2-cta.aved {
background-color: var(--aved-red);
}
.uui-button-link-3 {
grid-column-gap: .5rem;
color: var(--untitled-ui--primary700);
white-space: nowrap;
background-color: #0000;
justify-content: center;
align-items: center;
padding: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
}
.uui-button-link-3:hover {
color: var(--untitled-ui--primary800);
}
.uui-button-icon-7 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
display: flex;
}
.uui-button-icon-7.is-icon-large {
width: 1.5rem;
min-width: 1.5rem;
height: 1.5rem;
min-height: 1.5rem;
}
.uui-layout35_image {
background-color: var(--untitled-ui--gray50);
}
.uui-space-small-8 {
width: 100%;
min-height: 1.5rem;
}
.uui-space-xxsmall-2 {
width: 100%;
min-height: .5rem;
}
.uui-padding-vertical-xhuge-13 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.cta-1 {
background-color: #fff;
background-image: linear-gradient(#fff9, #fff9), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887eef90b20edb5fe46321e_IM2025_Lithion_Billerica_779.jpg");
background-position: 0 0, 0 0;
background-size: auto, auto;
border-radius: 12px;
padding: 40px;
}
.cta-1.bolt, .cta-1.connect {
background-image: linear-gradient(#ffffffb5, #ffffffb5), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887f193d2e2d0dffc4311ba_IM2025_Lithion_Charger_658.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
height: 100%;
}
.uui-section_blogsection03-copy {
background-color: var(--base-color-neutral--neutral-lightest);
}
.uui-text-align-center-8 {
text-align: center;
}
.uui-max-width-xlarge-4 {
width: 100%;
max-width: 64rem;
}
.align-center-9 {
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-15 {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-max-width-large-11 {
width: 100%;
max-width: 48rem;
}
.uui-max-width-large-11.align-center-9 {
margin-left: auto;
margin-right: auto;
}
.uui-button-10 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
color: var(--untitled-ui--white);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-10:hover {
border-color: var(--untitled-ui--primary700);
background-color: var(--untitled-ui--primary700);
}
.uui-button-10:focus {
background-color: var(--untitled-ui--primary600);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}
.uui-button-10.is-button-large {
grid-column-gap: .75rem;
padding: 1rem 1.75rem;
font-size: 1.125rem;
}
.uui-heading-xlarge-3 {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 3.75rem;
font-weight: 600;
line-height: 1.2;
}
.uui-badge-group-3 {
background-color: var(--untitled-ui--gray100);
color: var(--untitled-ui--gray700);
white-space: nowrap;
mix-blend-mode: multiply;
border-radius: 10rem;
align-items: center;
padding: .25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 500;
line-height: 1.5;
display: flex;
}
.uui-badge-group-3.is-primary {
background-color: var(--untitled-ui--primary50);
color: var(--untitled-ui--primary700);
white-space: nowrap;
text-decoration: none;
}
.badge-group_text-wrapper-3 {
align-items: center;
padding-left: .75rem;
padding-right: .75rem;
display: flex;
}
.uui-badge-group_badge-3 {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
white-space: nowrap;
border-radius: 1rem;
align-items: center;
padding: .125rem .625rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 500;
line-height: 1.5;
display: flex;
}
.uui-badge-group_badge-3.is-primary {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--primary700);
}
.uui-badge-group_icon-3 {
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
margin-left: .25rem;
display: flex;
}
.uui-badge-group_icon-3.text-color-primary500 {
color: var(--untitled-ui--primary500);
margin-right: -.25rem;
}
.uui-text-size-xlarge-4 {
color: var(--untitled-ui--gray600);
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.25rem;
line-height: 1.5;
}
.uui-heroheader17_image-wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 30rem;
margin-top: 4rem;
display: flex;
position: relative;
}
.uui-heroheader17_card-image-01 {
z-index: 1;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-image: linear-gradient(45deg, #42307d, #7f56d9);
border: 1px solid #ffffff80;
border-radius: 2.25rem;
width: 35rem;
position: absolute;
transform: translate(-20%, 45%)rotate(0);
box-shadow: 1px 1px 25px 12px #0000000d;
}
.uui-heroheader17_card-image {
z-index: 1;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-image: linear-gradient(112deg, #ffffff80, #fff0);
border: 1px solid #ffffff80;
border-radius: 2.25rem;
width: 35rem;
position: absolute;
transform: translate(30%, 35%)rotate(30deg);
box-shadow: 1px 1px 28px 12px #0000000d;
}
.uui-section_heroheader17 {
overflow: hidden;
}
.uui-heroheader17_image-background {
background-color: var(--untitled-ui--gray200);
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto;
}
.uui-heroheader17_component {
flex-direction: column;
align-items: center;
display: flex;
}
.uui-button-secondary-gray-7 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--gray300);
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-secondary-gray-7:hover {
background-color: var(--untitled-ui--gray50);
color: var(--untitled-ui--gray800);
}
.uui-button-secondary-gray-7:focus {
background-color: var(--untitled-ui--white);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}
.uui-button-secondary-gray-7.is-button-large {
grid-column-gap: .75rem;
padding: 1rem 1.75rem;
font-size: 1.125rem;
}
.uui-space-large-3 {
width: 100%;
min-height: 3rem;
}
.uui-space-xhuge-2 {
width: 100%;
min-height: 7rem;
}
.image-10 {
height: 50%;
}
.image-11 {
text-align: center;
width: 80%;
max-width: 80%;
height: 20%;
overflow: visible;
}
.div-block-25 {
text-align: center;
object-fit: contain;
width: 100%;
height: 68%;
padding-top: 0;
padding-bottom: 0;
}
.div-block-26 {
padding-left: 40px;
padding-right: 40px;
}
.image-12 {
box-sizing: content-box;
aspect-ratio: auto;
object-fit: scale-down;
width: 100%;
height: 50%;
}
.image-13 {
box-sizing: border-box;
aspect-ratio: 16 / 9;
text-align: center;
object-fit: fill;
border-radius: 18px;
flex-flow: wrap;
justify-content: center;
align-items: center;
width: 100%;
height: 500px;
display: inline-flex;
overflow: auto;
}
.div-block-27 {
text-align: center;
}
.div-block-28 {
padding-top: 40px;
padding-bottom: 40px;
}
.z-index-1-2 {
z-index: 1;
position: relative;
}
.uui-container-large-15 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-16 {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-max-width-small-2 {
width: 100%;
max-width: 45rem;
}
.uui-button-11 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
color: var(--untitled-ui--white);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-11:hover {
border-color: var(--untitled-ui--primary700);
background-color: var(--untitled-ui--primary700);
}
.uui-button-11:focus {
background-color: var(--untitled-ui--primary600);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}
.uui-button-11.is-button-large {
grid-column-gap: .75rem;
padding: 1rem 1.75rem;
font-size: 1.125rem;
}
.uui-heading-xlarge-4 {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 3.75rem;
font-weight: 600;
line-height: 1.2;
}
.uui-heading-xlarge-4.text-color-white-2 {
color: var(--untitled-ui--white);
}
.uui-button-row-10 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.uui-button-icon-8 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
display: flex;
}
.uui-button-icon-8.is-icon-large {
width: 1.5rem;
min-width: 1.5rem;
height: 1.5rem;
min-height: 1.5rem;
}
.uui-heroheader07_image-wrapper {
background-image: linear-gradient(229deg, var(--untitled-ui--gray700), var(--untitled-ui--gray800));
justify-content: center;
align-items: center;
height: 40rem;
display: flex;
position: relative;
}
.uui-heroheader07_card-image-01 {
z-index: 2;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-image: linear-gradient(112deg, #ffffff80, #fff0);
border: 1px solid #ffffff80;
border-radius: 2rem;
width: 31rem;
position: absolute;
transform: translate(20%, -20%)rotate(60deg);
box-shadow: 0 1px 24px 12px #0000000d;
}
.uui-heroheader07_card-image-02 {
z-index: 1;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-image: linear-gradient(112deg, #ffffff80, #ffffff80 0%, #fff0);
border: 1px solid #ffffff80;
border-radius: 2rem;
width: 31rem;
position: absolute;
transform: translate(-10%, 30%)rotate(30deg);
box-shadow: 0 1px 24px 12px #0000000d;
}
.uui-heroheader07_light-overlay {
mix-blend-mode: screen;
width: 80rem;
min-width: 80rem;
height: auto;
position: absolute;
bottom: -64%;
right: -20%;
}
.hero-header-wrapper.z-index-1-2 {
color: var(--untitled-ui--white);
width: 100%;
}
.uui-text-color-gray200 {
color: var(--untitled-ui--gray200);
}
.uui-text-size-xlarge-5 {
color: var(--untitled-ui--gray600);
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.25rem;
line-height: 1.5;
}
.uui-text-size-xlarge-5.text-color-gray200 {
color: var(--untitled-ui--gray200);
}
.hero-large {
background-image: none;
background-position: 0 0;
overflow: hidden;
}
.hero-large.valence {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/687cfd0a139b0b89e0826a2c_5979218eb89088e7efa79ec01c84f1a52152dba9-2573x1631.webp");
background-position: 0 0, 0 0;
background-size: auto, cover;
}
.hero-large.lithion, .hero-large.lithion-custom {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/683d8caa7be78f6cc7fe5440_skyscraper1920.png");
background-position: 0 0;
background-size: cover;
}
.hero-large.lithion-1, .hero-large.lithion-custom-3, .hero-large.homegrid {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/683d8caa7be78f6cc7fe5440_skyscraper1920.png");
background-position: 0 0;
}
.hero-large.charger {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/683d8caa7be78f6cc7fe5440_skyscraper1920.png");
background-position: 0 0;
background-size: cover;
padding-bottom: 50px;
}
.hero-large.gridbox {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/683d8caa7be78f6cc7fe5440_skyscraper1920.png");
background-position: 0 0;
background-size: cover;
}
.hero-large.engineered, .hero-large.aved {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/683d8caa7be78f6cc7fe5440_skyscraper1920.png");
background-position: 0 0;
}
.uui-heroheader07_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 2.25fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.uui-button-secondary-gray-8 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--gray300);
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-secondary-gray-8:hover {
background-color: var(--untitled-ui--gray50);
color: var(--untitled-ui--gray800);
}
.uui-button-secondary-gray-8:focus {
background-color: var(--untitled-ui--white);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}
.uui-button-secondary-gray-8.is-button-large {
grid-column-gap: .75rem;
padding: 1rem 1.75rem;
font-size: 1.125rem;
}
.uui-space-small-9 {
width: 100%;
min-height: 1.5rem;
}
.uui-space-large-4 {
width: 100%;
min-height: 3rem;
}
.hero {
padding-top: 8rem;
padding-bottom: 8rem;
}
.uui-heading-subheading-8 {
color: var(--untitled-ui--primary600);
margin-bottom: .75rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
}
.uui-heading-subheading-8.uui-text-color-gray200 {
color: var(--untitled-ui--gray200);
}
.grid-7 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.stat-grid {
border: 2px solid var(--base-color-brand--brand);
background-color: var(--base-color-brand--blue);
border-radius: 8px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
padding: 40px;
}
.stats-grid-3 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding: 40px 0;
}
.heading-6 {
color: var(--base-color-neutral--black);
text-align: left;
height: 90px;
font-family: Lato, sans-serif;
font-size: 6rem;
}
.text-block-11 {
text-align: center;
}
.div-block-29 {
padding-bottom: 60px;
}
.text-block-12, .text-block-13, .text-block-14 {
color: var(--base-color-brand--dark-blue);
text-align: center;
}
.stats-block {
background-color: var(--base-color-brand--dark-blue);
}
.uui-text-size-medium-12 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-max-width-large-12 {
width: 100%;
max-width: 48rem;
}
.uui-max-width-large-12.align-center-10 {
margin-left: auto;
margin-right: auto;
}
.uui-text-size-large-9 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
line-height: 1.5;
}
.uui-heading-medium-7 {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 2.25rem;
font-weight: 600;
line-height: 1.3;
}
.uui-faq02_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: start;
width: 100%;
display: grid;
}
.uui-faq02_list-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 100%;
grid-auto-columns: 100%;
place-items: start stretch;
width: 90%;
display: grid;
}
.uui-faq02_question {
cursor: pointer;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 2rem;
display: flex;
}
.uui-faq02_answer {
padding-left: 2rem;
padding-right: 2rem;
overflow: hidden;
}
.uui-faq02_accordion {
background-color: #0000;
border-radius: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
}
.uui-faq02_icon-wrapper {
color: var(--untitled-ui--gray400);
}
.accordion-icon_component {
border: 2px solid var(--untitled-ui--gray400);
color: var(--untitled-ui--gray400);
border-radius: 50%;
justify-content: center;
align-self: flex-start;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
position: relative;
}
.accordion-icon_vertical-line {
background-color: var(--untitled-ui--gray400);
border-radius: 1px;
width: 2px;
height: .75rem;
position: absolute;
}
.accordion-icon_horizontal-line {
background-color: var(--untitled-ui--gray400);
border-radius: 1px;
width: .75rem;
height: 2px;
position: absolute;
}
.uui-space-xsmall-7 {
width: 100%;
min-height: 1rem;
}
.uui-space-medium-4 {
width: 100%;
min-height: 2rem;
}
.uui-padding-vertical-xhuge-15 {
padding-top: 0;
padding-bottom: 4rem;
}
.uui-faq02_heading {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
font-weight: 500;
}
.uui-heading-xxsmall-4 {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5;
}
.uui-heading-xxsmall-4.text-weight-medium {
font-weight: 500;
}
.uui-icon-1x1-xsmall-2 {
color: var(--text-color--brand);
width: 1.5rem;
height: 1.5rem;
}
.uui-layout32_timeline-wrapper {
position: relative;
}
.uui-layout32_progress-bar {
background-color: var(--text-color--brand);
width: 2px;
height: 100%;
}
.uui-layout32_progress-bar-wrapper {
background-color: var(--untitled-ui--gray200);
width: 2px;
height: 75%;
position: absolute;
top: 10%;
left: 1.75rem;
right: auto;
}
.uui-layout32_timeline-icon-wrapper {
z-index: 1;
background-color: #fff;
margin-top: -1rem;
padding-top: 1rem;
padding-bottom: 1rem;
position: relative;
}
.uui-layout32_timeline-step {
grid-column-gap: 2.5rem;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: max-content 1fr;
}
.uui-layout32_timeline-left {
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
display: flex;
position: relative;
}
.uui-layout32_timeline-right {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.uui-layout32_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.uui-icon-featured-outline-large-2 {
border: .5rem solid var(--untitled-ui--primary50);
background-color: var(--base-color-neutral--neutral-lightest);
color: var(--text-color--brand);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
display: flex;
}
.uui-space-xxsmall-3 {
width: 100%;
min-height: .5rem;
}
.uui-padding-vertical-xhuge-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.faq {
background-color: var(--base-color-neutral--neutral-lightest);
}
.hero-heading-nav {
z-index: 999;
background-color: var(--untitled-ui--gray800);
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/683d8caa7be78f6cc7fe5440_skyscraper1920.png");
background-position: 0 0, 0 0;
background-size: auto, cover;
position: relative;
overflow: visible;
}
.uui-heroheader07_component-2 {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.uui-padding-vertical-xhuge-17 {
padding-top: 8rem;
padding-bottom: 8rem;
}
.collection-item-15 {
padding-bottom: 0;
}
.text-block-15 {
margin-bottom: 20px;
}
.div-block-30 {
padding-bottom: 40px;
}
.uui-text-align-center-9 {
text-align: center;
}
.uui-text-size-small-7 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
line-height: 1.5;
}
.align-center-10 {
margin-left: auto;
margin-right: auto;
}
.uui-testimonial14_component {
column-count: 3;
column-gap: 2rem;
margin-top: 4rem;
}
.uui-testimonial14_content {
border: 1px solid var(--base-color-neutral--neutral-lighter);
background-color: var(--base-color-neutral--neutral-lightest);
border-radius: 1rem;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
margin-bottom: 2rem;
padding: 2rem;
display: inline-block;
}
.uui-testimonial14_rating-icon {
color: var(--untitled-ui--warning300);
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
margin-right: .25rem;
display: flex;
}
.uui-testimonial14_rating-wrapper {
align-items: center;
margin-bottom: 1.5rem;
display: flex;
}
.uui-testimonial14_customer-image {
object-fit: cover;
border-radius: 100%;
width: 3rem;
min-width: 3rem;
height: 3rem;
min-height: 3rem;
}
.uui-testimonial14_client-image-wrapper {
margin-right: .75rem;
}
.uui-testimonial14_client {
text-align: left;
align-items: center;
margin-top: 1.5rem;
display: flex;
}
.uui-section_testimonial14 {
background-color: var(--base-color-brand--dark-blue);
}
.uui-section_testimonial14.aved {
background-color: var(--aved-red);
}
.uui-section_testimonial14.charger {
background-color: #2d478d;
}
.uui-section_testimonial14.hg {
background-color: #727272;
}
.uui-section_testimonial14.gridbox {
background-color: var(--base-color-neutral--neutral-dark);
}
.uui-section_testimonial14.valence {
background-color: var(--valence-green);
}
.uui-padding-vertical-xhuge-18 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.uui-testimonial14_client-heading {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
}
.grid-10 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.navbar-no-shadow-container-2 {
z-index: 5;
background-color: #0000;
width: 100%;
max-width: 1140px;
margin-left: 0;
margin-right: 0;
padding: 20px 0;
}
.container-regular-2 {
width: 100%;
max-width: 1260px;
min-height: 30px;
margin-left: auto;
margin-right: auto;
}
.navbar-wrapper-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.nav-menu-3 {
text-align: left;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.nav-link-3 {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.nav-link-3:hover {
color: #1a1b1fbf;
}
.nav-link-3:focus-visible, .nav-link-3[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-dropdown-2 {
margin-left: 5px;
margin-right: 5px;
}
.nav-dropdown-toggle-2 {
letter-spacing: .25px;
padding: 5px 30px 5px 10px;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle-2:hover {
color: #1a1b1fbf;
}
.nav-dropdown-toggle-2:focus-visible, .nav-dropdown-toggle-2[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon-2 {
margin-right: 10px;
}
.nav-dropdown-list-2 {
background-color: #fff;
border-radius: 12px;
}
.nav-dropdown-list-2.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-link-2 {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.nav-dropdown-link-2:focus-visible, .nav-dropdown-link-2[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-button-wrapper-2 {
margin-left: 120px;
}
.button-primary-3 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-3:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-3:active {
background-color: #43464d;
}
.nav-padding {
background-color: #fff;
height: 92px;
margin-top: 0;
margin-bottom: 0;
padding: 1rem 2.5rem;
position: relative;
overflow: visible;
}
.nav-padding.utility {
background-color: var(--base-color-neutral--neutral-lightest);
padding-top: 0;
padding-bottom: 0;
padding-left: 2.5rem;
display: flex;
}
.nav-padding.testimonial {
background-color: var(--base-color-brand--dark-blue);
margin-bottom: 60px;
padding-top: 5rem;
padding-bottom: 5rem;
}
.nav-padding.center-align {
background-color: #0000;
}
.rl_navbar2_logo-2 {
max-height: 100px;
}
.nav-menu-dropdown.solid {
background-color: var(--base-color-brand--brand);
border-radius: 5px;
}
.button-wrapper-nav-bar {
grid-column-gap: 1rem;
margin-left: 1rem;
display: flex;
}
.rl_navbar2_component-2 {
border-bottom: 1px solid var(--relume-library-lite--rl-black);
background-color: var(--relume-library-lite--rl-white);
align-items: center;
width: 100%;
height: auto;
min-height: 4.5rem;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.rl_navbar2_component-2.padding-global-left-right {
padding-left: 0%;
}
.rl_navbar2_link {
color: var(--relume-library-lite--rl-black);
padding: .5rem 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
.rl_navbar2_link.w--current {
color: #000;
}
.rl_navbar2_dropdown-link {
color: #000;
padding: .5rem 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
.rl_navbar2_dropdown-link.w--current {
color: #000;
}
.rl_navbar2_menu-button-2 {
padding: 0;
}
.nav-bar-logo-1 {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100px;
margin-right: 0;
display: flex;
}
.nav-bar-logo-1.w--current {
justify-content: center;
align-items: center;
display: flex;
}
.rl-dropdown-icon-2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
margin-top: auto;
margin-bottom: auto;
margin-right: 1rem;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
right: 0%;
}
.rl-dropdown-icon-2.white {
color: #fff;
}
.rl_navbar2_menu-2 {
justify-content: center;
align-items: center;
display: flex;
position: static;
}
.rl_navbar2_menu-2.is-page-height-tablet {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff;
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 80%;
display: block;
position: static;
}
.rl_navbar2_button {
border: 1px solid var(--relume-library-lite--rl-black);
background-color: var(--relume-library-lite--rl-black);
color: var(--relume-library-lite--rl-white);
text-align: center;
padding: .5rem 1.25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
}
.rl_navbar2_dropdown-list.w--open {
background-color: #fff;
border: 0 solid #000;
border-radius: 8px;
padding: .5rem;
position: absolute;
box-shadow: 0 2px 5px #0003;
}
.rl_navbar2_container-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr .25fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: grid;
}
.rl_navbar2_dropdwn-toggle {
color: var(--relume-library-lite--rl-black);
padding: .5rem 2.5rem .5rem 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
.rl_navbar2_logo-3 {
padding-top: 0;
padding-bottom: 0;
}
.rl_navbar2_container-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr .25fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 0;
display: grid;
}
.dropdown-toggle-2 {
padding-top: 0;
padding-bottom: 0;
padding-left: 1rem;
}
.dropdown-toggle-2.smaller {
background-color: var(--homegrid-blue);
border-radius: 20px;
padding-left: 10px;
padding-right: 10px;
}
.navbar-wrapper-3 {
justify-content: space-between;
align-items: center;
display: flex;
}
.nav-menu-4 {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
}
.rl_navbar2_logo-4 {
max-width: var(--logo);
text-align: left;
object-fit: fill;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
display: block;
}
.rl_navbar2_container-4 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr .25fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: grid;
}
.grid-11 {
background-color: #fff0;
grid-template-rows: auto;
grid-template-columns: 1fr;
padding-top: 200px;
padding-bottom: 100px;
}
.grid-11.lithion-custom {
padding-top: 100px;
}
.text-block-16 {
font-size: 18px;
}
.text-block-17 {
font-size: 20px;
line-height: 22px;
}
.product-item-slider-card {
flex-flow: row;
display: flex;
}
.card-title {
color: var(--base-color-neutral--black);
text-align: left;
text-transform: capitalize;
align-items: stretch;
margin-bottom: 20px;
font-family: Lato, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 1.5;
display: flex;
}
.card-title.text-weight-medium {
color: #fff;
font-weight: 400;
}
.card-title.is-brands {
text-transform: none;
}
.card-title.is-dark {
color: var(--text-color--dark);
}
.card-title.no-capps {
text-transform: none;
}
.card-title.no-capps.text-weight-medium {
font-family: Lato, sans-serif;
font-weight: 400;
}
.card-title.no-capps.text-color-brand {
color: var(--text-color--brand);
}
.card-title.feature-title {
color: var(--text-color--dark);
text-transform: none;
font-weight: 400;
}
.card-title.color-brand {
color: var(--text-color--brand);
}
.card-title.markets {
color: var(--base-color-neutral--black);
text-transform: none;
font-size: 18px;
}
.collection-list-wrapper-8 {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: fill;
margin-left: calc(var(--site--gutter) * -.5);
margin-right: calc(var(--site--gutter) * -.5);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
overflow: hidden;
}
.grid-12 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.lithion-custom-market-grid {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
justify-items: stretch;
margin-top: 0;
padding-top: 30px;
padding-bottom: 10px;
}
.stats-title {
color: var(--base-color-brand--dark-blue);
text-align: center;
margin-bottom: .125rem;
font-family: Lato, sans-serif;
font-size: 4rem;
}
.div-block-31 {
background-color: var(--base-color-neutral--white);
}
.faq-info {
font-size: 20px;
line-height: 1.4rem;
}
.text-block-18 {
font-size: 20px;
}
.grid-13 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr;
padding-top: 10px;
padding-bottom: 20px;
}
.large-logo {
color: var(--border-color--border-primary);
object-fit: contain;
border-radius: 12px;
width: 100%;
height: 100%;
}
.large-logo.is-footer-logo {
object-fit: fill;
width: auto;
max-width: none;
}
.large-logo.is-auto-width {
text-align: center;
width: 120px;
height: 100%;
margin-bottom: 0;
padding-bottom: 0;
}
.large-logo.is-auto-width.absolute {
position: absolute;
inset: 0% 0% 0% -100%;
}
.large-logo.is-auto-width.enlarged {
width: 100px;
height: 150%;
}
.brand-logo-wrapper-large {
object-fit: cover;
height: 4rem;
position: relative;
overflow: hidden;
}
.button-card-div {
width: 75%;
}
.text-block-19 {
color: var(--base-color-neutral--neutral);
letter-spacing: 1px;
padding: 10px .75rem;
font-family: Lato, sans-serif;
line-height: 1.5rem;
}
.collection-list-wrapper-9 {
padding-left: 0;
}
.collection-item-16, .collection-list-11 {
position: relative;
}
.nav-brand-1 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr .25fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: space-between;
place-items: center stretch;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 0;
display: grid;
}
.nav-brand-1.charger {
padding-top: 8px;
}
.nav-bar-brand-1 {
justify-content: center;
align-items: center;
display: flex;
position: static;
}
.nav-bar-brand-1.is-page-height-tablet {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff;
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 80%;
display: block;
position: static;
}
.div-block-32 {
background-color: var(--base-color-neutral--neutral-lightest);
}
.div-block-33 {
padding-bottom: 40px;
}
.product-header {
flex: 1;
padding-top: 0;
}
.text-block-20 {
text-align: center;
font-size: 4rem;
line-height: 4rem;
}
.uui-text-size-medium-13 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-container-large-16 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-17 {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-heading-xxsmall-5 {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5;
}
.uui-button-12 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
color: var(--untitled-ui--white);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-12:hover {
border-color: var(--untitled-ui--primary700);
background-color: var(--untitled-ui--primary700);
}
.uui-button-12:focus {
background-color: var(--untitled-ui--primary600);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}
.uui-button-row-11 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.uui-icon-1x1-xsmall-3 {
width: 1.5rem;
height: 1.5rem;
}
.uui-layout14_item-list {
grid-column-gap: 2rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
margin-bottom: 2.5rem;
}
.uui-layout14_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.uui-button-secondary-gray-9 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--gray300);
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-secondary-gray-9:hover {
background-color: var(--untitled-ui--gray50);
color: var(--untitled-ui--gray800);
}
.uui-button-secondary-gray-9:focus {
background-color: var(--untitled-ui--white);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}
.uui-icon-featured-outline-large-3 {
border: .5rem solid var(--untitled-ui--primary50);
background-color: var(--untitled-ui--primary100);
color: var(--untitled-ui--primary600);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
display: flex;
}
._5050_image-wrapper {
background-color: var(--untitled-ui--gray100);
align-items: center;
width: 100%;
height: 100%;
min-height: 33rem;
display: flex;
position: relative;
overflow: hidden;
}
.uui-layout14_image {
width: 48rem;
min-width: 48rem;
position: absolute;
inset: auto auto auto 3rem;
}
.uui-space-xsmall-8 {
width: 100%;
min-height: 1rem;
}
.uui-space-xxsmall-4 {
width: 100%;
min-height: .5rem;
}
.uui-padding-vertical-xhuge-19 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.content-two-columns {
padding-top: 40px;
padding-right: 20px;
}
.grid-14 {
grid-template-rows: auto;
}
.customers {
background-color: var(--base-color-brand--dark-blue);
}
.grid-15 {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
}
.grid-16 {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-columns: 1fr;
}
.uui-text-size-large-10 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
line-height: 1.5;
}
.uui-heading-medium-8 {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 2.25rem;
font-weight: 600;
line-height: 1.3;
}
.uui-lightbox_play-icon {
z-index: 2;
-webkit-backdrop-filter: saturate(150%) blur(12px);
backdrop-filter: saturate(150%) blur(12px);
color: #fff;
background-color: #ffffff1a;
border-radius: 100%;
width: 8rem;
height: 8rem;
position: absolute;
}
.lightbox_video-overlay-layer {
z-index: 1;
background-color: #1d29391a;
border-radius: .5rem;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.uui-layout05_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.uui-layout05_lightbox {
background-color: var(--untitled-ui--gray100);
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
min-height: 35rem;
display: flex;
position: relative;
overflow: hidden;
}
.uui-layout05_image-01 {
border: .25rem solid var(--untitled-ui--gray900);
border-radius: .5rem;
width: 40rem;
min-width: 40rem;
position: absolute;
inset: auto auto auto 6rem;
}
.uui-layout05_image-02 {
width: 15.25rem;
min-width: 15.25rem;
position: absolute;
inset: auto 0% -5rem 2rem;
}
.uui-heading-subheading-9 {
color: var(--untitled-ui--primary600);
margin-bottom: .75rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
}
.uui-layout05_item-list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
margin-top: 2rem;
margin-bottom: 2.5rem;
}
.div-block-34 {
display: block;
}
.div-block-35 {
padding-top: 40px;
padding-bottom: 40px;
}
.div-block-36 {
align-self: flex-start;
padding-top: 0;
padding-bottom: 0;
display: block;
}
.nav-brand-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr .25fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: grid;
}
.nav-bar-logo-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 67px;
padding-left: 0;
display: flex;
}
.homegrid-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 67px;
padding-top: 0;
text-decoration: none;
display: block;
}
.rl_navbar2_logo-homegrid {
vertical-align: baseline;
margin-top: 0;
padding-top: 5px;
padding-bottom: 0;
display: inline-block;
}
.component1 {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: start;
display: grid;
}
.list1 {
grid-column-gap: 2rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
width: 100%;
}
.specs {
background-color: var(--base-color-neutral--neutral-lightest);
}
.uui-layout82_content-2, .list-item-1 {
flex-direction: column;
align-items: center;
}
.uui-space-small-10 {
width: 100%;
min-height: 1.5rem;
}
.uui-space-medium-5 {
width: 100%;
min-height: 2rem;
}
.uui-max-width-large-13 {
width: 100%;
max-width: 48rem;
}
.uui-max-width-large-13.align-center-11 {
margin-left: auto;
margin-right: auto;
}
.uui-heading-large-5 {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 3rem;
font-weight: 600;
line-height: 1.2;
}
.uui-heading-xsmall-6 {
color: var(--untitled-ui--gray900);
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.5rem;
font-weight: 600;
line-height: 1.4;
}
.uui-heading-small-2 {
color: var(--untitled-ui--gray900);
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.875rem;
font-weight: 600;
line-height: 1.4;
}
.featured-item-content {
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 100%;
padding: 0 0 0 3rem;
display: flex;
}
.uui-blog04_title-link {
margin-bottom: .5rem;
text-decoration: none;
display: block;
}
.uui-blog04_title-link.featured-article {
margin-bottom: .75rem;
}
.uui-blog04_list {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.uui-blog04_category-menu {
align-items: center;
width: 100%;
margin-bottom: 4rem;
display: flex;
}
.uui-blog04_category-menu.no-scrollbar {
box-shadow: inset 0 -1px 0 0 var(--untitled-ui--gray200);
}
.uui-blog04_component {
margin-top: 0;
padding: 20px;
}
.uui-blog04_featured-item {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-bottom: 0;
display: grid;
}
.uui-blog04_featured-list-wrapper {
background-color: var(--base-color-brand--blue);
padding: 20px;
}
.uui-blog04_featured-list {
background-color: #00adee2e;
border-radius: 8px;
padding: 40px;
}
.uui-blog04_featured-list.aved {
background-color: #d82d392e;
}
.uui-blog04_featured-list.charger {
background-color: #f1592a33;
}
.uui-blog04_featured-list.valence {
background-color: #4b9e4633;
}
.uui-button-link-4 {
grid-column-gap: .5rem;
color: var(--untitled-ui--primary700);
white-space: nowrap;
background-color: #0000;
justify-content: center;
align-items: center;
padding: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
}
.uui-button-link-4:hover {
color: var(--untitled-ui--primary800);
}
.uui-button-icon-9 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
display: flex;
}
.uui-blog04_meta-wrapper {
background-color: var(--untitled-ui--primary50);
color: var(--untitled-ui--primary700);
mix-blend-mode: multiply;
border-radius: 10rem;
align-items: center;
margin-bottom: 1rem;
padding: .25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .75rem;
font-weight: 500;
display: flex;
}
.uui-blog04_category-link {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--primary700);
border-radius: 1rem;
align-items: center;
padding: .125rem .5rem;
font-size: .75rem;
font-weight: 500;
text-decoration: none;
display: flex;
}
.uui-blog04_read-time {
align-items: center;
padding-left: .5rem;
padding-right: .5rem;
display: flex;
}
.uui-blog04_menu-link {
color: var(--untitled-ui--gray500);
white-space: nowrap;
border-bottom: 2px solid #0000;
flex: none;
margin-right: 1rem;
padding: .5rem .25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 600;
text-decoration: none;
transition: all .3s;
}
.uui-blog04_menu-link:hover, .uui-blog04_menu-link.w--current {
border-bottom-color: var(--untitled-ui--primary700);
color: var(--untitled-ui--primary700);
}
.uui-blog04_item {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.uui-blog04_image-link {
width: 100%;
margin-bottom: 2rem;
transition: all .3s;
}
.uui-blog04_image-link:hover {
box-shadow: 0 24px 48px -12px #1018282e;
}
.uui-blog04_image-link.is-featured {
margin-bottom: 0;
}
.uui-blog04_image-wrapper {
width: 100%;
padding-top: 66%;
position: relative;
overflow: hidden;
}
.uui-blog04_image {
object-fit: cover;
border-radius: 8px;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.uui-padding-vertical-xhuge-20 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.div-block-37 {
padding-top: 0;
padding-bottom: 0;
}
.heading-7 {
color: #000;
}
.featured-post {
background-color: var(--base-color-brand--blue);
padding-top: 60px;
}
.div-block-38 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 25%;
display: flex;
}
.icon-contain {
color: var(--border-color--border-primary);
object-fit: contain;
border-radius: 12px;
width: 100%;
height: 100%;
}
.icon-contain.is-footer-logo {
object-fit: fill;
width: auto;
max-width: none;
}
.icon-contain.is-auto-width {
text-align: center;
width: 100%;
}
.icon-contain.is-auto-width.absolute {
position: absolute;
inset: 0% 0% 0% -100%;
}
.icon-contain.is-auto-width.enlarged {
width: 100px;
height: 150%;
}
.product-category-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #ffffff47;
border-radius: 1.125rem;
grid-template: "."
/ 1fr;
grid-auto-columns: 1fr;
padding: 1.5rem;
display: grid;
}
.collection-list-12 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.black-button {
color: #fff;
text-align: center;
letter-spacing: 1px;
background-color: #000;
border-radius: 25px;
padding: .75rem 1.5rem;
font-family: Lato, sans-serif;
font-weight: 600;
}
.black-button:hover {
background-color: var(--base-color-neutral--neutral);
}
.black-button.is-text {
color: #000;
background-color: #0000;
border: 2px solid #0000;
}
.black-button.is-small {
padding: .5rem 1.25rem;
}
.black-button.is-form-submit {
color: var(--base-color-brand--brand);
text-transform: uppercase;
background-color: #fff0;
padding-left: 0;
padding-right: 0;
font-family: Lato, sans-serif;
font-size: .875rem;
font-weight: 700;
}
.black-button.is-form-submit.alt {
background-color: var(--base-color-brand--brand);
color: var(--base-color-neutral--white);
font-size: 1.125rem;
transition: background-color .2s;
}
.black-button.is-form-submit.alt:hover {
background-color: var(--base-color-brand--blue-dark);
}
.black-button.is-large {
padding: 1rem 2rem;
}
.black-button.is-secondary {
color: #000;
background-color: #0000;
border: 2px solid #000;
border-bottom-width: .125rem;
}
.black-button.is-icon {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border: 2px solid var(--base-color-neutral--white);
background-color: #fff0;
border-radius: 999px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 1rem .75rem 1rem 1rem;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
overflow: hidden;
}
.black-button.is-icon:hover {
background-color: var(--base-color-brand--brand);
border-color: #fff;
}
.black-button.is-icon.is-alt {
color: var(--text-color--brand);
background-color: #fff;
padding-right: 1rem;
transition: none;
}
.black-button.is-icon.is-alt:hover {
border-color: var(--base-color-neutral--white);
}
.black-button.is-icon.is-secondary {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
background-color: #020202;
margin-bottom: .75rem;
padding: .75rem;
transition: none;
}
.black-button.is-icon.is-secondary:hover {
background-color: #004a9800;
}
.black-button.is-icon.is-mobile {
display: none;
}
.black-button.is-icon.plain {
flex: none;
padding-right: 1rem;
transition: none;
}
.black-button.is-icon.plain:hover {
border-color: var(--border-color--border-secondary);
background-color: #004a9800;
}
.black-button.is-icon.plain.dark {
border-color: var(--text-color--dark);
color: var(--text-color--dark);
}
.black-button.is-icon.cta {
z-index: 1;
padding-right: 1rem;
}
.black-button.is-icon.cta:hover {
border-color: var(--text-color--brand);
background-color: var(--base-color-brand--brand);
}
.black-button.is-icon.nav {
flex: none;
display: flex;
}
.black-button.is-icon.nav:hover {
background-color: var(--base-color-neutral--white);
color: var(--base-color-brand--brand);
}
.black-button.is-icon.nav-main {
flex: none;
padding-right: 1rem;
}
.black-button.is-icon.nav-main:hover {
background-color: var(--base-color-neutral--white);
color: var(--base-color-brand--brand);
}
.black-button.is-icon.nav-main.second {
padding-top: .5rem;
padding-bottom: .5rem;
}
.black-button.is-icon.nav-main.dark {
border-color: var(--base-color-neutral--black);
color: #000;
}
.black-button.is-icon.is-white {
border-color: var(--base-color-neutral--white);
color: var(--text-color--text-alternate);
padding: .75rem;
transition: none;
}
.black-button.is-icon.is-white:hover {
background-color: #004a9800;
}
.black-button.is-icon.is-filters {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: .75rem;
transition: none;
}
.black-button.is-icon.is-filters:hover {
background-color: #004a9800;
}
.black-button.is-icon.is-download {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: .75rem;
transition: none;
}
.black-button.is-icon.is-download:hover {
background-color: #004a9800;
}
.black-button.is-icon.is-back {
border-style: none;
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: 0;
transition: none;
}
.black-button.is-icon.is-back:hover {
background-color: #004a9800;
}
.black-button.is-icon.is-back.hide {
display: none;
}
.black-button.is-icon.is-secondary-large {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: .75rem;
transition: none;
}
.black-button.is-icon.is-secondary-large:hover {
background-color: #004a9800;
}
.black-button.is-icon.cta-small {
z-index: 1;
padding-right: 1rem;
}
.black-button.is-icon.cta-small:hover {
border-color: var(--text-color--brand);
background-color: var(--base-color-brand--brand);
}
.black-button.is-icon.is-secondary-l {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: .75rem;
transition: none;
}
.black-button.is-icon.is-secondary-l:hover {
background-color: #004a9800;
}
.black-button.is-icon.is-alt-large {
color: var(--text-color--brand);
background-color: #fff;
padding-right: 1rem;
transition: none;
}
.black-button.is-icon.is-alt-large:hover {
border-color: var(--base-color-neutral--white);
}
.black-button.is-icon-copy {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border: 2px solid var(--base-color-neutral--white);
background-color: #fff0;
border-radius: 999px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 1rem .75rem 1rem 1rem;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
overflow: hidden;
}
.black-button.is-icon-copy:hover {
background-color: var(--base-color-brand--brand);
border-color: #fff;
}
.black-button.is-icon-copy.is-alt {
color: var(--text-color--brand);
background-color: #fff;
padding-right: 1rem;
transition: none;
}
.black-button.is-icon-copy.is-alt:hover {
border-color: var(--base-color-neutral--white);
}
.black-button.is-icon-copy.is-secondary {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
background-color: #020202;
margin-bottom: .75rem;
padding: .75rem;
transition: none;
}
.black-button.is-icon-copy.is-secondary:hover {
background-color: #004a9800;
}
.black-button.is-icon-copy.is-mobile {
display: none;
}
.black-button.is-icon-copy.plain {
flex: none;
padding-right: 1rem;
transition: none;
}
.black-button.is-icon-copy.plain:hover {
border-color: var(--border-color--border-secondary);
background-color: #004a9800;
}
.black-button.is-icon-copy.plain.dark {
border-color: var(--text-color--dark);
color: var(--text-color--dark);
}
.black-button.is-icon-copy.cta {
z-index: 1;
padding-right: 1rem;
}
.black-button.is-icon-copy.cta:hover {
border-color: var(--text-color--brand);
background-color: var(--base-color-brand--brand);
}
.black-button.is-icon-copy.nav {
flex: none;
display: flex;
}
.black-button.is-icon-copy.nav:hover {
background-color: var(--base-color-neutral--white);
color: var(--base-color-brand--brand);
}
.black-button.is-icon-copy.nav-main {
flex: none;
padding-right: 1rem;
}
.black-button.is-icon-copy.nav-main:hover {
background-color: var(--base-color-neutral--white);
color: var(--base-color-brand--brand);
}
.black-button.is-icon-copy.nav-main.second {
padding-top: .5rem;
padding-bottom: .5rem;
}
.black-button.is-icon-copy.nav-main.dark {
border-color: var(--base-color-neutral--black);
color: #000;
}
.black-button.is-icon-copy.is-white {
border-color: var(--base-color-neutral--white);
color: var(--text-color--text-alternate);
padding: .75rem;
transition: none;
}
.black-button.is-icon-copy.is-white:hover {
background-color: #004a9800;
}
.black-button.is-icon-copy.is-filters {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: .75rem;
transition: none;
}
.black-button.is-icon-copy.is-filters:hover {
background-color: #004a9800;
}
.black-button.is-icon-copy.is-download {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: .75rem;
transition: none;
}
.black-button.is-icon-copy.is-download:hover {
background-color: #004a9800;
}
.black-button.is-icon-copy.is-back {
border-style: none;
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: 0;
transition: none;
}
.black-button.is-icon-copy.is-back:hover {
background-color: #004a9800;
}
.black-button.is-icon-copy.is-back.hide {
display: none;
}
.black-button.is-icon-copy.is-secondary-large {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: .75rem;
transition: none;
}
.black-button.is-icon-copy.is-secondary-large:hover {
background-color: #004a9800;
}
.black-button.is-icon-copy.cta-small {
z-index: 1;
padding-right: 1rem;
}
.black-button.is-icon-copy.cta-small:hover {
border-color: var(--text-color--brand);
background-color: var(--base-color-brand--brand);
}
.black-button.is-icon-copy.is-secondary-l {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
padding: .75rem;
transition: none;
}
.black-button.is-icon-copy.is-secondary-l:hover {
background-color: #004a9800;
}
.black-button.is-icon-copy.is-alt-large {
color: var(--text-color--brand);
background-color: #fff;
padding-right: 1rem;
transition: none;
}
.black-button.is-icon-copy.is-alt-large:hover {
border-color: var(--base-color-neutral--white);
}
.black-button.is-icon-copy.is-secondary-nav {
border-color: var(--base-color-brand--brand);
color: var(--text-color--brand);
background-color: #020202;
margin-bottom: .75rem;
padding: .75rem;
transition: none;
}
.black-button.is-icon-copy.is-secondary-nav:hover {
background-color: #004a9800;
}
.product-card-info {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.pagination {
clear: both;
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
position: relative;
inset: 0% 0% 350px 0;
}
.next {
border-width: 2px;
border-color: var(--base-color-brand--brand);
background-color: var(--base-color-neutral--white);
border-radius: 50px;
width: 55px;
margin-left: 48px;
margin-right: 0;
padding: 8px 3px 5px 10px;
}
.next:hover {
background-color: var(--base-color-neutral--neutral-lighter);
}
.previous {
border-width: 2px;
border-color: var(--base-color-brand--brand);
background-color: var(--base-color-neutral--white);
border-radius: 50px;
order: 0;
align-self: auto;
width: 55px;
margin-left: 0;
margin-right: 63px;
padding: 8px 10px 5px 14px;
position: static;
left: -1077px;
}
.previous:hover {
background-color: var(--base-color-neutral--neutral-lighter);
}
.grid-17 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: .25fr 3.5fr .25fr;
place-items: center;
width: 100%;
}
.div-block-39 {
height: 10px;
}
.grid-18 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: .25fr 3fr;
width: 100%;
margin-bottom: 0;
}
.breadcrumb-hero {
background-color: var(--base-color-neutral--neutral-lighter);
width: 150px;
padding-top: 20px;
padding-bottom: 20px;
position: absolute;
left: -17px;
transform: skew(16deg);
}
.grid-images {
grid-column-gap: 22px;
grid-row-gap: 22px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start;
display: grid;
}
.section-3 {
background-color: #fff;
padding-top: 20px;
padding-bottom: 20px;
}
.config {
background-color: var(--base-color-brand--dark-blue);
background-image: none;
background-size: auto;
padding-top: 60px;
padding-bottom: 60px;
}
.collection-list-13 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-40 {
width: 100%;
height: 67px;
}
.div-block-41 {
object-fit: scale-down;
display: block;
}
.div-block-42 {
object-fit: scale-down;
display: flex;
}
.collection-list-14 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.uui-text-align-center-10 {
text-align: center;
}
.align-center-11 {
margin-left: auto;
margin-right: auto;
}
.logo-wrapper-small {
justify-content: center;
align-items: center;
height: 40px;
padding: 1rem 1.5rem;
display: flex;
}
.logo-wrapper-small:hover {
margin-top: 10px;
margin-bottom: 10px;
}
.uui-logos01_component-3 {
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top: 2rem;
display: flex;
}
.uui-logos01_logo-3.charger {
width: 80%;
}
.uui-space-xxlarge-3 {
width: 100%;
min-height: 5rem;
}
.uui-logos01_text-3 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 500;
}
.navbar-no-shadow-container-3 {
z-index: 5;
background-color: #0000;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
.container-regular-3 {
width: 100%;
max-width: 1260px;
min-height: 30px;
}
.navbar-wrapper-4 {
justify-content: space-between;
align-items: center;
display: flex;
}
.nav-menu-5 {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
}
.nav-link-4 {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.nav-link-4:hover {
color: #1a1b1fbf;
}
.nav-link-4:focus-visible, .nav-link-4[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-dropdown-3 {
margin-left: 5px;
margin-right: 5px;
}
.nav-dropdown-toggle-3 {
letter-spacing: .25px;
padding: 5px 30px 5px 10px;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle-3:hover {
color: #1a1b1fbf;
}
.nav-dropdown-toggle-3:focus-visible, .nav-dropdown-toggle-3[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon-3 {
margin-right: 10px;
}
.nav-dropdown-list-3 {
background-color: #fff;
border-radius: 12px;
}
.nav-dropdown-list-3.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-link-3 {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.nav-dropdown-link-3:focus-visible, .nav-dropdown-link-3[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-button-wrapper-3 {
margin-left: 120px;
}
.button-primary-4 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-4:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-4:active {
background-color: #43464d;
}
.nav-padding-global {
margin-top: 0;
margin-bottom: 0;
padding: 0 10rem;
}
.nav-padding-global.utility {
background-color: var(--base-color-neutral--neutral-lightest);
padding-top: 0;
padding-bottom: 0;
padding-left: 2.5rem;
display: flex;
}
.nav-padding-global.testimonial {
background-color: var(--base-color-brand--dark-blue);
margin-bottom: 60px;
padding-top: 5rem;
padding-bottom: 5rem;
}
.nav-padding-global.center-align {
background-color: #0000;
}
.container-4 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-19 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
justify-content: stretch;
width: 60%;
overflow: clip;
}
.logo-wrapper-big {
justify-content: center;
align-items: center;
padding: .5rem;
display: flex;
}
.navbar-2, .div-block-43 {
justify-content: center;
align-items: center;
display: flex;
}
.hover-link {
padding-top: 0;
padding-bottom: 0;
}
.blog-grid-2-col {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 4rem;
padding-bottom: 40px;
}
.layoutcards {
grid-column-gap: 2rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
}
.grid-20 {
color: var(--base-color-neutral--white);
grid-template-rows: auto;
}
.section-4, .color-background {
background-color: var(--base-color-neutral--neutral-lightest);
}
.collection-list-15 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-item-17 {
background-color: var(--base-color-neutral--neutral-lightest);
}
.pdp-grid {
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
min-height: 50vh;
}
.product-image {
object-fit: fill;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-height: 70vh;
display: flex;
}
.product-content {
padding-top: 20px;
}
.grid-21 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
padding-top: 20px;
padding-bottom: 20px;
}
.space-tiny {
width: 100%;
min-height: .5rem;
}
.product-section {
background-color: var(--base-color-neutral--neutral-lightest);
padding-top: 40px;
}
.grid-22 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.product-info-card {
background-color: var(--base-color-brand--blue);
border-radius: 10px;
padding: 20px;
}
.div-block-45 {
width: 20%;
}
.text-block-21 {
width: 80%;
}
.div-block-46 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887eae3dda429785b4a85c6_0e1bd49e434a0e1c041c0879487154e74f438924-1920x1080.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 400px;
padding-right: 0;
}
.image-14 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
}
.text-block-22 {
text-align: center;
padding-top: 10px;
padding-bottom: 25px;
}
.image-15 {
width: 50%;
height: 25%;
max-height: 25%;
display: block;
position: static;
}
.image-15.image {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: cover;
width: 100%;
max-width: 100%;
height: 100%;
max-height: none;
padding-left: 0;
padding-right: 0;
display: block;
overflow: clip;
}
.heading-8 {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
.align-center-12 {
text-align: center;
}
.service-title {
color: #858585;
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 0;
font-size: 13px;
font-weight: 500;
}
.paragraph {
color: #000;
font-family: Lato, sans-serif;
}
.small-divider {
background-color: #858585;
width: 50px;
height: 2px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
display: block;
}
.section-6 {
background-color: #fff;
padding: 50px 20px;
position: relative;
}
.services-icon {
float: left;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
width: 70px;
height: 70px;
margin-right: 20px;
}
.services-icon.icon-3, .services-icon.icon-2 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
}
.top-margin {
margin-top: 100px;
}
.top-margin.less {
margin-top: 50px;
}
.sub-text {
color: #767676;
text-transform: none;
margin-top: 20px;
font-size: 23px;
font-style: italic;
font-weight: 400;
line-height: 36px;
}
.sub-text.white {
color: #000;
font-family: Lato, sans-serif;
font-size: 30px;
font-weight: 600;
line-height: 45px;
}
.sub-text.white.smaller {
font-size: 20px;
line-height: 30px;
}
.button-4 {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
background-color: #a0cd4e;
padding: 18px 35px 16px;
font-size: 11px;
font-weight: 500;
text-decoration: none;
transition: all .3s;
}
.button-4:hover {
background-color: #b3dd66;
transform: translate(0, -5px);
box-shadow: 0 20px 20px #00000026;
}
.button-4.other-color {
background-color: #546cc3;
display: inline-block;
}
.button-4.other-color:hover {
background-color: #5f79d8;
}
.top-title {
text-align: center;
margin-bottom: 50px;
}
.top-title.left {
text-align: left;
}
.top-title.left.less {
margin-bottom: 50px;
}
.services-content {
position: relative;
overflow: hidden;
}
.container-fluid {
flex-flow: column;
justify-content: center;
align-items: stretch;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.small-divider-2 {
background-color: #456d97;
width: 50px;
height: 2px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
display: block;
}
.section-7 {
background-color: #fff;
padding: 140px 20px;
position: relative;
}
.section-7.color {
background-color: #3a3a3a00;
padding: 50px 20px;
}
.quote-icon {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68758b960b05f23bca608055_left-quote.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 50px;
width: 80px;
height: 80px;
margin-left: auto;
margin-right: auto;
display: block;
}
.testimonials-wrapper-2 {
text-align: center;
width: 70%;
margin-left: auto;
margin-right: auto;
display: block;
}
.heading-white {
color: var(--base-color-neutral--black);
}
.tab-menu {
margin-top: 50px;
}
.tab-logo {
opacity: .6;
text-align: center;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68758b960b05f23bca60806c_partner3-w.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 120px;
width: 20%;
min-height: 100px;
transition: all .4s;
}
.tab-logo:hover {
opacity: 1;
}
.tab-logo.w--current {
opacity: 1;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68758fd3d6b698d502c2a11e_aac32b928dc0982e1a883f1296c31413_placeholder-image.svg");
}
.tab-logo.logo-3 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68758fd3d6b698d502c2a11e_aac32b928dc0982e1a883f1296c31413_placeholder-image.svg");
background-position: 50%;
background-size: 120px;
}
.tab-logo.logo-2 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68758fd3d6b698d502c2a11e_aac32b928dc0982e1a883f1296c31413_placeholder-image.svg");
background-size: 120px;
}
.tab-logo.logo-2.w--current {
background-color: #0000;
}
.tab-logo.logo-4 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68758fd3d6b698d502c2a11e_aac32b928dc0982e1a883f1296c31413_placeholder-image.svg");
background-size: 150px;
}
.tab-logo.logo-5 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68758b960b05f23bca608073_partner8-2.png");
background-size: 120px;
}
.small-divider-3 {
background-color: #a0cd4e;
width: 50px;
height: 2px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
display: block;
}
.small-divider-3.left {
background-color: #a0cd4e;
margin-left: 0;
}
.section-8 {
background-color: #fff;
padding: 140px 20px;
position: relative;
}
.section-8.black {
background-color: #fff;
padding-top: 100px;
padding-bottom: 100px;
}
.services-icon-2 {
float: left;
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68758a1b53ca236770545069_icon-4.png");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 60px;
width: 70px;
height: 70px;
margin-right: 20px;
}
.services-icon-2.style-2 {
background-image: radial-gradient(circle, #000, #fff);
width: 90px;
height: 90px;
}
.services-icon-2.style-2.icon-2, .services-icon-2.style-2.icon-4, .services-icon-2.style-2.icon-3 {
background-image: radial-gradient(circle, #000, #fff);
}
.service-wrapper-second {
margin-bottom: 40px;
}
.service-wrapper-second.no-margin {
margin-bottom: 0;
}
.service-second-title {
color: #000;
margin-bottom: 15px;
font-family: Lato, sans-serif;
font-weight: 500;
}
.container-fluid-2 {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
display: block;
}
.rl-padding-section-large-2 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.rl-heading-style-h2-2 {
color: var(--relume-library-lite--rl-black);
margin-top: 0;
margin-bottom: 0;
font-family: Lato, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
.rl-button-secondary {
border: 1px solid var(--relume-library-lite--rl-black);
background-color: var(--relume-library-lite--rl-white);
color: var(--relume-library-lite--rl-black);
text-align: center;
padding: .75rem 1.5rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
}
.rl_section_layout1 {
background-color: var(--relume-library-lite--rl-white);
}
.rl-button-link-icon-2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.rl_layout1_spacing-block-1 {
width: 100%;
padding-bottom: 1rem;
}
.rl-button-link-2 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border: 1px none var(--relume-library-lite--rl-black);
color: var(--relume-library-lite--rl-black);
text-align: center;
background-color: #0000;
padding: .25rem 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1;
text-decoration: none;
display: flex;
}
.rl-text-style-medium-2 {
color: var(--relume-library-lite--rl-black);
margin-top: 0;
margin-bottom: 0;
font-family: Lato, sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.5;
}
.rl-button-group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.rl-text-style-subheading-2 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
}
.rl_layout1_spacing-block-3 {
width: 100%;
padding-bottom: 2rem;
}
.rl_layout1_component {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.rl-padding-global-2 {
padding-left: 5%;
padding-right: 5%;
}
.rl_layout1_spacing-block-2 {
width: 100%;
padding-bottom: 1.5rem;
}
.rl-container-large-2 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.columns {
width: 100%;
overflow: clip;
}
.tabs {
justify-content: space-between;
align-items: center;
display: block;
position: relative;
}
.bold-text, .bold-text-2 {
font-weight: 400;
}
.collection-item-18 {
grid-column-gap: 22px;
grid-row-gap: 22px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.footer-component--charger {
background-color: var(--base-color-brand--brand);
color: var(--text-color--text-alternate);
overflow: hidden;
}
.collection-item-19 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-list-16 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 0;
padding-bottom: 0;
display: grid;
}
.grid-23 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.fs-table_instance {
border-radius: 0;
display: block;
}
.fs-table_cell {
text-align: left;
letter-spacing: 1px;
text-transform: uppercase;
border: 1px solid #ddd;
border-radius: 0;
padding: 8px;
font-family: Lato, sans-serif;
font-size: .8rem;
}
.fs-table_row {
background-color: var(--base-color-brand--blue);
text-align: left;
border: 1px solid #ddd;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
font-size: .7rem;
}
.fs-table_row.top {
background-color: var(--engineered-power-secondary);
color: #fff;
border: 1px #000;
border-radius: 5px 5px 0 0;
font-family: Lato, sans-serif;
font-size: 1rem;
font-weight: 400;
}
.fs-table_body {
border-radius: 0;
}
.fs-table_table {
text-align: left;
border-collapse: collapse;
border: 1px solid #ddd;
border-radius: 0;
width: 100%;
font-size: .7rem;
}
.div-block-47 {
background-color: var(--base-color-brand--dark-blue);
}
.div-block-47.ep {
background-color: #1a487e;
}
.fs-numbercount_content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: flex-start start;
max-width: 30rem;
display: flex;
}
.fs-numbercount_icon-wrapper {
background-color: #ebebeb;
border-radius: .5rem;
padding: .5rem;
}
.fs-numbercount_instance {
font-size: 4rem;
font-weight: 500;
line-height: 1;
}
.fs-numbercount_heading {
flex: none;
font-size: 2rem;
font-weight: 600;
line-height: 1.2;
}
.fs-numbercount_character {
font-size: 4rem;
font-weight: 500;
line-height: 1;
}
.fs-numbercount_grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
place-items: start stretch;
width: 100%;
display: grid;
}
.fs-numbercount_row {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
display: flex;
}
.fs-numbercount_icon {
aspect-ratio: 1;
object-fit: cover;
width: 3rem;
}
.fs-numbercount_card {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: #f5f5f5;
border-radius: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center start;
padding: 2rem;
display: grid;
}
.fs-numbercount-1_number {
font-size: 4rem;
line-height: 1;
}
.fs-numbercount-2_content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: flex-start start;
max-width: 30rem;
display: flex;
}
.fs-numbercount-2_icon-wrapper {
background-color: #ebebeb;
border-radius: .5rem;
padding: .5rem;
}
.fs-numbercount-2_instance {
color: var(--base-color-brand--brand);
font-family: Lato, sans-serif;
font-size: 4rem;
font-weight: 500;
line-height: 1;
}
.fs-numbercount-2_heading {
flex: none;
font-size: 2rem;
font-weight: 600;
line-height: 1.2;
}
.fs-numbercount-2_character {
color: var(--base-color-brand--brand);
font-family: Lato, sans-serif;
font-size: 4rem;
font-weight: 500;
line-height: 1;
}
.fs-numbercount-2_grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
place-items: start stretch;
width: 100%;
display: grid;
}
.fs-numbercount-2_row {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
display: flex;
}
.fs-numbercount-2_icon {
aspect-ratio: 1;
object-fit: cover;
width: 3rem;
}
.fs-numbercount-2_card {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border: 1px solid var(--base-color-brand--brand);
background-color: var(--base-color-brand--blue);
border-radius: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center start;
height: 100%;
padding: 2rem;
display: grid;
}
.grid-24 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
padding-bottom: 0;
}
.collection-item-20 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-list-17 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-48 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.collection-list-18 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-25 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.padding-global-green {
background-color: var(--base-color-brand--brand);
margin-top: 0;
margin-bottom: 0;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.padding-global-green.utility {
background-color: var(--base-color-neutral--neutral-lightest);
padding-top: 0;
padding-bottom: 0;
padding-left: 2.5rem;
display: flex;
}
.padding-global-green.testimonial {
background-color: var(--base-color-brand--dark-blue);
margin-bottom: 60px;
padding-top: 5rem;
padding-bottom: 5rem;
}
.padding-global-green.ep {
background-color: var(--engineered-power-secondary);
}
.padding-global-green.valence {
background-color: var(--valence-green);
}
.padding-global-green.charger {
background-color: var(--charger-orange);
}
.padding-global-red {
background-color: var(--base-color-brand--brand);
margin-top: 0;
margin-bottom: 0;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.padding-global-red.utility {
background-color: var(--base-color-neutral--neutral-lightest);
padding-top: 0;
padding-bottom: 0;
padding-left: 2.5rem;
display: flex;
}
.padding-global-red.testimonial {
background-color: var(--base-color-brand--dark-blue);
margin-bottom: 60px;
padding-top: 5rem;
padding-bottom: 5rem;
}
.padding-global-red.ep {
background-color: var(--engineered-power-secondary);
}
.padding-global-red.valence {
background-color: var(--valence-green);
}
.padding-global-red.aved {
background-color: var(--aved-red);
}
.code-embed {
width: 100%;
min-width: 100%;
}
.div-block-49, .div-block-50 {
background-color: var(--base-color-neutral--neutral-lightest);
}
.div-block-51 {
width: 60%;
padding-top: 20px;
}
.grid-26 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.div-block-52 {
width: 50%;
}
.uui-layout82_list-x2 {
grid-column-gap: 2rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-rows: 1fr;
width: 100%;
}
.uui-layout82_content-x2 {
flex-direction: column;
align-items: center;
}
.div-block-53 {
padding-bottom: 20px;
}
.center-align {
text-align: center;
}
.div-block-54 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: center;
width: 100%;
padding-top: 40px;
display: grid;
}
.btn-bg {
background-color: #5b96fe;
border-radius: 100%;
width: 120%;
min-width: 5rem;
height: 175%;
display: block;
position: absolute;
inset: auto;
}
.btn-bg.c-10 {
background-color: #fff;
background-color: var(--base-color-brand--blue);
color: var(--base-color-brand--blue);
inset: auto;
border: 1px solid #000;
border-radius: 50rem;
align-self: center;
width: 130%;
min-width: auto;
height: 120%;
inset: auto;
}
.btn-bg.c-10:hover {
background-color: var(--base-color-brand--brand);
color: var(--base-color-brand--brand);
}
.btn-bg.c-10 {
background-color: #5b96fe;
background-color: var(--base-color-brand--dark-blue);
inset: auto;
border-radius: 50rem;
align-self: center;
width: 130%;
min-width: auto;
height: 120%;
inset: auto;
}
.btn-bg.c-10 {
background-color: #1b2e42;
border-radius: 50rem;
align-self: center;
width: 130%;
min-width: auto;
height: 120%;
inset: auto;
}
.btn-bg.c-10.outline {
background-color: #ecf5ff;
border-style: none;
}
.btn-bg.c-10 {
background-color: var(--aved-red);
border-radius: 50rem;
align-self: center;
width: 130%;
min-width: auto;
height: 120%;
font-size: .8rem;
inset: auto;
}
.btn-bg.c-10.lithion {
background-color: var(--base-color-brand--brand);
border-width: 0;
}
.btn-bg.c-10.lithion:hover {
background-color: var(--base-color-brand--brand);
}
.btn-bg.c-10.lithion.outline {
background-color: var(--base-color-neutral--white);
}
.btn-bg.c-10.valence {
background-color: #4b9e46;
border-width: 0;
}
.btn-bg.c-10.valence.outline {
color: var(--valence-green);
background-color: #fff;
}
.btn-bg.c-10.aved {
border-width: 0;
}
.btn-bg.c-10.aved:hover {
background-color: var(--aved-red);
}
.btn-bg.c-10.aved.outline {
background-color: #fff;
}
.btn-bg.c-10.ep {
background-color: var(--engineered-power-secondary);
border-width: 0;
}
.btn-bg.c-10.ep.outline {
background-color: var(--base-color-neutral--white);
}
.btn-bg.c-10.charger {
background-color: var(--charger-orange);
border-width: 0;
}
.btn-bg.c-10.charger.outline {
background-color: var(--base-color-neutral--white);
}
.btn-bg.c-10.homegrid {
background-color: var(--homegrid-blue);
border-width: 0;
}
.btn-bg.c-10.homegrid.outline {
border-color: var(--homegrid-blue);
}
.button-item {
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.btn-icon-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.btn-icon-arrow {
color: #fff;
width: 1.2rem;
height: 1.2rem;
}
.btn-icon-arrow.hover {
position: absolute;
top: 0;
left: -100%;
}
.btn-icon-arrow.dark, .btn-icon-arrow.outline {
color: var(--base-color-brand--brand);
}
.btn-icon-arrow.outline {
color: #004a98;
}
.btn-txt {
letter-spacing: 1px;
font-family: Lato, sans-serif;
font-size: .87rem;
font-weight: 600;
position: relative;
}
.button-5 {
color: #040126;
text-align: center;
letter-spacing: -.03rem;
background-color: #9adbff;
padding: .75rem 1.5rem;
font-weight: 500;
text-decoration: none;
overflow: visible;
}
.button-5.c-12 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: var(--base-color-brand--brand);
border-radius: 4px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.button-5.c-12:hover {
color: #fff;
}
.button-5.c-12 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-radius: 50rem;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.button-5.c-11.outline {
border: 2px solid var(--base-color-brand--brand);
background-color: var(--base-color-neutral--white);
}
.button-5.c-11 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: #004a98;
border-radius: .4rem;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.button-5.c-11.outline {
background-color: #fff;
border: 2px solid #004a98;
}
.button-5.c-12 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 50rem;
justify-content: center;
align-items: center;
font-family: Lato, sans-serif;
font-size: .8rem;
font-weight: 600;
display: flex;
position: relative;
overflow: hidden;
}
.button-5.c-12.lithion {
color: #fff;
letter-spacing: 1px;
font-family: Lato, sans-serif;
font-size: .8rem;
}
.button-5.c-12.valence {
background-color: var(--valence-green);
}
.button-5.c-12.valence.outline {
border-color: var(--valence-green);
}
.button-5.c-12.aved {
background-color: var(--aved-red);
}
.button-5.c-12.aved.outline {
border-color: var(--aved-red);
}
.button-5.c-12.ep {
background-color: var(--engineered-power-secondary);
}
.button-5.c-12.ep.outline {
border-color: var(--engineered-power-secondary);
}
.button-5.c-12.charger {
background-color: var(--charger-orange);
}
.button-5.c-12.charger.outline {
border-color: var(--charger-orange);
justify-content: flex-start;
align-items: center;
display: flex;
}
.button-5.c-12.homegrid {
background-color: var(--homegrid-blue);
color: #fff;
}
.button-5.c-12.homegrid.outline {
border-color: var(--homegrid-blue);
}
.button-5.c-12.outline {
border: 1.5px solid var(--base-color-brand--brand);
background-color: var(--base-color-neutral--white);
}
.button-item-2 {
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.button-item-3 {
background-color: #06072e;
justify-content: center;
align-items: center;
padding-top: 7rem;
padding-bottom: 7rem;
display: flex;
position: relative;
}
.btn-txt-2 {
position: relative;
}
.button-item-4 {
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.btn-txt-3 {
color: #fff;
letter-spacing: 1px;
font-family: Lato, sans-serif;
font-size: .87rem;
font-weight: 700;
position: relative;
}
.btn-txt-3.dark, .btn-txt-3.outline {
color: var(--base-color-brand--brand);
}
.btn-txt-3.outline {
color: #004a98;
}
.button-solid-new {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.bold-text-3 {
text-align: center;
}
.image-16 {
width: 70%;
}
.div-block-55 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/687b2571818c8ff8ae5bbbff_e164831b73129d5304ca73fc524eb12480528139-3008x1779.avif");
background-position: 0 0;
background-size: cover;
}
.fs-marquee_instance {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
width: 100%;
min-width: 0;
max-width: 100%;
max-height: 100%;
display: flex;
position: relative;
}
.fs-marquee_list-wrapper {
width: 100%;
min-width: 0;
min-height: 1rem;
position: relative;
overflow: clip;
}
.fs-marquee_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
transform-style: preserve-3d;
flex-direction: row;
justify-content: start;
align-items: start;
min-width: 0;
height: auto;
min-height: 1rem;
display: flex;
}
.fs-marquee_item {
backface-visibility: hidden;
transition-property: transform opacity;
flex-flow: row;
flex: none;
justify-content: flex-start;
align-items: stretch;
width: 250px;
height: auto;
min-height: 1rem;
padding: 1rem;
display: flex;
position: relative;
}
.uui-text-align-center-11 {
text-align: center;
}
.uui-container-large-17 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.align-center-13 {
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-18 {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-max-width-large-14 {
width: 100%;
max-width: 48rem;
}
.uui-max-width-large-14.align-center-13 {
margin-left: auto;
margin-right: auto;
}
.uui-logos01_wrapper-3 {
justify-content: center;
align-items: flex-start;
padding: .75rem 1.5rem;
display: flex;
}
.uui-logos01_component-4 {
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top: 2rem;
display: flex;
}
.uui-logos01_logo-4 {
height: 4rem;
}
.uui-space-xxlarge-4 {
width: 100%;
min-height: 5rem;
}
.uui-logos01_text-4 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 500;
}
.clients-wrapper-three-copy {
text-align: center;
flex-flow: row;
justify-content: center;
align-items: center;
margin-bottom: -10px;
display: flex;
overflow: scroll;
}
.div-block-56 {
margin-left: 0;
padding-top: 40px;
padding-left: 0;
}
.rl-padding-section-large-3 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.rl-heading-style-h2-3 {
color: var(--relume-library-lite--rl-black);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
.rl_gallery3_spacing-block-2 {
width: 100%;
padding-bottom: 5rem;
}
.rl_gallery3_image {
border-radius: 5px;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.rl_gallery3_image-wrapper {
width: 100%;
padding-top: 100%;
position: relative;
}
.rl_gallery3_spacing-block-1 {
width: 100%;
padding-bottom: 1.5rem;
}
.rl_gallery3_lightbox-link {
width: 100%;
height: 100%;
}
.rl_gallery3_gallery-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.rl_gallery3_component {
flex-direction: column;
align-items: center;
display: flex;
}
.rl_section_gallery3 {
background-color: var(--relume-library-lite--rl-white);
}
.rl-text-style-medium-3 {
color: var(--relume-library-lite--rl-black);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.5;
}
.rl-padding-global-3 {
padding-left: 5%;
padding-right: 5%;
}
.rl-container-large-3 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.rl_gallery3_heading-wrapper {
text-align: center;
width: 100%;
max-width: 48rem;
}
.image-17 {
width: 80%;
}
.collection-list-19 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.button-item-5 {
justify-content: center;
align-items: center;
width: 180px;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.btn-icon-arrow-2 {
color: #fff;
width: 1.2rem;
height: 1.2rem;
}
.btn-icon-arrow-2.hover {
position: absolute;
top: 0;
left: -100%;
}
.btn-icon-arrow-2.hover.outline {
color: var(--base-color-brand--brand);
}
.btn-icon-arrow-2.hover.valence-outline {
color: var(--valence-green);
}
.btn-icon-arrow-2.hover.aved-outline {
color: var(--aved-red);
}
.btn-icon-arrow-2.hover.ep {
color: var(--engineered-power-secondary);
}
.btn-icon-arrow-2.lithion.outline {
color: var(--base-color-brand--brand);
}
.btn-icon-arrow-2.homegrid, .btn-icon-arrow-2.homegrid:hover {
color: #000;
}
.btn-icon-arrow-2.valence-outline {
color: var(--valence-green);
}
.btn-icon-arrow-2.aved-outline {
color: var(--aved-red);
}
.btn-icon-arrow-2.ep {
color: var(--engineered-power-secondary);
}
.btn-icon-arrow-2.charger-outline {
color: var(--charger-orange);
}
.btn-txt-4 {
color: #fff;
position: relative;
}
.btn-txt-4.lithion {
color: #fff;
}
.btn-txt-4.lithion.outline {
color: var(--base-color-brand--brand);
}
.btn-txt-4.homegrid {
color: #000;
}
.btn-txt-4.outline {
color: var(--valence-green);
}
.btn-txt-4.aved-outline {
color: var(--aved-red);
}
.btn-txt-4.ep-outline {
color: var(--engineered-power-secondary);
}
.btn-txt-4.charger-outline {
color: var(--charger-orange);
}
.navbar-no-shadow-container-4 {
z-index: 5;
background-color: #0000;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
.container-regular-4 {
width: 100%;
max-width: 1260px;
min-height: 30px;
margin-left: auto;
margin-right: auto;
}
.navbar-wrapper-5 {
justify-content: space-between;
align-items: center;
display: flex;
}
.nav-menu-6 {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
}
.nav-link-5 {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.nav-link-5:hover {
color: #1a1b1fbf;
}
.nav-link-5:focus-visible, .nav-link-5[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-dropdown-4 {
margin-left: 5px;
margin-right: 5px;
}
.nav-dropdown-toggle-4 {
letter-spacing: .25px;
padding: 5px 30px 5px 10px;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle-4:hover {
color: #1a1b1fbf;
}
.nav-dropdown-toggle-4:focus-visible, .nav-dropdown-toggle-4[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon-4 {
margin-right: 10px;
}
.nav-dropdown-list-4 {
background-color: #fff;
border-radius: 12px;
}
.nav-dropdown-list-4.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-link-4 {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.nav-dropdown-link-4:focus-visible, .nav-dropdown-link-4[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-button-wrapper-4 {
margin-left: 120px;
}
.button-primary-5 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-5:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-5:active {
background-color: #43464d;
}
.grid-27 {
grid-column-gap: 35px;
grid-row-gap: 35px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 55%;
}
.div-block-57 {
background-color: var(--base-color-neutral--neutral-lightest);
text-align: center;
justify-content: center;
align-items: center;
padding-left: 2.5rem;
padding-right: 2.5rem;
display: flex;
position: sticky;
}
.utility {
min-height: 45px;
margin-top: 0;
padding: 10px;
}
.utility:hover {
background-color: #fff;
}
.utility.charger {
padding: 10px 0;
}
.button-item-lithion {
justify-content: flex-start;
align-items: center;
width: 180px;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.button-item-lithion.outline {
justify-content: flex-start;
align-items: center;
width: auto;
}
.button-item-lithion.nav {
justify-content: flex-start;
align-items: flex-end;
}
.button-item-lithion.right {
justify-content: flex-end;
align-items: center;
}
.button-item-valence {
justify-content: flex-start;
align-items: center;
width: 180px;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.button-item-valence.outline {
width: auto;
}
.button-item-valence.right {
justify-content: flex-end;
align-items: center;
}
.button-item-aved {
justify-content: center;
align-items: center;
width: 180px;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.button-item-aved.outline {
justify-content: flex-start;
align-items: center;
width: auto;
}
.button-item-ep, .button-item-charger {
justify-content: flex-start;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.button-item-charger.outline {
justify-content: space-between;
align-items: center;
width: auto;
}
.button-item-homegrid {
justify-content: flex-start;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.div-block-58 {
width: 30%;
display: flex;
}
.div-block-59 {
margin-left: 0;
}
.link-block {
background-color: var(--base-color-neutral--neutral-lightest);
border-bottom: 1px #000;
border-left: 0 #000;
border-bottom-right-radius: 20px;
padding-top: 15px;
padding-bottom: 15px;
}
.div-block-60 {
background-color: var(--base-color-neutral--neutral-lightest);
}
.image-19 {
width: 30px;
height: 30px;
}
.grid-28 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
height: 30px;
}
.uui-text-style-link-2 {
color: var(--untitled-ui--gray600);
text-decoration: underline;
transition: color .3s;
}
.uui-text-style-link-2:hover {
color: var(--untitled-ui--gray700);
}
.uui-container-large-18 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-19 {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-text-size-large-11 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
line-height: 1.5;
}
.uui-form-radio {
align-items: center;
margin-bottom: 0;
padding-left: 1.125rem;
display: flex;
}
.uui-form-checkbox-label {
color: var(--untitled-ui--gray700);
margin-bottom: 0;
font-family: Lato, sans-serif;
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
}
.uui-form-checkbox {
align-items: center;
margin-bottom: 0;
padding-left: 1.25rem;
display: flex;
}
.uui-form-radio-icon {
border: 1px solid var(--untitled-ui--gray300);
background-color: var(--untitled-ui--white);
cursor: pointer;
border-radius: 100px;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
margin-top: 0;
margin-left: -1.125rem;
margin-right: .75rem;
transition: all .3s;
}
.uui-form-radio-icon:hover {
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary50);
}
.uui-form-radio-icon.w--redirected-checked {
border-width: 1px;
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary50);
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6886ca1ab2d8f485924840fe_6db8505c28cfdb399e380942c23f0ef6_check-circle.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
}
.uui-form-radio-icon.w--redirected-focus {
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary50);
box-shadow: 0 0 0 4px var(--untitled-ui--primary100);
margin-top: 0;
}
.uui-form-radio-icon.tick-icon.w--redirected-checked {
background-color: var(--untitled-ui--primary600);
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6886ca1ab2d8f485924840ff_12646f284ddce86774eef0314c83761f_check-tick.svg");
}
.uui-heading-medium-9 {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 2.25rem;
font-weight: 600;
line-height: 1.3;
}
.uui-field-label {
color: var(--untitled-ui--gray700);
margin-bottom: .5rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 500;
line-height: 1.5;
}
.uui-button-13 {
grid-column-gap: .5rem;
border: 1px none var(--untitled-ui--primary600);
background-color: var(--text-color--brand);
color: var(--untitled-ui--white);
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
white-space: nowrap;
border-radius: 7.1rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: Lato, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-13:hover {
border-style: none;
border-color: var(--untitled-ui--primary700);
background-color: var(--base-color-brand--dark-blue);
}
.uui-button-13:focus {
background-color: var(--untitled-ui--primary600);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}
.uui-button-13.valence {
background-color: var(--valence-green);
border-style: none;
}
.uui-button-13.valence:hover {
background-color: #2f5f2c;
}
.uui-button-13.aved {
background-color: var(--aved-red);
border-width: 0;
}
.uui-button-13.aved:hover {
background-color: #831d24;
border-width: 0;
}
.uui-form_input-2 {
border: 1px solid var(--untitled-ui--gray300);
background-color: var(--untitled-ui--white);
color: var(--base-color-neutral--neutral-dark);
border-radius: .5rem;
height: auto;
min-height: 2.75rem;
margin-bottom: 0;
padding: .5rem .875rem;
font-family: Lato, sans-serif;
font-size: 1rem;
line-height: 1.5;
transition: all .3s;
box-shadow: 0 1px 2px #1018280d;
}
.uui-form_input-2:focus {
border-color: var(--untitled-ui--primary300);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
color: var(--untitled-ui--gray900);
}
.uui-form_input-2::placeholder {
color: var(--untitled-ui--gray500);
}
.uui-form_input-2.select {
color: var(--base-color-neutral--neutral-dark);
background-color: #fff;
font-family: Lato, sans-serif;
}
.uui-form_input-2.text-area {
height: auto;
min-height: 11.25rem;
padding-top: .75rem;
padding-bottom: .75rem;
overflow: auto;
}
.uui-form-checkbox-icon {
border: 1px solid var(--untitled-ui--gray300);
background-color: var(--untitled-ui--white);
cursor: pointer;
border-radius: .375rem;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
margin-top: 0;
margin-left: -1.25rem;
margin-right: .75rem;
transition: all .3s;
}
.uui-form-checkbox-icon:hover {
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary50);
}
.uui-form-checkbox-icon.w--redirected-checked {
border-width: 1px;
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary50);
box-shadow: none;
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6886ca1ab2d8f48592484100_3c493b4e720b35a68f223f9de60ddb7e_check.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: .875rem .875rem;
background-attachment: scroll;
border-radius: .25rem;
}
.uui-form-checkbox-icon.w--redirected-focus {
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary50);
box-shadow: 0 0 0 4px var(--untitled-ui--primary100);
border-radius: .25rem;
}
.uui-form-field-wrapper {
position: relative;
}
.uui-icon-1x1-xsmall-4 {
width: 1.5rem;
height: 1.5rem;
}
.success-message-2 {
background-color: #f4f4f4;
padding: 1.5rem;
}
.success-text {
font-weight: 600;
}
.error-message {
margin-top: 1.5rem;
padding: .875rem 1rem;
}
.error-text {
color: #e23939;
}
.form-field-2col {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.form-radio-2col {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 1rem;
display: grid;
}
.uui-form-radio-label {
color: var(--base-color-neutral--neutral-dark);
margin-bottom: 0;
font-family: Lato, sans-serif;
font-weight: 500;
}
.contact-form-2.aved {
background-color: #831d24;
}
.contact-wrapper {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
background-color: var(--base-color-neutral--neutral-lightest);
border-radius: 17px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
padding: 2.5rem;
display: grid;
}
.uui-text-style-link-02 {
color: var(--untitled-ui--primary700);
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 600;
text-decoration: none;
}
.uui-contact04_contact-list {
grid-column-gap: 1rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-top: 3rem;
display: grid;
}
.uui-contact04_item {
align-items: center;
text-decoration: none;
display: flex;
}
.uui-contact04_icon-wrapper {
color: var(--untitled-ui--primary600);
flex: none;
align-self: flex-start;
margin-right: 1rem;
}
.uui-contact04_form-wrapper {
flex-direction: column;
align-items: stretch;
}
.uui-contact04_form {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.uui-space-xsmall-9 {
width: 100%;
min-height: 1rem;
}
.uui-padding-vertical-xhuge-21 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.uui-form-button-wrapper {
flex-direction: column;
width: 50%;
margin-top: .5rem;
display: flex;
}
.link-block-2 {
padding-left: 10px;
padding-right: 10px;
}
.div-block-61 {
background-color: var(--base-color-neutral--neutral-dark);
}
.heading-9 {
font-family: Lato, sans-serif;
}
.grid-29 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.form07_link {
color: #5b3acc;
font-size: 13px;
font-weight: 700;
}
.text-counter {
color: #5b617c73;
font-size: 14px;
}
.paragraph-2 {
color: #5b617c;
text-align: center;
max-width: 550px;
margin-left: auto;
margin-right: auto;
font-size: 15px;
line-height: 23px;
}
.error-message-2 {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
.next-button {
background-color: var(--base-color-brand--brand);
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 40px;
flex: 1;
align-self: center;
padding: 12px 32px;
font-family: Lato, sans-serif;
font-size: 15px;
transition: background-color .2s ease-in;
}
.field-title {
color: #000037;
background-color: #fff;
margin-bottom: 5px;
padding-left: 6px;
font-size: 14px;
font-weight: 400;
}
.checkbox {
z-index: 5;
opacity: 0;
cursor: pointer;
border: 2px solid #0000;
border-radius: 10px;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
position: absolute;
inset: 0%;
}
.checkbox:active {
border: 1px solid #000;
}
.success-message-3 {
letter-spacing: 1px;
padding: 50px;
}
.form12_checkbox_field {
background-color: #fff;
border: 1.2px solid #3e34c81a;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
width: 140px;
height: 120px;
margin-bottom: 0;
margin-left: 5px;
margin-right: 5px;
padding: 35px 22px 22px;
display: flex;
position: relative;
box-shadow: 1px 1px 35px #c6d3ff47;
}
.checkbox-title {
color: #5b3acc;
justify-content: center;
margin-bottom: 0;
padding-bottom: 10px;
font-size: 14px;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.form-title-wrap {
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 35px;
display: flex;
}
.slider {
background-color: #0000;
max-width: 700px;
height: 100%;
position: relative;
}
.mobile-nav-bottom {
display: none;
}
.submit-button {
box-shadow: none;
letter-spacing: 1px;
background-color: #5b3acc;
border-radius: 5px;
width: 260px;
height: auto;
margin-bottom: -60px;
margin-left: auto;
margin-right: auto;
padding-top: 14px;
padding-bottom: 14px;
transition: background-color .2s ease-in, box-shadow .2s ease-in;
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.previous-2 {
opacity: .45;
letter-spacing: 1px;
border-radius: 40px;
justify-content: center;
align-items: center;
width: auto;
max-width: 159px;
height: 47px;
margin: auto auto 25px;
padding: 0;
font-family: Lato, sans-serif;
font-size: 15px;
transition: opacity .2s;
display: flex;
position: absolute;
inset: auto auto 0% 0%;
}
.previous-2:hover {
opacity: 1;
}
.field-input {
color: #000037bf;
background-color: #0000;
border: 1.5px solid #3e34c80a;
border-radius: 6px;
width: 100%;
min-height: 45px;
font-size: 16px;
}
.field-input:focus {
border-color: #0064fe;
}
.field-input::placeholder {
color: #0000371a;
font-family: Varela Round, sans-serif;
}
.next-2 {
justify-content: center;
align-items: center;
width: auto;
max-width: 159px;
height: 47px;
margin: auto auto 25px;
font-family: Lato, sans-serif;
display: block;
position: absolute;
right: 35px;
overflow: visible;
}
.checkbox-field {
justify-content: flex-start;
align-items: center;
width: 24%;
min-width: 150px;
height: 140px;
margin-left: 6px;
margin-right: 6px;
display: flex;
}
.checkbox_wrap {
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.checkbox_wrap.checkbox_centre {
justify-content: center;
}
.title-left {
margin-top: 15px;
margin-left: 15px;
position: absolute;
inset: 0% auto auto 0%;
}
.form-wrapper {
background-color: var(--base-color-neutral--neutral-lightest);
border-radius: 20px;
margin-bottom: 0;
margin-left: 0;
padding: 20px;
display: block;
}
.form-wrap {
flex-direction: column;
align-items: flex-start;
width: 100%;
max-width: 390px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.form-section-title {
color: #0a1f44;
margin-bottom: 12px;
font-size: 32px;
font-weight: 500;
line-height: 32px;
}
.form-full {
justify-content: center;
align-items: flex-start;
min-height: 100vh;
padding-top: 90px;
padding-left: 3%;
padding-right: 3%;
display: flex;
}
.slide {
border-radius: 20px;
flex-wrap: wrap;
width: 100%;
height: 100%;
padding-top: 0;
padding-bottom: 0;
position: static;
}
.previous-button {
background-color: var(--base-color-neutral--neutral);
opacity: 1;
color: #fff;
text-indent: -2px;
text-transform: uppercase;
flex: none;
align-self: center;
padding: 12px 32px;
font-size: 15px;
transition: opacity .2s ease-in;
}
.previous-button:hover {
opacity: 1;
border-bottom-color: #0000008c;
}
.form07_legal {
color: #101c2e8a;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
font-size: 14px;
}
.slider-content-wrap {
text-align: center;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
padding: 90px 0 75px;
display: flex;
position: relative;
}
.line-bottom {
background-color: #c5c7ca;
height: 1px;
}
.arrow {
width: 16px;
margin-right: 8px;
}
.form-content {
width: 100%;
margin-bottom: -20px;
}
.form-content.final {
margin-bottom: 0;
}
.text-block-23 {
color: #5b3acc;
font-weight: 500;
}
.checkbox-image {
width: 45px;
}
.counter-image {
width: 16px;
margin-right: 5px;
}
.details-right {
align-items: center;
margin-top: 15px;
margin-right: 15px;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.swiper-wrapper-2 {
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
height: auto;
display: flex;
overflow: hidden;
}
.swiper-wrapper-2.thumbnails-list {
grid-column-gap: .25rem;
grid-row-gap: .5rem;
flex-direction: row;
justify-content: flex-start;
align-items: center;
height: auto;
display: flex;
overflow: visible;
}
.accordion__title {
cursor: pointer;
justify-content: space-between;
align-items: center;
padding-top: .9375rem;
padding-bottom: .9375rem;
font-size: .85rem;
line-height: 1.25;
display: flex;
}
.product-header8_tab-link {
color: #555;
text-transform: uppercase;
background-color: #0000;
border-bottom: 2px solid #0000;
margin-right: 1.5rem;
padding: .25rem 0;
font-weight: 500;
}
.product-header8_tab-link.w--current {
color: #000;
background-color: #0000;
border-bottom-color: #000;
font-weight: 500;
}
.normal-image-holder {
border-radius: 8px;
overflow: hidden;
}
.button-text-4 {
letter-spacing: .011em;
}
.price-each {
font-size: 1rem;
font-weight: 700;
}
.div-block-512 {
flex-direction: column;
justify-content: center;
display: flex;
position: static;
}
.div-block-514 {
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
display: flex;
}
.div-block-447 {
width: 100%;
height: 100%;
}
.feature-wrap {
border: 1px solid #eee;
border-radius: 8px;
align-items: flex-start;
width: 100%;
margin-bottom: 0;
padding: .5rem;
line-height: 1.45;
display: flex;
}
.checkmark-4 {
color: #003e34;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
margin-right: 5px;
display: flex;
}
.div-block-445 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: row;
align-items: center;
padding-top: .25rem;
display: flex;
}
.image-wrapper_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.icon-list-item-2 {
align-items: center;
display: flex;
}
.text-span {
font-size: .85rem;
}
.thumb-swiper-wrapper {
justify-content: flex-end;
margin-bottom: .5rem;
display: flex;
}
.table_ingredient-link-2 {
color: #000;
align-items: center;
width: 100%;
font-weight: 500;
display: flex;
position: relative;
}
.table_ingredient-link-2:hover {
background-image: none;
background-position: 100%;
background-repeat: no-repeat;
}
.accordion__item {
border-top: .0625rem solid #00000014;
}
.accordion__item.first-child {
border-top-color: #0000;
}
.bg-animate-overlay-copy-copy {
height: auto;
padding-top: 3rem;
position: sticky;
top: 0;
overflow: hidden;
}
.product-title {
font-size: 3rem;
line-height: 1.25;
}
.table10_column-3 {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: flex-start;
padding-top: .35rem;
padding-bottom: .35rem;
display: flex;
}
.table10_column-3.is-header-column {
padding-bottom: 0;
}
.table10_column-3.is-header-column.is-width-large.is-right {
text-align: right;
align-items: flex-end;
}
.table10_column-3.is-width-large {
min-width: 25%;
max-width: 25%;
overflow: visible;
}
.table10_column-3.is-width-large.is-right {
align-items: flex-end;
}
.slider-button-right {
color: #7e3d5d;
text-align: center;
cursor: pointer;
background-color: #ffc540;
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/688a2536b5de970f770a5d0e_Group.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 1rem .875rem;
border-radius: 6.25rem;
width: 3.5rem;
height: 3.5rem;
padding: .75rem;
font-size: 0;
font-weight: 400;
line-height: 1em;
transition: background-position .15s cubic-bezier(.47, 0, .745, .715), background-color .2s, color .2s;
}
.slider-button-right:hover {
color: #fff;
background-color: #ffb815;
background-position: 60%;
}
.slider-button-right:active {
background-color: #eaa300;
}
.slider-button-right.absolute-right {
position: absolute;
inset: 13.125rem -6.25rem auto auto;
}
.product-header7_rating-wrapper-2 {
color: #faa540;
margin-right: .5rem;
display: flex;
}
.thumbnail-slider-buttons-wrapper {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: none;
}
.full-prod-content {
width: 100%;
max-width: 28.5rem;
position: sticky;
top: 5.3125rem;
}
.pricing-box {
box-shadow: none;
cursor: pointer;
background-color: #fff;
border: 1px solid #efefef;
border-radius: 8px;
justify-content: center;
align-items: stretch;
padding: 1rem 1rem 1rem 3rem;
display: flex;
position: relative;
overflow: visible;
}
.pricing-box.current-qty {
background-color: #0000;
border-color: #00006f;
justify-content: space-between;
}
.listicle-row {
grid-column-gap: 5rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.accordion__content {
opacity: 1;
display: block;
}
.page-global {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.div-block-515 {
background-color: #eee;
border-radius: 8px;
justify-content: center;
align-items: center;
padding: .5rem;
display: flex;
}
.button-holder {
position: static;
}
.flex-outer-row {
grid-column-gap: .5rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.product-header7_rating-icon {
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
margin-right: .25rem;
display: flex;
}
.thumb-swiper {
justify-content: flex-start;
align-items: center;
padding-top: .625rem;
padding-bottom: .625rem;
display: flex;
position: relative;
overflow: visible;
}
.block_item-list_features-2 {
grid-column-gap: .3rem;
grid-row-gap: .3rem;
text-align: left;
flex-flow: wrap;
display: flex;
}
.tab-radio-button {
background-color: #fff;
border: 1px solid #b0b0b0;
border-radius: 50%;
width: 20px;
height: 20px;
position: absolute;
inset: auto auto auto 1rem;
}
.swiper-slide-2 {
text-align: left;
flex: none;
align-content: center;
align-items: stretch;
width: 100%;
display: flex;
position: relative;
}
.swiper-slide-2.thumbnail-item {
cursor: pointer;
background-color: #ffedd7;
border: 2px solid #fff;
border-radius: .75rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
width: 3rem;
height: 3rem;
position: relative;
overflow: hidden;
}
.swiper-slide-2.thumbnail-item.swiper-slide-thumb-active {
border-color: #00006f;
}
.price {
font-size: .85rem;
font-weight: 700;
}
.icon-benefits {
color: #000;
justify-content: center;
align-items: center;
width: 2rem;
min-width: 2rem;
height: 2rem;
min-height: 2rem;
margin-right: 5px;
display: flex;
}
.button-6 {
color: #fff;
text-align: center;
background-color: #00006f;
border-radius: 100px;
align-items: center;
padding: 1.25rem 2rem;
font-size: 1rem;
font-weight: 500;
transition: background-color .2s;
}
.button-6:hover {
color: #fff;
background-color: #00006f;
}
.button-6.is-full {
text-align: center;
width: 100%;
min-width: 100%;
}
.product-full-content {
width: 100%;
max-width: 30rem;
position: relative;
}
.table10_content {
flex-direction: column;
font-size: 1rem;
overflow: auto;
}
.qty_selector1-block {
grid-column-gap: 16px;
grid-row-gap: .5rem;
flex-flow: column wrap;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: flex;
position: static;
}
.text-size-small-2 {
font-size: .85rem;
}
.grid-30 {
grid-template-rows: auto;
align-items: start;
}
.table10_header-row-3 {
color: #2e2e2e;
text-transform: uppercase;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr .5fr;
grid-auto-columns: 1fr;
font-size: .6rem;
font-weight: 700;
display: flex;
}
.div-block-513 {
justify-content: space-between;
width: 100%;
display: flex;
}
.table10_list-3 {
color: #7e7e7e;
font-size: .85rem;
}
.prod-full-copy {
flex-direction: column;
justify-content: flex-start;
height: 100%;
padding: 6rem 3rem 3rem;
display: flex;
}
.cover-image-2 {
object-fit: cover;
object-position: 50% 50%;
background-color: #fff9e6;
width: 100%;
max-width: none;
height: auto;
transition: background-color .2s;
}
.slider-button-left {
color: #7e3d5d;
text-align: center;
cursor: pointer;
background-color: #ffc540;
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/688a2536b5de970f770a5d0d_Group%20(1).svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 1rem .875rem;
border-radius: 50%;
width: 3.5rem;
height: 3.5rem;
padding: .75rem;
font-size: 0;
font-weight: 400;
line-height: 1em;
transition: background-position .15s cubic-bezier(.47, 0, .745, .715), background-color .2s, color .2s;
}
.slider-button-left:hover {
color: #fff;
background-color: #ffb815;
background-position: 40%;
}
.slider-button-left:active {
background-color: #eaa300;
}
.slider-button-left.absolute-left {
position: absolute;
inset: 13.125rem auto auto -6.25rem;
}
.image-wrapper-1-1 {
border-radius: 12px;
width: 100%;
padding-top: 100%;
position: relative;
overflow: hidden;
}
.heading-style-h5-2 {
font-size: 1rem;
line-height: 1.4;
}
.product-header8_tabs-menu {
border-bottom: 1px solid #e1e1e1;
align-items: center;
font-size: .8rem;
display: flex;
}
.swiper-2 {
width: 100%;
display: flex;
overflow: hidden;
}
.icon-3 {
color: #000;
justify-content: center;
align-items: center;
width: 1.25rem;
min-width: 1.25rem;
max-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
max-height: 1.25rem;
margin-left: .3125rem;
display: flex;
}
.product-header7_reviews-wrapper {
align-items: center;
display: flex;
}
.table10_item-3 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr .5fr;
grid-auto-columns: 1fr;
display: flex;
}
.section-9 {
width: 90%;
}
.faq-pdp {
background-color: var(--base-color-neutral--neutral-lightest);
width: 90%;
}
.image-20 {
width: 100%;
max-width: none;
}
.gallery-column {
flex-direction: column;
display: flex;
}
.lightbox-link {
border-bottom-style: none;
}
.product-gallery-wrapper {
margin-top: 15px;
}
.product-gallery {
grid-column-gap: 15px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 70%;
display: grid;
}
.product-image-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.product-gallery-empty {
display: none;
}
.image-21 {
color: var(--base-color-brand--brand);
}
.div-block-516 {
padding-left: 60px;
padding-right: 60px;
}
.div-block-517 {
width: 100%;
padding-top: 0;
}
.collection-list-20 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-item-21 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.video-component {
padding-top: 0;
padding-right: 0;
}
.collection-list-21 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-item-22 {
width: 100%;
}
.news-items {
background-color: var(--base-color-neutral--neutral-lightest);
}
.collection-list-22, .collection-list-23, .collection-list-24 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.uui-text-size-medium-14 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-text-size-small-8 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
line-height: 1.5;
}
.uui-text-size-small-8.text-color-white-3 {
color: var(--untitled-ui--white);
}
.uui-text-rich-text-2 {
color: var(--untitled-ui--gray600);
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.uui-text-rich-text-2 h1 {
margin-top: 2rem;
margin-bottom: 1.5rem;
}
.uui-text-rich-text-2 h2 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.uui-text-rich-text-2 h3 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.uui-text-rich-text-2 h4 {
margin-top: 1.5rem;
margin-bottom: 1.25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.uui-text-rich-text-2 h5, .uui-text-rich-text-2 h6 {
margin-top: 1.25rem;
margin-bottom: 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.uui-text-rich-text-2 p {
margin-bottom: 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.uui-text-rich-text-2 blockquote {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-style: italic;
}
.uui-text-rich-text-2 a {
text-decoration: underline;
}
.uui-text-rich-text-2 figcaption {
color: var(--untitled-ui--gray500);
text-align: left;
margin-top: 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
}
.uui-container-large-19 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.align-center-14 {
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-20 {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-max-width-large-15 {
width: 100%;
max-width: 48rem;
}
.uui-max-width-large-15.align-center-14 {
margin-left: auto;
margin-right: auto;
}
.uui-container-small-3 {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.uui-heading-large-6 {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 3rem;
font-weight: 600;
line-height: 1.2;
}
.uui-heading-large-6.text-color-white-3 {
color: var(--untitled-ui--white);
}
.uui-blogpost02_title-wrapper-2 {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.uui-blogpost02_author-wrapper-2 {
text-align: center;
flex-direction: column;
align-items: center;
margin-top: 3rem;
display: flex;
}
.uui-blogpost02_author-image-2 {
object-fit: cover;
border-radius: 100%;
width: 3.5rem;
min-width: 3.5rem;
height: 3.5rem;
min-height: 3.5rem;
}
.uui-text-divider-6 {
color: var(--untitled-ui--gray600);
margin-left: .25rem;
margin-right: .25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-text-divider-6.text-color-white-3 {
color: var(--untitled-ui--white);
}
.uui-blogpost02_date-wrapper-2 {
align-items: center;
margin-top: .25rem;
display: flex;
}
.uui-blogpost02_author-image-wrapper-2 {
margin-bottom: 1rem;
}
.uui-blogpost02_category-link-2 {
color: #fff;
margin-bottom: 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 600;
text-decoration: none;
}
.uui-blogpost02_category-link-2.w--current {
border-bottom: 2px solid #000;
}
.uui-breadcrumb-link-2 {
color: var(--untitled-ui--gray600);
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 500;
text-decoration: none;
transition: all .3s;
}
.uui-breadcrumb-link-2:hover {
color: var(--untitled-ui--gray700);
}
.uui-breadcrumb-link-2.w--current {
color: var(--untitled-ui--primary700);
font-weight: 600;
}
.uui-breadcrumb-link-2.w--current:hover {
color: var(--untitled-ui--primary800);
}
.uui-breadcrumb-divider-2 {
color: var(--untitled-ui--gray500);
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
margin-left: .5rem;
margin-right: .5rem;
display: flex;
}
.uui-blogpost02_background-2 {
z-index: -1;
background-image: linear-gradient(#10182866, #10182866);
background-position: 0 0;
}
.uui-blogpost02_header-2 {
margin-bottom: 4rem;
position: relative;
}
.uui-blogpost02_tag-list-2 {
grid-column-gap: .5rem;
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.uui-blogpost02_tag-list-wrapper-2 {
width: 100%;
}
.uui-blogpost02_share-wrapper-2 {
flex-direction: column;
align-items: center;
display: flex;
}
.uui-blogpost02_content-bottom-2 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.uui-blogpost02_content-2 {
margin-bottom: 4rem;
}
.uui-blogpost02_divider-2 {
background-color: var(--untitled-ui--gray200);
width: 100%;
max-width: 48rem;
height: 1px;
margin-top: 3rem;
margin-bottom: 1.5rem;
}
.uui-blogpost02_breadcrumb-2 {
align-items: center;
width: 100%;
display: flex;
}
.uui-blogpost02_content-top-2 {
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: 2.5rem;
display: flex;
}
.uui-blogpost02_share-2 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-items: start;
margin-top: 1rem;
margin-bottom: 1.5rem;
display: grid;
}
.uui-button-icon-10 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
display: flex;
}
.uui-button-icon-10.text-color-gray400 {
color: var(--untitled-ui--gray400);
}
.uui-badge-2 {
grid-column-gap: .375rem;
background-color: var(--untitled-ui--gray100);
color: var(--untitled-ui--gray700);
white-space: nowrap;
border-radius: 10rem;
align-items: center;
padding: .125rem .625rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 500;
line-height: 1.5;
text-decoration: none;
display: flex;
}
.uui-badge-2.is-primary {
background-color: var(--untitled-ui--primary50);
color: var(--untitled-ui--primary700);
}
.uui-badge-2.is-pink {
background-color: var(--untitled-ui--pink50);
color: var(--untitled-ui--pink700);
}
.uui-badge-2.is-indigo {
background-color: var(--untitled-ui--indigo50);
color: var(--untitled-ui--indigo700);
}
.uui-button-secondary-gray-10 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--gray300);
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-secondary-gray-10:hover {
background-color: var(--untitled-ui--gray50);
color: var(--untitled-ui--gray800);
}
.uui-button-secondary-gray-10:focus {
background-color: var(--untitled-ui--white);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}
.uui-button-secondary-gray-10.is-button-small {
grid-column-gap: .5rem;
padding: .5rem 1rem;
font-size: 1rem;
}
.uui-button-secondary-gray-10.is-button-small.icon-only {
width: 2.5rem;
height: 2.5rem;
padding: 0;
}
.uui-button-secondary-gray-10.icon-only {
justify-content: center;
align-items: center;
width: 2.75rem;
height: 2.75rem;
padding: 0;
display: flex;
}
.uui-heading-tiny-3 {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.5;
}
.uui-heading-tiny-3.text-color-white-3 {
color: var(--untitled-ui--white);
}
.uui-padding-vertical-xhuge-22 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.uui-space-xhuge-3 {
width: 100%;
min-height: 7rem;
}
.uui-blogpost02_share-heading-2 {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
}
.uui-blogpost02_author-heading-2 {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
font-weight: 600;
}
.blogpost02_background-2-copy {
z-index: -1;
background-image: linear-gradient(#10182866, #10182866);
background-position: 0 0;
background-size: auto;
}
.div-block-518 {
background-color: #666666cf;
}
@media screen and (max-width: 991px) {
blockquote {
border-left-width: .3rem;
}
.padding-xlarge {
padding: 3rem;
}
.margin-xlarge {
margin: 3rem;
}
.padding-xhuge {
padding: 6rem;
}
.padding-xxhuge {
padding: 8rem;
}
.padding-huge {
padding: 5rem;
}
.margin-large {
margin: 2.5rem;
}
.padding-xxlarge {
padding: 4rem;
}
.padding-large {
padding: 2.5rem;
}
.margin-huge {
margin: 5rem;
}
.padding-medium {
padding: 1.5rem;
}
.margin-xxlarge {
margin: 4rem;
}
.margin-xhuge {
margin: 6rem;
}
.margin-medium {
margin: 1.5rem;
}
.margin-xxhuge {
margin: 8rem;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-large.top-0 {
padding-top: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.padding-bottom.padding-xxlarge.is-mobile-bottom-off {
padding-bottom: 0;
}
.hide-tablet {
display: none;
}
.fs-styleguide_2-col {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.max-width-full-tablet {
width: 100%;
max-width: none;
}
.heading-style-h3 {
font-size: 2.5rem;
}
.text-rich-text h3 {
margin-bottom: 2rem;
font-size: 2.5rem;
}
.text-rich-text h4 {
margin-bottom: 2rem;
font-size: 2rem;
}
.text-rich-text p {
margin-bottom: 2rem;
}
.container-small.is-testimonials {
max-width: none;
}
.heading-style-h1 {
font-size: 4rem;
}
.text-size-tiny.is-nav-dropdown {
font-size: 14px;
}
.text-size-tiny.is-subnav-dropdown {
font-size: .75rem;
}
.fs-styleguide_1-col {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.fs-styleguide_heading-medium {
font-size: 3rem;
}
.fs-styleguide_4-col {
grid-template-columns: 1fr;
}
.text-size-regular.nav-dropdown {
font-size: clamp(1rem, 1.25vw, 1rem);
}
.text-size-regular.filter, .text-size-regular.news-reset {
font-size: clamp(.875rem, 1.25vw, 1rem);
}
.heading-style-h4 {
font-size: 2rem;
}
.form_input.is-text-area.main_contact {
min-height: 11rem;
}
.padding-section-large {
padding-top: 6rem;
padding-bottom: 6rem;
}
.fs-styleguide_3-col {
grid-template-columns: 1fr;
}
.heading-style-h2 {
font-size: 3rem;
}
.page-wrapper.is-overflow-hidden {
overflow: hidden;
}
.form_component.is-contact-cta {
align-items: stretch;
width: 100%;
}
.form_component.is-filter {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.button.is-icon {
padding-right: .75rem;
}
.button.is-icon.is-secondary {
padding-left: .75rem;
}
.button.is-icon.is-mobile, .button.is-icon.nav, .button.is-icon.nav-main {
display: flex;
}
.button.is-icon.is-white, .button.is-icon.is-filters, .button.is-icon.is-download {
padding-left: .75rem;
}
.button.is-icon.is-back {
padding-left: 0;
}
.button.is-icon.is-secondary-large, .button.is-icon.is-secondary-l {
padding-left: .75rem;
}
.fs-styleguide_section {
grid-column-gap: 2.5rem;
grid-template-columns: 1fr;
}
.padding-section-medium {
padding-top: 4rem;
padding-bottom: 4rem;
}
.container-medium.is-testimonials {
align-items: stretch;
}
.button-arrow-icon.is-white {
color: #000;
}
.nav_link-wrapper {
color: #fff;
flex-direction: column;
height: 90vh;
overflow: scroll;
}
.nav_action-button-link {
border-bottom: 1px #ffe6d2;
padding: 1.5rem 2.5rem;
display: flex;
}
.nav_link {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 2.5rem;
padding-right: 2.5rem;
transition: background-color .2s ease-out, color .2s ease-out;
}
.nav_link:hover {
clear: none;
}
.nav_link.w--current {
color: #000;
background-color: #ebebeb;
border-top-style: none;
padding-top: 1.5rem;
}
.nav_link.is-dropdown {
padding: .5rem 0;
}
.deopdown-list-wrapper {
background-color: #f9f9ff;
flex-direction: column;
width: auto;
}
.deopdown-list-wrapper.is-product {
width: auto;
}
.nav_logo {
max-width: none;
height: 2.5rem;
}
.nav_logo.is-installation {
height: 2.25rem;
}
.dropdown-content-wrapper {
background-color: #0000;
border-right-style: none;
border-right-color: #424669;
width: 100%;
}
.dropdown-content-wrapper:hover {
background-color: #f9f9fe;
}
.nav_menu-icon {
color: var(--black\);
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.nav_link-list {
color: #000;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
height: auto;
margin-right: 0;
display: flex;
overflow: visible;
}
.nav_label {
font-weight: 500;
}
.nav_menu-button {
color: #ffd3af;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
margin-right: -.75rem;
padding: .75rem;
display: block;
}
.nav_menu-button.w--open {
color: #fff;
background-color: #0000;
}
.nav_drop-list.w--open {
box-shadow: none;
position: relative;
}
.nav_dropdown {
width: 100%;
margin-left: 0;
}
.nav_dropdown-toggle {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
padding-left: 2.5rem;
font-weight: 500;
}
.nav_menu {
color: #fff;
background-color: #fff0;
padding-top: 2rem;
padding-bottom: 2rem;
display: none;
}
.nav_menu.main {
background-color: var(--base-color-neutral--neutral-lightest);
border-top: 1px solid #fff3;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 4rem 0;
display: flex;
}
.nav_menu.is-bottom {
display: block;
}
.nav_component {
padding-top: 0;
padding-bottom: 1rem;
}
.nav_component.is-main, .nav_component.is-dark, .nav_component.is-bottom {
padding-bottom: 0;
}
.icon {
margin-right: 1rem;
}
.nav_container.bottom, .nav_container.main {
padding-top: 1rem;
}
.nav_logo-link.w--current {
height: 2.5rem;
}
.footer_top-wrapper {
grid-column-gap: 2.5rem;
flex-flow: column;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.footer_menu-wrapper {
grid-column-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-items: stretch;
width: 100%;
}
.section.footer_bottom-wrapper {
padding-bottom: 3rem;
}
.section.is-landing_hero {
height: 42rem;
}
.section.main-cta {
height: auto;
}
.section.is-landing-events_hero, .section.is-home_hero {
height: 42rem;
}
.section.is-home_brands {
height: auto;
}
.section.is-home_products {
overflow: hidden;
}
.section.is-landing-installation_hero {
height: auto;
}
.section.is-products, .section.is-products_detail_hero, .section.is-news {
margin-top: 0;
}
.section.is-about_hero {
padding-top: 2.5rem;
}
.section.is-careers_hero, .section.is-contact_hero {
margin-top: 0;
}
.section.is_brand_hero {
height: 42rem;
}
.section.is-process_hero {
padding-top: 2.5rem;
}
.section.is-process_content {
padding-top: 0;
}
.section.is-installers_hero {
padding-top: 2.5rem;
}
.section.is_brand_hero-copy {
height: 42rem;
}
.grid-repeat-column {
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.grid-2-column.is-blog-authorles {
grid-template-columns: 1fr;
}
.section_component.is-landing_hero {
padding-left: 0;
}
.section_component.main-cta {
padding-top: 6rem;
padding-bottom: 6rem;
}
.section_component.is-landing_why {
grid-template-columns: 1fr;
}
.section_component.is-landing_products {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.section_component.is-landing-events_hero {
padding-left: 0;
}
.section_component.is-landing-events_mission {
padding-left: 0;
padding-right: 0;
}
.section_component.is-landing_events-show {
grid-template-columns: 1fr;
}
.section_component.is-home_hero {
padding-left: 0;
}
.section_component.is-home_cta {
height: 22rem;
}
.section_component.is-testimonials {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
width: 100%;
}
.section_component.is-home_brands {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-columns: 1fr;
}
.section_component.is-home_products {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.section_component.is-landing-installation_hero {
padding-left: 0;
}
.section_component.is-landing-installation_mission {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
padding-left: 0;
padding-right: 0;
}
.section_component.is-landing-contact {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.section_component.is-products_cta {
height: 22rem;
}
.section_component.is-products_detail_hero {
grid-template-columns: 1fr;
}
.section_component.is-product_features {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
padding-left: 0;
padding-right: 0;
}
.section_component.is-about_about-us {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: auto;
padding-left: 0;
padding-right: 0;
}
.section_component.is-our_products_cta {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
grid-template-columns: 1fr 1fr;
padding-left: 0;
padding-right: 0;
}
.section_component.is-about_locations {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.section_component.is-careers_hero, .section_component.is-careers_list {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.section_component.is_brand_hero {
display: flex;
}
.section_component.is-brand_about {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
padding-left: 0;
padding-right: 0;
}
.section_component.is-brand_cta {
height: 22rem;
}
.section_component.is-brands_solutions {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.section_component.is-customer_cta {
padding: 2.5rem;
}
.section_component.is-contact-us {
grid-template-columns: 1fr;
}
.section_component.is-process_hero, .section_component.is-compliance_hero {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.section_component.is-compliance_content {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.section_component.is-installers_hero {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.image-wrapper.is-marquee {
width: 18rem;
height: 12rem;
}
.image-wrapper.is-tab_content {
height: 32rem;
}
.image-wrapper.is-home_hero {
height: 7rem;
left: 5%;
}
.image-wrapper.is-landing-products {
height: 25rem;
min-height: auto;
}
.image-wrapper.is-landing-show {
height: 25rem;
}
.image-wrapper.show-case-bottom {
width: 20rem;
height: 10rem;
}
.image-wrapper.is-home_logo {
height: 11rem;
left: 0%;
}
.image-wrapper.is-home_right {
width: auto;
height: 23rem;
bottom: -12%;
left: 57%;
}
.image-wrapper.is-testimonials {
aspect-ratio: auto;
width: 100%;
height: 25rem;
}
.image-wrapper.is-landing-installation_hero {
object-position: 50% 50%;
height: 30rem;
min-height: auto;
}
.image-wrapper.is-installation_logo {
height: 11rem;
left: 22%;
}
.image-wrapper.is-installation-solution {
height: 25rem;
min-height: auto;
}
.image-wrapper.is-card-product {
justify-content: center;
align-items: flex-end;
max-width: 13rem;
height: 12rem;
}
.image-wrapper.is-products-cta {
height: 20rem;
right: 0%;
}
.image-wrapper.is-contact_logo {
height: 11rem;
left: 0%;
}
.image-wrapper.is-news_thumb {
height: 12rem;
}
.image-wrapper.is-news_featured {
height: 25rem;
}
.image-wrapper.is-news_hero {
height: 28rem;
}
.image-wrapper.is-about_hero {
height: 30rem;
}
.image-wrapper.is-products_cta_right {
flex: none;
height: 23rem;
}
.image-wrapper.is-products_cta_left {
width: auto;
height: 12rem;
left: -13%;
}
.image-wrapper.is-about_locations, .image-wrapper.is-careers_hero {
height: 30rem;
}
.image-wrapper.is-contact {
width: 100%;
height: 16rem;
}
.image-wrapper.is-brands_solutions {
border-radius: .75rem;
height: 20rem;
min-height: 100%;
}
.image-wrapper.is-proccess {
height: 25rem;
}
.image-cover.is-top {
object-position: 50% 0%;
}
.tabs-menu_list {
margin-left: 1.5rem;
}
.tabs-content {
margin-right: 1.5rem;
}
.acc {
width: 40rem;
}
.acc-head.is-faq {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
padding-top: 1rem;
padding-bottom: 1rem;
}
.acc-head.is-faq.first {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
padding-bottom: 1rem;
}
.step-block {
min-height: 70vh;
}
.splide__track {
overflow: hidden;
}
.splide__slide {
width: 50%;
}
.fs-slider_slider.is-testimonials {
min-height: 22rem;
}
.testimonial-wrapper {
padding-left: 1rem;
padding-right: 1rem;
}
.spacer-2 {
height: 1.5rem;
}
.spacer-3 {
height: 2.5rem;
}
.spacer-xlarge {
height: 3rem;
}
.spacer-5 {
height: 4rem;
}
.spacer-6 {
height: 5rem;
}
.blog-authorless_list {
grid-column-gap: 2rem;
grid-template-columns: 1fr;
}
.spacer-12 {
height: 8rem;
}
.spacer-8 {
height: 6rem;
}
.swiper-slide.is-slider-main {
width: 50%;
}
.swiper-slide.is-slider-thumbs-product {
height: 8rem;
}
.swiper-bullet-wrapper.is-slider-list {
width: auto;
}
.slider-main_top-wrapper {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
padding-bottom: 3em;
}
.slider-main_link {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.slider-main_img-height {
height: 15rem;
padding-bottom: 2rem;
}
.slider-main_button-wrapper {
justify-content: flex-end;
align-items: center;
}
.play-wrapper:active {
transform: scale(.9);
}
.video-popup {
width: 80vw;
height: 24rem;
}
.testimonial-wrapper-inner {
grid-template-columns: auto;
}
.testimonial-image-wrapper.is-marquee {
width: 18rem;
height: 12rem;
}
.testimonial-image-wrapper.is-tab_content {
height: 32rem;
}
.spacer-4 {
height: 3.5rem;
}
.splide__pagination {
padding-top: 1.9em;
position: relative;
}
.splide__pagination__page {
width: 2em;
height: 3px;
margin-left: 0;
margin-right: .3em;
}
.animations-grid {
grid-template-columns: 1fr 1fr;
}
.footer-copyrights {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: space-between;
align-items: center;
}
.items-section-wrapper {
grid-template-columns: 1fr 1fr;
}
.nav-link.is-mobile {
display: flex;
}
.button-text, .button-text.clamp {
font-size: clamp(.875rem, 1.5vw, 1.25rem);
}
.footer_links-wrap {
grid-row-gap: 1rem;
}
.footer-middle-wrapper {
justify-content: space-between;
align-items: center;
}
.footer-logo-wrap {
height: 2.5rem;
}
.footer-email-links_wrap {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
}
.footer-email-link {
font-size: 1rem;
}
.footer-bottom_links-wrap {
justify-content: space-between;
}
.landing-why_content-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
text-align: left;
justify-content: center;
align-items: flex-start;
padding: 1rem 1rem 2rem;
}
.landing_why-content-right {
justify-content: flex-end;
align-items: flex-end;
height: 25rem;
padding-bottom: 3rem;
padding-left: 3rem;
padding-right: 3rem;
}
.landing_products-list {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.landing_product-item {
grid-template-columns: 1fr;
}
.landing_products-content {
padding: 2rem;
}
.nav_menu-button-2 {
z-index: 1100;
color: #ffd3af;
flex: none;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
margin-right: -.75rem;
padding: .75rem;
}
.nav_menu-button-2.w--open {
color: #fff;
background-color: #0000;
}
.nav_menu-icon-2 {
color: #fff;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.mobile-links-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
display: flex;
}
.text-size-xlarge {
font-size: 1.65rem;
}
.landing-show-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr;
}
.landing-show-bottom-wrap {
grid-template-columns: 1fr;
padding: 2rem;
}
.line-devider.vertical {
width: 100%;
height: 1px;
}
.main-nav-link {
padding-left: 0;
font-size: clamp(1rem, 1.25vw, 1rem);
}
.main-nav-link.nav-link.w--current {
padding-left: 0;
}
.main-nav-link.nav-link.utility-items.dark.w--current, .main-nav-link.nav-link.utility-items.dark.selected {
width: 100%;
}
.dropdown-content-wrapper-2 {
background-color: #0000;
border-right-style: none;
border-right-color: #424669;
width: 100%;
}
.dropdown-content-wrapper-2:hover {
background-color: #f9f9fe;
}
.deopdown-list-wrapper-2 {
background-color: #f9f9ff;
flex-direction: column;
width: auto;
}
.nav_dropdown-2 {
width: 100%;
margin-left: 0;
}
.home-cta-link {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
height: 20rem;
padding: 2rem 1.5rem;
}
.testimonials-header-wrapp {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.testimonials-left {
align-items: stretch;
width: 100%;
}
.brand-logo-wrapper {
margin-bottom: .5em;
}
.slider-list_component {
width: 100%;
padding: 1rem;
}
.slider-photo_component {
order: -1;
width: 100%;
}
.slider-list_bottom-wrapper {
flex-flow: column;
}
.slider-releases_component {
grid-template-columns: 1fr;
}
.slider-photo_overflow {
height: 70vw;
}
.slider-photo_card {
height: 100%;
}
.dropdown-wrapper {
z-index: 1000;
margin-left: 0;
margin-right: 0;
padding-left: 0;
}
.dropdown-wrapper.select {
width: 100%;
}
.nav_link-2 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 2.5rem;
padding-right: 2.5rem;
transition: background-color .2s ease-out, color .2s ease-out;
}
.nav_link-2:hover {
clear: none;
}
.nav_link-2.w--current {
color: #000;
background-color: #ebebeb;
border-top-style: none;
padding-top: 1.5rem;
}
.nav_link-2.is-dropdown {
padding: .5rem 0;
}
.nav_link-2.is-dropdown.w--current {
background-color: #ebebeb00;
}
.dropdown-side-pd {
padding: 2.5rem 2.5rem 1rem;
}
.dropdown-side-pd.is-explore {
padding: 0;
}
.dropdown-column-wrapper {
box-shadow: none;
border-width: 0;
border-radius: 0;
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
position: relative;
inset: 0% auto 0% 42%;
}
.dropdown-column-wrapper.w--open {
position: relative;
left: 42%;
}
.nav-links-wrap.is-explore {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
}
.dropdown-toggle {
z-index: 1000;
}
.installation-hero-content-wrapper, .installation-mission_bottom {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-columns: 1fr;
}
.installation-mission_image {
height: 22rem;
min-height: auto;
}
.installation-mission-text-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.installation-solution_item {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-columns: 1fr;
}
.installation-solution_content {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
padding: 1rem 1rem 2rem;
}
.contact-cta-content-wrap {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.contact-form-wrapper {
justify-content: center;
width: 100%;
}
.nav-link-list-wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: auto;
margin-bottom: 2rem;
}
.cta-btn-wrap {
display: none;
}
.nav-link-list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
padding-bottom: 0;
display: flex;
overflow: scroll;
}
.products_header_wrapper {
max-width: none;
}
.products_coll_list {
grid-template-columns: 1fr 1fr;
}
.card_product {
overflow: hidden;
}
.card_image_wrap {
justify-content: center;
align-items: center;
height: auto;
padding-top: 2rem;
padding-bottom: 2rem;
}
.card_hover_block {
display: none;
position: static;
}
.card_hover_block.mobile {
display: flex;
}
.form-filter {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
grid-template-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
}
.form-filter.is-news {
grid-template-columns: 1fr;
place-items: end;
}
.form-filter.is-compliance {
grid-template-columns: 1fr 1fr;
place-items: end start;
}
.category-dropdown {
background-color: var(--base-color-brand--brand);
box-shadow: none;
border-width: 0;
border-radius: 0;
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
position: absolute;
inset: 0% auto 0% 42%;
}
.category-dropdown.w--open {
background-color: var(--base-color-brand--brand);
position: absolute;
top: 100%;
bottom: auto;
left: 50%;
overflow: visible;
}
.category-dropdown.is-comliance {
padding-top: .75rem;
padding-bottom: .75rem;
}
.category_coll_list {
background-color: var(--base-color-brand--brand);
}
.category_title {
font-size: clamp(1rem, 1.2vw, 1rem);
}
.filters-wrapper {
place-items: center start;
}
.filters-wrapper.news {
place-items: center start;
width: auto;
}
.filters-wrapper.compliance {
place-items: center end;
width: auto;
}
.product_hero_content_wrapp {
padding-left: 0;
padding-right: 0;
}
.specifications_wrapper {
display: none;
}
.specifications_wrapper.is-mobile {
margin-top: 2rem;
display: flex;
}
.products_features_wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.feature_icon_wrap {
height: 3.5rem;
}
.slider-thumbs_height {
height: 6rem;
}
.slider-gallery_button-wrapper-product {
width: auto;
}
.slider-gallery_button-icon {
flex: none;
justify-content: center;
align-items: center;
display: flex;
}
.slider-gallery_button-icon.is-reversed {
flex: none;
justify-content: center;
align-items: center;
}
.slider-bg_img.is-product {
height: 30rem;
padding-top: 1.5rem;
}
.slider-gallery_component_product {
height: 43rem;
}
.slider-gallery_button-wrapper {
width: auto;
}
.slider-thumbs_wrapper-product {
width: 9rem;
}
.instructions_coll_list {
padding-left: 0;
}
.instructions_item {
padding-bottom: 1rem;
}
.video_guide_wrapp {
height: 16rem;
}
.play_button {
width: 4.5rem;
height: 4.5rem;
}
.play_icon {
width: 2.5rem;
height: 2.5rem;
}
.contact_form_wrapper {
padding: 2.5rem;
}
.news_header_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: none;
}
.news_coll_list {
grid-template-columns: 1fr 1fr;
}
.news_item.featured {
grid-template-columns: 1fr;
}
.news_item_middle.featured {
padding-left: 2rem;
padding-right: 2rem;
}
.news_hover_overlay {
display: none;
}
.news_hover_overlay.mobile {
background-color: #fff0;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: flex;
position: static;
}
.news_item_featured_header, .news_featured_content {
padding: 2rem;
}
.about_hero_content_wrapper {
grid-template-columns: 1.25fr;
}
.about_hero_content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
padding-left: 1rem;
padding-right: 1rem;
}
.flex_horizontal.is-about_about {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.marquee_wrap {
width: 200vw;
padding-bottom: 4rem;
}
.logo {
width: 10%;
margin-right: 3rem;
}
.about_locations_content {
border-radius: 1rem;
grid-template-columns: 1fr;
}
.careers_header_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: none;
}
.careers_content_wrapp {
grid-template-columns: 1fr;
}
.careers_hero_content {
padding: 1.5rem;
}
.careers_coll_list {
grid-template-columns: 1fr 1fr;
}
.careers_item_title_wrap, .careers_item_content {
padding: 2rem;
}
.contact_header_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
grid-template-columns: auto;
justify-content: flex-start;
align-items: flex-start;
max-width: none;
}
.contact_content_wrapper {
grid-template-columns: 1fr;
}
.contact_content_left {
justify-content: flex-start;
align-items: center;
padding: 3rem;
}
.contact_address_wrapp {
justify-content: flex-start;
align-items: center;
}
.contact_form_wrapp {
padding: 3rem;
}
.brand_hero_logo {
height: 4rem;
}
.brand_benefits_list {
grid-template-columns: 1fr 1fr;
}
.brand_benefits_icon {
width: 3rem;
height: 3rem;
}
.is-brand_products_item {
grid-template-columns: 1fr;
}
.brand_products_image {
height: 30rem;
}
.brands_products_left {
width: auto;
padding: 2rem 0;
}
.brands_products_description {
border: 1px #000;
width: auto;
padding: 3rem;
}
.brand_products_features_list {
align-items: stretch;
width: 100%;
}
.product_coll_list_item {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.brands_solutions_block {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.brands_solutions_content {
padding: 2rem;
}
.brands_cta_link {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: center;
align-items: flex-start;
height: 20rem;
padding: 2rem 1.5rem 3rem 3rem;
}
.gallery-coll-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.gallery_box {
border-radius: .85rem;
}
.grid-2-column-2 {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.map {
min-height: 32rem;
}
.navi_bottom, .nav-bottom {
display: none;
}
.process_content_item {
grid-template-columns: 1fr;
}
.process_content_item.reverse {
grid-template-columns: 1.25fr;
}
.process_content_item_text {
padding: 2rem 3rem;
}
.acc-body, .acc-body.active {
margin-bottom: 1rem;
}
.acc-head-2.is-faq.first {
padding-top: 0;
}
.compliance_item {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.compliance_pdf_list_wrap {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.compliance_header_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: none;
}
.thumbnails_overlay {
height: 8rem;
}
.dropdown-wrapper-copy {
z-index: 1000;
margin-left: 0;
margin-right: 0;
padding-left: 0;
}
.dropdown-wrapper-copy.select {
width: 100%;
}
.downloads_wrap {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.marquee_wrap-2 {
width: 200vw;
padding-bottom: 4rem;
}
.zoom-embed.desktop {
display: none;
}
.zoom-embed.tablet {
display: block;
}
.installation-training-form-wrap {
width: 100%;
}
.nav-menu-wrapper {
background-color: #0000;
}
.nav-menu {
background-color: #fff;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
padding-left: 0;
display: flex;
}
.nav-link-2 {
padding-left: 5px;
padding-right: 5px;
}
.nav-dropdown-list.shadow-three.w--open {
position: absolute;
}
.nav-button-wrapper {
width: 100%;
margin-left: 0;
}
.menu-button {
padding: 12px;
}
.menu-button.w--open {
color: #fff;
background-color: #a6b1bf;
}
.container {
max-width: 728px;
}
.gallery-wrapper {
grid-template-columns: 1fr 1fr;
}
.gallery-slider-left {
left: -20px;
}
.gallery-slider-right {
right: -20px;
}
.uui-space-xxlarge {
min-height: 4.5rem;
}
.uui-blogsection01_list {
grid-template-columns: 1fr 1fr;
}
.uui-padding-vertical-xhuge {
padding-top: 6rem;
padding-bottom: 6rem;
}
.uui-testimonial16_component {
grid-template-columns: 1fr 1fr;
}
.uui-heading-large {
font-size: 2.75rem;
}
.uui-blog02_list {
grid-template-columns: 1fr 1fr;
}
.uui-padding-vertical-xhuge-2 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.eyebrow {
padding-left: 0;
font-size: clamp(1rem, 1.25vw, 1rem);
}
.eyebrow.nav-link.w--current {
padding-left: 0;
}
.show-tablet {
display: block;
}
.uui-blogsection11_item {
grid-column-gap: 2rem;
}
.uui-blogsection11_list {
grid-column-gap: 2rem;
grid-template-columns: 1fr;
}
.uui-blogsection11_layout {
grid-template-columns: 1fr;
grid-auto-flow: row;
min-height: auto;
}
.uui-blogsection11_button-row {
flex: none;
margin-top: 3rem;
display: none;
}
.uui-blogsection11_button-row.show-tablet {
display: block;
}
.uui-padding-vertical-xhuge-3 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.uui-testimonial15_mask {
width: 50%;
}
.uui-testimonial15_component, .uui-blogsection12_component {
padding-left: 0;
padding-right: 0;
}
.uui-blogsection12_mask {
width: 50%;
}
.uui-blogsection12_button-row {
flex: none;
}
.uui-blogsection12_heading {
margin-right: 3rem;
}
.uui-blogsection12_heading-wrapper {
grid-column-gap: 3rem;
}
.uui-padding-vertical-xhuge-4, .uui-padding-vertical-xhuge-5 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.heading-wrapper {
grid-column-gap: 3rem;
}
.uui-blogsection03_button-row {
flex: none;
}
.uui-blogsection03_heading {
margin-right: 3rem;
}
.uui-blogsection03_list {
grid-template-columns: 1fr 1fr;
}
.uui-padding-vertical-xhuge-6 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.card_image_wrap-copy {
justify-content: center;
align-items: center;
height: auto;
padding-top: 2rem;
padding-bottom: 2rem;
}
.uui-heading-large-2 {
font-size: 2.75rem;
}
.uui-blogpost02_content {
margin-bottom: 3rem;
}
.uui-padding-vertical-xhuge-7 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.uui-space-xhuge {
min-height: 6rem;
}
.eyebrow-light {
padding-left: 0;
font-size: clamp(1rem, 1.25vw, 1rem);
}
.eyebrow-light.nav-link.w--current {
padding-left: 0;
}
.uui-team06_component {
padding-left: 0;
padding-right: 0;
}
.uui-team06_mask {
width: 50%;
}
.uui-padding-vertical-xhuge-8 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.uui-team02_list {
grid-template-columns: 1fr 1fr;
}
.uui-space-xxlarge-2 {
min-height: 4.5rem;
}
.eyebrow-banner {
padding-left: 0;
font-size: clamp(1rem, 1.25vw, 1rem);
}
.eyebrow-banner.nav-link.w--current {
padding-left: 0;
}
.button-nav.is-icon {
padding-right: .75rem;
}
.button-nav.is-icon.is-secondary {
padding-left: .75rem;
}
.button-nav.is-icon.is-mobile, .button-nav.is-icon.nav, .button-nav.is-icon.nav-main {
display: flex;
}
.button-nav.is-icon.is-white, .button-nav.is-icon.is-filters, .button-nav.is-icon.is-download {
padding-left: .75rem;
}
.button-nav.is-icon.is-back {
padding-left: 0;
}
.button-nav.is-icon.is-secondary-large, .button-nav.is-icon.is-secondary-l {
padding-left: .75rem;
}
.button-nav.is-icon-copy {
padding-right: .75rem;
}
.button-nav.is-icon-copy.is-secondary {
padding-left: .75rem;
}
.button-nav.is-icon-copy.is-mobile, .button-nav.is-icon-copy.nav, .button-nav.is-icon-copy.nav-main {
display: flex;
}
.button-nav.is-icon-copy.is-white, .button-nav.is-icon-copy.is-filters, .button-nav.is-icon-copy.is-download {
padding-left: .75rem;
}
.button-nav.is-icon-copy.is-back {
padding-left: 0;
}
.button-nav.is-icon-copy.is-secondary-large, .button-nav.is-icon-copy.is-secondary-l, .button-nav.is-icon-copy.is-secondary-nav {
padding-left: .75rem;
}
.rl_menu-icon2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-right: -.5rem;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.menu-dropdown {
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 1.125rem;
display: flex;
}
.rl_menu-icon2_line-middle {
background-color: #000;
justify-content: center;
align-items: center;
width: 24px;
height: 2px;
margin-top: 6px;
margin-bottom: 6px;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.rl_navbar2_button-wrapper {
align-items: center;
}
.nav-item {
text-align: center;
padding: 1rem 0;
font-size: 1rem;
}
.dropdown-link {
text-align: center;
width: auto;
padding: .75rem 0;
font-size: 16px;
}
.rl_menu-icon_line-middle-inner {
width: 4px;
height: 0;
padding-bottom: 0;
padding-right: 0;
}
.rl_navbar2_menu-button {
padding: 0;
}
.rl_navbar2_menu-button.w--open {
background-color: #0000;
}
.rl-dropdown-icon {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
inset: auto 0% auto auto;
}
.rl_navbar2_menu {
-webkit-text-fill-color: inherit;
background-color: #fff;
background-clip: border-box;
border-bottom: 1px solid #000;
justify-content: center;
padding: 1rem 5% 2.5rem;
display: flex;
position: absolute;
overflow: auto;
}
.rl_navbar2_menu.is-page-height-tablet {
height: 100vh;
padding-bottom: 15rem;
}
.rl_menu-icon2_line-bottom, .rl_menu-icon2_line-top {
background-color: #000;
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.dropdown-list {
position: static;
overflow: hidden;
}
.dropdown-list.w--open {
border-style: none;
padding: 0;
position: static;
}
.rl_navbar2_container {
grid-template-columns: .25fr 1fr;
display: flex;
}
.dropdwn-toggle {
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 1rem 2rem 1rem 0;
display: flex;
}
.nav-item-dropdown {
text-align: center;
padding: 1rem 0;
font-size: 1rem;
}
.uui-heading-large-3 {
font-size: 2.75rem;
}
._5050-component {
grid-row-gap: 4rem;
grid-template-columns: 1fr;
grid-auto-flow: row;
min-height: auto;
}
.uui-cta01_image-wrapper {
padding: 4rem 2rem;
}
.uui-cta01_image-02 {
width: 35%;
min-width: auto;
bottom: -15%;
}
.uui-cta01_image-01 {
width: 100%;
min-width: 100%;
margin-right: -40%;
position: static;
left: auto;
right: -2rem;
}
.uui-padding-vertical-xhuge-9 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.uui-blogsection03_heading-wrapper {
grid-column-gap: 3rem;
}
.uui-blogsection03_button-row-2 {
flex: none;
}
.uui-blogsection03_heading-2 {
margin-right: 3rem;
}
.uui-blogsection03_list-2 {
grid-template-columns: 1fr 1fr;
}
.uui-padding-vertical-xhuge-10 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.button-clear.is-icon {
padding-right: .75rem;
}
.button-clear.is-icon.is-secondary {
padding-left: .75rem;
}
.button-clear.is-icon.is-mobile, .button-clear.is-icon.nav, .button-clear.is-icon.nav-main {
display: flex;
}
.button-clear.is-icon.is-white, .button-clear.is-icon.is-filters, .button-clear.is-icon.is-download {
padding-left: .75rem;
}
.button-clear.is-icon.is-back {
padding-left: 0;
}
.button-clear.is-icon.is-secondary-large, .button-clear.is-icon.is-secondary-l {
padding-left: .75rem;
}
.grid-2 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.div-block-15 {
clear: none;
grid-column-gap: 16px;
grid-row-gap: 16px;
-webkit-text-fill-color: inherit;
background-clip: border-box;
flex-flow: row-reverse wrap;
grid-template-rows: auto auto;
grid-template-columns: .25fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: block;
}
.uui-heading-xlarge {
font-size: 3.25rem;
}
.uui-heroheader14_card-image-03, .uui-heroheader14_card-image-01, .uui-heroheader14_card-image-05, .uui-heroheader14_card-image-02, .uui-heroheader14_card-image-04 {
width: 32rem;
}
.uui-heroheader14_image-background {
width: 100vw;
}
.space-large {
min-height: 2.5rem;
}
.space-xhuge-2 {
min-height: 6rem;
}
.hero-image {
width: 100vw;
}
.uui-heading-xlarge-2 {
font-size: 3.25rem;
}
.uui-space-large {
min-height: 2.5rem;
}
.padding-vertical-xhuge-11 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.uui-heroheader21_content {
max-width: none;
}
.uui-heroheader21_component {
grid-row-gap: 4rem;
grid-template-columns: 1fr;
grid-auto-flow: row;
min-height: auto;
padding-top: 6rem;
padding-bottom: 6rem;
}
.uui-heroheader21_image {
width: 100%;
height: auto;
max-height: none;
}
.uui-heroheader21_image-wrapper {
justify-content: center;
align-items: flex-start;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
}
.button-3.is-icon {
padding-right: .75rem;
}
.button-3.is-icon.is-secondary {
padding-left: .75rem;
}
.padding-vertical-xhuge-12 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.uui-space-large-2 {
min-height: 2.5rem;
}
.container-2 {
max-width: 728px;
}
.clients-image-three {
margin-bottom: 30px;
}
.rl-padding-section-large {
padding-top: 6rem;
padding-bottom: 6rem;
}
.rl-heading-style-h2 {
font-size: 2.75rem;
}
.rl_blog44_button-row-desktop {
flex: none;
}
.rl_blog44_heading {
margin-right: 3rem;
}
.rl_blog44_list {
grid-template-columns: 1fr 1fr;
}
.rl_blog44_spacing-block-7 {
padding-bottom: 3.5rem;
}
.rl_blog44_button-row-mobile {
flex: none;
}
.rl_blog44_heading-wrapper {
grid-column-gap: 3rem;
}
.rl_blog44_spacing-block-3 {
padding-bottom: 4.5rem;
}
.collection-list-10 {
grid-template-columns: 1fr 1fr 1fr;
overflow: hidden;
}
.uui-heading-large-4 {
font-size: 2.75rem;
}
.uui-padding-vertical-xhuge-11 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.uui-layout82_component {
grid-template-columns: 1fr;
}
.uui-padding-vertical-xhuge-12 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.uui-layout35_component {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
}
.uui-padding-vertical-xhuge-13 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.uui-heading-xlarge-3 {
font-size: 3.25rem;
}
.uui-heroheader17_card-image-01 {
width: 32rem;
left: 14%;
}
.uui-heroheader17_card-image {
width: 32rem;
}
.uui-heroheader17_image-background {
width: 100vw;
}
.uui-space-large-3 {
min-height: 2.5rem;
}
.uui-space-xhuge-2 {
min-height: 6rem;
}
.uui-heading-xlarge-4 {
font-size: 3.25rem;
}
.uui-heroheader07_light-overlay {
width: 76rem;
min-width: 76rem;
right: -10%;
}
.uui-heroheader07_component {
grid-template-columns: 1fr;
grid-auto-flow: row;
min-height: auto;
}
.uui-space-large-4 {
min-height: 2.5rem;
}
.hero {
padding-top: 6rem;
padding-bottom: 6rem;
}
.uui-faq02_component {
grid-template-columns: 1fr;
grid-auto-flow: row;
padding-top: 10px;
}
.uui-padding-vertical-xhuge-15 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.uui-layout32_timeline-step {
grid-column-gap: 24px;
}
.uui-layout32_component {
grid-column-gap: 2rem;
}
.uui-padding-vertical-xhuge-16 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.uui-heroheader07_component-2 {
grid-template-columns: 1fr;
grid-auto-flow: row;
min-height: auto;
}
.uui-padding-vertical-xhuge-17 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.uui-testimonial14_component {
column-count: 2;
}
.uui-padding-vertical-xhuge-18 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.nav-menu-wrapper-2 {
background-color: #0000;
}
.nav-menu-3 {
background-color: #fff;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
padding-left: 0;
display: flex;
}
.nav-link-3 {
padding-left: 5px;
padding-right: 5px;
}
.nav-dropdown-list-2.shadow-three.w--open {
position: absolute;
}
.nav-button-wrapper-2 {
width: 100%;
margin-left: 0;
}
.menu-button-2 {
padding: 12px;
}
.menu-button-2.w--open {
color: #fff;
background-color: #a6b1bf;
}
.rl_menu-icon2-2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-right: -.5rem;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.nav-menu-dropdown {
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 1.125rem;
display: flex;
}
.rl_menu-icon2_line-middle-2 {
background-color: #000;
justify-content: center;
align-items: center;
width: 24px;
height: 2px;
margin-top: 6px;
margin-bottom: 6px;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.button-wrapper-nav-bar {
align-items: center;
}
.rl_navbar2_link {
text-align: center;
padding: 1rem 0;
font-size: 1.125rem;
}
.rl_navbar2_dropdown-link {
text-align: center;
width: auto;
padding: .75rem 0;
font-size: 16px;
}
.rl_menu-icon_line-middle-inner-2 {
width: 4px;
height: 0;
padding-bottom: 0;
padding-right: 0;
}
.rl_navbar2_menu-button-2 {
padding: 0;
}
.rl_navbar2_menu-button-2.w--open {
background-color: #0000;
}
.rl-dropdown-icon-2 {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
inset: auto 0% auto auto;
}
.rl_navbar2_menu-2 {
-webkit-text-fill-color: inherit;
background-color: #fff;
background-clip: border-box;
border-bottom: 1px solid #000;
justify-content: center;
padding: 1rem 5% 2.5rem;
display: flex;
position: absolute;
overflow: auto;
}
.rl_navbar2_menu-2.is-page-height-tablet {
height: 100vh;
padding-bottom: 15rem;
}
.rl_menu-icon2_line-bottom-2, .rl_menu-icon2_line-top-2 {
background-color: #000;
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.rl_navbar2_dropdown-list {
position: static;
overflow: hidden;
}
.rl_navbar2_dropdown-list.w--open {
border-style: none;
padding: 0;
position: static;
}
.rl_navbar2_container-2 {
grid-template-columns: .25fr 1fr;
display: flex;
}
.rl_navbar2_dropdwn-toggle {
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 1rem 2rem 1rem 0;
display: flex;
}
.rl_navbar2_container-3 {
grid-template-columns: .25fr 1fr;
display: flex;
}
.nav-menu-4 {
background-color: #fff;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
padding-left: 0;
display: flex;
}
.rl_navbar2_container-4 {
grid-template-columns: .25fr 1fr;
display: flex;
}
.lithion-custom-market-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.brand-logo-wrapper-large {
margin-bottom: .5em;
}
.nav-brand-1 {
grid-template-columns: .25fr 1fr;
display: flex;
}
.nav-bar-brand-1 {
-webkit-text-fill-color: inherit;
background-color: #fff;
background-clip: border-box;
border-bottom: 1px solid #000;
justify-content: center;
padding: 1rem 5% 2.5rem;
display: flex;
position: absolute;
overflow: auto;
}
.nav-bar-brand-1.is-page-height-tablet {
height: 100vh;
padding-bottom: 15rem;
}
.product-header {
margin-right: 3rem;
}
.uui-layout14_component {
grid-template-columns: 1fr;
min-height: auto;
}
._5050_image-wrapper {
justify-content: flex-start;
min-height: auto;
padding: 4rem 2rem;
}
.uui-layout14_image {
width: 130%;
min-width: 130%;
position: static;
}
.uui-padding-vertical-xhuge-19 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.uui-layout05_component {
grid-template-columns: 1fr;
min-height: auto;
}
.uui-layout05_lightbox {
min-height: auto;
padding: 4rem 2rem;
}
.uui-layout05_image-01 {
width: 100%;
min-width: 100%;
margin-right: -40%;
position: static;
left: auto;
right: -2rem;
}
.uui-layout05_image-02 {
width: 35%;
min-width: auto;
bottom: -15%;
}
.nav-brand-2 {
grid-template-columns: .25fr 1fr;
display: flex;
}
.component1 {
grid-template-columns: 1fr;
}
.uui-heading-large-5 {
font-size: 2.75rem;
}
.uui-blog04_list {
grid-template-columns: 1fr 1fr;
}
.uui-blog04_image-wrapper.is-featured {
padding-top: 75%;
}
.uui-padding-vertical-xhuge-20 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.collection-list-12 {
grid-template-columns: 1fr 1fr;
}
.black-button {
margin-right: auto;
overflow: auto;
}
.black-button.is-icon {
padding-right: .75rem;
}
.black-button.is-icon.is-secondary {
padding-left: .75rem;
}
.black-button.is-icon.is-mobile, .black-button.is-icon.nav, .black-button.is-icon.nav-main {
display: flex;
}
.black-button.is-icon.is-white, .black-button.is-icon.is-filters, .black-button.is-icon.is-download {
padding-left: .75rem;
}
.black-button.is-icon.is-back {
padding-left: 0;
}
.black-button.is-icon.is-secondary-large, .black-button.is-icon.is-secondary-l {
padding-left: .75rem;
}
.black-button.is-icon-copy {
padding-right: .75rem;
}
.black-button.is-icon-copy.is-secondary {
padding-left: .75rem;
}
.black-button.is-icon-copy.is-mobile, .black-button.is-icon-copy.nav, .black-button.is-icon-copy.nav-main {
display: flex;
}
.black-button.is-icon-copy.is-white, .black-button.is-icon-copy.is-filters, .black-button.is-icon-copy.is-download {
padding-left: .75rem;
}
.black-button.is-icon-copy.is-back {
padding-left: 0;
}
.black-button.is-icon-copy.is-secondary-large, .black-button.is-icon-copy.is-secondary-l, .black-button.is-icon-copy.is-secondary-nav {
padding-left: .75rem;
}
.grid-images {
grid-template-columns: 1fr 1fr 1fr;
}
.logo-wrapper-small {
height: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
.uui-space-xxlarge-3 {
min-height: 4.5rem;
}
.nav-menu-wrapper-3 {
background-color: #0000;
}
.nav-menu-5 {
background-color: #fff;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
padding-left: 0;
display: flex;
}
.nav-link-4 {
padding-left: 5px;
padding-right: 5px;
}
.nav-dropdown-list-3.shadow-three.w--open {
position: absolute;
}
.nav-button-wrapper-3 {
width: 100%;
margin-left: 0;
}
.menu-button-3 {
padding: 12px;
}
.menu-button-3.w--open {
color: #fff;
background-color: #a6b1bf;
}
.nav-padding-global {
padding-left: 2rem;
padding-right: 2rem;
}
.grid-19 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
align-content: space-around;
width: 100%;
}
.hover-link {
object-fit: fill;
}
.hover-link:hover {
object-fit: contain;
}
.blog-grid-2-col {
grid-template-columns: 1fr 1fr;
}
.pdp-grid {
grid-template-columns: 1fr;
}
.services-content {
margin-bottom: 40px;
}
.testimonials-wrapper-2 {
width: 90%;
}
.tab-logo {
width: 33.333%;
}
.rl-padding-section-large-2 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.rl-heading-style-h2-2 {
font-size: 2.75rem;
}
.rl_layout1_component {
grid-column-gap: 3rem;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
min-height: auto;
}
.uui-space-xxlarge-4 {
min-height: 4.5rem;
}
.rl-padding-section-large-3 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.rl-heading-style-h2-3 {
font-size: 2.75rem;
}
.rl_gallery3_spacing-block-2 {
padding-bottom: 4.5rem;
}
.nav-menu-wrapper-4 {
background-color: #0000;
}
.nav-menu-6 {
background-color: #fff;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
padding-left: 0;
display: flex;
}
.nav-link-5 {
padding-left: 5px;
padding-right: 5px;
}
.nav-dropdown-list-4.shadow-three.w--open {
position: absolute;
}
.nav-button-wrapper-4 {
width: 100%;
margin-left: 0;
}
.menu-button-5 {
padding: 12px;
}
.menu-button-5.w--open {
color: #fff;
background-color: #a6b1bf;
}
.grid-27 {
width: 100%;
}
.contact-wrapper {
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.uui-contact04_contact-list {
margin-top: 2rem;
}
.uui-padding-vertical-xhuge-21 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.swiper-wrapper-2.thumbnails-list {
grid-column-gap: .5rem;
flex-direction: row;
}
.thumb-swiper-wrapper {
padding-left: 2.5rem;
display: none;
}
.bg-animate-overlay-copy-copy {
height: auto;
min-height: auto;
position: static;
top: auto;
}
.product-title {
font-size: 2.5rem;
}
.slider-button-right:hover {
background-position: 50%;
}
.slider-button-right.absolute-right {
top: 8.125rem;
right: -4.375rem;
}
.full-prod-content {
max-width: 100%;
margin-left: 0;
margin-right: 0%;
position: static;
}
.listicle-row {
grid-column-gap: 3rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr;
grid-auto-flow: row;
min-height: auto;
}
.swiper-slide-2.thumbnail-item {
width: 3rem;
height: 3rem;
}
.product-full-content {
max-width: 100%;
max-height: none;
margin-top: 0;
padding-right: 0;
position: static;
overflow: visible;
}
.grid-30 {
grid-template-columns: 1fr;
}
.prod-full-copy {
padding: 2rem 2.5rem 2.5rem;
}
.slider-button-left:hover {
background-position: 50%;
}
.slider-button-left.absolute-left {
top: 8.125rem;
left: -4.375rem;
}
.uui-heading-large-6 {
font-size: 2.75rem;
}
.uui-blogpost02_content-2 {
margin-bottom: 3rem;
}
.uui-padding-vertical-xhuge-22 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.uui-space-xhuge-3 {
min-height: 6rem;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.5rem;
}
h4 {
font-size: 1rem;
}
blockquote {
border-left-width: .25rem;
}
.padding-xlarge {
padding: 2rem;
}
.margin-xlarge {
margin: 2rem;
}
.padding-xhuge {
padding: 4rem;
}
.padding-xxhuge {
padding: 6rem;
}
.padding-huge {
padding: 3.5rem;
}
.margin-large {
margin: 1.5rem;
}
.padding-xxlarge {
padding: 3rem;
}
.padding-large {
padding: 1.5rem;
}
.margin-huge {
margin: 3.5rem;
}
.padding-medium {
padding: 1.25rem;
}
.margin-xxlarge {
margin: 3rem;
}
.margin-xhuge {
margin: 4rem;
}
.margin-medium {
margin: 1.25rem;
}
.margin-xxhuge {
margin: 4.5rem;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-xxlarge.is-mobile-bottom-off {
padding-bottom: 0;
}
.padding-vertical.padding-xxlarge.is-mobile-off, .padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.icon-1x1-small.absolute, .icon-1x1-small.is-submit, .icon-1x1-small.is-back {
left: -16%;
}
.form_form.is-contact-cta {
border-radius: .75rem;
padding: 2rem;
}
.hide-mobile-landscape {
display: none;
}
.fs-styleguide_heading-large {
font-size: 3rem;
}
.heading-style-h3 {
font-size: 2rem;
}
.text-rich-text h3 {
margin-bottom: 1.5rem;
font-size: 2rem;
}
.text-rich-text h4 {
margin-bottom: 1.5rem;
font-size: 1.75rem;
}
.text-rich-text h5 {
margin-bottom: 1.25rem;
font-size: 1.25rem;
}
.text-rich-text p {
margin-bottom: 1.5rem;
}
.heading-style-h1 {
font-size: 2.5rem;
}
.heading-style-h1.clamp-1 {
font-size: clamp(2.5rem, 6vw, 5rem);
}
.padding-global {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.padding-global.is-mobile-off {
padding-left: 0;
padding-right: 0;
}
.padding-section-small {
padding-top: 2rem;
padding-bottom: 2rem;
}
.fs-styleguide_section-header {
font-size: .875rem;
}
.fs-styleguide_heading-medium {
font-size: 2rem;
}
.text-size-regular.news-reset {
font-size: clamp(.75rem, 1.25vw, 1rem);
}
.max-width-full-mobile-landscape {
width: 100%;
max-width: none;
}
.form_field-wrapper.is-filter {
flex-flow: wrap;
width: 100%;
}
.heading-style-h4 {
font-size: 1.5rem;
}
.text-style-nowrap {
white-space: normal;
}
.form_input.is-text-area.main_contact {
min-height: 8rem;
}
.heading-style-h6 {
font-size: .75rem;
}
.padding-section-large {
padding-top: 4rem;
padding-bottom: 4rem;
}
.text-size-large {
font-size: 1.25rem;
}
.heading-style-h2 {
font-size: 2.5rem;
}
.fs-styleguide_version, .heading-style-h5 {
font-size: .875rem;
}
.heading-style-h5.text-weight-medium {
font-size: 1rem;
}
.heading-style-h5.is-brands {
font-size: 1.25rem;
}
.form_component.is-filter {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.button.is-icon {
padding: .75rem;
}
.button.is-icon.is-secondary {
border-width: 1.5px;
justify-content: center;
align-items: center;
width: 50%;
padding: .65rem .5rem .65rem .65rem;
}
.button.is-icon.nav-main {
padding-right: .75rem;
}
.button.is-icon.is-white, .button.is-icon.is-filters, .button.is-icon.is-download {
border-width: 1.5px;
padding: .65rem .5rem .65rem .65rem;
}
.button.is-icon.is-back {
border-width: 1.5px;
padding: 0;
}
.button.is-icon.is-secondary-large, .button.is-icon.is-secondary-l {
border-width: 1.5px;
padding: .65rem .5rem .65rem .65rem;
}
.padding-section-medium {
padding-top: 3rem;
padding-bottom: 3rem;
}
.nav_action-button-link, .nav_link {
padding: 1rem 1.25rem;
}
.nav_link.w--current {
padding-top: 1rem;
}
.nav_link.is-dropdown {
padding-top: .5rem;
padding-bottom: .5rem;
}
.nav_logo.is-installation {
height: 2rem;
}
.nav_dropdown-toggle {
padding-left: 1.25rem;
}
.nav_menu.main {
background-color: var(--base-color-neutral--neutral-lightest);
height: auto;
padding: 3rem 1.25rem;
}
.nav_logo-link {
padding-left: 0;
}
.footer_top-wrapper {
grid-template-columns: 1fr;
padding-top: 0;
padding-bottom: 0;
}
.footer_bottom-left-content {
flex-direction: column;
align-items: flex-start;
}
.footer_address-wrapper {
max-width: none;
}
.footer_bottom-row {
grid-row-gap: 1.5rem;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-items: center;
}
.footer_logo-link {
margin-bottom: .5rem;
margin-right: 0;
}
.footer_menu-wrapper {
grid-template-columns: 1fr 1fr;
grid-auto-columns: max-content;
grid-auto-flow: row;
justify-content: space-between;
}
.section.is-landing_hero {
height: 32rem;
margin-top: -3rem;
}
.section.is-landing-events_hero, .section.is-home_hero {
height: 34rem;
}
.section.is-landing-installation_hero {
height: auto;
}
.section.is-about_hero {
padding-top: 1.5rem;
}
.section.is-contact_hero {
margin-top: 0;
}
.section.is_brand_hero {
height: auto;
margin-top: 0;
padding-top: 4rem;
padding-bottom: 4rem;
}
.section.is-process_hero, .section.is-installers_hero {
padding-top: 1.5rem;
}
.section.is_brand_hero-copy {
height: auto;
margin-top: 0;
padding-top: 4rem;
padding-bottom: 4rem;
}
.grid-repeat-column, .grid-3-column, .grid-2-column {
grid-template-columns: 1fr;
}
.section_component.main-cta {
padding-top: 3rem;
padding-bottom: 3rem;
}
.section_component.is-landing_why {
border-radius: 0;
padding-bottom: 3rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.section_component.is-landing_products {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.section_component.is-landing_events-show {
border-radius: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.section_component.is-home_hero {
margin-top: 2rem;
}
.section_component.is-home_cta {
border-radius: 0;
height: 18rem;
padding-bottom: 2rem;
padding-left: 1.5rem;
}
.section_component.is-testimonials {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
}
.section_component.is-home_products {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.section_component.is-landing-installation_mission {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.section_component.is-installation-solution {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.section_component.is-landing-contact {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.section_component.is-products_cta {
border-radius: 0;
height: 18rem;
padding-bottom: 2rem;
padding-left: 1.5rem;
}
.section_component.is-about_about-us, .section_component.is-careers_hero {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.section_component.is-careers_list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.section_component.is-contact_hero, .section_component.is-brand_about {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.section_component.is-brand_cta {
border-radius: 0;
}
.section_component.is-brands_solutions, .section_component.is-customer_cta {
border-radius: .75rem;
}
.section_component.is-process_hero, .section_component.is-process_content {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.section_component.is-faq {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.section_component.is-compliance_hero, .section_component.is-installers_hero {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.image-wrapper.is-blog-authorles {
height: 20rem;
}
.image-wrapper.is-home_hero {
height: 5rem;
left: 9%;
}
.image-wrapper.is-landing-products {
height: 20rem;
}
.image-wrapper.is-landing-show {
border-radius: .75rem;
height: 20rem;
}
.image-wrapper.show-case-bottom {
border-radius: .75rem;
}
.image-wrapper.is-home_logo {
height: 7rem;
left: 0%;
}
.image-wrapper.is-home_right {
height: 18rem;
bottom: -10%;
left: 51%;
}
.image-wrapper.is-testimonials-icon {
height: 1rem;
}
.image-wrapper.is-testimonials {
aspect-ratio: auto;
height: 20rem;
}
.image-wrapper.is-products-cta-wrap {
height: 2.5rem;
}
.image-wrapper.is-landing-installation_hero {
border-radius: .75rem;
height: 22rem;
}
.image-wrapper.is-installation_logo {
height: 8rem;
left: 31%;
}
.image-wrapper.is-installation-solution {
border-radius: .75rem;
height: 20rem;
}
.image-wrapper.is-card-product {
max-width: 11rem;
height: 10rem;
}
.image-wrapper.is-products-cta {
height: 17rem;
}
.image-wrapper.is-contact_logo {
height: 7rem;
left: 0%;
}
.image-wrapper.is-news_thumb {
border-radius: .75rem;
height: 10rem;
}
.image-wrapper.is-news_featured, .image-wrapper.is-news_hero {
border-radius: .75rem;
height: 20rem;
}
.image-wrapper.is-about_hero {
border-radius: .75rem;
height: 22rem;
}
.image-wrapper.devider_icon {
height: 1rem;
}
.image-wrapper.is-products_cta_right {
height: 20rem;
}
.image-wrapper.is-products_cta_left {
z-index: 1;
height: 10rem;
top: 52%;
left: -10%;
}
.image-wrapper.is-about_locations {
height: 22rem;
}
.image-wrapper.is-careers_hero {
border-radius: .75rem;
height: 20rem;
}
.image-wrapper.is-contact {
border-radius: .75rem;
height: 14rem;
}
.image-wrapper.is-brands_solutions {
height: 22rem;
}
.image-wrapper.is-proccess {
border-radius: .85rem;
height: 20rem;
}
.tabs-wrapper {
flex-direction: column;
margin-top: 1.25rem;
}
.tabs-menu_list {
width: 100%;
margin-top: 2rem;
margin-left: 0;
padding-top: 0;
}
.tabs-content {
width: 100%;
margin-top: 0;
margin-right: 0;
}
.acc {
width: 32rem;
}
.splide__slide {
width: 75%;
}
.testimonial-wrapper {
padding-top: 2rem;
padding-bottom: 2rem;
}
.spacer-2 {
height: 1.25rem;
}
.spacer-3 {
height: 1.5rem;
}
.spacer-xlarge {
height: 2rem;
}
.spacer-5 {
height: 3rem;
}
.spacer-6 {
height: 3.5rem;
}
.blog-authorles_content-wrapper {
padding: 1.5rem;
}
.blog-authorless_list {
overflow: scroll;
}
.blog-authorless_list-item {
flex: none;
width: 60%;
}
.spacer-12 {
height: 4.5rem;
}
.spacer-8 {
height: 4rem;
}
.swiper-slide.is-slider-main {
width: 100%;
}
.swiper-slide.is-slider-thumbs-product {
height: 6rem;
}
.swiper-wrapper.is-slider-main.is-brands {
align-items: flex-start;
}
.swiper-bullet-wrapper.is-slider-list {
width: auto;
}
.slider-main_top-wrapper {
padding-bottom: 2em;
}
.slider-main_link {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.slider-main_button {
width: 2.5rem;
height: 2.5rem;
}
.slider-main_button.swiper-prev, .slider-main_button.swiper-next {
width: 3rem;
height: 3rem;
}
.close-button.auto-stop {
right: 2.5rem;
}
.play-wrapper {
width: 4em;
height: 4em;
}
.icon-play {
width: 4rem;
height: 4rem;
}
.play-icon {
width: 1.5rem;
height: 1.5rem;
}
.testimonial-wrapper-inner {
grid-template-columns: 1fr;
}
.spacer-4 {
height: 2.5rem;
}
.footer-copyrights {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: space-between;
align-items: flex-start;
}
.marquee-image.hide-mobile {
display: none;
}
.item-card-wrapper {
max-width: none;
}
.items-section-wrapper {
grid-template-columns: 1fr;
}
.footer-top_main-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.footer-middle-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: space-between;
align-items: center;
padding-left: 1rem;
padding-right: 1rem;
}
.footer-email-links_wrap {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: row;
justify-content: space-between;
}
.footer-email-link {
font-size: .875rem;
}
.footer-bottom_links-wrap {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.links-devider {
display: none;
}
.landing-why_content-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
padding: 0;
}
.landing_why-content-right {
height: 20rem;
padding-bottom: 2rem;
padding-right: 2rem;
}
.landing_products-list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.landing_products-content {
padding: 1.5rem;
}
.button-text-small {
font-size: .75rem;
}
.mobile-links-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: center;
}
.text-size-xlarge {
font-size: 1.25rem;
}
.landing-show-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
padding: 2rem 1.25rem;
}
.landing-show-bottom-wrap {
padding-left: 2rem;
padding-right: 2rem;
}
.main-nav-link.nav-link.utility-items.dark {
text-align: center;
width: 100%;
}
.main-nav-link.nav-link.utility-items.dark.w--current {
text-align: center;
width: 100%;
padding-right: 0;
}
.home-cta-links-wrapper {
grid-template-columns: 1fr;
}
.home-cta-link {
height: 18rem;
}
.testimonials-header-wrapp {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.testimonials-left {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.slider-main_button-2 {
width: 2.5rem;
height: 2.5rem;
}
.brand-logo-wrapper {
height: 2rem;
}
.brands-coll-list, .brands-wrapper {
grid-template-columns: 1fr 1fr;
}
.slider-list_bottom-wrapper {
justify-content: space-between;
align-items: flex-start;
}
.slider-photo_card {
border-radius: .75rem;
}
.absolute-btn-wrapper {
margin-bottom: 2rem;
margin-right: 2rem;
}
.absolute-btn-wrapper.left {
left: auto;
right: 0%;
}
.dropdown-wrapper {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.nav_link-2 {
padding: 1rem 1.25rem;
}
.nav_link-2.w--current {
padding-top: 1rem;
}
.nav_link-2.is-dropdown {
padding: 0;
}
.dropdown-side-pd {
padding: 1.5rem 1rem 1rem;
}
.dropdown-column-wrapper {
padding: 1.5rem;
}
.dropdown-column-wrapper.w--open {
padding: 0 1.5rem;
left: 43%;
}
.nav-links-wrap {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
}
.nav-links-wrap.is-explore {
grid-row-gap: 0rem;
}
.installation-mission_bottom {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.installation-mission_image {
border-radius: .75rem;
height: 20rem;
}
.installation-solution_item {
border-radius: .75rem;
}
.installation-solution_list {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
}
.list-dot {
width: .75rem;
height: .75rem;
}
.solutions-list-title {
font-size: 1.25rem;
}
.contact-cta-content-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.nav-link-list-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
height: 100vh;
margin-bottom: 1.5rem;
overflow: auto;
}
.nav-link-list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
width: 100%;
}
.home-cta-content.is-products {
padding-bottom: 0;
padding-left: 0;
}
.home-cta-content.is-brands_products {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
padding-bottom: 2rem;
padding-left: 2rem;
}
.products_coll_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.card_image_wrap {
height: auto;
}
.form-filter {
grid-template-columns: 1fr;
}
.form-filter.is-contact-cta {
border-radius: .75rem;
padding: 2rem;
}
.form-filter.is-news, .form-filter.is-compliance {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.category-dropdown {
background-color: #fff0;
margin-left: 1rem;
padding: 1.5rem 0;
position: absolute;
top: 100%;
left: auto;
overflow: visible;
}
.category-dropdown.w--open {
padding: .75rem 1.5rem;
left: 43%;
}
.category-dropdown.is-comliance.w--open {
margin-left: 0;
padding: .5rem 1rem;
}
.category_link.is-news {
padding-left: 0;
padding-right: 0;
}
.category_title.is-compliance {
font-size: clamp(.75rem, 1.2vw, 1rem);
}
.reset_button.news {
padding-left: 0;
padding-right: 0;
}
.filters-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
place-items: center start;
width: auto;
display: grid;
}
.filters-wrapper.news {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
grid-template-columns: 1fr 1fr;
display: flex;
}
.filters-wrapper.compliance {
grid-template-columns: 1fr 1fr;
}
.product_features_heading {
justify-content: center;
align-items: flex-end;
}
.products_features_wrapper {
grid-template-columns: 1fr;
}
.product_feature_item {
justify-content: flex-start;
align-items: center;
}
.product_feature_content {
text-align: center;
justify-content: flex-start;
align-items: center;
}
.vertical_devider {
display: none;
}
.slider-thumbs_height {
height: 5rem;
}
.slider-gallery_button-wrapper-product {
grid-column-gap: .75em;
grid-row-gap: .75em;
}
.slider-bg_img.is-product {
height: 19rem;
padding-top: 1rem;
padding-bottom: 1rem;
}
.slider-gallery_component_product {
height: 29rem;
}
.slider-gallery_button-wrapper {
grid-column-gap: .75em;
grid-row-gap: .75em;
}
.slider-thumbs_wrapper-product {
width: 7rem;
}
.instructions_item {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
display: grid;
}
.download_icon.absolute, .download_icon.is-submit {
left: -16%;
}
.video_guide_wrapp {
border-radius: .75rem;
height: 12rem;
}
.play_button {
width: 4rem;
height: 4rem;
}
.play_icon {
width: 2rem;
height: 2rem;
}
.contact_form_wrapper {
border-radius: .75rem;
padding: 1.5rem;
}
.news_header_wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.news_coll_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.news_item_middle {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.news_item_middle.featured {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.news_item_bottom {
padding: 1.25rem;
}
.news_hover_overlay.mobile {
padding-bottom: 1.25rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.news_item_featured_header {
padding: 1rem 1.5rem 1.5rem;
}
.news_featured_content {
padding: 1.5rem;
}
.block-quote-2 {
margin-bottom: 1.25rem;
}
.back-btn-text {
font-size: 1rem;
}
.about_hero_content_wrapper {
border-radius: .75rem;
}
.about_hero_content {
padding-left: 0;
padding-right: 0;
}
.flex_horizontal.is-about_about {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.marquee_wrap, .dynamic-marquee_logo-list {
width: 200vw;
}
.logo {
width: 10%;
margin-right: 2.5rem;
}
.about_locations_content {
border-radius: .75rem;
}
.careers_header_wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.careers_hero_content {
padding: 1rem;
}
.careers_coll_list {
grid-column-gap: 1rem;
grid-row-gap: 1.5rem;
}
.careers_item_title_wrap, .careers_item_content {
padding: 1.5rem;
}
.contact_header_wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.contact_content_left {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-radius: .75rem;
padding: 1.5rem;
}
.contact_form_wrapp {
border-radius: .75rem;
padding: 1.5rem;
}
.brand_hero_logo {
height: 3rem;
}
.brand_benefits_icon {
top: -10%;
}
.brand_products_image {
height: 20rem;
}
.brands_products_left {
padding-top: 2rem;
padding-bottom: 2rem;
}
.brands_products_description {
padding: 2rem 1.5rem;
}
.brand_product_coll_list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.brands_solutions_block {
grid-template-columns: 1fr;
}
.brands_solutions_content {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
padding: 1rem 0 1.5rem;
}
.brands_contact {
border-radius: .75rem;
padding: 1.5rem;
}
.brands_cta_link {
border-radius: .75rem;
justify-content: center;
align-items: flex-start;
height: 18rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
}
.gallery-coll-list {
grid-template-columns: 1fr 1fr;
}
.gallery_box {
border-radius: .75rem;
}
.grid-2-column-2, .grid-2-column-2.is-location-map {
grid-template-columns: 1fr;
}
.location-list-wraper {
min-height: 24rem;
max-height: 24rem;
}
.map {
min-height: 24rem;
}
.nav-bottom {
display: none;
}
.process_content_item_text {
padding: 1rem 1.5rem;
}
.careers_contact {
border-radius: .75rem;
padding: 0;
}
.acc-faq-header {
font-size: 1.25rem;
font-weight: 500;
}
.compliance_header_wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.thumbnails_overlay {
height: 6rem;
}
.dropdown-wrapper-copy {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.downloads_wrap {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.marquee_wrap-2 {
width: 200vw;
}
.zoom-embed.tablet {
display: none;
}
.zoom-embed.mobile {
display: block;
}
.form-field-label {
font-size: 1rem;
}
.navbar-brand {
padding-left: 0;
}
.nav-menu {
flex-direction: column;
padding-bottom: 30px;
padding-left: 0;
}
.nav-link-2 {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.nav-dropdown {
flex-direction: column;
align-items: center;
display: flex;
}
.nav-dropdown-toggle {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list.shadow-three {
box-shadow: 0 8px 50px #0000000d;
}
.nav-dropdown-list.shadow-three.w--open {
position: relative;
}
.nav-dropdown-list.shadow-three.mobile-shadow-hide {
box-shadow: none;
}
.mobile-margin-top-10 {
margin-top: 10px;
}
.market-wrapper {
grid-template-columns: 1fr 1fr;
}
.gallery-slider {
padding: 60px 15px;
}
.gallery-slide {
margin-left: 10px;
margin-right: 10px;
}
.gallery-slide-text {
line-height: 30px;
}
.gallery-slider-left {
left: -20px;
}
.gallery-slider-right {
right: -20px;
}
.gallery-overview {
padding: 60px 15px;
}
.uui-page-padding {
padding-left: 1rem;
padding-right: 1rem;
}
.uui-logos01_wrapper {
padding: .5rem 1rem;
}
.uui-space-xxlarge {
min-height: 3rem;
}
.brands-wrapper-new {
grid-template-columns: 1fr 1fr;
}
.uui-page-padding-2 {
padding-left: 1rem;
padding-right: 1rem;
}
.max-width-full-mobile-landscape-2 {
width: 100%;
max-width: none;
}
.uui-text-size-large {
font-size: 1rem;
}
.uui-heading-medium {
font-size: 1.75rem;
line-height: 1.4;
}
.uui-button {
font-size: 1rem;
}
.uui-button:hover {
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
}
.uui-heading-xsmall {
font-size: 1.25rem;
}
.uui-button-row {
align-self: stretch;
}
.uui-button-wrapper.max-width-full-mobile-landscape-2 {
width: 100%;
}
.uui-blogsection01_component {
margin-top: 3rem;
margin-bottom: 3rem;
}
.uui-blogsection01_list {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.uui-blogsection01_image-link {
margin-bottom: 1.5rem;
}
.uui-blogsection01_image-link:hover {
box-shadow: none;
}
.uui-space-xsmall {
min-height: .75rem;
}
.uui-padding-vertical-xhuge {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-heading-xxsmall {
font-size: 1.125rem;
}
.testimonial-card {
margin-right: 1.5rem;
padding: 1.5rem;
}
.uui-testimonial16_client-image-wrapper {
margin-bottom: 1rem;
margin-right: 0;
}
.uui-testimonial16_client {
flex-direction: column;
align-items: flex-start;
width: 100%;
}
.uui-testimonial16_component {
grid-template-columns: 1fr;
margin-top: 3rem;
}
.uui-page-padding-3 {
padding-left: 1rem;
padding-right: 1rem;
}
.uui-text-size-large-2 {
font-size: 1rem;
}
.uui-heading-large {
font-size: 2.25rem;
}
.uui-heading-xsmall-2 {
font-size: 1.25rem;
}
.uui-blog02_list {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.uui-blog02_category-menu {
width: 100vw;
margin-left: -5vw;
padding-left: 5vw;
overflow: scroll;
}
.uui-blog02_category-menu.no-scrollbar {
justify-content: flex-start;
margin-bottom: 3rem;
}
.uui-button-link {
font-size: 1rem;
}
.uui-button-link:hover {
color: var(--untitled-ui--primary700);
}
.uui-blog02_menu-link:hover {
color: var(--untitled-ui--gray500);
border-bottom-style: none;
}
.uui-blog02_menu-link.last-link {
margin-right: 2rem;
}
.uui-blog02_meta-wrapper {
font-size: .75rem;
}
.uui-blog02_category-link {
padding: .125rem .5rem;
font-size: .75rem;
}
.uui-blog02_image-link {
margin-bottom: 1.5rem;
}
.uui-blog02_image-link:hover {
box-shadow: none;
}
.case-study-component {
margin-top: 4rem;
}
.space-small {
min-height: 1.25rem;
}
.uui-padding-vertical-xhuge-2 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-page-padding-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.max-width-full-mobile-landscape-3 {
width: 100%;
max-width: none;
}
.uui-text-size-large-3 {
font-size: 1rem;
}
.uui-heading-xxsmall-2 {
font-size: 1.125rem;
}
.uui-heading-medium-2 {
font-size: 1.75rem;
line-height: 1.4;
}
.uui-button-2 {
font-size: 1rem;
}
.uui-button-2:hover {
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
}
.uui-button-row-2 {
align-self: stretch;
}
.uui-button-wrapper-2.max-width-full-mobile-landscape-3 {
width: 100%;
}
.uui-blogsection11_item {
grid-row-gap: 1.5rem;
grid-template-columns: 1fr;
}
.uui-blogsection11_list, .uui-blogsection11_layout {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.uui-button-link-2 {
font-size: 1rem;
}
.uui-button-link-2:hover {
color: var(--untitled-ui--primary700);
}
.uui-blogsection11_category-link {
padding: .125rem .5rem;
font-size: .75rem;
}
.uui-blogsection11_meta-wrapper {
font-size: .75rem;
}
.uui-blogsection11_image-wrapper {
height: 100%;
}
.uui-blogsection11_image-link:hover {
box-shadow: none;
}
.uui-blogsection11_button-row {
justify-content: flex-start;
width: 100%;
margin-top: 2.5rem;
}
.uui-space-xsmall-2 {
min-height: .75rem;
}
.uui-padding-vertical-xhuge-3 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-testimonial15_slide {
padding-right: 1.5rem;
}
.uui-testimonial15_client-image-wrapper {
margin-bottom: 1rem;
margin-right: 0;
}
.uui-testimonial15_client {
flex-direction: column;
align-items: flex-start;
width: 100%;
}
.uui-testimonial15_content {
padding: 1.5rem;
}
.uui-testimonial15_mask {
width: 80%;
}
.uui-testimonial15_component {
margin-top: 3rem;
}
.uui-testimonial15_arrow:hover {
background-color: var(--untitled-ui--white);
}
.uui-testimonial15_arrow.left {
right: 3.5rem;
}
.hide-mobile-landscape-2 {
display: none;
}
.uui-heading-xsmall-3 {
font-size: 1.25rem;
}
.uui-blogsection12_component {
margin-top: 3rem;
padding-bottom: 6rem;
}
.slider-arrows:hover {
background-color: var(--untitled-ui--white);
}
.slider-arrows.left {
right: 3.5rem;
}
.market-slide {
padding-right: 1.5rem;
}
.uui-blogsection12_mask {
width: 80%;
}
.uui-blogsection12_image-link {
margin-bottom: 1.5rem;
}
.uui-blogsection12_image-link:hover {
box-shadow: none;
}
.uui-blogsection12_button-row {
justify-content: flex-start;
width: 100%;
}
.uui-blogsection12_heading {
margin-right: 0;
}
.uui-blogsection12_heading-wrapper {
grid-row-gap: 2rem;
flex-direction: column;
grid-template-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
}
.uui-padding-vertical-xhuge-4, .uui-padding-vertical-xhuge-5 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.padding-global---color {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.padding-global---color.is-mobile-off {
padding-left: 0;
padding-right: 0;
}
.hide-mobile-landscape-3 {
display: none;
}
.uui-page-padding-5 {
padding-left: 1rem;
padding-right: 1rem;
}
.max-width-full-mobile-landscape-4 {
width: 100%;
max-width: none;
}
.uui-text-size-large-4 {
font-size: 1rem;
}
.uui-heading-medium-3 {
font-size: 1.75rem;
line-height: 1.4;
}
.uui-button-3 {
font-size: 1rem;
}
.uui-button-3:hover {
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
}
.uui-heading-xsmall-4 {
font-size: 1.25rem;
}
.uui-button-wrapper-3.max-width-full-mobile-landscape-4 {
width: 100%;
}
.heading-wrapper {
grid-row-gap: 2rem;
flex-direction: column;
grid-template-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
}
.uui-blogsection03_button-row {
justify-content: flex-start;
width: 100%;
}
.uui-blogsection03_button-row.mobile-landscape {
margin-top: 2.5rem;
display: flex;
}
.uui-blogsection03_heading {
margin-right: 0;
}
.uui-blogsection03_list {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
margin-top: 3rem;
}
.uui-blogsection03_image-link {
margin-bottom: 1.5rem;
}
.uui-blogsection03_image-link:hover {
box-shadow: none;
}
.uui-space-xsmall-3 {
min-height: .75rem;
}
.uui-padding-vertical-xhuge-6 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.card_image_wrap-copy {
height: auto;
}
.padding-global-copy {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.padding-global-copy.is-mobile-off {
padding-left: 0;
padding-right: 0;
}
.uui-text-rich-text figure {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.uui-text-rich-text figcaption {
margin-top: .75rem;
}
.uui-page-padding-6 {
padding-left: 1rem;
padding-right: 1rem;
}
.uui-heading-large-2 {
font-size: 2.25rem;
}
.uui-blogpost02_author-wrapper {
margin-top: 2rem;
}
.uui-blogpost02_header {
margin-bottom: 3rem;
}
.uui-blogpost02_content {
margin-bottom: 2rem;
}
.uui-blogpost02_divider {
margin-top: 2rem;
margin-bottom: 2rem;
}
.uui-blogpost02_content-top {
margin-bottom: 2rem;
}
.uui-badge {
padding: .125rem .5rem;
}
.uui-button-secondary-gray {
padding-left: 1.25rem;
font-size: 1rem;
}
.uui-button-secondary-gray:hover {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
}
.uui-padding-vertical-xhuge-7 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-space-xhuge {
min-height: 4rem;
}
.uui-blogpost02_author-heading {
font-size: 1rem;
}
.uui-page-padding-7 {
padding-left: 1rem;
padding-right: 1rem;
}
.max-width-full-mobile-landscape-5 {
width: 100%;
max-width: none;
}
.uui-text-size-large-5 {
font-size: 1rem;
}
.uui-heading-medium-4 {
font-size: 1.75rem;
line-height: 1.4;
}
.uui-button-4 {
font-size: 1rem;
}
.uui-button-4:hover {
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
}
.uui-button-row-3 {
align-self: stretch;
}
.uui-button-row-3.is-reverse-mobile-landscape, .uui-button-row-3.button-row-center.is-reverse-mobile-landscape {
flex-direction: column-reverse;
}
.uui-button-wrapper-4.max-width-full-mobile-landscape-5 {
width: 100%;
}
.social-link-2:hover {
color: var(--untitled-ui--gray400);
}
.uui-team06_component {
margin-top: 3rem;
}
.uui-team06_image-wrapper {
height: 100%;
}
.uui-team06_slide {
margin-right: 1.5rem;
}
.uui-team06_mask {
width: 75%;
}
.uui-team06_arrow.left {
right: 3.5rem;
}
.uui-button-secondary-gray-2 {
padding-left: 1.25rem;
font-size: 1rem;
}
.uui-button-secondary-gray-2:hover {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
}
.uui-space-xsmall-4 {
min-height: .75rem;
}
.uui-space-medium {
min-height: 1.5rem;
}
.uui-padding-vertical-xhuge-8 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-team02_image-wrapper {
height: 100%;
}
.uui-team02_list {
grid-row-gap: 2.5rem;
grid-template-columns: 1fr;
}
.uui-team02_component {
margin-top: 3rem;
}
.brands-wrapper-copy {
grid-template-columns: 1fr 1fr;
}
.icon-1x1-small-copy.absolute, .icon-1x1-small-copy.is-submit, .icon-1x1-small-copy.is-back {
left: -16%;
}
.uui-logos04_list {
grid-template-columns: 10rem 10rem 10rem 10rem 10rem 10rem 10rem 10rem;
width: 124rem;
}
.uui-logos04_wrapper {
padding: .5rem 1rem;
}
.uui-logos04_logo {
height: 2.5rem;
}
.uui-logo-loop_component {
height: 3.5rem;
}
.uui-space-xxlarge-2 {
min-height: 3rem;
}
.uui-page-padding-8 {
padding-left: 1rem;
padding-right: 1rem;
}
.uui-logos01_wrapper-2 {
padding: .5rem 1rem;
}
.button-nav.is-icon {
padding: .75rem;
}
.button-nav.is-icon.is-secondary {
border-width: 1.5px;
padding: .65rem .5rem .65rem .65rem;
}
.button-nav.is-icon.nav-main {
padding-right: .75rem;
}
.button-nav.is-icon.is-white, .button-nav.is-icon.is-filters, .button-nav.is-icon.is-download {
border-width: 1.5px;
padding: .65rem .5rem .65rem .65rem;
}
.button-nav.is-icon.is-back {
border-width: 1.5px;
padding: 0;
}
.button-nav.is-icon.is-secondary-large, .button-nav.is-icon.is-secondary-l {
border-width: 1.5px;
padding: .65rem .5rem .65rem .65rem;
}
.button-nav.is-icon-copy {
padding: .75rem;
}
.button-nav.is-icon-copy.is-secondary {
border-width: 1.5px;
padding: .65rem .5rem .65rem .65rem;
}
.button-nav.is-icon-copy.nav-main {
padding-right: .75rem;
}
.button-nav.is-icon-copy.is-white, .button-nav.is-icon-copy.is-filters, .button-nav.is-icon-copy.is-download {
border-width: 1.5px;
padding: .65rem .5rem .65rem .65rem;
}
.button-nav.is-icon-copy.is-back {
border-width: 1.5px;
padding: 0;
}
.button-nav.is-icon-copy.is-secondary-large, .button-nav.is-icon-copy.is-secondary-l, .button-nav.is-icon-copy.is-secondary-nav {
border-width: 1.5px;
padding: .65rem .5rem .65rem .65rem;
}
.button-text-small-nav {
font-size: .75rem;
}
.icon-1x1-small-nav.absolute, .icon-1x1-small-nav.is-submit, .icon-1x1-small-nav.is-back {
left: -16%;
}
.rl_navbar2_component {
min-height: 4rem;
}
.nav-button {
padding: .25rem 1rem;
}
.uui-page-padding-9 {
padding-left: 1rem;
padding-right: 1rem;
}
.max-width-full-mobile-landscape-6 {
width: 100%;
max-width: none;
}
.uui-text-size-large-6 {
font-size: 1rem;
}
.uui-heading-large-3 {
font-size: 2.25rem;
}
.uui-button-5 {
font-size: 1rem;
}
.uui-button-5:hover {
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
}
.button-outline-new {
align-self: stretch;
}
.button-outline-new.is-reverse-mobile-landscape {
flex-direction: column-reverse;
justify-content: flex-start;
align-items: flex-start;
}
.uui-button-wrapper-5.max-width-full-mobile-landscape-6 {
width: 50%;
}
._5050-component {
grid-row-gap: 3rem;
}
.uui-button-secondary-gray-3 {
padding-left: 1.25rem;
font-size: 1rem;
}
.uui-button-secondary-gray-3:hover {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
}
.uui-cta01_image-wrapper {
width: 528px;
height: 400px;
min-height: auto;
padding: 1.5rem 1rem;
}
.uui-cta01_image-02 {
width: 35%;
max-width: none;
bottom: -15%;
left: 1rem;
}
.uui-cta01_image-01 {
width: 100%;
min-width: 100%;
margin-right: -30%;
position: static;
}
.uui-space-small-2 {
min-height: 1.25rem;
}
.uui-space-medium-2 {
min-height: 1.5rem;
}
.uui-padding-vertical-xhuge-9 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.hide-mobile-landscape-4 {
display: none;
}
.uui-page-padding-10 {
padding-left: 1rem;
padding-right: 1rem;
}
.max-width-full-mobile-landscape-7 {
width: 100%;
max-width: none;
}
.uui-text-size-large-7 {
font-size: 1rem;
}
.uui-heading-medium-5 {
font-size: 1.75rem;
line-height: 1.4;
}
.uui-button-6 {
font-size: 1rem;
}
.uui-button-6:hover {
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
}
.uui-heading-xsmall-5 {
font-size: 1.25rem;
}
.uui-button-wrapper-6.max-width-full-mobile-landscape-7 {
width: 100%;
}
.uui-blogsection03_heading-wrapper {
grid-row-gap: 2rem;
flex-direction: column;
grid-template-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
}
.uui-blogsection03_button-row-2 {
justify-content: flex-start;
width: 100%;
}
.uui-blogsection03_button-row-2.mobile-landscape {
margin-top: 2.5rem;
display: flex;
}
.uui-blogsection03_heading-2 {
margin-right: 0;
}
.uui-blogsection03_list-2 {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
margin-top: 3rem;
}
.uui-blogsection03_image-link-2 {
margin-bottom: 1.5rem;
}
.uui-blogsection03_image-link-2:hover {
box-shadow: none;
}
.uui-space-xsmall-5 {
min-height: .75rem;
}
.uui-padding-vertical-xhuge-10 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.button-clear.is-icon {
padding: .75rem;
}
.button-clear.is-icon.is-secondary {
border-width: 1.5px;
padding: .65rem .5rem .65rem .65rem;
}
.button-clear.is-icon.nav-main {
padding-right: .75rem;
}
.button-clear.is-icon.is-white, .button-clear.is-icon.is-filters, .button-clear.is-icon.is-download {
border-width: 1.5px;
padding: .65rem .5rem .65rem .65rem;
}
.button-clear.is-icon.is-back {
border-width: 1.5px;
padding: 0;
}
.button-clear.is-icon.is-secondary-large, .button-clear.is-icon.is-secondary-l {
border-width: 1.5px;
padding: .65rem .5rem .65rem .65rem;
}
.button-text-small-clear {
font-size: .75rem;
}
.icon-1x1-small-clear.absolute, .icon-1x1-small-clear.is-submit, .icon-1x1-small-clear.is-back, .icon-1x1-small-copy.absolute, .icon-1x1-small-copy.is-submit, .icon-1x1-small-copy.is-back {
left: -16%;
}
.padding-global-blue {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.padding-global-blue.is-mobile-off {
padding-left: 0;
padding-right: 0;
}
.grid-2 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.product-button {
padding: .25rem 1rem;
}
.custom-nav-bar {
min-height: 4rem;
}
.bottom-spacing {
min-height: 1.25rem;
}
.uui-page-padding-11 {
padding-left: 1rem;
padding-right: 1rem;
}
.max-width-full-mobile-landscape-8 {
width: 100%;
max-width: none;
}
.uui-button-7 {
font-size: 1rem;
}
.uui-button-7:hover {
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
}
.uui-button-7.is-button-large {
grid-column-gap: .5rem;
padding: .75rem 1.25rem;
font-size: 1rem;
}
.uui-heading-xlarge {
font-size: 2.25rem;
}
.uui-button-row-5 {
align-self: stretch;
}
.uui-button-row-5.button-row-center.is-reverse-mobile-landscape, .uui-button-row-5.is-reverse-mobile-landscape {
flex-direction: column-reverse;
}
.uui-button-wrapper-7.max-width-full-mobile-landscape-8 {
width: 100%;
}
.uui-button-icon-5.is-icon-large {
width: 1.25rem;
height: 1.25rem;
}
.uui-badge-group {
font-size: .75rem;
}
.uui-badge-group_badge {
padding: .125rem .5rem;
font-size: .75rem;
}
.uui-heroheader14_image-wrapper {
width: 100vw;
height: 22rem;
}
.uui-heroheader14_card-image-03, .uui-heroheader14_card-image-01, .uui-heroheader14_card-image-05, .uui-heroheader14_card-image-02, .uui-heroheader14_card-image-04 {
border-radius: .75rem;
width: 24rem;
}
.uui-text-size-xlarge {
font-size: 1.125rem;
}
.uui-button-secondary-gray-4 {
padding-left: 1.25rem;
font-size: 1rem;
}
.uui-button-secondary-gray-4:hover {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
}
.uui-button-secondary-gray-4.is-button-large {
grid-column-gap: .5rem;
padding: .75rem 1.25rem;
font-size: 1rem;
}
.uui-space-small-3 {
min-height: 1.25rem;
}
.space-large {
min-height: 2rem;
}
.space-xhuge-2 {
min-height: 4rem;
}
.uui-page-padding-12 {
padding-left: 1rem;
padding-right: 1rem;
}
.max-width-full-mobile-landscape-9 {
width: 100%;
max-width: none;
}
.uui-button-8 {
font-size: 1rem;
}
.uui-button-8:hover {
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
}
.uui-button-8.is-button-large {
grid-column-gap: .5rem;
padding: .75rem 1.25rem;
font-size: 1rem;
}
.uui-heading-xlarge-2 {
font-size: 2.25rem;
}
.uui-button-row-6 {
align-self: stretch;
}
.uui-button-row-6.is-reverse-mobile-landscape {
flex-direction: column-reverse;
}
.uui-button-wrapper-8.max-width-full-mobile-landscape-9 {
width: 100%;
}
.uui-button-icon-6.is-icon-large {
width: 1.25rem;
height: 1.25rem;
}
.uui-text-size-xlarge-2 {
font-size: 1.125rem;
}
.uui-heroheader22_image {
max-width: none;
height: 22rem;
}
.uui-button-secondary-gray-5 {
padding-left: 1.25rem;
font-size: 1rem;
}
.uui-button-secondary-gray-5:hover {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
}
.uui-button-secondary-gray-5.is-button-large {
grid-column-gap: .5rem;
padding: .75rem 1.25rem;
font-size: 1rem;
}
.uui-space-small-4 {
min-height: 1.25rem;
}
.uui-space-large {
min-height: 2rem;
}
.padding-vertical-xhuge-11 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-heroheader21_form {
margin-top: 2rem;
}
.uui-heroheader21_content {
padding-left: 1rem;
padding-right: 1rem;
}
.uui-heroheader21_component {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-heroheader21_image-wrapper {
padding-left: 1rem;
padding-right: 1rem;
}
.uui-badge-group-2 {
font-size: .75rem;
}
.uui-badge-group_badge-2 {
padding: .125rem .5rem;
font-size: .75rem;
}
.button-3.is-icon {
padding: .75rem;
}
.button-3.is-icon.is-secondary {
border-width: 1.5px;
padding: .65rem .5rem .65rem .65rem;
}
.padding-vertical-xhuge-12 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-heroheader22_image-2 {
max-width: none;
height: 22rem;
}
.uui-button-row-7 {
align-self: stretch;
}
.uui-button-row-7.is-reverse-mobile-landscape {
flex-direction: column-reverse;
}
.uui-space-small-5 {
min-height: 1.25rem;
}
.uui-space-large-2 {
min-height: 2rem;
}
.padding-global-leftonly {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.padding-global-leftonly.is-mobile-off {
padding-left: 0;
padding-right: 0;
}
.padding-global-grey {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.padding-global-grey.is-mobile-off {
padding-left: 0;
padding-right: 0;
}
.logos-title-small {
padding: 60px 15px;
}
.clients-wrapper-three {
margin-bottom: -30px;
}
.clients-image-three {
margin-bottom: 30px;
margin-left: 20px;
margin-right: 20px;
}
.rl-padding-section-large {
padding-top: 4rem;
padding-bottom: 4rem;
}
.rl-heading-style-h2 {
font-size: 2.25rem;
}
.rl_blog44_button-row-desktop {
justify-content: flex-start;
width: 100%;
display: none;
}
.rl_blog44_heading {
margin-right: 0;
}
.rl_blog44_list {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.rl_blog44_spacing-block-7 {
padding-bottom: 2.5rem;
}
.rl-heading-style-h5 {
font-size: 1.25rem;
}
.rl_blog44_button-row-mobile {
justify-content: flex-start;
width: 100%;
display: flex;
}
.rl-text-style-medium {
font-size: 1rem;
}
.rl_blog44_spacing-block-2, .rl_blog44_spacing-block-6 {
padding-bottom: 1.25rem;
}
.rl_blog44_spacing-block-1 {
padding-bottom: .75rem;
}
.rl_blog44_heading-wrapper {
grid-row-gap: 2rem;
flex-direction: column;
grid-template-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
}
.rl_blog44_spacing-block-3 {
padding-bottom: 3rem;
}
.rl_blog44_spacing-block-4 {
padding-bottom: .75rem;
}
.collection-list-10 {
grid-template-columns: 1fr 1fr;
overflow: auto;
}
.uui-page-padding-13 {
padding-left: 1rem;
padding-right: 1rem;
}
.uui-heading-large-4 {
font-size: 2.25rem;
}
.uui-text-size-xlarge-3 {
font-size: 1.125rem;
}
.uui-space-small-6 {
min-height: 1.25rem;
}
.uui-padding-vertical-xhuge-11 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-page-padding-14 {
padding-left: 1rem;
padding-right: 1rem;
}
.max-width-full-mobile-landscape-10 {
width: 100%;
max-width: none;
}
.uui-text-size-large-8 {
font-size: 1rem;
}
.uui-heading-xxsmall-3 {
font-size: 1.125rem;
}
.uui-heading-medium-6 {
font-size: 1.75rem;
line-height: 1.4;
}
.uui-button-9 {
font-size: 1rem;
}
.uui-button-9:hover {
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
}
.uui-button-row-8 {
align-self: stretch;
}
.uui-button-row-8.is-reverse-mobile-landscape {
flex-direction: column-reverse;
}
.uui-button-wrapper-9.max-width-full-mobile-landscape-10 {
width: 100%;
}
.uui-layout82_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.uui-layout82_list {
grid-row-gap: 2.5rem;
}
.uui-button-secondary-gray-6 {
padding-left: 1.25rem;
font-size: 1rem;
}
.uui-button-secondary-gray-6:hover {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
}
.uui-space-small-7 {
min-height: 1.25rem;
}
.uui-space-xsmall-6 {
min-height: .75rem;
}
.uui-space-medium-3 {
min-height: 1.5rem;
}
.uui-padding-vertical-xhuge-12 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.padding {
padding-left: 1rem;
padding-right: 1rem;
}
.uui-heading-small {
font-size: 1.5rem;
}
.uui-button-row-9 {
align-self: stretch;
}
.uui-button-row-9.button-row-center.is-reverse-mobile-landscape, .uui-button-row-9.is-reverse-mobile-landscape {
flex-direction: column-reverse;
}
.uui-layout35_image-wrapper {
margin-bottom: 1.5rem;
}
.uui-layout35_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.uui-button-link-3 {
font-size: 1rem;
}
.uui-button-link-3:hover {
color: var(--untitled-ui--primary700);
}
.uui-button-icon-7.is-icon-large {
width: 1.25rem;
height: 1.25rem;
}
.uui-space-small-8 {
min-height: 1.25rem;
}
.uui-padding-vertical-xhuge-13 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-page-padding-15 {
padding-left: 1rem;
padding-right: 1rem;
}
.max-width-full-mobile-landscape-11 {
width: 100%;
max-width: none;
}
.uui-button-10 {
font-size: 1rem;
}
.uui-button-10:hover {
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
}
.uui-button-10.is-button-large {
grid-column-gap: .5rem;
padding: .75rem 1.25rem;
font-size: 1rem;
}
.uui-heading-xlarge-3 {
font-size: 2.25rem;
}
.uui-button-wrapper-10.max-width-full-mobile-landscape-11 {
width: 100%;
}
.uui-badge-group-3 {
font-size: .75rem;
}
.uui-badge-group_badge-3 {
padding: .125rem .5rem;
font-size: .75rem;
}
.uui-text-size-xlarge-4 {
font-size: 1.125rem;
}
.uui-heroheader17_image-wrapper {
height: 24rem;
margin-bottom: 4rem;
}
.uui-heroheader17_card-image-01 {
border-radius: 1.5rem;
width: 22rem;
transform: translate(-20%, 10%)rotate(0);
}
.uui-heroheader17_card-image {
border-radius: 1.5rem;
width: 22rem;
transform: translate(30%, 5%)rotate(30deg);
}
.uui-button-secondary-gray-7 {
padding-left: 1.25rem;
font-size: 1rem;
}
.uui-button-secondary-gray-7:hover {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
}
.uui-button-secondary-gray-7.is-button-large {
grid-column-gap: .5rem;
padding: .75rem 1.25rem;
font-size: 1rem;
}
.uui-space-large-3 {
min-height: 2rem;
}
.uui-space-xhuge-2 {
min-height: 4rem;
}
.uui-page-padding-16 {
padding-left: 1rem;
padding-right: 1rem;
}
.max-width-full-mobile-landscape-12 {
width: 100%;
max-width: none;
}
.uui-button-11 {
font-size: 1rem;
}
.uui-button-11:hover {
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
}
.uui-button-11.is-button-large {
grid-column-gap: .5rem;
padding: .75rem 1.25rem;
font-size: 1rem;
}
.uui-heading-xlarge-4 {
font-size: 2.25rem;
}
.uui-button-row-10 {
align-self: stretch;
}
.uui-button-row-10.is-reverse-mobile-landscape {
flex-direction: column-reverse;
justify-content: flex-start;
align-items: flex-start;
}
.uui-button-wrapper-11.max-width-full-mobile-landscape-12 {
width: 100%;
}
.uui-button-icon-8.is-icon-large {
width: 1.25rem;
height: 1.25rem;
}
.uui-heroheader07_image-wrapper {
background-image: none;
height: 26rem;
}
.uui-heroheader07_card-image-01, .uui-heroheader07_card-image-02 {
border-radius: 1.4rem;
width: 22rem;
}
.uui-heroheader07_light-overlay {
width: 72rem;
min-width: 72rem;
right: -30%;
}
.uui-text-size-xlarge-5 {
font-size: 1.125rem;
}
.uui-button-secondary-gray-8 {
padding-left: 1.25rem;
font-size: 1rem;
}
.uui-button-secondary-gray-8:hover {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
}
.uui-button-secondary-gray-8.is-button-large {
grid-column-gap: .5rem;
padding: .75rem 1.25rem;
font-size: 1rem;
}
.uui-space-small-9 {
min-height: 1.25rem;
}
.uui-space-large-4 {
min-height: 2rem;
}
.hero {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-text-size-large-9 {
font-size: 1rem;
}
.uui-heading-medium-7 {
font-size: 1.75rem;
line-height: 1.4;
}
.uui-faq02_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.uui-faq02_question {
padding: 1rem 1.25rem;
}
.uui-faq02_answer {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.uui-space-xsmall-7 {
min-height: .75rem;
}
.uui-space-medium-4 {
min-height: 1.5rem;
}
.uui-padding-vertical-xhuge-15 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-heading-xxsmall-4 {
font-size: 1.125rem;
}
.uui-layout32_component {
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.uui-padding-vertical-xhuge-16, .uui-padding-vertical-xhuge-17 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-testimonial14_component {
column-count: 1;
margin-top: 3rem;
}
.uui-testimonial14_content {
margin-bottom: 1.5rem;
padding: 1.5rem;
}
.uui-testimonial14_client-image-wrapper {
margin-bottom: 1rem;
margin-right: 0;
}
.uui-testimonial14_client {
flex-direction: column;
align-items: flex-start;
width: 100%;
}
.uui-padding-vertical-xhuge-18 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.navbar-brand-2 {
padding-left: 0;
}
.nav-menu-3 {
flex-direction: column;
padding-bottom: 30px;
padding-left: 0;
}
.nav-link-3 {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.nav-dropdown-2 {
flex-direction: column;
align-items: center;
display: flex;
}
.nav-dropdown-toggle-2 {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list-2.shadow-three {
box-shadow: 0 8px 50px #0000000d;
}
.nav-dropdown-list-2.shadow-three.w--open {
position: relative;
}
.nav-dropdown-list-2.shadow-three.mobile-shadow-hide {
box-shadow: none;
}
.mobile-margin-top-11 {
margin-top: 10px;
}
.nav-padding {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.nav-padding.is-mobile-off {
padding-left: 0;
padding-right: 0;
}
.rl_navbar2_component-2 {
min-height: 4rem;
}
.rl_navbar2_button {
padding: .25rem 1rem;
}
.nav-menu-4 {
flex-direction: column;
padding-bottom: 30px;
padding-left: 0;
}
.card-title {
font-size: .875rem;
}
.card-title.text-weight-medium {
font-size: 1rem;
}
.card-title.is-brands {
font-size: 1.25rem;
}
.brand-logo-wrapper-large {
height: 2rem;
}
.product-header {
margin-right: 0;
}
.uui-page-padding-17 {
padding-left: 1rem;
padding-right: 1rem;
}
.max-width-full-mobile-landscape-13 {
width: 100%;
max-width: none;
}
.uui-heading-xxsmall-5 {
font-size: 1.125rem;
}
.uui-button-12 {
font-size: 1rem;
}
.uui-button-12:hover {
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
}
.uui-button-row-11 {
align-self: stretch;
}
.uui-button-row-11.is-reverse-mobile-landscape {
flex-direction: column-reverse;
}
.uui-button-wrapper-12.max-width-full-mobile-landscape-13 {
width: 100%;
}
.uui-layout14_item-list {
grid-row-gap: 2.5rem;
margin-bottom: 2rem;
}
.uui-layout14_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.uui-button-secondary-gray-9 {
padding-left: 1.25rem;
font-size: 1rem;
}
.uui-button-secondary-gray-9:hover {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
}
._5050_image-wrapper {
min-height: auto;
padding: 1.5rem 1rem;
}
.uui-space-xsmall-8 {
min-height: .75rem;
}
.uui-padding-vertical-xhuge-19 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-text-size-large-10 {
font-size: 1rem;
}
.uui-heading-medium-8 {
font-size: 1.75rem;
line-height: 1.4;
}
.uui-lightbox_play-icon {
width: 4rem;
height: 4rem;
}
.uui-layout05_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.uui-layout05_lightbox {
min-height: auto;
padding: 1.5rem 1rem;
}
.uui-layout05_image-01 {
width: 100%;
min-width: 100%;
margin-right: -30%;
position: static;
}
.uui-layout05_image-02 {
width: 35%;
max-width: none;
bottom: -15%;
left: 1rem;
}
.uui-layout05_item-list {
margin-top: 1.5rem;
margin-bottom: 2rem;
}
.component1 {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.list1 {
grid-row-gap: 2.5rem;
}
.uui-space-small-10 {
min-height: 1.25rem;
}
.uui-space-medium-5 {
min-height: 1.5rem;
}
.uui-heading-large-5 {
font-size: 2.25rem;
}
.uui-heading-xsmall-6 {
font-size: 1.25rem;
}
.uui-heading-small-2 {
font-size: 1.5rem;
}
.featured-item-content {
padding: 0;
}
.uui-blog04_title-link.featured-article {
margin-bottom: .5rem;
}
.uui-blog04_list {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.uui-blog04_category-menu {
width: 100vw;
margin-bottom: 3rem;
margin-left: -5vw;
padding-left: 5vw;
overflow: scroll;
}
.uui-blog04_category-menu.no-scrollbar {
justify-content: flex-start;
}
.uui-blog04_component {
margin-top: 4rem;
}
.uui-blog04_featured-item {
grid-row-gap: 1.5rem;
grid-template-columns: 1fr;
margin-bottom: 3rem;
}
.uui-button-link-4 {
font-size: 1rem;
}
.uui-button-link-4:hover {
color: var(--untitled-ui--primary700);
}
.uui-blog04_meta-wrapper {
font-size: .75rem;
}
.uui-blog04_category-link {
padding: .125rem .5rem;
font-size: .75rem;
}
.uui-blog04_menu-link:hover {
color: var(--untitled-ui--gray500);
border-bottom-style: none;
}
.uui-blog04_menu-link.last-link {
margin-right: 2rem;
}
.uui-blog04_image-link {
margin-bottom: 1.5rem;
}
.uui-blog04_image-link:hover {
box-shadow: none;
}
.uui-padding-vertical-xhuge-20 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.product-category-wrapper {
grid-template-columns: 1fr;
}
.collection-list-12 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.black-button.is-icon {
padding: .75rem;
}
.black-button.is-icon.is-secondary {
border-width: 1.5px;
padding: .65rem .5rem .65rem .65rem;
}
.black-button.is-icon.nav-main {
padding-right: .75rem;
}
.black-button.is-icon.is-white, .black-button.is-icon.is-filters, .black-button.is-icon.is-download {
border-width: 1.5px;
padding: .65rem .5rem .65rem .65rem;
}
.black-button.is-icon.is-back {
border-width: 1.5px;
padding: 0;
}
.black-button.is-icon.is-secondary-large, .black-button.is-icon.is-secondary-l {
border-width: 1.5px;
padding: .65rem .5rem .65rem .65rem;
}
.black-button.is-icon-copy {
padding: .75rem;
}
.black-button.is-icon-copy.is-secondary {
border-width: 1.5px;
padding: .65rem .5rem .65rem .65rem;
}
.black-button.is-icon-copy.nav-main {
padding-right: .75rem;
}
.black-button.is-icon-copy.is-white, .black-button.is-icon-copy.is-filters, .black-button.is-icon-copy.is-download {
border-width: 1.5px;
padding: .65rem .5rem .65rem .65rem;
}
.black-button.is-icon-copy.is-back {
border-width: 1.5px;
padding: 0;
}
.black-button.is-icon-copy.is-secondary-large, .black-button.is-icon-copy.is-secondary-l, .black-button.is-icon-copy.is-secondary-nav {
border-width: 1.5px;
padding: .65rem .5rem .65rem .65rem;
}
.grid-images {
grid-row-gap: 3rem;
grid-template-columns: 1fr 1fr;
}
.logo-wrapper-small {
padding: .5rem 1rem;
}
.uui-space-xxlarge-3 {
min-height: 3rem;
}
.navbar-brand-3 {
padding-left: 0;
}
.nav-menu-5 {
flex-direction: column;
padding-bottom: 30px;
padding-left: 0;
}
.nav-link-4 {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.nav-dropdown-3 {
flex-direction: column;
align-items: center;
display: flex;
}
.nav-dropdown-toggle-3 {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list-3.shadow-three {
box-shadow: 0 8px 50px #0000000d;
}
.nav-dropdown-list-3.shadow-three.w--open {
position: relative;
}
.nav-dropdown-list-3.shadow-three.mobile-shadow-hide {
box-shadow: none;
}
.mobile-margin-top-12 {
margin-top: 10px;
}
.nav-padding-global {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.nav-padding-global.is-mobile-off {
padding-left: 0;
padding-right: 0;
}
.logo-wrapper-big {
padding: .5rem 1rem;
}
.blog-grid-2-col {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
margin-top: 3rem;
}
.layoutcards {
grid-row-gap: 2.5rem;
}
.space-tiny {
min-height: 1.25rem;
}
.sub-text {
font-size: 21px;
}
.tab-logo {
width: 33.333%;
}
.section-8.black {
padding-top: 140px;
padding-bottom: 140px;
}
.rl-padding-section-large-2 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.rl-heading-style-h2-2 {
font-size: 2.25rem;
}
.rl_layout1_spacing-block-1 {
padding-bottom: .75rem;
}
.rl-text-style-medium-2 {
font-size: 1rem;
}
.rl_layout1_spacing-block-3 {
padding-bottom: 1.5rem;
}
.rl_layout1_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.rl_layout1_spacing-block-2 {
padding-bottom: 1.25rem;
}
.fs-numbercount_grid, .fs-numbercount-2_grid {
grid-template-columns: 1fr;
}
.padding-global-green {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.padding-global-green.is-mobile-off {
padding-left: 0;
padding-right: 0;
}
.padding-global-red {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.padding-global-red.is-mobile-off {
padding-left: 0;
padding-right: 0;
}
.uui-layout82_list-x2 {
grid-row-gap: 2.5rem;
}
.button-solid-new {
align-self: stretch;
}
.button-solid-new.is-reverse-mobile-landscape {
flex-direction: column-reverse;
justify-content: flex-start;
align-items: flex-start;
}
.uui-page-padding-18 {
padding-left: 1rem;
padding-right: 1rem;
}
.uui-logos01_wrapper-3 {
padding: .5rem 1rem;
}
.uui-space-xxlarge-4 {
min-height: 3rem;
}
.clients-wrapper-three-copy {
margin-bottom: -30px;
}
.rl-padding-section-large-3 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.rl-heading-style-h2-3 {
font-size: 2.25rem;
}
.rl_gallery3_spacing-block-2 {
padding-bottom: 3rem;
}
.rl_gallery3_spacing-block-1 {
padding-bottom: 1.25rem;
}
.rl_gallery3_gallery-grid {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.rl-text-style-medium-3 {
font-size: 1rem;
}
.navbar-brand-4 {
padding-left: 0;
}
.nav-menu-6 {
flex-direction: column;
padding-bottom: 30px;
padding-left: 0;
}
.nav-link-5 {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.nav-dropdown-4 {
flex-direction: column;
align-items: center;
display: flex;
}
.nav-dropdown-toggle-4 {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list-4.shadow-three {
box-shadow: 0 8px 50px #0000000d;
}
.nav-dropdown-list-4.shadow-three.w--open {
position: relative;
}
.nav-dropdown-list-4.shadow-three.mobile-shadow-hide {
box-shadow: none;
}
.mobile-margin-top-13 {
margin-top: 10px;
}
.grid-27 {
grid-column-gap: 10px;
grid-row-gap: 1px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 90%;
overflow: scroll;
}
.utility {
width: 100%;
overflow: scroll;
}
.uui-page-padding-19 {
padding-left: 1rem;
padding-right: 1rem;
}
.uui-text-size-large-11 {
font-size: 1rem;
}
.uui-heading-medium-9 {
font-size: 1.75rem;
line-height: 1.4;
}
.uui-button-13 {
font-size: 1rem;
}
.uui-button-13:hover {
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
}
.contact-wrapper {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.uui-space-xsmall-9 {
min-height: .75rem;
}
.uui-padding-vertical-xhuge-21 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.form12_checkbox_field {
width: 48%;
margin-bottom: 15px;
margin-left: 0;
margin-right: 0;
}
.mobile-nav-bottom {
z-index: 5;
background-color: #fff;
border-top: 1px solid #8395b126;
height: 100px;
display: block;
position: fixed;
inset: auto 0% 0%;
}
.previous-2, .next-2 {
z-index: 6;
position: fixed;
}
.checkbox_wrap {
flex-wrap: wrap;
justify-content: space-between;
}
.form-wrapper {
width: 100%;
}
.form-content {
width: 90%;
}
.feature-wrap {
align-items: center;
}
.checkmark-4 {
margin-top: 2px;
}
.icon-list-item-2 {
margin-bottom: .15rem;
}
.thumb-swiper-wrapper {
padding-left: 1.25rem;
}
.bg-animate-overlay-copy-copy {
padding-top: 1.25rem;
}
.product-title {
font-size: 2.25rem;
}
.slider-button-right {
background-size: 1rem;
width: 3rem;
height: 3rem;
}
.slider-button-right.absolute-right {
position: static;
}
.thumbnail-slider-buttons-wrapper {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.listicle-row {
grid-template-columns: 1fr;
}
.page-global {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.button-holder {
padding-bottom: 1rem;
position: sticky;
bottom: 0;
}
.thumb-swiper {
max-width: none;
}
.swiper-slide-2 {
width: 100%;
}
.swiper-slide-2.thumbnail-item {
width: 3rem;
height: 3rem;
}
.icon-benefits {
margin-top: 2px;
}
.product-full-content {
margin-top: 0;
}
.table10_content {
font-size: .85rem;
}
.grid-30 {
grid-template-columns: 1fr;
}
.prod-full-copy {
padding: 1.25rem 1.25rem 2rem;
}
.slider-button-left {
background-size: 1rem;
width: 3rem;
height: 3rem;
}
.slider-button-left.absolute-left {
position: static;
}
.image-wrapper-1-1 {
border-radius: 8px;
}
.product-gallery {
width: 100%;
}
.uui-text-rich-text-2 figure {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.uui-text-rich-text-2 figcaption {
margin-top: .75rem;
}
.uui-page-padding-20 {
padding-left: 1rem;
padding-right: 1rem;
}
.uui-heading-large-6 {
font-size: 2.25rem;
}
.uui-blogpost02_author-wrapper-2 {
margin-top: 2rem;
}
.uui-blogpost02_header-2 {
margin-bottom: 3rem;
}
.uui-blogpost02_content-2 {
margin-bottom: 2rem;
}
.uui-blogpost02_divider-2 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.uui-blogpost02_content-top-2 {
margin-bottom: 2rem;
}
.uui-badge-2 {
padding: .125rem .5rem;
}
.uui-button-secondary-gray-10 {
padding-left: 1.25rem;
font-size: 1rem;
}
.uui-button-secondary-gray-10:hover {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
}
.uui-padding-vertical-xhuge-22 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-space-xhuge-3 {
min-height: 4rem;
}
.uui-blogpost02_author-heading-2 {
font-size: 1rem;
}
}
@media screen and (max-width: 479px) {
blockquote {
border-left-width: .2rem;
font-size: 1.125rem;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-xxlarge.is-mob-portrait-off, .padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.padding-bottom.padding-xxlarge.is-mobile-portrait-bottom-off {
padding-bottom: 0;
}
.icon-1x1-small.absolute, .icon-1x1-small.is-submit, .icon-1x1-small.is-back {
left: -16%;
}
.form_form.is-contact-cta {
padding: 1.5rem;
}
.heading-style-h3 {
font-size: 1.5rem;
}
.text-rich-text ul {
margin-top: 1.5rem;
margin-bottom: 2rem;
}
.max-width-full-mobile-portrait {
width: 100%;
max-width: none;
}
.heading-style-h1 {
font-size: 2.5rem;
}
.padding-global.padding-section-large.is-mobile-portrait-2 {
padding-top: 2rem;
}
.padding-global.is-mobile-off-portrait {
padding-left: 0;
padding-right: 0;
}
.hide-mobile-portrait {
display: none;
}
.form_field-wrapper.is-filter {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: start;
display: grid;
}
.heading-style-h4 {
font-size: 1.25rem;
}
.form_input.is-contact {
border-width: 1.5px;
}
.heading-style-h2 {
font-size: 2rem;
}
.heading-style-h5.no-capps.text-weight-medium {
font-size: 1.25rem;
}
.form_component.is-filter {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.button {
border-radius: 30px;
}
.button.is-icon.nav-main {
grid-column-gap: .3rem;
grid-row-gap: .3rem;
}
.button.is-icon.is-filters {
cursor: pointer;
}
.text-size-medium.text-weight-bold {
font-size: clamp(.875rem, 2vw, 1rem);
}
.nav_link.is-dropdown.nav-link.w--current {
background-color: #ebebeb00;
}
.deopdown-list-wrapper {
flex-direction: column;
}
.nav_logo {
height: 2rem;
}
.nav_logo.is-installation {
flex: none;
height: 1.5rem;
max-height: 1.5rem;
}
.dropdown-content-wrapper {
border-bottom: 1px solid #4246691a;
width: 100%;
}
.nav_link-list {
height: auto;
overflow: visible;
}
.nav_menu.main {
flex-flow: row;
justify-content: center;
align-self: flex-end;
align-items: center;
display: flex;
position: relative;
}
.nav_container {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
justify-content: space-between;
align-items: center;
}
.nav_container.bottom {
justify-content: space-between;
align-items: center;
padding-top: 1rem;
}
.nav_container.main {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: space-between;
padding-top: 1rem;
}
.nav_logo-link.w--current {
justify-content: flex-start;
align-items: flex-end;
height: 2rem;
max-height: 2rem;
display: flex;
}
.nav_logo-link.is-installation.w--current {
justify-content: flex-start;
align-items: flex-end;
height: auto;
max-height: none;
padding-top: 0;
display: block;
}
.footer_bottom-row {
flex-direction: column-reverse;
grid-auto-columns: 1fr;
}
.footer_menu-wrapper {
grid-template-columns: 1fr;
}
.section.is-landing_hero {
height: 48rem;
margin-top: -5rem;
}
.section.is-landing-events_hero {
height: 46rem;
margin-top: -5rem;
}
.section.is-home_hero {
height: 45rem;
margin-top: -6rem;
}
.section.is-home_cta {
position: relative;
}
.section.is-landing-installation_hero {
height: auto;
margin-top: -5rem;
}
.section.is-about_hero {
padding-top: 0;
}
.section.is-contact_hero {
margin-top: 0;
}
.section.is_brand_hero {
margin-top: .5rem;
}
.section.is-brand_cta {
position: relative;
}
.section.is-process_hero, .section.is-process_content, .section.is-compliance_hero, .section.is-compliance_content, .section.is-installers_hero {
padding-top: 0;
}
.section.is_brand_hero-copy {
margin-top: .5rem;
}
.grid-2-column.is-blog-authorles {
width: 100%;
}
.section_component.is-landing_hero, .section_component.is-landing-events_hero {
padding-top: 3rem;
padding-bottom: 1rem;
}
.section_component.is-home_hero {
height: auto;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}
.section_component.is-home_cta {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
text-align: center;
background-image: none;
border-radius: 0;
justify-content: center;
align-items: center;
padding-bottom: 0;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.section_component.is-testimonials {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
padding-bottom: 6rem;
}
.section_component.is-home_markets {
padding-top: 3rem;
padding-bottom: 3rem;
}
.section_component.is-landing-installation_hero {
padding-top: 8rem;
padding-bottom: 2rem;
}
.section_component.is-installation-solution {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
}
.section_component.is-products_cta {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
text-align: center;
background-image: linear-gradient(315deg, #0057b3bf, #003d78);
border-radius: 0;
grid-template-columns: 1fr;
justify-content: center;
place-items: end stretch;
height: 22rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.section_component.is-products_testimonials {
padding-bottom: 4rem;
}
.section_component.is-product_features, .section_component.is-products_resources {
justify-content: flex-start;
align-items: center;
}
.section_component.is-our_products_cta {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-columns: 1fr;
}
.section_component.is-brand_cta {
justify-content: center;
align-items: center;
}
.section_component.is-customer_cta {
padding: 1.5rem;
}
.section_component.is-process_hero, .section_component.is-compliance_hero, .section_component.is-installers_hero {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.image-wrapper.is-marquee {
width: 14rem;
height: 10rem;
}
.image-wrapper.is-tab_content {
height: 24rem;
}
.image-wrapper.is-blog-authorles {
height: 16rem;
}
.image-wrapper.is-home_hero {
height: 4rem;
left: 0%;
}
.image-wrapper.is-landing-products, .image-wrapper.is-landing-show {
height: 16rem;
}
.image-wrapper.show-case-bottom {
width: auto;
}
.image-wrapper.is-home_logo {
width: 100%;
height: 8rem;
left: auto;
right: auto;
}
.image-wrapper.is-home_right {
width: 100%;
height: 20rem;
inset: auto auto -16%;
}
.image-wrapper.is-testimonials-logo {
display: none;
}
.image-wrapper.is-testimonials {
aspect-ratio: auto;
width: 100%;
height: 16rem;
}
.image-wrapper.is-products-cta-wrap {
height: 2rem;
display: none;
}
.image-wrapper.is-landing-installation_hero {
height: 18rem;
}
.image-wrapper.is-installation_logo {
height: 6rem;
bottom: 0%;
left: 0%;
}
.image-wrapper.is-installation-solution {
justify-content: center;
align-items: flex-end;
height: 18rem;
display: flex;
}
.image-wrapper.is-products-cta {
height: 20rem;
}
.image-wrapper.is-testimonials-products {
display: none;
}
.image-wrapper.is-product_detail_logo {
height: 1.5rem;
}
.image-wrapper.is-contact_logo {
width: 100%;
height: 8rem;
left: auto;
right: auto;
}
.image-wrapper.is-news_featured, .image-wrapper.is-news_hero {
height: 16rem;
}
.image-wrapper.is-about_hero {
height: 18rem;
}
.image-wrapper.devider_icon.is-about {
margin-top: 0;
}
.image-wrapper.is-products_cta_right {
height: 18rem;
}
.image-wrapper.is-products_cta_left {
z-index: 0;
height: 9rem;
top: auto;
left: 1%;
}
.image-wrapper.is-about_locations {
height: 24rem;
}
.image-wrapper.is-careers_hero {
height: 16rem;
}
.image-wrapper.is-brands_solutions {
height: 14rem;
}
.image-wrapper.is-proccess {
height: 16rem;
}
.image-cover.is-auto-width-mobile {
width: 100%;
}
.tabs-menu_list {
margin-top: 1.5rem;
}
.acc {
width: 18rem;
}
.acc-head.is-faq, .acc-head.is-faq.first {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
}
.roadmap-journey-content.is-mobile-on {
display: block;
}
.dot {
position: absolute;
inset: 0% auto auto 0%;
}
.right-content-wrap {
width: 70%;
}
.scroll-wrap {
inset: -100% auto auto 2%;
}
.left-content-wrap {
display: none;
}
.step-block {
min-height: 80vh;
}
.splide__slide {
width: 100%;
}
.slider-pill_img, .slider-image-wrapper {
padding-top: 148%;
}
.fs-slider_slider.is-testimonials {
min-height: 25rem;
}
.blog-authorles_item-wrapper {
width: 100%;
}
.blog-authorles-right {
height: 100%;
}
.blog-authorles_content-wrapper {
height: 100%;
padding-left: 1rem;
}
.blog-authorless_list {
grid-column-gap: 1.5rem;
width: 100%;
}
.blog-authorless_list-item {
flex: none;
width: 80%;
}
.swiper-bullet {
height: 2rem;
font-size: .875rem;
}
.swiper-slide.is-slider-thumbs-product {
height: 5.5rem;
}
.slider-main_inner-wrapper {
padding-top: 1.5rem;
}
.swiper.is-slider-list {
font-size: .7em;
}
.slider-main_component {
text-align: center;
}
.swiper-bullet-wrapper.is-slider-list {
grid-column-gap: .1rem;
grid-row-gap: .1rem;
}
.slider-main_link {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.slider-main_img-height {
height: 13rem;
padding-bottom: 0;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.slider-main_text-wrapper {
justify-content: flex-start;
align-items: center;
padding-left: 0;
padding-right: 0;
}
.slider-main_button-wrapper {
justify-content: center;
align-items: center;
}
.close-button.auto-stop {
right: 4rem;
}
.video-popup {
padding: 1rem;
}
.close-icon {
display: block;
position: absolute;
inset: 1rem 1rem auto auto;
}
.close-icon.filters {
filter: none;
display: block;
position: static;
}
.testimonial-wrapper-inner {
grid-template-columns: 1fr;
}
.testimonial-image-wrapper.is-marquee {
width: 14rem;
height: 10rem;
}
.testimonial-image-wrapper.is-tab_content {
height: 24rem;
}
.testimonial-image-wrapper.is-blog-authorles {
height: 16rem;
}
.animations-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.footer-copyrights {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.nav-link-text {
font-size: 1.25rem;
}
.button-text {
font-size: .9rem;
}
.button-text.clamp {
font-size: clamp(.65rem, 2vw, 1.25rem);
}
.hero-content-wrap.is-home {
text-align: center;
justify-content: flex-start;
align-items: center;
}
.image-contain.is-auto-witdh-portrait-on {
width: auto;
max-width: none;
}
.footer-middle-wrapper {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
justify-content: space-between;
align-items: center;
}
.social-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.footer-email-links_wrap {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
}
.email-links-wrapper {
justify-content: flex-start;
align-items: center;
}
.footer-email-link {
font-size: 1rem;
}
.landing_why-content-right {
border-radius: .65rem;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.landing_products-list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.landing_products-content {
padding: 1.25rem;
}
.nav_menu-button-2 {
padding-left: .5rem;
padding-right: .5rem;
}
.mobile-links-wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.landing-show-bottom-wrap {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.show-case-location-wrap {
grid-template-columns: .75fr 1.25fr;
}
.cta-social-wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
}
.cta-social-item {
width: 2.5rem;
height: 2.5rem;
}
.nav-social-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
}
.main-nav-link.dark {
text-align: right;
}
.dropdown-content-wrapper-2 {
border-bottom: 1px solid #4246691a;
width: 100%;
}
.deopdown-list-wrapper-2 {
flex-direction: column;
}
.home-cta-links-wrapper {
grid-template-columns: 1fr;
}
.home-cta-link {
text-align: center;
justify-content: center;
align-items: center;
height: 16rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.home-cta-link.center-align {
border-radius: .75rem;
justify-content: center;
align-items: center;
}
.testimonials-wrapper {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
}
.testimonials-left {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.slide-nav {
padding-left: 1rem;
inset: auto auto -15% 0%;
}
.brand-logo-wrapper {
height: 2.25rem;
}
.brands-coll-list {
grid-template-columns: 1fr;
}
.brands-wrapper {
grid-template-columns: 1fr;
padding: 1rem;
}
.home-products-cta {
justify-content: space-between;
align-items: center;
}
.products-cta-left {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.products-cta-arrow {
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
display: flex;
}
.slider-photo_component {
height: 20rem;
}
.slider-list_bottom-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
}
.slider-photo_overflow {
height: 100%;
}
.slider-photo_card {
justify-content: center;
align-items: flex-end;
display: flex;
}
.absolute-btn-wrapper {
margin-bottom: 1.5rem;
margin-right: 1.5rem;
}
.absolute-btn-wrapper.left {
margin-left: 0;
left: auto;
right: 0%;
}
.dropdown-wrapper.filter, .dropdown-wrapper.select {
position: relative;
}
.dropdown-side-pd {
min-width: 60vw;
padding-bottom: 0;
padding-left: 1rem;
padding-right: 1rem;
}
.dropdown-side-pd.is-explore {
padding-bottom: 0;
}
.dropdown-column-wrapper {
margin-left: 1rem;
padding-bottom: 0;
left: 38%;
}
.dropdown-column-wrapper.w--open {
padding-left: 1.25rem;
padding-right: 1.25rem;
left: 38%;
right: auto;
overflow: scroll;
}
.nav-links-wrap {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
}
.nav-links-wrap.is-explore {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-columns: 1fr;
}
.installation-mission_image {
height: 16rem;
}
.installation-mission-text-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.installation-solution_item {
text-align: center;
border-radius: 0;
padding-top: 0;
}
.installation-solution_content {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
text-align: left;
padding-bottom: 1rem;
padding-left: 0;
padding-right: 0;
}
.installation-solution_list {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: flex-start;
align-items: flex-start;
}
.solution-list-item {
text-align: left;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
}
.solution-list-item.top-align {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
}
.list-dot {
width: .5rem;
height: .5rem;
margin-top: .5rem;
}
.list-dot.is-top {
width: .5rem;
height: .5rem;
}
.solution-list-text-wrap {
text-align: left;
justify-content: flex-start;
align-items: flex-start;
}
.contact-fields-wrapper {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
}
.nav-link-list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-start;
align-items: flex-end;
}
.home-cta-content {
justify-content: flex-start;
align-items: center;
}
.home-cta-content.is-products {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.home-cta-content.is-brands_products {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
padding-bottom: 0;
padding-left: 0;
}
.products_coll_list {
grid-template-columns: 1fr;
}
.form-filter.is-contact-cta {
padding: 1.5rem;
}
.form-filter.is-news {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
place-items: end;
}
.form-filter.is-compliance {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-columns: 1fr;
place-items: start center;
}
.category-dropdown {
width: 12rem;
margin-left: 1rem;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: none;
top: 100%;
left: auto;
}
.category-dropdown.w--open {
width: auto;
margin-top: 0;
margin-left: .75rem;
padding: 1rem;
position: absolute;
left: 38%;
right: auto;
}
.category-dropdown.is-comliance {
width: auto;
}
.category-dropdown.is-comliance.w--open {
margin-left: .75rem;
padding: .5rem 1rem;
}
.category_coll_list {
background-color: var(--base-color-brand--brand);
}
.category_link {
background-color: var(--base-color-brand--brand);
padding-left: 1rem;
padding-right: 1rem;
}
.filters-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: wrap;
grid-template-columns: .8fr;
display: flex;
position: relative;
}
.filters-wrapper.news {
padding: 0;
}
.filters-wrapper.compliance {
justify-content: center;
align-items: center;
padding: 0;
}
.filters-button {
display: flex;
}
.modal-close-bttn {
display: block;
position: absolute;
inset: 1rem 1rem auto auto;
}
.product_hero_content_top {
flex-flow: column;
justify-content: flex-start;
align-self: flex-start;
align-items: flex-start;
}
.product_detail_hero_header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.slider-thumbs_height {
height: 4.5rem;
}
.slider-titles_component {
position: absolute;
inset: 0%;
}
.slider-bg_img.is-product {
border-radius: .65rem;
height: 16rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.slider-gallery_component_product {
justify-content: flex-end;
align-items: stretch;
height: auto;
min-height: 26rem;
}
.slider-gallery_button-wrapper.is-subcat {
justify-content: space-between;
align-items: center;
height: 5.5rem;
padding-left: .5rem;
padding-right: .5rem;
}
.slider-thumbs_wrapper-product {
width: 6rem;
}
.instructions_content_wrapp {
text-align: center;
justify-content: flex-start;
align-items: stretch;
}
.instructions_item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr;
place-items: stretch center;
padding-bottom: 1.5rem;
}
.instructions_item.is-left-align {
align-items: stretch;
}
.instructions_title_wrapp {
text-align: center;
flex-flow: column;
}
.download_icon.absolute, .download_icon.is-submit {
left: -16%;
}
.installation_guide_coll_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr;
}
.contact_form_wrapper {
padding-left: 1rem;
padding-right: 1rem;
}
.fileds_wrapper {
flex-flow: column;
}
.cta_overlay_mobile {
z-index: 1;
background-image: linear-gradient(0deg, #01162a, #fff0 60%);
display: block;
position: absolute;
inset: 0%;
}
.news_coll_list {
grid-template-columns: 1fr;
}
.news_item_middle, .news_item_middle.featured {
padding-left: 1rem;
padding-right: 1rem;
}
.news_item_bottom {
padding: 1rem;
}
.news_hover_overlay.mobile {
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
}
.news_item_featured_header {
padding-left: 1rem;
padding-right: 1rem;
}
.news_featured_content {
padding: 1rem;
}
.news_hero_bottom {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: row;
}
.social-media-wrapper.is-detail {
display: none;
}
.social-media-wrapper.is-detail.mobile {
justify-content: center;
align-self: center;
align-items: center;
display: flex;
}
.about_hero_content_wrapper {
padding: 1.25rem 1.25rem 0;
}
.about-us_content_wrapp {
text-align: center;
}
.flex_horizontal.is-about_about {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.marquee_wrap {
width: 300vw;
padding-bottom: 3rem;
}
.dynamic-marquee_logo-list {
width: 400vw;
}
.logo {
width: 10%;
height: auto;
margin-right: 1.5rem;
}
.our_products_cta_content {
text-align: center;
justify-content: center;
align-items: center;
}
.careers_coll_list {
grid-template-columns: 1fr;
}
.careers_item_title_wrap, .careers_item_content, .contact_content_left, .contact_form_wrapp {
padding: 1rem;
}
.brand_hero_logo {
height: 2.5rem;
}
.brand_benefits_list {
grid-template-columns: 1fr;
}
.brand_benefits_item-top, .brand_benefits_item-bottom {
padding: 1.25rem;
}
.brand_benefits_icon {
top: -12%;
}
.brand_products_image {
height: auto;
}
.brands_products_left {
padding: 1.5rem;
}
.product_coll_list_item {
border-radius: .75rem;
}
.brands_solutions_content {
padding-top: .5rem;
padding-bottom: 0;
}
.brands_contact {
padding: 1rem;
}
.brands_cta_link {
text-align: center;
justify-content: center;
align-items: center;
height: 16rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.location-list-wraper {
min-height: 20rem;
max-height: 20rem;
}
.nav-bottom {
display: none;
}
.process_content_item_text {
padding-left: 0;
padding-right: 0;
}
.text-size-medium-large.text-weight-bold {
font-size: clamp(.875rem, 2vw, 1rem);
}
.specification-item-wrapper {
grid-template-columns: 1fr;
}
.careers_contact {
padding: 0;
}
.acc-faq-header {
font-size: 1.25rem;
}
.compliance_pdf_list_wrap {
text-align: center;
justify-content: flex-start;
align-items: center;
}
.thumbnails_overlay {
height: 5.5rem;
}
.dropdown-wrapper-copy.filter, .dropdown-wrapper-copy.select {
position: relative;
}
.downloads_wrap {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.marquee_wrap-2 {
width: 300vw;
padding-bottom: 3rem;
}
.installation-training-form-wrap {
border-style: solid none;
border-width: 1px;
border-color: var(--base-color-neutral--neutral-lighter) black;
padding-top: 20px;
padding-bottom: 20px;
}
.form-field-label, .form-field-subtext {
text-align: left;
}
.form-field-grid-wrapper {
grid-template-columns: 1fr;
}
.radio-field {
text-align: left;
}
.nav-menu {
flex-direction: column;
}
.nav-button-wrapper {
width: auto;
}
.market-wrapper {
grid-template-columns: 1fr;
padding: 1rem;
}
.container {
max-width: none;
}
.gallery-wrapper {
grid-template-columns: 1fr;
}
.gallery-slide-wrapper {
max-width: 100%;
margin-right: 0%;
}
.gallery-slider-left {
left: -20px;
}
.gallery-slider-right {
right: -20px;
}
.uui-logos01_wrapper {
justify-content: center;
align-items: flex-start;
}
.uui-logos01_component {
justify-content: center;
}
.brands-wrapper-new {
grid-template-columns: 1fr;
padding: 1rem;
}
.uui-blogsection11_item {
grid-row-gap: 1.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.uui-blogsection11_image-wrapper {
padding-top: 66%;
}
.uui-testimonial15_mask, .uui-blogsection12_mask {
width: 95%;
}
.padding-global---color.padding-section-large.is-mobile-portrait-2 {
padding-top: 2rem;
}
.padding-global---color.is-mobile-off-portrait {
padding-left: 0;
padding-right: 0;
}
.padding-global-copy.padding-section-large.is-mobile-portrait-2 {
padding-top: 2rem;
}
.padding-global-copy.is-mobile-off-portrait {
padding-left: 0;
padding-right: 0;
}
.uui-blogpost02_tag-list {
justify-content: flex-start;
}
.uui-blogpost02_tag-list-wrapper {
width: 100%;
}
.uui-blogpost02_share-wrapper {
width: 100%;
margin-bottom: 2rem;
}
.uui-blogpost02_content-bottom, .uui-blogpost02_content-top {
flex-direction: column;
align-items: flex-start;
}
.uui-team06_mask {
width: 80%;
}
.uui-team02_image-wrapper {
padding-top: 66%;
}
.uui-team02_list {
grid-template-columns: 1fr;
}
.brands-wrapper-copy {
grid-template-columns: 1fr;
padding: 1rem;
}
.icon-1x1-small-copy.absolute, .icon-1x1-small-copy.is-submit, .icon-1x1-small-copy.is-back {
left: -16%;
}
.uui-logos04_list {
justify-content: center;
}
.uui-logos04_wrapper, .uui-logos01_wrapper-2 {
justify-content: center;
align-items: flex-start;
}
.uui-logos01_component-2 {
justify-content: center;
}
.button-nav {
letter-spacing: 1px;
text-transform: uppercase;
font-family: Lato, sans-serif;
}
.button-nav.is-icon.nav-main {
grid-column-gap: .3rem;
grid-row-gap: .3rem;
}
.button-nav.is-icon.is-filters {
cursor: pointer;
}
.button-nav.is-icon-copy.nav-main {
grid-column-gap: .3rem;
grid-row-gap: .3rem;
}
.button-nav.is-icon-copy.is-filters {
cursor: pointer;
}
.icon-1x1-small-nav.absolute, .icon-1x1-small-nav.is-submit, .icon-1x1-small-nav.is-back {
left: -16%;
}
.nav-item {
justify-content: center;
align-items: flex-end;
}
.nav-item-dropdown {
padding-right: .5rem;
}
._5050-component {
grid-template-columns: 1fr;
}
.uui-cta01_image-02 {
width: 50%;
bottom: -12%;
}
.uui-cta01_image-01 {
width: 150%;
min-width: 150%;
margin-right: -100%;
}
.button-clear.is-icon.nav-main {
grid-column-gap: .3rem;
grid-row-gap: .3rem;
}
.button-clear.is-icon.is-filters {
cursor: pointer;
}
.icon-1x1-small-clear.absolute, .icon-1x1-small-clear.is-submit, .icon-1x1-small-clear.is-back, .icon-1x1-small-copy.absolute, .icon-1x1-small-copy.is-submit, .icon-1x1-small-copy.is-back {
left: -16%;
}
.padding-global-blue.padding-section-large.is-mobile-portrait-2 {
padding-top: 2rem;
}
.padding-global-blue.is-mobile-off-portrait {
padding-left: 0;
padding-right: 0;
}
.grid-2 {
grid-template-columns: 1fr 1fr;
}
.uui-heroheader14_image-wrapper {
height: 12.75rem;
}
.uui-heroheader14_card-image-03, .uui-heroheader14_card-image-01, .uui-heroheader14_card-image-05, .uui-heroheader14_card-image-02, .uui-heroheader14_card-image-04 {
border-radius: .5rem;
width: 14rem;
}
.uui-heroheader22_image {
height: 15rem;
}
.uui-signup-form_wrapper {
grid-row-gap: .75rem;
flex-direction: column;
grid-template-columns: 1fr;
}
.uui-heroheader21_component {
grid-template-columns: 1fr;
}
.uui-heroheader22_image-2 {
height: 15rem;
}
.padding-global-leftonly.padding-section-large.is-mobile-portrait-2 {
padding-top: 2rem;
}
.padding-global-leftonly.is-mobile-off-portrait {
padding-left: 0;
padding-right: 0;
}
.padding-global-grey.padding-section-large.is-mobile-portrait-2 {
padding-top: 2rem;
}
.padding-global-grey.is-mobile-off-portrait {
padding-left: 0;
padding-right: 0;
}
.container-2 {
max-width: none;
}
.clients-wrapper-three {
grid-column-gap: 20px;
grid-row-gap: 30px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: center;
margin-bottom: 0;
display: grid;
}
.clients-image-three {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.rl_blog44_item-content {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.collection-list-10, .uui-layout82_list {
grid-template-columns: 1fr;
}
.uui-heroheader17_image-wrapper {
height: 17rem;
}
.uui-heroheader17_card-image-01 {
border-radius: 1rem;
width: 15.56rem;
}
.uui-heroheader17_card-image {
border-radius: 1rem;
width: 15.5625rem;
}
.uui-heroheader07_image-wrapper {
height: 22rem;
}
.uui-heroheader07_card-image-01, .uui-heroheader07_card-image-02 {
border-radius: 1rem;
width: 18rem;
}
.uui-heroheader07_light-overlay {
width: 64rem;
min-width: 64rem;
bottom: -140%;
right: auto;
}
.uui-heroheader07_component, .uui-faq02_component, .uui-heroheader07_component-2 {
grid-template-columns: 1fr;
}
.nav-menu-3 {
flex-direction: column;
}
.nav-button-wrapper-2 {
width: auto;
}
.nav-padding.padding-section-large.is-mobile-portrait-2 {
padding-top: 2rem;
}
.nav-padding.is-mobile-off-portrait {
padding-left: 0;
padding-right: 0;
}
.rl_menu-icon2-2 {
justify-content: center;
align-items: center;
}
.nav-menu-dropdown {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: center;
align-items: flex-end;
}
.nav-bar-logo-1 {
justify-content: flex-start;
align-items: center;
}
.rl-dropdown-icon-2 {
position: relative;
right: -100%;
}
.rl_navbar2_menu-2 {
width: 100%;
}
.rl_navbar2_menu-2.is-page-height-tablet {
margin-left: 0;
padding-left: 25%;
padding-right: 25%;
overflow: auto;
}
.rl_navbar2_dropdown-list.w--open {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
}
.rl_navbar2_container-2 {
padding-top: 10px;
padding-bottom: 10px;
}
.dropdown-toggle-2 {
justify-content: flex-end;
align-items: center;
margin-left: 131.273px;
margin-right: 20px;
padding-right: 0;
display: flex;
}
.nav-menu-4 {
flex-direction: column;
}
.card-title.no-capps.text-weight-medium {
font-size: 1.25rem;
}
.icon-2 {
display: flex;
}
.dropdown-toggle-3 {
flex-flow: row;
flex: 0 auto;
justify-content: flex-end;
align-self: flex-start;
align-items: stretch;
display: flex;
position: static;
}
.lithion-custom-market-grid {
grid-template-columns: 1fr 1fr;
}
.large-logo.is-auto-witdh-portrait-on {
width: auto;
max-width: none;
}
.brand-logo-wrapper-large {
height: 2.25rem;
}
.nav-bar-brand-1 {
width: 100%;
}
.nav-bar-brand-1.is-page-height-tablet {
margin-left: 0;
padding-left: 25%;
padding-right: 25%;
overflow: auto;
}
.uui-layout14_item-list {
grid-template-columns: 1fr;
}
.uui-layout05_image-01 {
width: 150%;
min-width: 150%;
margin-right: -100%;
}
.uui-layout05_image-02 {
width: 50%;
bottom: -12%;
}
.uui-layout05_item-list, .list1 {
grid-template-columns: 1fr;
}
.icon-contain.is-auto-witdh-portrait-on {
width: auto;
max-width: none;
}
.product-category-wrapper {
grid-template-columns: 1fr;
padding: 1rem;
}
.black-button {
letter-spacing: 1px;
text-transform: uppercase;
font-family: Lato, sans-serif;
}
.black-button.is-icon.nav-main {
grid-column-gap: .3rem;
grid-row-gap: .3rem;
}
.black-button.is-icon.is-filters {
cursor: pointer;
}
.black-button.is-icon-copy.nav-main {
grid-column-gap: .3rem;
grid-row-gap: .3rem;
}
.black-button.is-icon-copy.is-filters {
cursor: pointer;
}
.logo-wrapper-small {
justify-content: center;
align-items: flex-start;
}
.uui-logos01_component-3 {
justify-content: center;
}
.nav-menu-5 {
flex-direction: column;
}
.nav-button-wrapper-3 {
width: auto;
}
.nav-padding-global.padding-section-large.is-mobile-portrait-2 {
padding-top: 2rem;
}
.nav-padding-global.is-mobile-off-portrait {
padding-left: 0;
padding-right: 0;
}
.menu-button-4 {
text-align: right;
}
.menu-button-4.w--open {
text-align: left;
}
.container-3 {
position: relative;
}
.grid-19 {
flex: 0 auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
justify-content: space-between;
width: 500px;
overflow: clip;
}
.logo-wrapper-big {
justify-content: center;
align-items: flex-start;
}
.div-block-43 {
justify-content: center;
align-items: center;
}
.layoutcards {
grid-template-columns: 1fr;
}
.testimonials-wrapper-2, .tab-logo {
width: 100%;
}
.rl_layout1_component {
grid-template-columns: 1fr;
}
.fs-table_instance {
display: block;
overflow: visible;
}
.fs-table_table {
display: flex;
overflow: auto;
}
.padding-global-green.padding-section-large.is-mobile-portrait-2 {
padding-top: 2rem;
}
.padding-global-green.is-mobile-off-portrait {
padding-left: 0;
padding-right: 0;
}
.padding-global-red.padding-section-large.is-mobile-portrait-2 {
padding-top: 2rem;
}
.padding-global-red.is-mobile-off-portrait {
padding-left: 0;
padding-right: 0;
}
.uui-layout82_list-x2 {
grid-template-columns: 1fr;
}
.fs-marquee_item {
width: auto;
}
.uui-logos01_wrapper-3 {
justify-content: center;
align-items: flex-start;
}
.uui-logos01_component-4 {
justify-content: center;
}
.clients-wrapper-three-copy {
grid-column-gap: 20px;
grid-row-gap: 30px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: center;
margin-bottom: 0;
display: grid;
}
.nav-menu-6 {
flex-direction: column;
}
.nav-button-wrapper-4 {
width: auto;
}
.grid-27 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr 1fr 1fr 1fr;
overflow: scroll;
}
.div-block-57 {
padding-left: 0;
padding-right: 0;
overflow: scroll;
}
.form-field-2col {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.form-radio-2col, .contact-wrapper {
grid-template-columns: 1fr;
}
.form12_checkbox_field {
width: 49%;
min-width: auto;
height: 130px;
margin-bottom: 15px;
margin-right: 0;
}
.slider {
height: auto;
}
.submit-button {
margin-bottom: -85px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.previous-2 {
max-width: 75px;
display: flex;
}
.mask {
height: 100%;
position: static;
}
.checkbox_wrap {
flex-wrap: wrap;
}
.form-section-title {
font-size: 2em;
line-height: 1.3em;
}
.slider-content-wrap {
justify-content: center;
width: 100%;
margin-bottom: 140px;
padding: 50px 10px;
}
.form-content {
width: 100%;
}
.swiper-wrapper-2 {
margin-left: 0;
margin-right: 0;
}
.swiper-wrapper-2.thumbnails-list {
grid-column-gap: .25rem;
}
.product-header8_tab-link {
margin-right: 1rem;
}
.feature-wrap {
align-items: center;
}
.checkmark-4 {
margin-top: 0;
}
.product-title {
font-size: 2rem;
}
.table10_column-3, .table10_column-3.is-header-column, .table10_column-3.is-header-column.is-width-large.is-right, .table10_column-3.is-width-large.is-right {
min-width: 50%;
max-width: 50%;
}
.slider-button-right.absolute-right {
background-color: #0000;
margin-right: -1.25rem;
}
.thumbnail-slider-buttons-wrapper {
flex-direction: row;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
}
.listicle-row {
grid-template-columns: 1fr;
}
.swiper-slide-2 {
width: 100%;
}
.swiper-slide-2.thumbnail-item {
width: 2.375rem;
height: 2.375rem;
}
.icon-benefits {
width: 1.75rem;
height: 1.75rem;
margin-top: 0;
}
.table10_content {
font-size: .8rem;
}
.table10_header-row-3 {
min-width: auto;
}
.slider-button-left.absolute-left {
background-color: #0000;
margin-left: -1.25rem;
}
.heading-style-h5-2 {
font-size: .85rem;
}
.product-header8_tabs-menu {
align-items: flex-start;
font-size: .7rem;
}
.icon-3 {
width: 1.25rem;
height: 1.25rem;
}
.table10_item-3 {
min-width: auto;
}
.uui-blogpost02_tag-list-2 {
justify-content: flex-start;
}
.uui-blogpost02_tag-list-wrapper-2 {
width: 100%;
}
.uui-blogpost02_share-wrapper-2 {
width: 100%;
margin-bottom: 2rem;
}
.uui-blogpost02_content-bottom-2, .uui-blogpost02_content-top-2 {
flex-direction: column;
align-items: flex-start;
}
}
#w-node-_5c358d1f-421d-ed5b-ceeb-bfb1c72b2a27-a7cd0745, #w-node-_5c358d1f-421d-ed5b-ceeb-bfb1c72b2a2b-a7cd0745, #w-node-_5c358d1f-421d-ed5b-ceeb-bfb1c72b2a2f-a7cd0745, #w-node-_5c358d1f-421d-ed5b-ceeb-bfb1c72b2a33-a7cd0745, #w-node-_5c358d1f-421d-ed5b-ceeb-bfb1c72b2a37-a7cd0745, #w-node-_5c358d1f-421d-ed5b-ceeb-bfb1c72b2a3b-a7cd0745, #w-node-_5c358d1f-421d-ed5b-ceeb-bfb1c72b2a3f-a7cd0745, #w-node-_5c358d1f-421d-ed5b-ceeb-bfb1c72b2a43-a7cd0745, #w-node-_5c358d1f-421d-ed5b-ceeb-bfb1c72b2a47-a7cd0745, #w-node-_5c358d1f-421d-ed5b-ceeb-bfb1c72b2a4b-a7cd0745 {
align-self: start;
}
#w-node-_0455898b-8515-395e-06a1-09b8165aeba9-a7cd0745, #w-node-_0455898b-8515-395e-06a1-09b8165aebad-a7cd0745, #w-node-_0455898b-8515-395e-06a1-09b8165aebaf-a7cd0745, #w-node-_0455898b-8515-395e-06a1-09b8165aebb1-a7cd0745, #w-node-_0455898b-8515-395e-06a1-09b8165aebb3-a7cd0745, #w-node-_0455898b-8515-395e-06a1-09b8165aebb5-a7cd0745, #w-node-_0455898b-8515-395e-06a1-09b8165aebc4-a7cd0745, #w-node-_0455898b-8515-395e-06a1-09b8165aebc6-a7cd0745, #w-node-_0455898b-8515-395e-06a1-09b8165aebc8-a7cd0745, #w-node-_0455898b-8515-395e-06a1-09b8165aebca-a7cd0745, #w-node-_0455898b-8515-395e-06a1-09b8165aebcc-a7cd0745, #w-node-_0455898b-8515-395e-06a1-09b8165aebce-a7cd0745, #w-node-_0455898b-8515-395e-06a1-09b8165aebd0-a7cd0745 {
justify-self: center;
}
#w-node-be2f5913-e593-289f-6186-5f3d1645e858-a7cd0745, #w-node-_568105c7-8906-1d9a-543d-72215c583be4-a7cd0745 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_568105c7-8906-1d9a-543d-72215c583be5-a7cd0745 {
justify-self: center;
}
#w-node-_0e235910-451e-a05f-aab0-44f502918f3a-02918f22 {
justify-self: start;
}
#w-node-a95506df-1706-fa74-d89f-4adae9c09e9a-02918f22 {
justify-self: end;
}
#w-node-a672dc53-876e-5b43-0bba-ccf7a6827267-a682725e, #w-node-ea545ce0-42f5-25b1-153e-ae3ff9c9d929-a682725e, #w-node-_72bbad95-7543-a947-0f2c-448144085f43-a682725e, #w-node-f8346f24-33b2-b408-dd9d-9b984c544504-a682725e, #w-node-eb7258df-a0c7-c33c-85a2-e76dc347f9bd-a682725e, #w-node-_76f51824-0d4e-6bea-62ee-8d03429bdc91-a682725e, #w-node-a02cdaf1-d448-5563-4390-e195d4c7849b-a682725e {
justify-self: start;
}
#w-node-a672dc53-876e-5b43-0bba-ccf7a68272ac-a682725e {
place-self: start;
}
#w-node-_28f2e8a8-be75-887b-a9cf-a8d2ba19b838-ba19b836 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-_28f2e8a8-be75-887b-a9cf-a8d2ba19b83a-ba19b836 {
justify-self: center;
}
#w-node-_28f2e8a8-be75-887b-a9cf-a8d2ba19b870-ba19b836 {
justify-self: end;
}
#w-node-a4ca0393-23d1-8eb1-2cf7-8c58b84e76df-b84e76dd, #w-node-a4ca0393-23d1-8eb1-2cf7-8c58b84e76e1-b84e76dd, #w-node-a4ca0393-23d1-8eb1-2cf7-8c58b84e76e3-b84e76dd {
align-self: center;
}
#w-node-a4ca0393-23d1-8eb1-2cf7-8c58b84e76e5-b84e76dd {
place-self: center;
}
#w-node-a4ca0393-23d1-8eb1-2cf7-8c58b84e76e7-b84e76dd {
align-self: center;
}
#w-node-a4ca0393-23d1-8eb1-2cf7-8c58b84e76e9-b84e76dd {
place-self: center;
}
#w-node-a4ca0393-23d1-8eb1-2cf7-8c58b84e76eb-b84e76dd {
align-self: center;
}
#w-node-_689fbcc7-c0a9-e860-8a2c-da8107bb4635-a7cd0749, #w-node-_689fbcc7-c0a9-e860-8a2c-da8107bb4636-a7cd0749, #w-node-_05241d5e-d429-669f-89e6-7b6c8d40beee-a7cd074b, #w-node-ac111185-4865-993d-4ef7-bf161e117f1a-a7cd074b, #w-node-_287c2da6-f0f9-f5bd-8d19-06e8144628a8-a7cd074c, #w-node-_287c2da6-f0f9-f5bd-8d19-06e8144628b1-a7cd074c, #w-node-b9be2012-5b42-f3ea-a5ef-5c06b003d2c5-a7cd074d, #w-node-b9be2012-5b42-f3ea-a5ef-5c06b003d2ce-a7cd074d, #w-node-_1d1d9e9d-321e-f603-43cf-277781a9fa03-a7cd0750, #w-node-_1d1d9e9d-321e-f603-43cf-277781a9fa06-a7cd0750, #w-node-_56248dd8-7c50-d074-0ec1-a48f9b0a68bf-a7cd0750, #w-node-_7c7903b8-0def-1b07-0a61-4c474800ae15-a7cd0751, #w-node-_7c7903b8-0def-1b07-0a61-4c474800ae16-a7cd0751 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2c86cc32-b830-9728-950e-42f309ef3a57-3a69ab51 {
place-self: center;
}
#w-node-_71d6cddb-b728-a496-a3a5-fb0a96f24036-3a69ab51 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8a2ba84c-06ef-f44d-21e2-6f427cd10b40-c9fa36b1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4651cce9-ee6a-fe8c-db61-46d71457a526-c9fa36b1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5f1bff8d-c7fc-002c-0a84-d29682027edb-c9fa36b1, #w-node-bfe711f4-df02-a138-0b9e-bf85b6adca4c-c9fa36b1, #w-node-_6babe43f-daf4-dac8-d76a-9565ebad6122-c9fa36b1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_02fb1c5e-5d24-71c4-9153-10c3bfa6bbeb-c9fa36b1, #w-node-_20641adc-40df-fac7-1717-870040434485-c9fa36b1, #w-node-bbd51892-6079-16c3-010b-72173954f85b-c9fa36b1, #w-node-_949cff31-3aab-63bb-847b-db0666dd9d10-c9fa36b1, #w-node-c4db47ea-9bf9-0a4e-7cff-08cfc1aa0cb3-c9fa36b1, #w-node-f303d499-401c-d5da-6f83-e928e3d454c5-c9fa36b1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fadec943-d88a-41d1-ece4-0f52dda50fed-c9fa36b1, #submitButton.w-node-_8a2ba84c-06ef-f44d-21e2-6f427cd10b48-c9fa36b1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-bb6c6f41-fb60-f5e1-ea17-dd1a4580355e-c9fa36b1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b6f9e528-7e4a-dc10-6cb4-c650156baae4-156baadf {
place-self: start;
}
#w-node-b6f9e528-7e4a-dc10-6cb4-c650156bab01-156baadf {
justify-self: end;
}
#w-node-c8c70c7c-4d27-4bb0-68c0-03cf30dd0f29-a0284fd8 {
place-self: start;
}
#w-node-c8c70c7c-4d27-4bb0-68c0-03cf30dd0f47-a0284fd8 {
justify-self: end;
}
#w-node-f3c939d7-a86a-4b1f-3747-9307e304e33a-1af0ef79 {
justify-self: center;
}
#w-node-f3c939d7-a86a-4b1f-3747-9307e304e35c-1af0ef79 {
justify-self: end;
}
#w-node-_5a7539bf-dbf5-cfd1-3bb5-1018aac6239f-1af0ef79 {
justify-self: center;
}
#w-node-_5a7539bf-dbf5-cfd1-3bb5-1018aac623c1-1af0ef79 {
justify-self: end;
}
#w-node-_769b8fb1-f7c0-f753-a417-4e4a76081566-1af0ef79 {
justify-self: center;
}
#w-node-_769b8fb1-f7c0-f753-a417-4e4a76081588-1af0ef79 {
justify-self: end;
}
#w-node-_526b7cfb-6751-889c-aaff-07f967f1c9ba-1af0ef79 {
justify-self: center;
}
#w-node-_526b7cfb-6751-889c-aaff-07f967f1c9dc-1af0ef79 {
justify-self: end;
}
#w-node-_42af50e5-3e48-e9a1-c67a-0fd525d01353-1af0ef79 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_42af50e5-3e48-e9a1-c67a-0fd525d01356-1af0ef79 {
justify-self: center;
}
#w-node-_42af50e5-3e48-e9a1-c67a-0fd525d0136c-1af0ef79 {
justify-self: end;
}
#w-node-_75f1dea7-59d2-8c0f-d8b2-b2c1feb09e2f-1af0ef79 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: end start;
}
#w-node-_75f1dea7-59d2-8c0f-d8b2-b2c1feb09e32-1af0ef79 {
justify-self: center;
}
#w-node-_75f1dea7-59d2-8c0f-d8b2-b2c1feb09e54-1af0ef79 {
justify-self: end;
}
#w-node-_7cdb3c20-c326-1b12-c59d-f363c40153dd-1af0ef79 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-_7cdb3c20-c326-1b12-c59d-f363c40153e0-1af0ef79 {
justify-self: center;
}
#w-node-_7cdb3c20-c326-1b12-c59d-f363c401541c-1af0ef79 {
justify-self: end;
}
#w-node-f0044de4-06be-155a-7ce7-bd333abd344f-1af0ef79 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: end start;
}
#w-node-f0044de4-06be-155a-7ce7-bd333abd3452-1af0ef79 {
justify-self: center;
}
#w-node-f0044de4-06be-155a-7ce7-bd333abd345b-1af0ef79 {
justify-self: end;
}
#w-node-_0335cd87-679d-538d-18df-36383cce1c34-1af0ef79 {
justify-self: start;
}
#w-node-_0335cd87-679d-538d-18df-36383cce1c75-1af0ef79 {
justify-self: end;
}
#w-node-da5dd5d6-6051-c864-0db3-b9737a43d2fc-e08ad92e {
order: -9999;
}
#w-node-_9ee85ed8-bf5b-6caf-4c2a-4b456a6cbb19-0e05a579, #w-node-_9ee85ed8-bf5b-6caf-4c2a-4b456a6cbb1d-0e05a579, #w-node-_9ee85ed8-bf5b-6caf-4c2a-4b456a6cbb21-0e05a579, #w-node-_9ee85ed8-bf5b-6caf-4c2a-4b456a6cbb25-0e05a579, #w-node-_9ee85ed8-bf5b-6caf-4c2a-4b456a6cbb29-0e05a579, #w-node-_9ee85ed8-bf5b-6caf-4c2a-4b456a6cbb2d-0e05a579 {
align-self: start;
}
#w-node-d9ff3acd-d647-8311-7fa2-465848df7b7d-0e05a579 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_20f101d0-2f59-b5b9-a238-69e77503e65e-7503e655 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
}
#w-node-_20f101d0-2f59-b5b9-a238-69e77503e66b-7503e655, #w-node-_20f101d0-2f59-b5b9-a238-69e77503e679-7503e655, #w-node-_20f101d0-2f59-b5b9-a238-69e77503e688-7503e655, #w-node-_20f101d0-2f59-b5b9-a238-69e77503e696-7503e655, #w-node-_20f101d0-2f59-b5b9-a238-69e77503e6a3-7503e655 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_91f3fe9d-6f6c-1162-10bc-5855366c6c73-366c6c70 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: end start;
}
#w-node-_91f3fe9d-6f6c-1162-10bc-5855366c6c75-366c6c70 {
justify-self: center;
}
#w-node-_91f3fe9d-6f6c-1162-10bc-5855366c6c8d-366c6c70 {
justify-self: end;
}
#w-node-_3e3433c7-d7c1-f457-30f0-1026be52b7f4-e83863cf, #w-node-_3e3433c7-d7c1-f457-30f0-1026be52b7f8-e83863cf, #w-node-_3e3433c7-d7c1-f457-30f0-1026be52b7fc-e83863cf, #w-node-_3e3433c7-d7c1-f457-30f0-1026be52b800-e83863cf, #w-node-_3e3433c7-d7c1-f457-30f0-1026be52b804-e83863cf, #w-node-_3e3433c7-d7c1-f457-30f0-1026be52b808-e83863cf {
align-self: start;
}
#w-node-e3bb1170-b9ec-9b75-fe70-60a91440e14e-e83863cf, #w-node-d9ff3acd-d647-8311-7fa2-465848df7b7d-e83863cf, #w-node-ab435ff0-ad75-dfd8-08f3-b6740a269625-e83863cf, #w-node-ab435ff0-ad75-dfd8-08f3-b6740a269641-e83863cf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bf6763e7-80dc-06a0-8316-a687589d9983-03c69b1d {
justify-self: center;
}
#w-node-bf6763e7-80dc-06a0-8316-a687589d99a4-03c69b1d {
justify-self: end;
}
#w-node-aa5b308c-13d2-6ef0-d4c1-1bf002670145-601658e0 {
order: -9999;
}
#w-node-ce983f8f-1017-360e-6187-bf039fddb980-d7162f52, #w-node-ce983f8f-1017-360e-6187-bf039fddb984-d7162f52, #w-node-ce983f8f-1017-360e-6187-bf039fddb988-d7162f52, #w-node-ce983f8f-1017-360e-6187-bf039fddb98c-d7162f52, #w-node-ce983f8f-1017-360e-6187-bf039fddb990-d7162f52, #w-node-ce983f8f-1017-360e-6187-bf039fddb994-d7162f52, #w-node-ce983f8f-1017-360e-6187-bf039fddb998-d7162f52, #w-node-ce983f8f-1017-360e-6187-bf039fddb99c-d7162f52, #w-node-ce983f8f-1017-360e-6187-bf039fddb9a0-d7162f52, #w-node-ce983f8f-1017-360e-6187-bf039fddb9a4-d7162f52 {
align-self: start;
}
#w-node-_52e2b701-49e1-2828-66d2-583770d5648c-70d56476 {
align-self: end;
}
#w-node-_52e2b701-49e1-2828-66d2-583770d5648f-70d56476 {
align-self: start;
}
#w-node-_52e2b701-49e1-2828-66d2-583770d56492-70d56476 {
align-self: end;
}
#w-node-_52e2b701-49e1-2828-66d2-583770d56498-70d56476 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: end;
}
#w-node-_77034d91-6099-debf-fc62-95c6cefd41b3-cefd4167 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_77034d91-6099-debf-fc62-95c6cefd41b4-cefd4167 {
justify-self: center;
}
#w-node-_99c2badb-b8d2-d1cc-7557-b7fa5ae464f6-99320ad9, #w-node-_99c2badb-b8d2-d1cc-7557-b7fa5ae464fa-99320ad9, #w-node-_99c2badb-b8d2-d1cc-7557-b7fa5ae464fe-99320ad9, #w-node-_99c2badb-b8d2-d1cc-7557-b7fa5ae46502-99320ad9, #w-node-_99c2badb-b8d2-d1cc-7557-b7fa5ae46506-99320ad9, #w-node-_99c2badb-b8d2-d1cc-7557-b7fa5ae4650a-99320ad9, #w-node-_99c2badb-b8d2-d1cc-7557-b7fa5ae4650e-99320ad9, #w-node-_99c2badb-b8d2-d1cc-7557-b7fa5ae46512-99320ad9, #w-node-_99c2badb-b8d2-d1cc-7557-b7fa5ae46516-99320ad9, #w-node-_99c2badb-b8d2-d1cc-7557-b7fa5ae4651a-99320ad9 {
align-self: start;
}
#w-node-b51e70a3-75e9-2375-47c3-0ae1242cf7d5-242cf7cd, #w-node-b51e70a3-75e9-2375-47c3-0ae1242cf7e0-242cf7cd, #w-node-b51e70a3-75e9-2375-47c3-0ae1242cf7eb-242cf7cd, #w-node-b51e70a3-75e9-2375-47c3-0ae1242cf7f6-242cf7cd, #w-node-b51e70a3-75e9-2375-47c3-0ae1242cf801-242cf7cd, #w-node-b51e70a3-75e9-2375-47c3-0ae1242cf80b-242cf7cd, #w-node-b51e70a3-75e9-2375-47c3-0ae1242cf817-242cf7cd, #w-node-b51e70a3-75e9-2375-47c3-0ae1242cf821-242cf7cd, #w-node-b51e70a3-75e9-2375-47c3-0ae1242cf82c-242cf7cd, #w-node-b51e70a3-75e9-2375-47c3-0ae1242cf837-242cf7cd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8105691b-6211-fabd-b7c3-01814df93dc7-3c8c0efc {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
}
#w-node-_8105691b-6211-fabd-b7c3-01814df93dd4-3c8c0efc, #w-node-_8105691b-6211-fabd-b7c3-01814df93de2-3c8c0efc, #w-node-_8105691b-6211-fabd-b7c3-01814df93df2-3c8c0efc, #w-node-_8105691b-6211-fabd-b7c3-01814df93e00-3c8c0efc, #w-node-_8105691b-6211-fabd-b7c3-01814df93e0d-3c8c0efc, #w-node-d9ff3acd-d647-8311-7fa2-465848df7b7d-3c8c0efc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bbd23caf-82f3-560d-66dd-5f95b0343d2d-8edb22f7 {
align-self: end;
}
#w-node-bbd23caf-82f3-560d-66dd-5f95b0343d30-8edb22f7 {
align-self: start;
}
#w-node-bbd23caf-82f3-560d-66dd-5f95b0343d32-8edb22f7 {
align-self: end;
}
#w-node-bbd23caf-82f3-560d-66dd-5f95b0343d37-8edb22f7 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: end;
}
#w-node-_5415f2a4-c0b6-411e-09d2-26ac2675d520-d3b1e1ca {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5415f2a4-c0b6-411e-09d2-26ac2675d521-d3b1e1ca {
justify-self: center;
}
#w-node-_52053b8e-3beb-b3c5-023c-de3a4c2f1d7e-b3ac333e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_52053b8e-3beb-b3c5-023c-de3a4c2f1d7f-b3ac333e {
justify-self: center;
}
#w-node-_626e0583-3098-2498-3f74-8b938a94eb3b-a9da5033 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_626e0583-3098-2498-3f74-8b938a94eb48-a9da5033 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_626e0583-3098-2498-3f74-8b938a94eb52-a9da5033, #w-node-_626e0583-3098-2498-3f74-8b938a94eb57-a9da5033, #w-node-_626e0583-3098-2498-3f74-8b938a94eb58-a9da5033 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_626e0583-3098-2498-3f74-8b938a94eb5d-a9da5033, #w-node-_626e0583-3098-2498-3f74-8b938a94eb62-a9da5033, #w-node-_626e0583-3098-2498-3f74-8b938a94eb67-a9da5033, #w-node-_626e0583-3098-2498-3f74-8b938a94eb6c-a9da5033, #w-node-_626e0583-3098-2498-3f74-8b938a94eb71-a9da5033, #w-node-_626e0583-3098-2498-3f74-8b938a94eb76-a9da5033 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_626e0583-3098-2498-3f74-8b938a94eb7b-a9da5033, #submitButton.w-node-_626e0583-3098-2498-3f74-8b938a94eb80-a9da5033 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4015711c-c10d-6bc2-58d8-410265af83a6-14183d7f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4015711c-c10d-6bc2-58d8-410265af83a7-14183d7f {
justify-self: center;
}
#w-node-fa225f30-6592-0dfd-02aa-ee7fb5957d4c-14183d7f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fa225f30-6592-0dfd-02aa-ee7fb5957d4d-14183d7f {
justify-self: center;
}
#w-node-_3e3433c7-d7c1-f457-30f0-1026be52b7f4-3ebc3962, #w-node-_3e3433c7-d7c1-f457-30f0-1026be52b7f8-3ebc3962, #w-node-_3e3433c7-d7c1-f457-30f0-1026be52b7fc-3ebc3962, #w-node-_3e3433c7-d7c1-f457-30f0-1026be52b800-3ebc3962, #w-node-_3e3433c7-d7c1-f457-30f0-1026be52b804-3ebc3962, #w-node-_3e3433c7-d7c1-f457-30f0-1026be52b808-3ebc3962 {
align-self: start;
}
#w-node-d9ff3acd-d647-8311-7fa2-465848df7b7d-3ebc3962, #w-node-_2a92a864-d831-5a64-458c-b5398c2c505d-3ebc3962 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2a92a864-d831-5a64-458c-b5398c2c505e-3ebc3962, #w-node-_27b4146b-d83e-7edf-5b24-9feaf8475b6e-f8475b47 {
justify-self: center;
}
#w-node-_27b4146b-d83e-7edf-5b24-9feaf8475b90-f8475b47 {
justify-self: end;
}
#w-node-_321dae7b-913c-a48e-a757-67cb1a048158-d4e11753 {
align-self: auto;
}
#w-node-d8e23a03-d73d-0da1-9e74-f8d929993ad7-8fd8f985 {
justify-self: start;
}
#w-node-d8e23a03-d73d-0da1-9e74-f8d929993b18-8fd8f985 {
justify-self: end;
}
#w-node-cfead058-25b1-cf19-1e0a-6875f1b84ddd-ea46f0fe {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cfead058-25b1-cf19-1e0a-6875f1b84dde-ea46f0fe {
justify-self: center;
}
#w-node-ac942823-91c1-9e08-d34e-c04a86ad0f10-86ad0f0d {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-ac942823-91c1-9e08-d34e-c04a86ad0f13-86ad0f0d {
justify-self: center;
}
#w-node-ac942823-91c1-9e08-d34e-c04a86ad0f2a-86ad0f0d {
justify-self: end;
}
#w-node-_0b68e642-56f8-ebce-ec8a-64a562157cde-d2ec6853 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7e1f0fe1-9682-bc55-220f-ebe320af75b4-68dc8b45 {
place-self: center start;
}
#w-node-c3b18b44-1328-7ffb-fcb9-33a9dc2aff60-68dc8b45, #w-node-a85d5c95-da03-efec-f999-f5b534d4e638-6d0a0849, #w-node-_044140ba-945b-8419-b3fe-b8963b26d3f8-adfcb4d7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_044140ba-945b-8419-b3fe-b8963b26d3f9-adfcb4d7 {
justify-self: center;
}
#w-node-d9ff3acd-d647-8311-7fa2-465848df7b7d-62ef0ea3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3e3433c7-d7c1-f457-30f0-1026be52b7f4-ebfbba3e, #w-node-_3e3433c7-d7c1-f457-30f0-1026be52b7f8-ebfbba3e, #w-node-_3e3433c7-d7c1-f457-30f0-1026be52b7fc-ebfbba3e, #w-node-_3e3433c7-d7c1-f457-30f0-1026be52b800-ebfbba3e, #w-node-_3e3433c7-d7c1-f457-30f0-1026be52b804-ebfbba3e, #w-node-_3e3433c7-d7c1-f457-30f0-1026be52b808-ebfbba3e {
align-self: start;
}
#w-node-ce5ac877-3304-859f-bc9f-38599a15fe9b-ebfbba3e {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-d9ff3acd-d647-8311-7fa2-465848df7b7d-ebfbba3e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_579e29ec-85eb-b1f2-12f4-5abcfa26855a-fa26853e {
justify-self: center;
}
#w-node-_579e29ec-85eb-b1f2-12f4-5abcfa26857c-fa26853e {
justify-self: end;
}
#w-node-aea63eff-a2c3-7e48-86ea-61ccee78c260-58d90684 {
place-self: start;
}
#w-node-_0b35dacb-be5b-f1cd-1be5-28b1ae5bc94b-66e43b2d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0b35dacb-be5b-f1cd-1be5-28b1ae5bc94c-66e43b2d {
justify-self: center;
}
#w-node-_09f38252-253b-97d3-4fa9-ae5b072127a2-55e771ae {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_09f38252-253b-97d3-4fa9-ae5b072127a3-55e771ae {
justify-self: center;
}
#w-node-_3e3433c7-d7c1-f457-30f0-1026be52b7f4-f9baad24, #w-node-_3e3433c7-d7c1-f457-30f0-1026be52b7f8-f9baad24, #w-node-_3e3433c7-d7c1-f457-30f0-1026be52b7fc-f9baad24, #w-node-_3e3433c7-d7c1-f457-30f0-1026be52b800-f9baad24, #w-node-_3e3433c7-d7c1-f457-30f0-1026be52b804-f9baad24, #w-node-_3e3433c7-d7c1-f457-30f0-1026be52b808-f9baad24 {
align-self: start;
}
#w-node-d9ff3acd-d647-8311-7fa2-465848df7b7d-f9baad24, #w-node-_57c0304f-cd03-4173-bca5-e21b731600c6-f9baad24 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_57c0304f-cd03-4173-bca5-e21b731600c7-f9baad24, #w-node-_1f8a10b0-f894-4c65-1444-7ba9121903cf-121903b8 {
justify-self: center;
}
#w-node-_1f8a10b0-f894-4c65-1444-7ba9121903f1-121903b8 {
justify-self: end;
}
#w-node-d9ff3acd-d647-8311-7fa2-465848df7b7d-e8b43871, #w-node-_0eb291db-424d-dada-c21d-5e9138f7dde7-e8b43871 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0eb291db-424d-dada-c21d-5e9138f7dde8-e8b43871 {
justify-self: center;
}
#w-node-_98589feb-fae5-744b-4f0a-7f903105fe70-3105fe6d {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: end start;
}
#w-node-_98589feb-fae5-744b-4f0a-7f903105fe73-3105fe6d {
justify-self: center;
}
#w-node-_98589feb-fae5-744b-4f0a-7f903105fe95-3105fe6d {
justify-self: end;
}
#w-node-b01491b9-1849-0994-fdd0-6fc5edda5666-edda561b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b01491b9-1849-0994-fdd0-6fc5edda5667-edda561b {
justify-self: center;
}
@media screen and (max-width: 991px) {
#w-node-_0e235910-451e-a05f-aab0-44f502918f54-02918f22, #w-node-b05098cf-ba9e-ca5e-fe2e-276aab76b5e0-02918f22 {
justify-self: end;
}
#w-node-e588d836-c43c-f662-9453-ca8cb400a03a-b400a034 {
order: -9999;
}
#w-node-e588d836-c43c-f662-9453-ca8cb400a055-b400a034 {
justify-self: center;
}
#w-node-_7af0a082-f1f0-a149-aeba-f5513dd22a52-8a6a8da6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4525b963-2994-63f3-16f9-4819fd0a035a-3a69ab51, #w-node-_39776923-46c9-dece-b8e8-7e2578602fe4-c9fa36b1, #w-node-_99c1b90f-3dc0-ab02-ed0c-84d97845e808-c9fa36b1, #w-node-_7ee1e8b0-95fa-28b0-a0bc-1a9e68a9415c-c9fa36b1, #w-node-_51215e2d-3ab7-15f1-bc1c-e4c0be8c5d60-c9fa36b1, #w-node-_5ddb572f-18a7-476f-4baa-8a67c2b52ca5-c9fa36b1, #w-node-bb6c6f41-fb60-f5e1-ea17-dd1a4580355e-c9fa36b1 {
order: -9999;
}
#w-node-_77cf69e2-159b-96bb-12b3-1b98cf296053-e2057f3a, #w-node-_6bff0078-c5ca-b9bd-6cf1-cf4124a7164a-5c4f2802 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0335cd87-679d-538d-18df-36383cce1c54-1af0ef79, #w-node-_0335cd87-679d-538d-18df-36383cce1c5f-1af0ef79 {
justify-self: end;
}
#w-node-_58cee84a-090c-95f3-2a93-caa5821a7a60-e08ad92e, #w-node-_7125c3ad-8157-1ff3-9fd4-8b7fd1ef108d-e08ad92e {
order: -9999;
}
#w-node-dc3ce4f0-80d1-9e8e-20a8-c816286a0476-b4b3576f {
justify-self: end;
}
#w-node-e6de1843-ceb8-d2d0-cc98-375725dc1d62-0e05a579, #w-node-c4fafa18-6227-b58e-817d-b0e861efc745-e83863cf, #w-node-_962dd582-969b-9a97-8a7c-4508b0f524a8-e7493fd2, #w-node-e6de1843-ceb8-d2d0-cc98-375725dc1d62-3c8c0efc, #w-node-_626e0583-3098-2498-3f74-8b938a94eb3a-a9da5033, #w-node-c4fafa18-6227-b58e-817d-b0e861efc745-3ebc3962 {
order: -9999;
}
#w-node-d8e23a03-d73d-0da1-9e74-f8d929993af7-8fd8f985, #w-node-d8e23a03-d73d-0da1-9e74-f8d929993b02-8fd8f985 {
justify-self: end;
}
#w-node-e6de1843-ceb8-d2d0-cc98-375725dc1d62-62ef0ea3, #w-node-c4fafa18-6227-b58e-817d-b0e861efc745-ebfbba3e, #w-node-c4fafa18-6227-b58e-817d-b0e861efc745-f9baad24, #w-node-e6de1843-ceb8-d2d0-cc98-375725dc1d62-e8b43871 {
order: -9999;
}
}
@media screen and (max-width: 767px) {
#w-node-_05cf5a82-2134-123e-9282-67ef3fe27178-a7cd0745 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0e235910-451e-a05f-aab0-44f502918f54-02918f22, #w-node-b05098cf-ba9e-ca5e-fe2e-276aab76b5e0-02918f22 {
justify-self: auto;
}
#w-node-_7af0a082-f1f0-a149-aeba-f5513dd22a52-8a6a8da6, #w-node-_7af0a082-f1f0-a149-aeba-f5513dd22a53-8a6a8da6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_99c1b90f-3dc0-ab02-ed0c-84d97845e7ef-c9fa36b1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_99c1b90f-3dc0-ab02-ed0c-84d97845e808-c9fa36b1 {
order: -9999;
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c4db47ea-9bf9-0a4e-7cff-08cfc1aa0cb3-c9fa36b1, #w-node-f303d499-401c-d5da-6f83-e928e3d454c5-c9fa36b1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-fcc9727a-0b8d-aef6-b8d2-49076b90aec2-6b90ae9b, #w-node-_77cf69e2-159b-96bb-12b3-1b98cf296053-e2057f3a, #w-node-_77cf69e2-159b-96bb-12b3-1b98cf296054-e2057f3a, #w-node-_6bff0078-c5ca-b9bd-6cf1-cf4124a7164a-5c4f2802, #w-node-_6bff0078-c5ca-b9bd-6cf1-cf4124a7164b-5c4f2802 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0335cd87-679d-538d-18df-36383cce1c54-1af0ef79, #w-node-_0335cd87-679d-538d-18df-36383cce1c5f-1af0ef79 {
justify-self: auto;
}
#w-node-ce14f99d-37be-e9af-2a47-20f7b7d4b6e9-e08ad92e, #w-node-d3bdca82-217c-4629-5bbb-71551560468b-0e05a579, #w-node-a00ca1b5-96e7-01fe-e75f-eff7f73e8735-0e05a579 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e6de1843-ceb8-d2d0-cc98-375725dc1d60-0e05a579 {
order: -9999;
}
#w-node-_377b1c77-c887-0857-3b40-a4ba9d1699c8-e83863cf, #w-node-e3bb1170-b9ec-9b75-fe70-60a91440e14e-e83863cf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c4fafa18-6227-b58e-817d-b0e861efc743-e83863cf {
order: -9999;
}
#w-node-eae26b27-bcc8-96b3-6b5a-abbb7a1f8662-b1fc129d, #w-node-_9275625d-775b-4f02-1680-d5c31b249d3c-cd08c988, #w-node-f2287944-a175-129c-2fc4-b9d1dfb83e6a-cd08c988, #w-node-_2e6b373d-166c-d84c-c8cc-79b47a170ed6-3c8c0efc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e6de1843-ceb8-d2d0-cc98-375725dc1d60-3c8c0efc {
order: -9999;
}
#w-node-b1c08735-8b9d-df87-f044-e6b21ab9fc4d-e7e5189a, #w-node-b1c08735-8b9d-df87-f044-e6b21ab9fc4d-8edb22f7, #w-node-a29a7ced-344c-1d3f-1cfd-b066f99f23d0-a9da5033 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_626e0583-3098-2498-3f74-8b938a94eb27-a9da5033 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_626e0583-3098-2498-3f74-8b938a94eb3a-a9da5033 {
order: -9999;
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_626e0583-3098-2498-3f74-8b938a94eb71-a9da5033, #w-node-_626e0583-3098-2498-3f74-8b938a94eb76-a9da5033 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_0b3f4413-c1c4-ccc6-8855-e672d0cd5399-3ebc3962, #w-node-c0aeb80c-fa41-2c37-f5e9-ea5a7971072e-3ebc3962, #w-node-c6a9f0cc-00e0-e389-d03e-4771f99a67f8-3ebc3962 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c4fafa18-6227-b58e-817d-b0e861efc743-3ebc3962 {
order: -9999;
}
#w-node-b1c08735-8b9d-df87-f044-e6b21ab9fc4d-cdf5916c, #w-node-_476747c9-85b4-6bf6-f204-fb69792fb943-cdf5916c, #w-node-da29fbb0-c950-ec1a-9237-4d7b0c0f33a1-8fd8f985 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d8e23a03-d73d-0da1-9e74-f8d929993af7-8fd8f985, #w-node-d8e23a03-d73d-0da1-9e74-f8d929993b02-8fd8f985 {
justify-self: auto;
}
#w-node-b1c08735-8b9d-df87-f044-e6b21ab9fc4d-4df6c0ca, #w-node-d3bdca82-217c-4629-5bbb-71551560468b-62ef0ea3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e6de1843-ceb8-d2d0-cc98-375725dc1d60-62ef0ea3 {
order: -9999;
}
#w-node-_0b3f4413-c1c4-ccc6-8855-e672d0cd5399-ebfbba3e, #w-node-c6a9f0cc-00e0-e389-d03e-4771f99a67f8-ebfbba3e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c4fafa18-6227-b58e-817d-b0e861efc743-ebfbba3e {
order: -9999;
}
#w-node-b1c08735-8b9d-df87-f044-e6b21ab9fc4d-a5deb33d, #w-node-_0b3f4413-c1c4-ccc6-8855-e672d0cd5399-f9baad24, #w-node-c6a9f0cc-00e0-e389-d03e-4771f99a67f8-f9baad24 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c4fafa18-6227-b58e-817d-b0e861efc743-f9baad24 {
order: -9999;
}
#w-node-b1c08735-8b9d-df87-f044-e6b21ab9fc4d-8212ee48, #w-node-d3bdca82-217c-4629-5bbb-71551560468b-e8b43871, #w-node-a00ca1b5-96e7-01fe-e75f-eff7f73e8735-e8b43871 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e6de1843-ceb8-d2d0-cc98-375725dc1d60-e8b43871 {
order: -9999;
}
#w-node-b1c08735-8b9d-df87-f044-e6b21ab9fc4d-84773b99 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 479px) {
#w-node-e3561c84-c80d-7d7b-47e3-4d2ac16e1ad5-c9fa36b1, #w-node-_1d6f7371-8f19-4e87-47c6-a5ddffa6b520-c9fa36b1, #w-node-_4651cce9-ee6a-fe8c-db61-46d71457a526-c9fa36b1, #w-node-_886f4c00-b678-885d-eb78-7798ccc6099c-c9fa36b1, #w-node-bbd51892-6079-16c3-010b-72173954f85b-c9fa36b1, #w-node-_949cff31-3aab-63bb-847b-db0666dd9d10-c9fa36b1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_58cee84a-090c-95f3-2a93-caa5821a7a60-e08ad92e {
order: 9999;
}
#w-node-_7125c3ad-8157-1ff3-9fd4-8b7fd1ef108d-e08ad92e {
order: -9999;
}
#w-node-dc3ce4f0-80d1-9e8e-20a8-c816286a0476-b4b3576f {
justify-self: center;
}
#w-node-_626e0583-3098-2498-3f74-8b938a94eb3e-a9da5033, #w-node-_626e0583-3098-2498-3f74-8b938a94eb43-a9da5033, #w-node-_626e0583-3098-2498-3f74-8b938a94eb48-a9da5033, #w-node-_626e0583-3098-2498-3f74-8b938a94eb4d-a9da5033, #w-node-_626e0583-3098-2498-3f74-8b938a94eb67-a9da5033, #w-node-_626e0583-3098-2498-3f74-8b938a94eb6c-a9da5033 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
}