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;
--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-brand--brand: #004a98;
--base-color-neutral--neutral-lightest: #eee;
--base-color-neutral--black: black;
--base-color-brand--dark-blue: #1b2e42;
--background-color--background-secondary: var(--base-color-brand--blue);
--text-color--text-alternate: var(--base-color-neutral--white);
--background-color--background-tertiary: var(--base-color-brand--pink);
--base-color-neutral--neutral: #666;
--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);
--link-color--link-secondary: var(--base-color-neutral--black);
--base-color-neutral--neutral-darkest: #111;
--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;
--gradient-hero: #000f24bf;
--logo: 120%;
--base-color-neutral--neutral-darker: #222;
--base-color-brand--pink-light: #ffaefe;
--base-color-brand--pink-dark: #3c043b;
--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;
}
.padding-xxlarge.aved {
padding: 2.5rem 2.5rem 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 {
margin-top: 0;
}
.padding-top.padding-xxlarge.charger {
background-color: var(--charger-orange);
}
.padding-top.padding-xxlarge.margin-top-0 {
margin-top: 0;
}
.padding-top.padding-xxlarge.hg, .padding-top.padding-xxlarge.lc-footer {
padding-top: 2rem;
}
.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-xxlarge.find-a-distributor {
margin-bottom: 20px;
}
.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: #fff;
flex: none;
width: 1.5rem;
height: 1.5rem;
transition: all .2s;
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.social.youtube {
width: 1.5rem;
height: 1.5rem;
}
.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;
}
.heading-style-h3.ep-products {
color: #fff;
}
.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.center-align.valence-black, .heading-style-h1.dark {
color: #000;
}
.heading-style-h1.dark.center-align {
background-color: var(--base-color-neutral--neutral-lightest);
margin-top: 0;
padding-top: 10px;
}
.heading-style-h1.valence-products {
color: var(--base-color-neutral--black);
text-align: center;
}
.heading-style-h1.products {
color: #000;
text-align: center;
}
.heading-style-h1.black {
color: #000;
}
.padding-global {
box-shadow: none;
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-top: 1rem;
padding-bottom: 1rem;
}
.padding-global.no-top {
float: right;
padding-top: 0;
padding-bottom: 0;
position: static;
inset: 11% 0% auto;
}
.padding-global.no-top.no-left {
background-color: #eee;
border-bottom-left-radius: 20px;
box-shadow: 0 2px 5px #0003;
}
.padding-global.hg {
background-color: #727272;
}
.padding-global.markets-use-cases {
background-color: var(--base-color-neutral--white);
}
.padding-global.charger {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6896918201083c43ed725eea_AdobeStock_501837926.jpeg");
background-position: 0 0;
background-size: 2502px;
}
.padding-global.lithion-custom {
background-color: #fff;
}
.padding-global.lithion-custom.special {
background-color: #eee;
}
.padding-global.inst-hg {
padding-top: 4rem;
}
.padding-global.chaarger-contact {
background-color: #fff;
}
.padding-global.lps {
background-color: var(--background-color--background-secondary);
}
.padding-global.ep-pics {
padding-left: 0;
padding-right: 0;
}
.padding-global.valence-prod {
background-color: #eee;
}
.padding-global.hero-big {
height: 90vh;
}
.padding-global.charger-prod {
width: 100%;
overflow: hidden;
}
.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-family: Lato, sans-serif;
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 {
text-align: right;
font-family: Lato, sans-serif;
font-size: .875rem;
}
.text-size-small.text-style-allcaps.text-mute {
color: #ffffff80;
align-self: flex-start;
}
.text-size-small.text-style-allcaps.text-mute.socials {
align-self: center;
}
.text-size-small.neutral {
color: var(--base-color-neutral--neutral);
text-align: left;
}
.heading-style-h {
text-align: center;
font-family: Lato, sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 1.4;
}
.heading-style-h.dark {
color: var(--text-color--dark);
}
.heading-style-h.text-weight-medium {
font-weight: 400;
}
.heading-style-h.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(--base-color-neutral--black);
font-family: Lato, sans-serif;
font-weight: 400;
}
.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;
font-weight: 600;
line-height: 1.2;
}
.heading-style-h2.text-weight-medium {
font-weight: 400;
}
.heading-style-h2.left-align {
text-align: left;
justify-content: flex-start;
align-items: center;
display: block;
}
.heading-style-h2.left-align.white {
color: var(--base-color-neutral--white);
}
.heading-style-h2.white {
color: var(--base-color-neutral--black);
margin-top: 3rem;
padding-left: 80px;
padding-right: 80px;
}
.heading-style-h2.dark {
color: var(--base-color-neutral--black);
}
.heading-style-h2.uui-blogpost02_content-2 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.page-wrapper.is-overflow-hidden {
overflow: hidden;
}
.page-wrapper.blogs {
padding-top: 146px;
}
.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: none;
white-space: normal;
word-break: normal;
overflow-wrap: anywhere;
align-items: stretch;
margin-bottom: 0;
font-family: Lato, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.5;
display: block;
}
.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--white);
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 {
overflow: visible;
}
.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-neutral--black);
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.white {
padding-right: 1rem;
}
.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;
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
width: 100%;
font-family: Lato, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 1.3;
display: block;
}
.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.center-align.padding-sub-text {
text-align: left;
padding-left: 20px;
padding-right: 20px;
font-size: 20px;
}
.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%;
}
.text-size-medium.grid-ep-contact {
font-size: 16px;
font-weight: 500;
}
.text-size-medium.small {
width: 60%;
}
.text-size-medium.small.center-align {
width: 100%;
padding-left: 40px;
padding-right: 40px;
}
.text-size-medium.other-product-ep {
color: #fff;
}
.text-size-medium.padding-medium, .text-size-medium.padding-large {
font-size: 25px;
}
.text-size-medium.page-padding.align-center {
text-align: center;
}
.text-size-medium._90 {
width: 80%;
}
.text-size-medium.bullet {
line-height: .8;
}
.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: 0 1.5rem;
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;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.footer-component {
background-color: var(--base-color-brand--brand);
color: var(--text-color--text-alternate);
overflow: visible;
}
.footer-component.engineered {
background-color: var(--engineered-power-secondary);
}
.footer-component.aved {
overflow: visible;
}
.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: #004a98;
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(--engineered-power-secondary);
}
.section.footer_bottom-wrapper.homegrid {
background-color: #231f20;
}
.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: 40rem;
font-size: 1rem;
display: flex;
position: relative;
}
.section.main-cta.valence {
height: 45rem;
}
.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-installation-solution.certify {
background-color: var(--base-color-neutral--white);
margin-top: 0;
padding-top: 140px;
}
.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-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-contact-us.homegrid.padding-top {
margin-top: 92px;
}
.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;
}
.section.is-about_locations {
background-color: #fff;
}
.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-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;
}
.section_component.is-about_locations {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
color: #000;
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 20px;
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;
width: 68%;
}
.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), linear-gradient(#0009, #0009), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68927d058f1c0e47c99b4b56_IM2025_Lithion_LakeMead1532.jpg");
background-position: 0 0, 0 0, 50%;
background-size: auto, auto, 1200px;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden;
}
.image-wrapper.is-bcg-parallax.lithion-custom-3 {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6890ced677516719c31d8708_AdobeStock_287887348.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
position: absolute;
}
.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%;
background-repeat: repeat, repeat;
background-size: auto, cover;
background-attachment: scroll, fixed;
}
.image-wrapper.is-bcg-parallax.charger-mission.homegrid-about {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/670641c9607216d45094645d_section.jpg");
background-position: 50% 100%;
background-repeat: repeat;
background-size: cover;
background-attachment: fixed;
}
.image-wrapper.is-bcg-parallax.charger-mission.engineered-power-mission {
background-image: linear-gradient(#000000a1, #000000a1), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68952cbedf2947f9c134dd21__1043722.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
}
.image-wrapper.is-bcg-parallax.charger-mission.aved-mission {
background-image: linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887eef90b20edb5fe46321e_IM2025_Lithion_Billerica_779.jpg");
background-position: 0 0, 50%;
}
.image-wrapper.is-bcg-parallax.charger-mission.valence-mis {
background-image: linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6890d903506b0cdc123e8f59_IM2025_Lithion_LakeMead9.jpg");
background-repeat: repeat, no-repeat;
}
.image-wrapper.is-bcg-parallax.engineered-mission {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68964c06add3834cb1eb7535_AdobeStock_1088374114.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.image-wrapper.is-bcg-parallax.gridbox-mission {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689212d6656a3e0a19d6425b_IM2025_Lithion_Wigwam30.jpg");
background-position: 0 0, 0 0;
background-size: auto, auto;
}
.image-wrapper.is-bcg-parallax.gridbox-mission.charger-mission {
background-image: linear-gradient(#0000008c, #0000008c), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689212d6656a3e0a19d6425b_IM2025_Lithion_Wigwam30.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.image-wrapper.is-bcg-parallax.valence-mission {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6890d903506b0cdc123e8f59_IM2025_Lithion_LakeMead9.jpg"), linear-gradient(#00000080, #00000080);
background-position: 50% 100%, 0 0;
background-repeat: repeat-y, repeat;
background-size: cover, auto;
}
.image-wrapper.is-bcg-parallax.aved-content {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/688d39bd722ec3a7e6dd1d31_IM2025_Lithion_Billerica_1689.jpg");
background-position: 0%;
background-size: cover;
}
.image-wrapper.is-bcg-parallax.aved-content-2 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887eef90b20edb5fe46321e_IM2025_Lithion_Billerica_779.jpg");
background-size: auto;
}
.image-wrapper.is-bcg-parallax.sustainability {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6890c95be94b9fa99a4266d7_IM2025_Lithion_LakeMeadDrone_24.jpg");
background-position: 0 0, 50% 0;
background-size: auto, auto;
}
.image-wrapper.is-bcg-parallax.sustainability.lithion {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6890ced677516719c31d8708_AdobeStock_287887348.jpg");
background-position: 0 0, 50% 0;
background-size: auto, auto;
}
.image-wrapper.is-bcg-parallax.charger-home {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/688ce108927c9e506d25b190_IM2025_Lithion_Charger_51.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.image-wrapper.is-bcg-parallax.contact-about {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887f21a5c894c7fd201b751_IM2025_Lithion_Charger_139.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.image-wrapper.is-bcg-parallax.custom-about {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689978326722a09433d8effa_IM2025_Lithion_LakeMead1497.jpg");
background-position: 0%;
background-size: cover;
}
.image-wrapper.is-bcg-parallax.homegrid {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689b99215302f0ece742715e_AdobeStock_1558678779.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.image-wrapper.is-bcg-parallax.homegrid-parallax {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689ba07fe15727e39932c7da_Garage%20w%20Toolbench.jpg");
background-position: 50%;
background-size: 2132px;
}
.image-wrapper.is-bcg-parallax.custom-markets {
background-color: #eee;
background-image: none;
}
.image-wrapper.is-bcg-parallax.lps-mission {
background-image: linear-gradient(#000000bf, #000000bf), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68c34f77999278ff879f5687_IM2025_Lithion_Wigwam764.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.image-wrapper.is-bcg-parallax.bms {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/688a8717c914f33df85b92f6_IM2025_Lithion_LakeMead222.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.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;
background-image: linear-gradient(#00000080, #00000080);
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 {
background-image: none;
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;
justify-content: space-between;
width: 100%;
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 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: stretch;
padding-bottom: 20px;
display: block;
}
.item-card.blohd {
padding-right: 0;
display: flex;
}
.item-card.home-blog {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
padding-bottom: 0;
padding-left: 0;
display: flex;
}
.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-square.homegrid-points {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887f378f1c517cf38fac01b_IM2025_Lithion_LakeMead859.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 5px;
}
.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);
}
.button-text.no-padding {
padding-left: 0;
}
.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;
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/687ab60c37ab3b4f4c986b21_closeup-of-positive-ends-of-discharged-batteries-a-2025-03-09-14-06-36-utc%20Large.jpeg");
background-position: 0 0;
background-size: 0;
border-radius: 12px;
width: 100%;
max-width: 1791px;
height: 100%;
display: block;
}
.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%;
height: 100%;
overflow: hidden;
}
.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 {
align-self: center;
width: 100%;
}
.image-contain.valence {
width: 70%;
}
.image-contain.align-center {
height: 80%;
}
.image-contain.product {
width: auto;
height: 200px;
}
.image-contain.product.align-center {
width: 100%;
max-width: none;
height: 16rem;
}
.image-contain.charger-prod-card {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/687ab60c37ab3b4f4c986b21_closeup-of-positive-ends-of-discharged-batteries-a-2025-03-09-14-06-36-utc%20Large.jpeg");
background-size: 0;
width: 100%;
max-width: 90%;
height: auto;
max-height: none;
overflow: hidden;
}
.image-contain.charger-prod-card.pigging {
max-height: 40%;
}
.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, .footer-top_main-wrapper.gridbox {
background-color: #72727200;
border-radius: 10px;
}
.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: 1px #000;
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: var(--aved-red);
background-image: linear-gradient(#7b202080, #7b202080);
border-radius: .8rem;
}
.footer-middle-wrapper.charger {
background-color: #2c468c;
border-radius: .5rem;
}
.footer-middle-wrapper.top {
background-image: linear-gradient(#00000080, #00000080);
border-radius: .8rem;
align-self: auto;
}
.footer-middle-wrapper.lc, .footer-middle-wrapper.hg {
background-image: linear-gradient(#00000040, #00000040);
border-radius: 1rem;
}
.footer-logo-wrap {
justify-content: center;
align-items: center;
height: 5rem;
display: flex;
}
.footer-logo {
vertical-align: middle;
width: auto;
max-width: none;
height: 60%;
}
.footer-logo.homegrid {
height: 75%;
}
.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;
align-self: flex-start;
place-items: stretch center;
display: flex;
}
.footer-email-links_wrap {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
padding-left: 40px;
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: Lato, sans-serif;
font-size: 1rem;
font-weight: 500;
}
.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;
}
.line-devider.uui-space-small-3 {
height: .2rem;
min-height: 0;
}
.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;
white-space: normal;
word-break: normal;
overflow-wrap: normal;
padding-top: 15px;
padding-left: .125rem;
padding-right: 0;
font-size: clamp(.75rem, 1.25vw, 1rem);
font-weight: 500;
}
.main-nav-link.dark:hover {
color: var(--base-color-neutral--neutral-darkest);
transform: scale(1.03);
}
.main-nav-link.dark.get-started-link {
border-bottom: 1px solid #cfcaca;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
}
.main-nav-link.dark.get-start-link-last {
padding-bottom: 15px;
padding-left: 10px;
display: block;
}
.main-nav-link.dark-copy {
color: var(--base-color-neutral--neutral);
text-transform: none;
padding-top: 15px;
padding-left: .125rem;
padding-right: 0;
font-size: clamp(.75rem, 1.25vw, 1rem);
font-weight: 500;
}
.main-nav-link.dark-copy.get-started-link {
border-bottom: 1px solid #cfcaca;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
}
.main-nav-link.dark-copy.get-start-link-last {
padding-bottom: 15px;
padding-left: 10px;
display: block;
}
.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;
width: 60%;
height: 2.7rem;
padding-top: 0;
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;
width: 68%;
padding: 3rem 3rem 3rem 1rem;
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: space-between;
align-items: flex-start;
height: 100%;
padding: 1rem 1rem 1em;
display: flex;
overflow: hidden;
}
.market-item.gse {
background-image: linear-gradient(#0000001a, #0000001a), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689273d71c7c8650fa620371_AdobeStock_361802919.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.market-item.epto {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689278eef80094586545ce06_AdobeStock_482143067.jpg");
background-position: 50% 0;
background-size: cover;
}
.market-item.off-highway {
background-image: linear-gradient(#0003, #0003), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689273d8b8b4b4755b3d5d84_AdobeStock_289933346.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.market-item.marine {
background-image: linear-gradient(#0003, #0003), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689273d963d18c0ff466a278_AdobeStock_1524139452.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.market-item.industrial {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689276dc2dd96da8bd2374bb_AdobeStock_273112138.jpeg");
background-position: 50%;
background-size: cover;
}
.market-item.robotics {
background-image: linear-gradient(#0003, #0003), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689273d963d18c0ff466a278_AdobeStock_1524139452.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.market-item.low-speed-vehicle {
background-image: linear-gradient(#0003, #0003), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689276dc01ed48ade296e31a_AdobeStock_607181555.jpeg");
background-position: 0 0, 0%;
background-size: auto, cover;
}
.market-item.comm-vehicles {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689276dc01ed48ade296e31a_AdobeStock_607181555.jpeg");
background-position: 50% 100%;
}
.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 {
aspect-ratio: auto;
object-fit: cover;
border-radius: 8px;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
overflow: clip;
}
.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.aved.black {
color: var(--base-color-neutral--black);
}
.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(--base-color-neutral--black);
}
.eyebrow.small {
font-size: 12px;
}
.eyebrow.gridbox {
color: var(--text-color--text-primary);
}
.eyebrow.black {
color: var(--base-color-neutral--black);
}
.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: 40%;
}
.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: 40px;
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: 0rem;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 4rem;
padding-bottom: 40px;
}
.uui-blogsection03_list.main-blog {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.uui-blogsection03_list.valence-downloads {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.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 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
width: 150%;
padding-top: 80%;
position: relative;
overflow: hidden;
}
.uui-blogsection03_image-wrapper.lithion-home {
width: 100%;
padding-top: 80%;
}
.uui-blogsection03_image-link {
width: 50%;
margin-bottom: 2rem;
transition: all .3s;
}
.uui-blogsection03_image-link:hover {
box-shadow: 0 24px 48px -12px #1018282e;
}
.uui-blogsection03_image-link.lithion-home {
object-fit: contain;
width: 100%;
padding-left: 10px;
padding-right: 10px;
}
.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: 15px;
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);
}
.link:hover, .link.hover-link:hover {
color: var(--base-color-brand--brand);
text-decoration: underline;
}
.link.button-item-valence {
width: 100px;
}
.link.valence-hover:hover {
color: var(--valence-green);
}
.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 1em;
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;
padding-bottom: 10px;
font-size: 1rem;
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;
}
.heading.ep-charger {
color: #fff;
text-align: center;
font-size: 3rem;
text-decoration: none;
}
.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:hover {
transform: scale(1.03);
}
.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: #000;
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:hover {
transform: scale(1.03);
}
.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;
}
.nav-item-dropdown.dropdown-getstarted {
color: #fff;
}
.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;
overflow: clip;
}
.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/6890cf3ff59a9d8937718465_AdobeStock_1140308055.jpg");
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/6891030d30dc5f1394c205e8_AdobeStock_606248630%20(1).jpeg");
background-position: 50%;
}
.uui-cta01_image-wrapper.aved-2 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68926ea4dfd03b71f7f1411f_IM2025_Lithion_Billerica_1151.jpg");
background-position: 50% 0;
}
.uui-cta01_image-wrapper.lithion-1 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6890c95beea248d6111e41d0_IM2025_Lithion_LakeMead48.jpg");
}
.uui-cta01_image-wrapper.lithion-2 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/688a8717c914f33df85b92f6_IM2025_Lithion_LakeMead222.jpg");
}
.uui-cta01_image-wrapper.lithion-custom-1 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68d6b08998f92d1658ab19a9_IM2025_Lithion_LakeMead1405%20(1)2.jpg");
background-position: 50% 100%;
background-repeat: no-repeat;
}
.uui-cta01_image-wrapper.lithion-custom-2 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6890d350f8d561fada10b3c0_IM2025_Lithion_LakeMead300.jpg");
background-position: 50%;
}
.uui-cta01_image-wrapper.lithion-custom-4 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6890d35206f1da9ab6bf2e22_IM2025_Lithion_LakeMead198.jpg");
background-position: 0%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
}
.uui-cta01_image-wrapper.engineered-power-1 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68964c07adcc175b43b54716_AdobeStock_1229209057.jpg");
background-position: 0 100%;
}
.uui-cta01_image-wrapper.engineered-power-3 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68952cc457938a0b5ee24271__1031123.jpg");
background-position: 50%;
}
.uui-cta01_image-wrapper.lithion-custom-6 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6890c95a85c08e3132501be8_IM2025_Lithion_LakeMead120.jpg");
}
.uui-cta01_image-wrapper.lithion-custom-6.us_manufacturing {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6890f62d5d8509168bf4ca61_IM2025_Lithion_Wigwam1101.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/68968d128953a6e05454325d_AdobeStock_334600151.jpeg");
}
.uui-cta01_image-wrapper.charger-2 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/688cdfd8b95e916f00a3a887_IM2025_Lithion_Charger_535.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.engineered-1.about {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68952cc28b561a520a8eabc8__1020585.jpg");
}
.uui-cta01_image-wrapper.gridbox1 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689212d33da6976420920104_IM2025_Lithion_Wigwam37.jpg");
background-position: 0 0;
background-size: cover;
justify-content: center;
align-items: flex-end;
}
.uui-cta01_image-wrapper.valence-1 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/688a8717c914f33df85b92f6_IM2025_Lithion_LakeMead222.jpg");
background-position: 0 0;
background-size: cover;
}
.uui-cta01_image-wrapper.valence-2 {
-webkit-text-fill-color: inherit;
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68871a17db3edb26176c2882_161e2409379c86bddea2a54e33dbdc8afb00e9ff-700x700.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
background-clip: border-box;
}
.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/688d39bdf24d1d18751d0caf_IM2025_Lithion_Billerica_517.jpg");
background-position: 50% 0;
}
.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/68927e5f8b086988039f8380_Storm%20(no%20people).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");
background-position: 50%;
justify-content: center;
align-items: center;
}
.uui-cta01_image-wrapper.homegrid-3 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689b9c2407206f4026956644_AdobeStock_362570914%20(1).jpeg");
}
.uui-cta01_image-wrapper.valence_applications {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68e580ef5dd00a5efc120e2d_4205858a68014752de89fe9b5ae2c501fd9f4dd4-800x534.avif");
}
.uui-cta01_image-wrapper.lithion-eee {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6890eb7e1013a6d12f7a4d52_Electrification%20of%20Everything%20Else%20small-01.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
}
.uui-cta01_image-wrapper.lithion_market_power {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6890f62f6ddd74d5ff85a90e_IM2025_Lithion_Wigwam1028.jpg");
}
.uui-cta01_image-wrapper.gse {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689100373cf79ed4af9cb288_GSE%20tarmac%20crop.JPG");
background-position: 50%;
}
.uui-cta01_image-wrapper.epto {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6890ced65b9f9ce7f76f16fa_AdobeStock_172784245%20(1).jpg");
background-size: cover;
}
.uui-cta01_image-wrapper.ohv {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6890ced62ce5211911b80703_AdobeStock_462412179%20(1).jpg");
}
.uui-cta01_image-wrapper.commercial-vehicles {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6890ced2ed5de26a2ba74d42_AdobeStock_169690636.jpg");
}
.uui-cta01_image-wrapper.robotics {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6890ced62609de870e96434d_AdobeStock_1476409730.jpg");
}
.uui-cta01_image-wrapper.industrial {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6890ced60ef7fae421a63a1f_AdobeStock_592860455%20(1).jpg");
}
.uui-cta01_image-wrapper.oil {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6890fedc53978b4b1550ec85_AdobeStock_282689410.jpg");
}
.uui-cta01_image-wrapper.resi {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6891015d42b9d08310a20ce7_AdobeStock_402384513%20(3).jpeg");
}
.uui-cta01_image-wrapper.commercial {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689101940e1e972f6db9d553_AdobeStock_463132597.jpg");
}
.uui-cta01_image-wrapper.medical {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6891031bf3b0085d006c5d84_AdobeStock_512307383.jpg");
}
.uui-cta01_image-wrapper.lithion-family {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689211cdf0b791ba89b926e9_Map%20of%20Locations.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
background-attachment: scroll;
}
.uui-cta01_image-wrapper.gb_history {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689212d76aafe2063f804a23_IM2025_Lithion_Wigwam2.jpg");
}
.uui-cta01_image-wrapper.custom-history {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6890c95a207805b6caa664b7_IM2025_Lithion_LakeMead42.jpg");
}
.uui-cta01_image-wrapper.oil-gas {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6890f62d5d8509168bf4ca61_IM2025_Lithion_Wigwam1101.jpg");
}
.uui-cta01_image-wrapper.oil-gas-market {
background-image: none;
background-position: 0 0;
background-size: auto;
}
.uui-cta01_image-wrapper.use-case-50-50 {
background-image: none;
}
.uui-cta01_image-wrapper.canadian-manufacturing {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68952cbedf2947f9c134dd21__1043722.jpg");
}
.uui-cta01_image-wrapper.custom-charger {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68921bbcb0073b2a0a65e093_IM2025_Lithion_Charger_78.jpg");
}
.uui-cta01_image-wrapper.bolt {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68af384ece232bb9decf7882_charger%20BOLT.jpg");
background-position: 50%;
}
.uui-cta01_image-wrapper.hg-about {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/672544c4401e4659ccb591af_Modern%20(Office-looking)%20Garage.jpg");
}
.uui-cta01_image-wrapper.homegrid2-1 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689d0c47a435ac8f1ba47330_stackd%20right-01.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
display: flex;
overflow: visible;
}
.uui-cta01_image-wrapper.charger-connect {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68921bbeb0073b2a0a65e161_IM2025_Lithion_Charger_600.jpg");
}
.uui-cta01_image-wrapper.hg-installer-bms {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689e445f33d30679f49db94a_Stack'd%20BMS%20screen.jpg");
}
.uui-cta01_image-wrapper.us-homegrid {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887f4260ca6a96099f8df26_IM2025_Lithion_LakeMead983.jpg");
}
.uui-cta01_image-wrapper.lps1 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68c49bffbca230fbcd5d97f3_AdobeStock_1359160348.jpg");
background-position: 50%;
justify-content: flex-end;
align-items: center;
}
.uui-cta01_image-wrapper.lps2 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68c34f7c6cb2d3e22148ef1c_IM2025_Lithion_Wigwam212.jpg");
background-position: 100%;
}
.uui-cta01_image-wrapper.about-lps {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68c350a71ad4499516058ac6_IM2025_Lithion_Wigwam955.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 {
font-family: Lato, sans-serif;
font-weight: 700;
}
.heading-3 {
text-align: left;
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: 2rem;
grid-row-gap: 2rem;
background-color: var(--base-color-neutral--white);
border-radius: 14px;
flex-flow: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
place-content: stretch center;
place-items: flex-start start;
height: 100%;
margin-bottom: 0;
padding: 20px 20px 40px;
display: grid;
}
.div-block-8 {
width: 100%;
max-width: 100%;
padding-top: 40px;
padding-bottom: 40px;
overflow: visible;
}
.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 {
grid-column-gap: 22px;
grid-row-gap: 22px;
flex-flow: row;
justify-content: center;
align-items: center;
margin-top: auto;
padding-left: 0;
display: flex;
}
.div-block-12.left-align {
justify-content: flex-start;
padding-left: 0;
}
.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);
}
.padding-global-blue.homegrid {
background-color: #231f20;
}
.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 1fr;
grid-auto-flow: row;
justify-items: stretch;
width: 100%;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
overflow: scroll;
}
.grid-2.lc {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
padding-top: 0;
padding-bottom: 0;
}
.image-5 {
vertical-align: baseline;
display: block;
}
.div-block-13 {
padding-left: 20px;
}
.banner-icons {
text-align: center;
width: 100%;
padding: 0 10px 20px;
}
.banner-icons.markets {
padding-top: 30px;
padding-bottom: 30px;
}
.banner-icons.markets:hover {
background-image: linear-gradient(to bottom, var(--background-color--background-mute), var(--background-color--background-mute));
}
.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;
justify-content: flex-end;
align-items: center;
padding-top: 7px;
padding-bottom: 34px;
display: flex;
}
.div-block-15.lc {
padding-bottom: 0;
}
.collection-item-8 {
min-height: 100px;
max-height: 47.7014%;
}
.text-block-7 {
padding-top: 20px;
padding-bottom: 0;
padding-left: 0;
font-size: 28px;
font-weight: 700;
}
.text-block-7.products {
padding-left: 10px;
font-family: Lato, sans-serif;
line-height: 34px;
}
.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: 3.5fr;
width: 100%;
padding-bottom: 20px;
}
.padding-global-grey {
background-color: var(--base-color-neutral--neutral-lightest);
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
margin-top: 0;
margin-bottom: 0;
padding: 10px 2.5rem;
display: block;
}
.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.gridbox-about {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6896979c448e952a9e571d62_GridBox_about.jpg"), linear-gradient(#00000080, #00000080);
background-position: 0 0, 0 0;
background-size: auto, auto;
}
.padding-global-grey.lithion-custom-1 {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689687f277f05af9fbe36fd1_Lithion_All%20Markets.jpg");
background-position: 0 0, 0 0;
}
.padding-global-grey.lithion-custom-about {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689648d5b83f43af79c7fc15_Lithion_News.jpg"), linear-gradient(#00000080, #00000080);
background-position: 0 0, 0 0;
background-repeat: no-repeat, repeat;
background-size: cover, auto;
}
.padding-global-grey.lithion-careers {
background-image: linear-gradient(#00000080, #00000080);
background-position: 0 0;
background-size: auto;
}
.padding-global-grey.lithion-careers.careerheader {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689647e7bb9fd03c95133448_Lithion_Careers.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
}
.padding-global-grey.lithion-press {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689648d5b83f43af79c7fc15_Lithion_News.jpg"), linear-gradient(#00000080, #00000080);
background-position: 50%, 0 0;
background-size: cover, auto;
}
.padding-global-grey.lithion-custom-press {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689a4a6acce70355f02ccb16_LithionCustom_press.jpg"), linear-gradient(#00000080, #00000080);
background-position: 0 0, 0 0;
background-repeat: no-repeat, repeat;
background-size: cover, auto;
}
.padding-global-grey.homegrid-press {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689b9f895b138a0ef606e210_HomeGrid_press.jpg");
background-position: 50% 100%;
background-size: cover;
}
.padding-global-grey.homegrid-about {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689b9f89586de2416fefbdf6_HomeGrid_About.jpg"), linear-gradient(#00000080, #00000080);
background-position: 0 0, 0 0;
background-repeat: no-repeat, repeat;
background-size: cover, auto;
}
.padding-global-grey.homegrid-products {
background-color: var(--base-color-neutral--neutral-lightest);
background-image: none;
background-position: 0 0;
background-size: auto;
}
.padding-global-grey.homegrid-warranty {
background-color: var(--base-color-neutral--white);
background-image: none;
padding-top: 0;
}
.padding-global-grey.homegrid-certified {
background-color: var(--base-color-neutral--neutral-lighter);
}
.padding-global-grey.charger-about {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689cb8ccaef2577fe014617b_Charger_About.jpg"), linear-gradient(#00000080, #00000080);
background-position: 0 0, 0 0;
background-repeat: no-repeat, repeat;
background-size: cover, auto;
}
.padding-global-grey.charger-products {
background-image: none;
background-position: 0 0;
}
.padding-global-grey.charger-col-5 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689cb8cdb8f034b5cb404007_Charger_BOLT.jpg");
background-repeat: no-repeat;
background-size: contain;
}
.padding-global-grey.charger-col-6 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689cb8cdb8f034b5cb404007_Charger_BOLT.jpg"), linear-gradient(#00000080, #00000080);
background-position: 50% 100%, 0 0;
background-repeat: no-repeat, repeat;
background-size: cover, auto;
}
.padding-global-grey.charger-safety {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689cb8cc238e2260d0a66138_Charger_Safety.jpg");
background-position: 50%;
background-size: cover;
}
.padding-global-grey.engineered-about {
background-color: var(--untitled-ui--gray100);
background-image: none;
}
.padding-global-grey.engineered-about._2 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68e45c1770de95d4870fbf44_EP_About.jpg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
}
.padding-global-grey.engineered-safety {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68e45c17ac877fd4dfb5883e_EP_Safety.jpg");
background-repeat: no-repeat;
background-size: cover;
}
.padding-global-grey.gridbox-press {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6896979c816830fc928aea9c_GridBox_press.jpg"), linear-gradient(#00000080, #00000080);
background-position: 0 0, 0 0;
background-size: auto, auto;
}
.padding-global-grey.valence-about {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689689248853e160386b323e_Valence_about.jpg"), linear-gradient(#00000080, #00000080);
background-position: 0 0, 0 0;
background-size: auto, auto;
}
.padding-global-grey.valence-col-1 {
background-image: none;
background-position: 0 0;
}
.padding-global-grey.valence-products {
background-color: var(--base-color-neutral--neutral-lightest);
background-image: none;
}
.padding-global-grey.valence-col-2 {
background-color: var(--base-color-neutral--neutral-lightest);
background-image: none;
background-position: 0 0;
}
.padding-global-grey.valence-col-2.ep-mini-header {
margin-top: 5rem;
}
.padding-global-grey.valence-col-2.bg {
background-color: var(--base-color-neutral--white);
}
.padding-global-grey.valence-col-2.bg.hg {
padding-top: 0;
}
.padding-global-grey.aved-about {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6896891c328f40ae72d0fa8b_Aved_about.jpg"), linear-gradient(#00000080, #00000080);
background-position: 0 0, 0 0;
background-repeat: no-repeat, repeat;
background-size: cover, auto;
background-attachment: scroll, scroll;
}
.padding-global-grey.aved-press {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6896891c04c8fda67541cfca_Aved_press.jpg"), linear-gradient(#00000080, #00000080);
background-position: 50% 100%, 0 0;
background-size: cover, auto;
}
.padding-global-grey.aved-services {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6896891c48f7fff934e34479_Aved_services.jpg"), linear-gradient(#00000080, #00000080);
background-position: 0 0, 0 0;
background-repeat: no-repeat, repeat;
background-size: cover, auto;
}
.padding-global-grey.lithion-about {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689648d5265305ac308be573_Lithion_About.jpg"), linear-gradient(#00000080, #00000080);
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: cover, auto;
}
.padding-global-grey.oil_market {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689648d5f6d0bffb101e6142_Lithion_Oil.jpg"), linear-gradient(#00000080, #00000080);
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: cover, auto;
}
.padding-global-grey.all_markets {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689687f277f05af9fbe36fd1_Lithion_All%20Markets.jpg"), linear-gradient(#00000080, #00000080);
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: cover, auto;
}
.padding-global-grey.events {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689687f27674b2f2e2ca79cd_Lithion_events.jpg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
}
.padding-global-grey.valence-press {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6896892553ff16d983421338_Valence_press.jpg"), linear-gradient(#00000080, #00000080);
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: cover, auto;
}
.padding-global-grey.press-charger {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689cb8cd720336e00be230b8_Charger_press.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.padding-global-grey.lps-about {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689687f277f05af9fbe36fd1_Lithion_All%20Markets.jpg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
}
.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: wrap;
justify-content: space-around;
align-items: center;
width: 100%;
margin-bottom: 10px;
padding-top: 10px;
padding-left: 5%;
padding-right: 5%;
display: flex;
overflow: visible;
}
.clients-wrapper-three.aved {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: row;
justify-content: space-between;
margin-bottom: 0;
padding-top: 0;
padding-left: 0%;
padding-right: 0%;
}
.clients-image-three {
filter: grayscale();
object-fit: contain;
width: auto;
height: 5rem;
margin-bottom: 0;
margin-left: 15px;
margin-right: 15px;
padding-top: 0;
display: block;
overflow: clip;
}
.clients-image-three.partner-logo {
object-fit: contain;
height: 50px;
display: block;
}
.hero-small {
z-index: 1;
min-height: 90%;
margin-top: 91px;
position: relative;
}
.hero-small.lithion {
margin-top: 139px;
}
.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: Lato, 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;
height: 100%;
margin-bottom: 14px;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.image-8.product-card-image {
aspect-ratio: 1;
overflow: visible;
}
.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(--background-color--background-secondary);
border-radius: 12px;
align-items: flex-start;
width: 95%;
height: 100%;
display: flex;
}
.process-item.charger.white {
background-color: var(--base-color-neutral--white);
}
.process-item.charger.event {
background-color: var(--base-color-neutral--neutral-lightest);
}
.process-item.charger.event.image {
background-color: var(--base-color-neutral--white);
}
.process-item.lithion {
background-color: var(--base-color-brand--blue);
background-image: linear-gradient(#ffffff80, #ffffff80);
}
.process-item.lps, .process-item.white {
background-color: var(--base-color-neutral--white);
}
.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_content.gb {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.uui-layout35_image-wrapper {
background-color: var(--untitled-ui--gray100);
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68921bbeb0073b2a0a65e161_IM2025_Lithion_Charger_600.jpg");
background-position: 50%;
background-size: cover;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 2rem;
display: flex;
position: relative;
}
.uui-layout35_image-wrapper.charger {
background-image: none;
background-position: 0 0;
background-size: auto;
border-radius: 5px;
}
.uui-layout35_image-wrapper.charger.markets-image {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68921bbcb0073b2a0a65e093_IM2025_Lithion_Charger_78.jpg");
background-size: cover;
}
.uui-layout35_image-wrapper.ep {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689ca1ca86fdecb41ef85293_IM2025_Lithion_Charger_478.jpg");
background-repeat: no-repeat;
border-radius: 10px;
}
.uui-layout35_image-wrapper.use-case-photo {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689e48a313e2b0ea0964b576_hg%20product-02.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 9px;
}
.uui-layout35_image-wrapper.use-case-photo.charger-bolt {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68921bbc18dbac62ec5e5373_IM2025_Lithion_Charger_690.jpg");
}
.uui-layout35_image-wrapper.use-case-photo.charger-connect.chareger {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68921bbeb0073b2a0a65e161_IM2025_Lithion_Charger_600.jpg");
}
.uui-layout35_image-wrapper.use-case-photo.aved-battery-pack {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887ef1e4be358d265134b2e_IM2025_Lithion_Billerica_628.jpg");
}
.uui-layout35_image-wrapper.use-case-photo.aved-cable {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68926c64197826d6232d845d_IM2025_Lithion_Billerica_912.jpg");
}
.uui-layout35_image-wrapper.use-case-photo.aved-electro-box {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6887eee901ddbadee0cf28b9_IM2025_Lithion_Billerica_50.jpg");
}
.uui-layout35_image-wrapper.use-case-photo.stackd {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689e48a2fa8255ebb999f166_hg%20product-01.jpg");
}
.uui-layout35_image-wrapper.use-case-photo.compact {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689e48a2e4ac8df0944d98de_hg%20product-03.jpg");
}
.uui-layout35_image-wrapper.use-case-photo.lpspower {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68d58caa771357fce67f3d73_powercell%20crop.PNG");
background-size: contain;
}
.uui-layout35_image-wrapper.use-case-photo.lpsenergy {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68d58ca99748947ed49237d7_energycell%20crop.PNG");
background-size: contain;
}
.uui-layout35_image-wrapper.use-case-photo.valence-range {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: contain;
background-image: none;
width: auto;
max-width: 100%;
height: auto;
min-height: 0;
position: relative;
overflow: visible;
}
.uui-layout35_component {
grid-column-gap: 4rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
height: 100%;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.uui-layout35_component.charger-connect-bolt-hp-cards {
grid-template-columns: 1fr 1fr;
}
.uui-layout35_component.gb {
grid-template-columns: 1fr 1fr;
align-items: stretch;
}
.uui-layout35_component.valence-prod {
grid-column-gap: 0rem;
grid-template-columns: 1fr;
display: block;
}
._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);
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68969938929a7bb3ff65a21c_AdobeStock_1323078988.jpeg");
background-position: 100% 0;
background-size: 3050px;
}
._2-cta.gridbox {
background-color: var(--homegrid-blue);
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689a64c1e24c3673d6ffb30b_AdobeStock_834012153.jpeg");
background-position: 50% 100%;
background-size: cover;
}
._2-cta.hg {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689a63246747cbc4b61b88e0_AdobeStock_973804397.jpeg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
}
.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: none;
background-position: 0 0;
background-size: auto;
border-radius: 12px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
padding: 40px;
display: flex;
}
.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%;
}
.cta-1.gb {
justify-content: space-between;
min-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%;
margin-bottom: auto;
padding-top: 24px;
}
.hero-header-wrapper.z-index-1-2.lithion {
padding-top: 177px;
}
.hero-header-wrapper.z-index-1-2.hg {
padding-top: 215px;
}
.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;
margin-top: 90px;
overflow: hidden;
}
.hero-large.valence {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6890d903d3bf39c451604306_IM2025_Lithion_LakeMead23.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
min-height: 90vh;
max-height: 90vh;
}
.hero-large.lithion {
background-image: linear-gradient(90deg, var(--gradient-hero) 70%, #0002042e 97%, #0000001a), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6890c95b5c4aca763fddd415_IM2025_Lithion_LakeMead122.jpg");
background-position: 0 0, 0%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, fixed;
min-height: 90vh;
}
.hero-large.lithion-custom {
background-image: linear-gradient(62deg, #000c 18%, #0000 81%), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6890c95b5c4aca763fddd415_IM2025_Lithion_LakeMead122.jpg");
background-position: 0 0, 0 100%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
flex-flow: column;
justify-content: flex-end;
align-items: stretch;
height: auto;
min-height: 90vh;
max-height: 90vh;
margin-top: 90px;
display: flex;
}
.hero-large.lithion-1 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/683d8caa7be78f6cc7fe5440_skyscraper1920.png");
background-position: 0 0;
}
.hero-large.lithion-custom-3 {
background-image: linear-gradient(90deg, #000c 39%, #0000), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/6890f2d9cb38604049c8666a_IM2025_Lithion_LakeMead1465.jpg");
background-position: 0 0, 0 0;
background-size: auto, auto;
height: 90vh;
}
.hero-large.homegrid {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68927f58849f17e4aaa829b1_Open%20garage-%20cool%20version.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
min-height: 80vh;
}
.hero-large.homegrid.padding-global {
background-image: linear-gradient(90deg, #091218cc, #0000 57%), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68927f58849f17e4aaa829b1_Open%20garage-%20cool%20version.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
min-height: 80vh;
max-height: 90vh;
}
.hero-large.charger {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/688cd5121f012730ee4a2fa8_Oil%20Exploration%20Rig.jpg");
background-position: 0%;
background-size: cover;
min-height: auto;
max-height: 90vh;
padding-bottom: 50px;
}
.hero-large.gridbox {
background-image: linear-gradient(22deg, #125579c7 17%, #0d2c6600 61%), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/688cd069b7b30122fb9e91c7_Gridbox%20hero.webp");
background-position: 0 0, 0 0;
background-size: auto, cover;
min-height: 90vh;
max-height: 90vh;
}
.hero-large.engineered {
background-image: linear-gradient(94deg, #00295aba 25%, #0000), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68c351a2f57d3a4f41dc0227_IM2025_Lithion_Wigwam743.jpg");
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
min-height: 80vh;
}
.hero-large.engineered.power {
background-image: linear-gradient(94deg, #38659b99 4%, #0000), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/688ccc8728f0566a3827220a_Deep%20Sea%20Oil%20Rig.jpg");
background-position: 0 0, 50% 0;
min-height: 90vh;
max-height: 90vh;
}
.hero-large.engineered.lps {
background-image: linear-gradient(44deg, #00295aba 36%, #0000), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68c351a2f57d3a4f41dc0227_IM2025_Lithion_Wigwam743.jpg");
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
min-height: 90vh;
}
.hero-large.aved {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/688cd7ddcc3c695e59e71f99_Doctors%20in%20operating%20room.jpg");
background-position: 50% 0;
background-size: cover;
min-height: 90vh;
max-height: 90vh;
}
.hero-large.installers {
background-image: linear-gradient(90deg, #000c 29%, #0000 45%), url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/689d124ca7e39fcff9987bee_wooden%20garage%202.jpg"), linear-gradient(#00000080, #00000080);
background-position: 0 0, 50%, 0 0;
background-repeat: repeat, no-repeat, repeat;
background-size: auto, cover, auto;
height: 90vh;
}
.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;
justify-content: space-between;
place-items: center stretch;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.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 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center start;
padding-top: 8rem;
padding-bottom: 8rem;
display: block;
}
.hero.text-big {
height: auto;
margin-top: 0;
padding-top: 15rem;
padding-bottom: 10rem;
display: block;
}
.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;
padding-left: 0;
}
.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);
}
.logos {
margin-left: -3px;
padding-left: 0;
}
.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: 1.25fr;
grid-auto-columns: 1fr;
place-items: center;
width: 100%;
display: grid;
}
.uui-faq02_component.align-center {
place-items: center;
}
.uui-faq02_content {
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 80%;
display: flex;
}
.uui-faq02_list {
width: 100%;
padding-left: 0;
}
.uui-faq02_list-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, 99%);
grid-auto-columns: 100%;
place-items: center;
width: 100%;
display: grid;
overflow: visible;
}
.uui-faq02_list-grid.homegrid-faq-page {
place-items: center start;
}
.uui-faq02_question {
cursor: pointer;
justify-content: space-between;
align-items: center;
width: 832px;
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: #eee;
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);
width: 100%;
padding-top: 30px;
padding-left: 30px;
}
.faq.hg {
padding-top: 115px;
}
.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;
box-shadow: 5px 2px 6px #10101033;
}
.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 {
z-index: 999;
background-color: #fff;
height: 92px;
margin-top: 0;
margin-bottom: 0;
padding: 1rem 2.5rem;
position: sticky;
inset: 0% 0% auto;
overflow: visible;
box-shadow: 5px 2px 6px #0003;
}
.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;
}
.nav-menu-dropdown.small-nav-button.homegrid {
display: none;
}
.nav-menu-dropdown.get-started-btn {
color: #fff;
background-color: #000;
border-radius: 20px;
}
.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 {
background-color: #fff;
border: 1px #f9eeee;
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;
background-color: #fff0;
}
.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 {
padding: 10px 20px;
display: none;
}
.rl_navbar2_dropdown-list.w--open {
background-color: #fff;
border: 0 solid #000;
border-radius: 8px;
padding: .5rem 20px;
position: absolute;
box-shadow: 0 2px 5px #0003;
}
.rl_navbar2_dropdown-list.get-started-list {
background-color: #fff;
}
.rl_navbar2_dropdown-list.get-started-list.w--open {
padding-left: 15px;
padding-right: 15px;
}
.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: 5px 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;
min-height: 20vh;
padding-top: 280px;
padding-bottom: 60px;
}
.grid-11.lithion-custom {
padding-top: 60px;
}
.grid-11.lithion {
min-height: 50vh;
padding-top: 60px;
}
.grid-11.charger {
padding-top: 20px;
padding-bottom: 20px;
}
.grid-11.hg {
min-height: auto;
padding-top: 20px;
padding-bottom: 20px;
}
.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;
flex-flow: column;
flex: 1;
grid-template-columns: 1fr;
justify-content: space-between;
align-self: center;
align-items: flex-start;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.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-brand-1.valence {
grid-template-columns: .25fr .25fr .25fr;
}
.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;
}
.nav-bar-brand-1.valence {
padding-left: 0;
padding-right: 0;
}
.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-neutral--neutral-lightest);
}
.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;
margin-bottom: 40px;
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: left;
width: 100%;
display: block;
}
.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 {
flex-flow: column;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.product-card-info.all {
background-color: #fff;
border-radius: 10px;
height: 100%;
}
.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;
display: block;
}
.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);
}
.color-background.hginstallers {
background-color: var(--base-color-neutral--white);
}
.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);
border-radius: 10px;
display: flex;
}
.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;
width: 100%;
height: 100%;
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: 100px;
overflow: hidden;
}
.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: none;
background-repeat: repeat;
background-size: auto;
height: auto;
padding-top: 40px;
padding-bottom: 40px;
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: 220px;
padding-right: 220px;
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;
}
.image-gallery-products._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.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;
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;
margin-left: 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;
text-align: left;
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_grid.custom {
grid-template-columns: 1fr;
}
.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;
justify-content: stretch;
place-items: center start;
height: 100%;
padding: 2rem;
display: grid;
}
.grid-24 {
grid-template: ". Area"
/ 1fr 1fr 1fr 1fr;
padding-bottom: 0;
}
.grid-24.lithion, .grid-24.aved {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.collection-item-20 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fff;
border-radius: 10px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 20px;
display: flex;
}
.collection-list-17 {
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-48 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: flex;
}
.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 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(--engineered-power-secondary);
}
.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 {
background-color: var(--base-color-neutral--neutral-lightest);
height: 100%;
}
.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;
}
.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 1fr;
grid-auto-rows: 1fr;
width: 100%;
}
.uui-layout82_list-x2.charger-features {
grid-template-columns: 1fr 1fr;
}
.uui-layout82_list-x2.gridbox-use-case {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.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: 100%;
min-width: 5rem;
height: 175%;
display: block;
position: absolute;
inset: auto;
}
.btn-bg.c-10 {
background-color: #fff;
border: 1px solid #000;
border-radius: 50rem;
align-self: center;
width: 130%;
min-width: auto;
height: 120%;
inset: auto;
}
.btn-bg.c-10.charger {
background-color: var(--aved-red);
}
.btn-bg.c-10 {
background-color: var(--base-color-brand--blue);
color: var(--base-color-brand--blue);
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.outline {
background-color: var(--base-color-brand--blue);
border-style: none;
padding: .75rem 1.25rem;
}
.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);
text-align: left;
border-width: 0;
}
.btn-bg.c-10.lithion:hover {
background-color: var(--base-color-brand--brand);
}
.btn-bg.c-10.lithion.outline {
background-color: #fff0;
border-color: #fff;
}
.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: #fff0;
}
.btn-bg.c-10.ep {
background-color: var(--engineered-power-secondary);
border-width: 0;
}
.btn-bg.c-10.ep.outline {
background-color: var(--untitled-ui--gray100);
}
.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);
flex: 0 auto;
justify-content: space-between;
align-items: center;
display: block;
}
.btn-bg.c-10.charger.outline.lps {
background-color: var(--untitled-ui--gray100);
}
.btn-bg.c-10.charger.outline.lps:hover {
background-color: var(--untitled-ui--white);
}
.btn-bg.c-10.charger.outline.special, .btn-bg.c-10.charger.outline.shell {
background-color: var(--untitled-ui--gray100);
}
.btn-bg.c-10.homegrid {
background-color: #fff0;
background-image: none;
background-size: auto;
border-style: none;
border-width: 0;
}
.btn-bg.c-10.homegrid.outline {
border-color: var(--homegrid-blue);
}
.btn-bg.c-10.homegrid.interior-black {
background-color: var(--base-color-neutral--black);
background-image: none;
}
.btn-bg.c-10.gridbox {
background-color: var(--base-color-neutral--black);
}
.btn-bg.c-10.gridbox:hover {
background-color: var(--homegrid-blue);
}
.btn-bg.c-10.gridbox.outline {
background-color: #fff0;
border-style: none;
}
.btn-bg.c-10.gridbox.outline.white {
color: var(--base-color-neutral--white);
}
.btn-bg.c-10.gridbox.outline.special:hover {
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 {
color: #000;
justify-content: flex-start;
align-items: center;
height: 100%;
padding-top: 0;
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.homegrid.align-center {
background-color: var(--base-color-neutral--black);
background-image: none;
background-size: auto;
min-width: 50%;
}
.button-5.c-12.gridbox {
background-color: var(--base-color-neutral--black);
}
.button-5.c-12.gridbox.outline, .button-5.c-12.gridbox.outline:hover {
border-style: solid;
border-color: var(--base-color-neutral--black);
}
.button-5.c-12.gridbox.outline.white {
border-color: var(--base-color-neutral--white);
}
.button-5.c-12.gridbox.outline.white:hover {
border-color: var(--base-color-neutral--white);
color: #fff;
-webkit-text-stroke-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);
margin-left: 0;
}
.button-5.c-12.ep {
background-color: var(--engineered-power-secondary);
}
.button-5.c-12.ep.outline {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-color: var(--engineered-power-secondary);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
}
.button-5.c-12.ep.outline._2 {
border-color: var(--base-color-neutral--white);
}
.button-5.c-12.charger {
background-color: var(--charger-orange);
}
.button-5.c-12.charger.outline {
border-color: var(--charger-orange);
background-color: #fff;
}
.button-5.c-12.charger.outline.shell {
border-color: var(--base-color-neutral--white);
background-color: #fff0;
}
.button-5.c-12.homegrid {
color: #fff;
background-color: #00adee00;
background-image: none;
background-size: auto;
border: 1px solid #000;
}
.button-5.c-12.homegrid.outline {
border-color: var(--homegrid-blue);
background-image: none;
}
.button-5.c-12.homegrid.interior-black {
color: #fff;
}
.button-5.c-12.homegrid.interior-black.product {
background-color: var(--base-color-neutral--black);
background-image: none;
}
.button-5.c-12.outline {
border: 1.5px solid var(--base-color-brand--brand);
color: #000;
background-color: #fff0;
background-image: none;
}
.button-5.c-12.outline.gridbox {
border-color: var(--base-color-neutral--black);
justify-content: flex-start;
align-items: center;
}
.button-5.c-12.outline.gridbox:hover {
border-color: var(--base-color-neutral--black);
color: #000;
}
.button-5.c-12.outline.lithion {
border-color: var(--base-color-brand--brand);
}
.button-5.c-12.outline.white {
border-color: var(--base-color-neutral--white);
}
.button-5.c-12.outline.black, .button-5.c-12.outline.gb {
border-color: var(--base-color-neutral--black);
}
.button-5.c-12.outline.gb:hover {
border-color: var(--homegrid-blue);
color: #00adee;
}
.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%;
display: block;
}
.image-16.center-align {
width: 100%;
}
.div-block-55 {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/687b2571818c8ff8ae5bbbff_e164831b73129d5304ca73fc524eb12480528139-3008x1779.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
width: 30rem;
height: 50rem;
}
.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 {
grid-column-gap: 13px;
grid-row-gap: 13px;
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 {
aspect-ratio: auto;
border-radius: 5px;
width: auto;
max-height: 100%;
position: absolute;
inset: 0%;
overflow: visible;
}
.rl_gallery3_image-wrapper {
aspect-ratio: auto;
width: 100%;
height: 100%;
padding-top: 100%;
display: flex;
position: relative;
overflow: visible;
}
.rl_gallery3_spacing-block-1 {
width: 100%;
padding-bottom: 1.5rem;
}
.rl_gallery3_lightbox-link {
object-fit: fill;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: block;
overflow: visible;
}
.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;
place-items: stretch stretch;
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;
overflow: hidden;
}
.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;
}
.collection-list-19.homegrid-product {
grid-template-columns: 1fr 1fr 1fr;
}
.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.homegrid.white {
color: #fff;
}
.btn-icon-arrow-2.hover.outline, .btn-icon-arrow-2.hover.outline:hover, .btn-icon-arrow-2.hover.outline.lithion {
color: var(--base-color-brand--brand);
}
.btn-icon-arrow-2.hover.outline.white {
color: var(--base-color-neutral--white);
}
.btn-icon-arrow-2.hover.outline.hg {
color: var(--base-color-neutral--black);
}
.btn-icon-arrow-2.hover.outline.gb, .btn-icon-arrow-2.hover.outline.gb:hover {
color: var(--homegrid-blue);
}
.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.hover.gb-outline {
color: #00adee;
}
.btn-icon-arrow-2.lithion.outline, .btn-icon-arrow-2.lithion.outline.brand {
color: var(--base-color-brand--brand);
}
.btn-icon-arrow-2.lithion.outline.white {
color: var(--base-color-neutral--white);
}
.btn-icon-arrow-2.lithion.outline.hg, .btn-icon-arrow-2.lithion.outline.gb {
color: var(--base-color-neutral--black);
}
.btn-icon-arrow-2.lithion.outline-gb {
color: #000;
}
.btn-icon-arrow-2.lithion.outline-gb.white {
color: #fff;
}
.btn-icon-arrow-2.homegrid {
color: var(--base-color-neutral--black);
}
.btn-icon-arrow-2.homegrid:hover, .btn-icon-arrow-2.homegrid.outline {
color: #000;
}
.btn-icon-arrow-2.homegrid.white {
color: #fff;
}
.btn-icon-arrow-2.valence-outline {
color: var(--valence-green);
}
.btn-icon-arrow-2.aved-outline {
color: var(--aved-red);
}
.btn-icon-arrow-2.aved-outline.white {
color: var(--base-color-neutral--white);
-webkit-text-stroke-color: var(--base-color-neutral--white);
}
.btn-icon-arrow-2.ep {
color: var(--engineered-power-secondary);
}
.btn-icon-arrow-2.ep._2 {
color: var(--base-color-neutral--white);
}
.btn-icon-arrow-2.charger-outline {
color: var(--charger-orange);
}
.btn-icon-arrow-2.charger-outline.white {
color: var(--base-color-neutral--white);
-webkit-text-stroke-color: var(--base-color-neutral--white);
}
.btn-icon-arrow-2.lps-outline {
color: #2063b1;
margin-left: auto;
margin-right: auto;
}
.btn-icon-arrow-2.gb-outline, .btn-icon-arrow-2.gb-outline:hover {
color: #000;
}
.btn-txt-4 {
color: #fff;
position: relative;
}
.btn-txt-4.lithion {
color: var(--base-color-neutral--white);
}
.btn-txt-4.lithion.outline {
color: var(--base-color-brand--brand);
}
.btn-txt-4.lithion.outline.gridbox {
color: var(--base-color-neutral--black);
}
.btn-txt-4.lithion.outline.gridbox:hover {
color: var(--homegrid-blue);
}
.btn-txt-4.lithion.outline.white {
color: var(--base-color-neutral--white);
}
.btn-txt-4.lithion.outline.black {
color: var(--base-color-neutral--black);
}
.btn-txt-4.lithion.brand {
color: var(--base-color-brand--brand);
}
.btn-txt-4.lithion.gridbox.outline:hover {
color: var(--base-color-neutral--black);
}
.btn-txt-4.lithion.gridbox.outline.white {
color: var(--base-color-neutral--white);
}
.btn-txt-4.homegrid, .btn-txt-4.homegrid.outline-buttin {
color: #000;
}
.btn-txt-4.homegrid.white {
color: #fff;
}
.btn-txt-4.outline {
color: var(--valence-green);
}
.btn-txt-4.outline.black {
color: var(--base-color-neutral--black);
}
.btn-txt-4.outline.black:hover {
color: var(--homegrid-blue);
}
.btn-txt-4.aved-outline {
color: var(--aved-red);
}
.btn-txt-4.aved-outline.white {
color: var(--base-color-neutral--white);
-webkit-text-stroke-color: var(--base-color-neutral--white);
}
.btn-txt-4.ep-outline {
color: var(--engineered-power-secondary);
}
.btn-txt-4.ep-outline._2 {
color: var(--base-color-neutral--white);
}
.btn-txt-4.lps-outline {
color: var(--charger-orange);
}
.btn-txt-4.lps-outline.get-staerted.specs-link {
color: var(--base-color-neutral--black);
font-weight: 700;
}
.btn-txt-4.lps-outline.get-staerted.specs-link:hover {
color: var(--charger-orange);
text-decoration: underline;
}
.btn-txt-4.lps-outline.get-staerted.specs-link.rl-text-style-medium-2 {
color: var(--engineered-power-secondary);
align-self: center;
font-weight: 500;
}
.btn-txt-4.lps-outline.get-staerted.specs-link.rl-text-style-medium-2:hover {
color: var(--engineered-power-secondary);
}
.btn-txt-4.lps-outline.get-staerted.specs-link.rl-text-style-medium-2.special {
color: var(--base-color-neutral--black);
font-size: 1rem;
text-decoration: underline;
}
.btn-txt-4.lps-outline.get-staerted.specs-link.rl-text-style-medium-2.special:hover {
color: var(--engineered-power-secondary);
}
.btn-txt-4.rl-text-style-medium-2.valence-body-hp {
color: var(--base-color-neutral--black);
text-decoration: underline;
}
.btn-txt-4.rl-text-style-medium-2.valence-body-hp:hover {
color: var(--valence-green);
text-decoration: underline;
}
.btn-txt-4.rl-text-style-medium-2.gb {
color: #000;
text-decoration: underline;
}
.btn-txt-4.rl-text-style-medium-2.gb:hover {
color: #00adee;
}
.btn-txt-4.rl-text-style-medium-2.lc {
color: #000;
text-decoration: underline;
}
.btn-txt-4.rl-text-style-medium-2.lc:hover, .btn-txt-4.lps-outline {
color: #2063b1;
}
.btn-txt-4.charger-outline {
color: var(--charger-orange);
}
.btn-txt-4.charger-outline.white {
color: var(--base-color-neutral--white);
-webkit-text-stroke-color: var(--base-color-neutral--white);
}
.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 1fr;
width: 55%;
}
.div-block-57 {
z-index: 999;
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;
inset: 0% auto auto;
overflow: visible;
}
.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 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
align-items: center;
width: auto;
margin-top: auto;
padding-left: 0;
position: static;
}
.button-item-lithion.outline.left-align {
justify-content: space-between;
align-items: center;
}
.button-item-lithion.outline.lithion.home-blog {
padding-left: 10px;
padding-right: 10px;
}
.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.outline.valence {
padding-left: 20px;
}
.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 {
justify-content: flex-start;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.button-item-ep.outline {
justify-content: center;
align-items: center;
position: relative;
}
.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 {
border: 1px #000;
justify-content: flex-start;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.button-item-homegrid.align-center {
justify-content: space-between;
align-items: center;
}
.button-item-homegrid.align-center.installer-page {
justify-content: center;
align-items: center;
padding-top: 2rem;
padding-bottom: 2rem;
}
.div-block-58 {
width: 30%;
display: flex;
}
.image-18 {
border-bottom-right-radius: 15px;
max-width: 120%;
transform: translate(0);
}
.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: 0;
padding-bottom: 0;
}
.link-block.w--current {
padding: 0 3px 0 0;
}
.div-block-60 {
background-color: var(--base-color-neutral--neutral-lightest);
margin-top: 92px;
}
.div-block-60.center-style.white {
background-color: var(--base-color-neutral--white);
}
.image-19 {
width: 20px;
height: 20px;
}
.grid-28 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
align-self: flex-end;
width: 100%;
height: 30px;
display: flex;
}
.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--text-primary);
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(--homegrid-blue);
border-style: none;
}
.uui-button-13.valence:hover {
background-color: #2f5f2c;
}
.uui-button-13.valence.new {
background-color: var(--valence-green);
}
.uui-button-13.aved {
background-color: var(--aved-red);
border-width: 0;
}
.uui-button-13.aved:hover {
background-color: #831d24;
border-width: 0;
}
.uui-button-13.homegrid {
background-color: var(--base-color-neutral--black);
color: var(--base-color-neutral--white);
}
.uui-button-13.homegrid:hover {
background-color: var(--base-color-neutral--neutral-dark);
}
.uui-button-13.charger {
background-color: var(--charger-orange);
}
.uui-button-13.lithion-contact {
background-color: var(--text-color--brand);
}
.uui-button-13.lithion-contact:hover {
background-color: var(--base-color-brand--blue-dark);
}
.uui-button-13.lps {
background-color: var(--engineered-power-secondary);
}
.uui-button-13.lps:hover {
background-image: linear-gradient(#00000080, #00000080);
}
.uui-button-13.charger-contact {
background-color: var(--engineered-power-secondary);
}
.uui-button-13.charger-contact:hover {
background-image: linear-gradient(#00000080, #00000080);
}
.uui-button-13.gb:hover {
background-color: var(--homegrid-blue);
}
.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.valence {
background-image: linear-gradient(#eee, #eee);
}
.contact-form-2.valence.gb {
background-image: linear-gradient(#fff, #fff);
}
.contact-form-2.aved {
background-color: #831d24;
}
.contact-wrapper {
grid-column-gap: 1.7rem;
grid-row-gap: 1.7rem;
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 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-neutral--black);
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 #0000;
border-radius: 10px;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
font-family: Lato, sans-serif;
font-weight: 500;
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: var(--base-color-neutral--black);
justify-content: center;
align-items: center;
margin-bottom: 0;
padding-bottom: 10px;
font-family: Lato, sans-serif;
font-size: 15px;
display: flex;
position: absolute;
inset: 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 40px;
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;
}
.mask {
height: 500px;
}
.field-input {
color: #000037bf;
background-color: #0000;
border: 1.5px solid #3e34c80a;
border-radius: 6px;
width: 100%;
min-height: 45px;
font-size: 16px;
box-shadow: 0 2px 5px #0003;
}
.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: 80px;
margin-left: 6px;
margin-right: 6px;
padding-top: 22px;
display: flex;
}
.checkbox_wrap {
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
width: 100%;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.checkbox_wrap.checkbox_centre {
justify-content: center;
padding-top: 1rem;
padding-left: 2rem;
padding-right: 2rem;
}
.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;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.form-wrap.one-lline {
max-width: none;
margin-left: 0;
padding-left: 20px;
}
.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 {
background-color: var(--base-color-neutral--white);
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 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
margin-bottom: 0;
display: flex;
}
.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;
}
.form-wrap-full {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 80%;
display: grid;
}
.form-wrap-full.one-line {
grid-template-columns: 1fr;
}
.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: 100%;
}
.faq-pdp {
background-color: var(--base-color-neutral--neutral-lightest);
width: 90%;
}
.image-20 {
filter: grayscale();
width: 100%;
max-width: none;
}
.image-20:hover {
filter: 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-contact-lithion {
border-radius: 5px;
}
.image-21 {
color: var(--base-color-brand--brand);
}
.div-block-516 {
padding-left: 40px;
padding-right: 40px;
}
.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 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
height: 100%;
display: grid;
}
.collection-list-23 {
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-list-24 {
grid-column-gap: 24px;
grid-row-gap: 24px;
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 {
background-color: #0000;
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(to bottom, var(--base-color-neutral--neutral-light), var(--base-color-neutral--neutral-light));
-webkit-text-fill-color: inherit;
background-position: 0 0;
background-clip: padding-box;
}
.uui-blogpost02_header-2 {
margin-bottom: 0;
position: relative;
}
.uui-section_blogpost02-2 {
padding-top: 80px;
}
.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 {
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: 4rem;
display: flex;
}
.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: 0;
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;
opacity: 1;
background-color: #000000cf;
background-image: radial-gradient(circle, #000, #fff);
width: 100%;
overflow: hidden;
}
.div-block-518 {
background-color: #666666cf;
}
.collection-item-23 {
height: 100%;
display: flex;
}
.contact-photo-charger {
border-radius: 8px;
}
.grid-31 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.grid-32 {
grid-template-rows: auto;
}
.gb-contact {
border-radius: 10px;
width: 300px;
}
.valence-contact {
border-radius: 10px;
}
.radio-button-field {
justify-content: flex-start;
align-items: center;
width: 24%;
min-width: 150px;
height: 80px;
margin-left: 6px;
margin-right: 6px;
padding-top: 22px;
display: flex;
}
.radio-button-field-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #fff;
border: 1px #00000024;
border-radius: 10px;
flex-flow: row;
justify-content: center;
align-items: center;
height: 80%;
margin-right: 0;
padding: 20px 40px;
display: flex;
box-shadow: 0 2px 5px #0003;
}
.hg-contact {
border-radius: 7px;
}
.image-22 {
width: 100px;
height: 100px;
}
.image-22.connect {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68921bbe150309e062114fda_IM2025_Lithion_Charger_659.jpg");
background-position: 0 0;
background-size: auto;
}
.image-22._10gb {
width: 150px;
height: auto;
}
.image-22._20gb {
width: 250px;
height: auto;
}
.image-22.gb3 {
width: auto;
height: 150px;
}
.uui-padding-vertical-xhuge-13-copy {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-layout35_component-copy {
grid-column-gap: 2.2rem;
grid-row-gap: 2.2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: stretch space-around;
align-items: start;
height: 100%;
display: grid;
}
.image-23 {
width: 100px;
height: 100px;
}
.image-24, .image-25 {
border-radius: 10px;
}
.grid-33 {
grid-template-rows: auto;
place-items: center stretch;
}
.brands_contact-copy {
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: 8rem 3rem;
display: flex;
}
.collection-list-25 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-34 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.image-26 {
border-radius: 10px;
}
.image-27 {
border-radius: 10px;
width: 100%;
}
.div-block-519 {
flex-flow: column;
height: 100%;
margin-bottom: 20px;
padding-bottom: 0;
display: flex;
}
.text-block-24 {
background-color: #e4e3e3;
border-radius: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
display: block;
}
.text-block-24.get-started-title {
color: #000;
background-color: #eee;
padding-top: 10px;
padding-bottom: 10px;
}
.grid-35 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.div-block-520 {
z-index: 0;
position: fixed;
}
.div-block-521 {
z-index: 9999808;
position: fixed;
top: 0;
}
.mask-2 {
padding-left: 0;
}
.grid-36 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.radio-button-label {
color: var(--base-color-neutral--black);
text-align: center;
letter-spacing: 0;
width: 100%;
font-family: Lato, sans-serif;
font-size: 15px;
line-height: 1rem;
}
.radio-button-label-2 {
color: var(--base-color-neutral--black);
font-family: Lato, sans-serif;
font-size: 15px;
line-height: 1px;
}
.radio-button-label-3 {
color: var(--base-color-neutral--black);
font-family: Lato, sans-serif;
font-size: 15px;
line-height: 0;
}
.grid-36-copy {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.select-field {
color: var(--base-color-neutral--black);
background-color: #fff;
border: 1px #a0a0a0;
border-radius: 10px;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 20px;
padding-top: 8px;
font-family: Lato, sans-serif;
font-weight: 400;
box-shadow: 0 2px 5px #0003;
}
.text-field {
color: var(--base-color-brand--brand);
border-radius: 10px;
margin-left: 20px;
margin-right: 20px;
font-family: Lato, sans-serif;
box-shadow: 0 2px 5px #0003;
}
.form-wrap-full-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 80%;
display: grid;
}
.form-wrap-full-copy.one-line {
grid-template-columns: 1fr;
}
.div-block-522 {
margin-top: 10px;
margin-bottom: 15px;
}
.image-28 {
border-radius: 9px;
}
.heading-cards {
padding-left: 20px;
}
.aved-contact {
border-radius: 9px;
}
.uui-text-size-medium-15 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: Lato, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-container-large-20 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-21 {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-text-size-large-12 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: Lato, sans-serif;
font-size: 1.125rem;
line-height: 1.5;
}
.uui-text-size-large-12.aved {
font-size: 1rem;
}
.uui-heading-xxsmall-6 {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
margin-top: 0;
margin-bottom: 0;
font-family: Lato, sans-serif;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5;
}
.uui-heading-medium-10 {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: Lato, sans-serif;
font-size: 2.25rem;
font-weight: 600;
line-height: 1.3;
}
.uui-button-14 {
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-14:hover {
border-color: var(--untitled-ui--primary700);
background-color: var(--untitled-ui--primary700);
}
.uui-button-14:focus {
background-color: var(--untitled-ui--primary600);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}
.uui-lightbox_play-icon-2 {
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-2 {
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-button-row-12 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.uui-icon-1x1-xsmall-5 {
width: 1.5rem;
height: 1.5rem;
}
.uui-layout05_component-2 {
grid-column-gap: 4rem;
grid-row-gap: 0rem;
background-color: var(--base-color-neutral--neutral-lightest);
border-radius: 9px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding: 20px 40px;
display: block;
}
.uui-layout05_component-2.aved-services {
grid-column-gap: 4rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.uui-button-secondary-gray-11 {
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-11:hover {
background-color: var(--untitled-ui--gray50);
color: var(--untitled-ui--gray800);
}
.uui-button-secondary-gray-11: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-4 {
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;
}
.uui-layout05_lightbox-2 {
background-color: var(--untitled-ui--gray100);
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
min-height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.uui-layout05_image-01-2 {
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-01-2.shadow-xlarge {
left: auto;
}
.uui-layout05_image-02-2 {
width: 15.25rem;
min-width: 15.25rem;
position: absolute;
inset: auto 0% -5rem 2rem;
}
.uui-space-xsmall-10 {
width: 100%;
min-height: 1rem;
}
.uui-space-xxsmall-5 {
width: 100%;
min-height: .5rem;
}
.uui-padding-vertical-xhuge-23 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.uui-heading-subheading-10 {
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-2 {
grid-column-gap: 1.2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
margin-top: 2rem;
margin-bottom: 2.5rem;
}
.uui-layout05_item-list-2.testing-only {
grid-template-columns: 1fr;
}
.image-29 {
position: absolute;
}
.text-block-25 {
padding-top: 10px;
text-decoration: none;
}
.text-block-26 {
order: 0;
padding-top: 10px;
font-size: 1rem;
}
.text-block-26:hover {
color: #00adee;
}
.text-block-27, .text-block-28, .text-block-29, .text-block-30, .text-block-31 {
padding-top: 10px;
}
.link-2 {
color: var(--base-color-neutral--neutral-darker);
}
.link-2:hover {
color: var(--homegrid-blue);
text-decoration: underline;
}
.sticky-nav {
z-index: 900009;
height: 150px;
position: fixed;
inset: 0%;
}
.sticky-nav.lithion {
z-index: 900;
height: 200px;
}
.div-block-523 {
position: fixed;
inset: 0% 0% auto;
}
.hero-small-lithion {
margin-top: 160px;
}
.div-block-524 {
height: 100%;
margin-top: 0;
padding-top: 0;
}
.padding-top {
margin-top: 100px;
}
.grid-11-copy {
background-color: #fff0;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
justify-content: flex-end;
align-items: stretch;
width: 80%;
padding-top: 60px;
padding-bottom: 60px;
display: flex;
position: absolute;
inset: auto 0% 20% 3%;
}
.grid-11-copy.lithion-custom {
padding-top: 100px;
}
.collection-list-26 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-list-wrapper-10 {
margin-top: 40px;
}
.div-block-525 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
display: flex;
}
.div-block-526 {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
display: flex;
}
.header-wrapper {
border-top: 1px solid #aeb0b5;
justify-content: space-between;
align-items: flex-end;
margin-top: 60px;
margin-bottom: 60px;
padding-top: 20px;
display: flex;
}
.header-wrapper.padding-global {
margin-top: 0;
margin-bottom: 0;
}
.btn {
color: #fff;
background-color: #212121;
border: 1px solid #0000;
border-radius: 4px;
margin-top: 12px;
margin-right: 12px;
padding: 8px 18px;
text-decoration: none;
transition: box-shadow .3s ease-out, border-color .3s ease-out;
display: inline-block;
box-shadow: inset 0 0 #0000;
}
.btn:hover {
color: #fff;
box-shadow: inset 0 0 0 100px #00000026;
}
.btn.btn-primary {
background-color: #4253ff;
border-color: #0000;
}
.btn.btn-primary.cc-dropdown {
background-color: var(--base-color-brand--dark-blue);
margin-top: 0;
padding: 12px 20px;
}
.btn.btn-primary.cc-dropdown.dynamic-filter {
vertical-align: baseline;
border-radius: 20px;
width: 100%;
min-width: 50%;
height: 100%;
min-height: 30px;
font-size: 1.1rem;
display: inline-block;
}
.btn.btn-primary.card-slider_nav-btn {
margin-top: 0;
margin-left: 12px;
margin-right: 0;
padding: 15px 20px;
}
.card-slider_nav {
flex-direction: row;
justify-content: space-between;
align-items: center;
display: flex;
}
.d-inline-block {
display: inline-block;
}
.dropdown-list-2 {
background-color: #fff;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 3px 8px #00000047;
}
.dropdown-list-2.w--open {
background-color: #fff;
}
.header-wrapper_right {
flex: 1;
max-width: 600px;
}
.card-slider_nav-icon {
width: 10px;
height: 18px;
}
.mb-0 {
margin-bottom: 0;
font-family: Lato, sans-serif;
}
.header-wrapper_left {
margin-left: 20px;
display: flex;
}
.btn-icon {
margin-left: 14px;
display: inline-block;
}
.link-block-3 {
padding: 10px 5px 10px 10px;
}
.text-block-32 {
color: var(--base-color-neutral--neutral-darker);
font-family: Lato, sans-serif;
}
.text-block-32:hover {
color: var(--base-color-brand--brand);
}
.collection-list-27 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.custom-contact {
border-radius: 5px;
}
.collection-list-28 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-527 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
height: 100%;
display: flex;
}
.collection-item-24 {
display: flex;
}
.collection-list-29 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-list-wrapper-11 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
}
.div-block-528 {
flex-flow: column;
height: 100%;
display: flex;
}
.collection-list-30 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.uui-layout35_component-copy {
grid-column-gap: 4rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
height: 100%;
display: grid;
}
.collection-list-31, .collection-list-32 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.bold-text-6 {
text-align: center;
vertical-align: baseline;
}
.text-block-33, .collection-list-wrapper-12 {
display: none;
}
.div-block-529 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.aved-link-hover:hover {
color: var(--aved-red);
}
.aved-link-hover.link-2 {
line-height: 1.7;
text-decoration: underline;
}
.form-block-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.form-block-2.padding-xxlarge {
max-width: 50%;
display: block;
}
.field-label, .field-label-2 {
font-family: Lato, sans-serif;
}
.div-block-530 {
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-531 {
position: absolute;
inset: auto 0% -5%;
}
.blogpost-no-top {
opacity: 1;
padding-top: 0;
}
.charger_contact {
border-radius: 5px;
}
.dropdown-link-2 {
color: var(--base-color-neutral--neutral);
letter-spacing: 1px;
padding-top: 15px;
padding-left: 0;
font-family: Lato, sans-serif;
font-weight: 500;
}
.text-block-34 {
color: var(--base-color-neutral--neutral);
letter-spacing: 1px;
padding-top: 15px;
padding-bottom: 10px;
font-family: Lato, sans-serif;
font-weight: 500;
}
.list-layout {
grid-column-gap: 1rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-rows: 1fr;
width: 100%;
}
.collection-list-33 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-532 {
flex-flow: column;
height: 100%;
display: flex;
}
.collection-item-25 {
flex-flow: column;
display: flex;
}
.grid-products {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: var(--base-color-neutral--white);
border-radius: 14px;
flex-flow: column;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
place-content: stretch center;
place-items: flex-start start;
height: auto;
margin-bottom: 0;
padding: 20px;
display: flex;
}
.div-block-533 {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.collection-list-34 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: stretch;
place-items: stretch stretch;
width: 100%;
padding-bottom: 20px;
display: inline-grid;
overflow: visible;
}
.div-block-534 {
padding-bottom: 20px;
}
.div-block-535 {
width: auto;
padding-bottom: 20px;
}
.heading-product-categoriy {
padding-top: 10px;
padding-bottom: 20px;
}
.grid-37 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 3.5fr .5fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
display: flex;
}
.text-block-35 {
color: #fff;
letter-spacing: 1.8px;
text-transform: uppercase;
font-family: Lato, sans-serif;
}
.dropdown-list-3 {
padding-left: 10px;
}
.dropdown-list-3.w--open {
background-color: #fff;
border-radius: 0 0 10px 10px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
box-shadow: 0 2px 5px #0003;
}
.dropdown-toggle-4 {
border-radius: 0;
}
.dropdown-toggle-4.w--open {
background-color: var(--base-color-brand--brand);
border-radius: 20px;
}
.icon-5 {
color: #fff;
}
.dropdown-toggle-5 {
background-color: #0000;
}
.dropdown-toggle-5.w--open {
background-color: var(--base-color-brand--brand);
}
.text-block-36, .icon-6 {
color: #fff;
}
.text-block-37 {
color: #fff;
letter-spacing: 1.8px;
text-transform: uppercase;
font-family: Lato, sans-serif;
}
.dropdown-toggle-6 {
background-color: var(--base-color-brand--brand);
border-radius: 32px;
}
.dropdown-list-4 {
padding-left: 20px;
}
.dropdown-list-4.w--open {
background-color: #fff;
border-radius: 10px;
padding-top: 10px;
padding-bottom: 20px;
padding-right: 20px;
box-shadow: 0 2px 5px #0003;
}
.gmap {
width: 600px;
height: 600px;
}
.section-10 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-536 {
background-color: #fff;
}
.rich-text-product-block {
font-size: var(--logo);
line-height: 115%;
}
.charger-prod-thumbnail {
text-align: left;
border-radius: 5px;
margin-left: 20px;
display: block;
}
.div-block-537 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.div-block-538 {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
min-width: 250px;
padding-left: 0;
display: flex;
}
.hg-product-preview {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.image-30 {
max-width: 50%;
display: block;
}
.collection-list-wrapper-13 {
min-width: 250px;
}
.collection-item-26 {
padding-bottom: 20px;
}
.uui-text-weight-semibold {
font-weight: 600;
}
.uui-text-size-medium-16 {
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-21 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-22 {
padding-left: .125rem;
padding-right: .125rem;
}
.uui-max-width-large-16 {
width: 100%;
max-width: 48rem;
}
.uui-text-size-large-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: 1.125rem;
line-height: 1.5;
}
.uui-heading-xxsmall-7 {
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-11 {
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-15 {
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-15:hover {
border-color: var(--untitled-ui--primary700);
background-color: var(--untitled-ui--primary700);
}
.uui-button-15: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-7 {
color: var(--untitled-ui--gray900);
letter-spacing: 0;
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-bottom: 0;
font-family: Lato, sans-serif;
font-size: 1.5rem;
font-weight: 600;
line-height: 1.4;
display: block;
}
.uui-heading-xsmall-7:hover {
color: var(--base-color-neutral--black);
text-decoration: none;
}
.uui-icon-1x1-xsmall-6 {
width: 1.5rem;
height: 1.5rem;
}
.uui-pricing01_top-left {
margin-right: 1rem;
}
.uui-pricing01_component {
grid-column-gap: 6rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-top: 4rem;
display: grid;
}
.uui-pricing01_content-list {
grid-column-gap: 2rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.uui-pricing01_divider {
background-color: var(--untitled-ui--gray200);
width: 100%;
height: 1px;
margin-top: 2rem;
margin-bottom: 2rem;
}
.uui-pricing01_feature-list {
grid-column-gap: 1.5rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 1rem;
margin-bottom: 2rem;
padding-top: .5rem;
padding-bottom: .5rem;
display: grid;
}
.uui-pricing01_icon-wrapper {
flex: none;
align-self: flex-start;
margin-right: .75rem;
}
.uui-pricing01_feature {
display: flex;
}
.uui-pricing01_item-text-wrapper {
padding-top: .5rem;
padding-bottom: .5rem;
}
.uui-pricing01_item-icon-wrapper {
flex: none;
align-self: flex-start;
margin-right: 1rem;
}
.uui-pricing01_content-item {
display: flex;
}
.uui-badge-3 {
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-3.is-primary {
background-color: var(--untitled-ui--primary50);
color: var(--untitled-ui--primary700);
}
.uui-pricing01_plan-name-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: center;
margin-bottom: .25rem;
display: flex;
}
.uui-pricing01_content-top {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.uui-pricing01_plan {
border: 1px solid var(--untitled-ui--gray200);
border-radius: 1rem;
padding: 2rem;
box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}
.uui-icon-featured-outline-large-5 {
border: .5rem none var(--base-color-neutral--white);
background-color: var(--base-color-neutral--white);
color: var(--untitled-ui--primary600);
border-radius: 0%;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
display: flex;
}
.uui-space-xsmall-11 {
width: 100%;
min-height: 1rem;
}
.uui-space-xxsmall-6 {
width: 100%;
min-height: .5rem;
}
.uui-padding-vertical-xhuge-24 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.uui-heading-subheading-11 {
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-pricing01_top-right-text {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
margin-left: .125rem;
font-size: 1.125rem;
font-weight: 500;
}
.uui-pricing01_top-right-price {
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-pricing01_card-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-lightbox_play-icon-3 {
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-3 {
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-button-row-13 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.uui-layout18_lightbox {
background-color: var(--untitled-ui--gray50);
width: 100%;
height: 100%;
position: relative;
}
.uui-layout18_lightbox-image {
object-fit: cover;
width: 100%;
}
.uui-layout18_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-layout18_item {
justify-content: flex-start;
align-items: center;
display: flex;
}
.uui-layout18_item-list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
margin-bottom: 2.5rem;
}
.uui-layout18_item-text-wrapper {
padding-top: .5rem;
}
.uui-layout18_item-icon-wrapper {
flex: none;
align-self: flex-start;
margin-right: 1rem;
}
.uui-button-secondary-gray-12 {
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-12:hover {
background-color: var(--untitled-ui--gray50);
color: var(--untitled-ui--gray800);
}
.uui-button-secondary-gray-12:focus {
background-color: var(--untitled-ui--white);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}
.section-11 {
background-color: #fff;
}
.image-31 {
border-radius: 5px;
}
.submit-button-2 {
max-width: 159px;
height: 47px;
}
.div-block-539 {
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 80%;
margin-left: 0;
padding-left: 0;
display: flex;
}
.distribution-map-container {
padding-left: 20px;
padding-right: 20px;
}
.bold-text-7 {
color: var(--charger-orange);
}
.main-nav-link-copy {
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-copy.w--current {
color: #ffffff80;
}
.main-nav-link-copy.nav-link {
padding-top: .75rem;
padding-bottom: .75rem;
font-weight: 600;
transition: opacity .2s;
display: block;
}
.main-nav-link-copy.nav-link.w--current {
color: #fff;
border: 1px #fff;
border-radius: 999px;
padding-left: 1rem;
padding-right: 1rem;
font-weight: 600;
}
.main-nav-link-copy.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-copy.nav-link.utility-items:hover {
border-bottom: 1px solid #fff;
}
.main-nav-link-copy.nav-link.utility-items.w--current {
border-radius: 0;
font-weight: 500;
}
.main-nav-link-copy.nav-link.utility-items.selected {
background-color: var(--base-color-brand--dark-blue);
}
.main-nav-link-copy.nav-link.utility-items.selected.w--current {
font-weight: 500;
}
.main-nav-link-copy.nav-link.utility-items.selected.dark {
background-color: var(--base-color-neutral--white);
}
.main-nav-link-copy.nav-link.utility-items.selected.dark.w--current {
text-transform: none;
}
.main-nav-link-copy.nav-link.utility-items.selected-item.w--current {
background-color: var(--base-color-brand--dark-blue);
border-radius: 0;
}
.main-nav-link-copy.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-copy.nav-link.utility-items.dark:hover {
background-color: #bdbdbd;
}
.main-nav-link-copy.nav-link.utility-items.dark.w--current {
color: var(--base-color-neutral--neutral);
text-transform: none;
}
.main-nav-link-copy.nav-link.utility-items.dark.selected {
background-color: var(--base-color-neutral--black);
color: var(--base-color-neutral--white);
}
.main-nav-link-copy.nav-link.dark {
color: var(--link-color--link-secondary);
}
.main-nav-link-copy.dark {
color: var(--base-color-neutral--neutral);
text-transform: none;
padding-top: 15px;
padding-left: .125rem;
padding-right: 0;
font-size: clamp(.75rem, 1.25vw, 1rem);
font-weight: 500;
}
.main-nav-link-copy.dark.get-started-link {
border-bottom: 1px solid #cfcaca;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
}
.main-nav-link-copy.dark.get-start-link-last {
padding-bottom: 15px;
padding-left: 10px;
display: block;
}
.main-nav-link-copy.dark-copy {
color: var(--base-color-neutral--neutral);
text-transform: none;
padding-top: 15px;
padding-left: .125rem;
padding-right: 0;
font-size: clamp(.75rem, 1.25vw, 1rem);
font-weight: 500;
}
.main-nav-link-copy.dark-copy.get-started-link {
border-bottom: 1px solid #cfcaca;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
}
.main-nav-link-copy.dark-copy.get-start-link-last {
padding-bottom: 15px;
padding-left: 10px;
display: block;
}
.image-32 {
box-sizing: border-box;
aspect-ratio: 16 / 9;
width: 100%;
height: 20%;
display: inline-block;
overflow: visible;
}
.select-field-2 {
background-color: var(--base-color-brand--brand);
letter-spacing: 1.8px;
text-transform: uppercase;
border-radius: 32px;
width: 178px;
height: 60px;
font-family: Lato, sans-serif;
}
.select-field-2.by-brand {
color: #fff;
align-self: center;
width: 160px;
height: 40px;
margin-right: 20px;
}
.select-field-2.by-category {
color: #fff;
align-self: center;
width: 160px;
height: 40px;
display: block;
}
.body-2 {
padding-bottom: 0;
overflow: auto;
}
.cta6-form {
align-self: center;
width: 80%;
margin-bottom: 0;
}
.paragraph-70 {
opacity: .7;
margin-bottom: 10px;
}
.paragraph-70.paragraph70-bottom-clear {
margin-bottom: 0;
}
.cta6-icons-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 20px;
display: flex;
}
.text-field-2 {
color: #18181d;
text-transform: none;
background-color: #f5f5f5;
border-style: none;
border-radius: 0;
align-self: stretch;
width: 100%;
margin-bottom: 0;
padding: 30px 20px;
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
.text-field-2:hover {
background-color: #f0f0f0;
}
.text-field-2:active {
background-color: #ececec;
}
.text-field-2:focus {
color: #18181d;
background-color: #ececec;
}
.text-field-2.right-margin-field {
border: 1px none var(--base-color-neutral--neutral-lightest);
background-color: var(--base-color-neutral--neutral-lightest);
text-align: left;
border-radius: .5rem;
flex: 1;
width: 60%;
margin-right: 10px;
padding-top: 25px;
padding-bottom: 25px;
overflow: clip;
}
.button-small {
border: 1px solid var(--base-color-neutral--white);
background-color: var(--untitled-ui--gray100);
color: #fff;
text-align: center;
text-transform: uppercase;
border-radius: 7.1rem;
flex: none;
justify-content: center;
align-items: center;
width: 30%;
padding: .625rem 1.125rem;
font-family: Lato, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
display: flex;
}
.button-small:hover {
background-color: #272731;
}
.cta6-grid {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-items: end;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: grid;
}
.cta6-form-wrap {
justify-content: space-between;
align-items: center;
display: flex;
}
.error-message-3 {
color: #db4b68;
text-align: center;
text-transform: uppercase;
background-color: #db4b680d;
border-bottom: 3px solid #db4b68;
width: 100%;
max-width: 1200px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 10px 20px;
font-size: 12px;
font-weight: 500;
line-height: 20px;
}
.cta6-icon {
margin-right: 20px;
transition: opacity .2s;
display: block;
}
.cta6-icon:hover {
opacity: .7;
}
.success-message-4 {
color: #12b878;
text-align: center;
text-transform: uppercase;
background-color: #12b8781a;
border-bottom: 3px solid #12b878;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 10px 30px;
font-size: 12px;
font-weight: 500;
line-height: 20px;
}
.size3-text {
text-transform: none;
margin-top: 10px;
margin-bottom: 15px;
font-size: 30px;
font-weight: 300;
line-height: 38px;
}
.size3-text.size3-top-clear {
margin-top: 0;
}
.section-12 {
flex-direction: column;
flex: 1;
align-items: center;
padding-left: 36px;
padding-right: 36px;
}
.grid-38 {
grid-column-gap: 2px;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
align-content: start;
}
.div-block-540 {
justify-content: flex-end;
align-items: center;
width: 70%;
margin-right: 0;
display: flex;
}
.newsletter-header {
text-align: right;
text-transform: uppercase;
width: 50%;
margin-right: 10px;
font-family: Lato, sans-serif;
font-size: 1rem;
font-weight: 500;
line-height: 35px;
}
.cta6-form-2 {
align-self: center;
margin-bottom: 0;
}
.paragraph-71 {
opacity: .7;
margin-bottom: 10px;
}
.paragraph-71.paragraph70-bottom-clear {
margin-bottom: 0;
}
.text-field-3 {
color: #18181d;
text-transform: none;
background-color: #f5f5f5;
border-style: none;
border-radius: 0;
align-self: stretch;
width: 100%;
margin-bottom: 0;
padding: 30px 20px;
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
.text-field-3:hover {
background-color: #f0f0f0;
}
.text-field-3:active {
background-color: #ececec;
}
.text-field-3:focus {
color: #18181d;
background-color: #ececec;
}
.text-field-3.right-margin-field {
margin-right: 10px;
padding-top: 30px;
padding-bottom: 30px;
}
.button-small-2 {
color: #fff;
text-align: center;
text-transform: uppercase;
background-color: #18181d;
border-radius: 0;
flex: none;
justify-content: center;
align-items: center;
padding: 18px 30px;
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
display: flex;
}
.button-small-2:hover {
background-color: #272731;
}
.cta6-grid-2 {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.cta6-form-wrap-2 {
display: flex;
}
.section-13 {
flex-direction: column;
flex: 1;
align-items: center;
padding-left: 36px;
padding-right: 36px;
}
.wrapper {
flex-flow: row;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 1230px;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px;
display: flex;
top: 0;
left: 0;
right: 0;
}
.form-with-button {
justify-content: space-between;
align-items: center;
display: flex;
}
.form-2 {
width: 100%;
}
.section-14 {
justify-content: center;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
display: block;
position: relative;
overflow: hidden;
}
.section-14.lc {
display: flex;
}
.row {
flex-flow: row;
flex: 1;
place-content: stretch flex-end;
align-items: center;
margin-left: -15px;
margin-right: -15px;
display: flex;
}
.paragraph-small {
color: #096ad099;
font-size: 15px;
font-weight: 300;
}
.paragraph-small.text-size-small {
color: var(--base-color-neutral--white);
}
.form-field-2 {
color: #096ad0;
background-color: #096ad00a;
background-image: none;
border-style: none;
border-radius: 3px;
min-width: 200px;
margin-bottom: 20px;
padding: 26px 16px;
}
.form-field-2::placeholder {
color: #096ad0;
}
.form-field-2.side-margins {
margin-left: 16px;
margin-right: 16px;
}
.form-field-2.side-margins.no-bottom-margins {
background-color: var(--base-color-neutral--white);
color: #000;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 35px;
margin-bottom: 0;
font-family: Lato, sans-serif;
font-size: .8rem;
}
.form-field-2.side-margins.no-bottom-margins::placeholder {
color: var(--base-color-neutral--neutral);
}
.col {
flex-flow: column;
flex: 0 auto;
align-items: flex-start;
padding-left: 15px;
padding-right: 15px;
display: flex;
position: relative;
}
.col.lg-6 {
flex: 0 auto;
align-items: flex-start;
width: 50%;
}
.col.lg-6.centre-align-vertical {
justify-content: center;
padding-right: 0;
}
.col.lg-5 {
width: 41.66%;
padding-left: 0;
}
.col.lg-1 {
flex: 0 auto;
width: 8.33%;
}
.button-7 {
background-color: #096ad0;
border: 1px solid #096ad0;
border-radius: 40px;
padding: 10px 25px;
font-size: 16px;
font-weight: 300;
transition: all .2s;
box-shadow: 0 4px 11px #013a7554;
}
.button-7:hover {
color: #fff;
background-color: #096ad0;
border: 1px solid #096ad0;
transform: translate(0, -4px);
box-shadow: 0 6px 20px #013a7554;
}
.button-7.side-margins {
letter-spacing: 1px;
text-transform: uppercase;
flex: 1;
align-self: auto;
margin-left: 16px;
margin-right: 16px;
font-family: Lato, sans-serif;
font-size: 14px;
font-weight: 500;
}
.button-7.side-margins.button-item-homegrid {
border-color: var(--base-color-neutral--white);
background-color: #096ad000;
}
.button-7.side-margins.button-item-valence, .button-7.side-margins.button-item-aved {
background-color: #096ad000;
border-color: #fff;
}
.collection-list-35 {
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;
}
.form-3 {
display: flex;
}
.image-33 {
filter: grayscale();
}
.image-33:hover {
filter: none;
}
.image-34 {
filter: grayscale();
}
.image-34:hover {
filter: grayscale(0%);
}
.image-35 {
filter: grayscale();
}
.image-35:hover {
filter: none;
}
.image-36 {
filter: grayscale();
}
.image-36:hover {
filter: none;
}
.image-37 {
filter: grayscale();
}
.image-37:hover {
filter: none;
}
.image-38 {
filter: grayscale();
}
.image-38:hover {
filter: none;
}
.collection-list-36 {
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;
}
.div-block-541 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--background-color--background-mute);
text-overflow: clip;
white-space: normal;
-webkit-text-fill-color: inherit;
background-clip: border-box;
border-radius: 9999px;
justify-content: flex-start;
padding: 10px 15px;
display: flex;
}
.image-39 {
width: 30px;
}
.text-block-38 {
color: var(--base-color-neutral--neutral);
align-self: center;
}
.text-block-38.small {
box-sizing: border-box;
justify-content: flex-start;
align-items: center;
padding-right: 20px;
font-size: .9rem;
display: block;
overflow: visible;
}
.div-block-542 {
grid-column-gap: 35px;
grid-row-gap: 35px;
display: flex;
}
.div-block-543 {
grid-column-gap: 16px;
grid-row-gap: 16px;
order: 0;
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex;
}
.bold-text-8 {
text-align: center;
}
.bold-text-9 {
text-align: left;
}
.div-block-544, .div-block-545 {
grid-column-gap: 35px;
grid-row-gap: 35px;
display: flex;
}
.bold-text-10, .bold-text-11 {
font-weight: 400;
}
.image-40, .image-41, .image-42 {
border-radius: 16px;
}
.div-block-546 {
aspect-ratio: 3 / 2;
object-fit: contain;
width: 100%;
height: auto;
max-height: none;
}
.background-video {
background-image: linear-gradient(81deg, var(--gradient-hero), var(--gradient-hero) 50%);
min-height: 90vh;
margin-top: 90px;
}
.text-block-39 {
background-color: red;
}
.collection-list-37 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: flex;
}
.image-43 {
border-radius: 8px;
}
.faq-title {
justify-content: space-between;
align-items: center;
font-size: 2.8rem;
font-weight: 400;
display: block;
}
.team-homegrid {
grid-template: ". Area"
/ 1fr 1fr 1fr 1fr;
padding-bottom: 0;
}
.collection-item-27 {
flex-flow: column;
justify-content: flex-start;
display: flex;
overflow: hidden;
}
.collection-list-wrapper-14 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: block;
}
.cru-ncf-map-settings {
display: none;
}
.cru-ncf-dynamic-map {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: center;
align-items: stretch;
max-width: 64rem;
margin: 2rem auto;
padding-left: 2rem;
padding-right: 2rem;
}
.cru-ncf-map {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.instructions-delete {
background-color: #f0f0f0;
border-radius: 16px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
margin-bottom: 4rem;
margin-left: auto;
margin-right: auto;
padding: 2rem;
display: flex;
}
.cru-ncf-map-item-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.cru-ncf-map-items {
flex: 1;
overflow: scroll;
}
.ncf-link {
color: #3330ff;
}
.cru-ncf-map-list-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
cursor: pointer;
border: 1px solid #000;
border-radius: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: auto;
padding: 1.25rem;
transition: opacity .2s;
}
.ncf-map-loading-state {
color: #777;
background-color: #f0f0f0;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.ncf-map-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
height: 75vh;
margin-bottom: 2rem;
display: grid;
overflow: hidden;
}
.spinner-illustration {
color: #d3d3d3;
background-color: #f0f0f0;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex;
}
.ncf-map-inner-wrapper {
z-index: 1;
flex: 3 1px;
width: 100%;
height: 100%;
position: relative;
}
.ncf-form {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
overflow: visible;
}
.ncf-filter-reset {
color: #111;
cursor: pointer;
border: 1px solid #000;
border-radius: 12px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
padding: .5rem .75rem;
display: flex;
}
.ncf-label-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
display: flex;
}
.ncf-zoomin-button {
z-index: 401;
cursor: pointer;
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68e01fc47b6263afc2d1e4a5_Plus.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 20px 20px;
border: 1px solid #57595e;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
position: relative;
right: 0;
}
.ncf-zoomout-button {
z-index: 401;
cursor: pointer;
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68e01fc3a04a34847acc0a40_Minus.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 20px 20px;
border: 1px solid #57595e;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
position: relative;
right: 0;
}
.cru-ncf-zoom-controls-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
display: flex;
position: absolute;
inset: 1.5rem 1.5rem auto auto;
}
.ncf-list-item-style-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.ncf-guide-main-headline {
font-size: 32px;
}
.ncf-guide-headline {
margin-top: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: 125%;
}
.ncf-style-heading-wrapper {
margin-bottom: 1rem;
}
.ncf-filter-chip {
cursor: pointer;
border: 1px solid #57595e;
border-radius: 12px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: .5rem 1rem;
transition: all .2s;
display: flex;
}
.cru-ncf-map-styleguide {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
background-color: #f0f0f0;
border-radius: 16px;
flex-flow: column;
margin-top: 2rem;
padding: 2rem;
display: flex;
}
.ncf-address-search-bar {
cursor: auto;
border: 1px solid #000;
border-left-color: #57595e;
border-radius: 12px 0 0 12px;
width: 100%;
height: 2.5rem;
margin-bottom: 0;
padding-left: .75rem;
padding-right: .75rem;
}
.cru-ncf-empty-state {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 1.5rem;
display: flex;
}
.ncf-tooltip-popup-wrapper {
width: 100%;
}
.ncf-tooltip-pop-up-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
place-items: center stretch;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.cru-ncf-pin-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.cru-ncf-pin {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68e01fc2aa23e96a32c7b6b2_Map%20Pin%20New.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 1.25rem;
height: 1.25rem;
transition: all .2s;
position: relative;
}
.ncf-tooltip-popup-inner-wrapper {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.ncf-seperator {
opacity: 0;
width: 0;
max-width: 0;
height: 0;
max-height: 0;
}
.cru-ncf-pop-up {
background-color: #fff;
border-radius: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 20rem;
padding: 1.5rem;
display: flex;
position: relative;
box-shadow: 1px 1px 24px 1px #0000001a;
}
.ncf-pop-up-close {
cursor: pointer;
background-color: #fffc;
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/68e01fc3311d5a62f0565081_Dismiss.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 20px 20px;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 1.75rem;
height: 1.75rem;
padding: .5rem;
display: flex;
position: absolute;
inset: .75rem .75rem auto auto;
}
.ncf-title {
font-size: 1.25rem;
line-height: 125%;
}
.cru-ncf-tooltip {
background-color: #fff;
border-radius: .5rem;
padding: .25rem .5rem;
box-shadow: 1px 1px 10px 2px #0000001a;
}
.item-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: column;
align-items: flex-start;
}
.cru-ncf-list-item-embed {
background-color: #ff6c6c;
border-radius: 4px;
margin-bottom: .5rem;
}
.image-44 {
border-radius: 8px;
}
.collection-item-28 {
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.collection-item-29 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.image-45 {
border-radius: 12px;
}
.form-block-3 {
justify-content: flex-end;
align-items: center;
display: flex;
}
.form-block-4 {
display: none;
}
.div-block-547 {
padding-left: 10px;
padding-right: 10px;
}
@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-h {
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, .section_component.is-about_locations, .section_component.is-about_locations {
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 1fr 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 20px 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 {
padding: 10px 20px;
display: none;
position: absolute;
top: 100%;
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;
}
.dropdown-toggle-2 {
justify-content: center;
align-items: center;
padding-right: 40px;
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;
}
.btn-bg.c-10.outline {
padding-left: 1.25rem;
}
.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 {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex: 0 auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-items: center;
width: 100%;
}
.utility {
width: 80px;
}
.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;
}
.uui-padding-vertical-xhuge-13-copy {
padding-top: 6rem;
padding-bottom: 6rem;
}
.uui-layout05_component-2 {
grid-template-columns: 1fr;
min-height: auto;
}
.uui-layout05_lightbox-2 {
min-height: auto;
padding: 4rem 2rem;
}
.uui-layout05_image-01-2 {
width: 100%;
min-width: 100%;
margin-right: -40%;
position: static;
left: auto;
right: -2rem;
}
.uui-layout05_image-02-2 {
width: 35%;
min-width: auto;
bottom: -15%;
}
.uui-padding-vertical-xhuge-23 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.uui-layout35_component-copy {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-column-gap: 2rem;
grid-row-gap: 4rem;
}
.uui-pricing01_component {
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.uui-padding-vertical-xhuge-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.uui-pricing01_top-right-price {
font-size: 3.25rem;
}
.uui-layout18_lightbox-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.uui-layout18_component {
grid-column-gap: 3rem;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
align-items: start;
min-height: auto;
}
.main-nav-link-copy {
padding-left: 0;
font-size: clamp(1rem, 1.25vw, 1rem);
}
.main-nav-link-copy.nav-link.w--current {
padding-left: 0;
}
.main-nav-link-copy.nav-link.utility-items.dark.w--current, .main-nav-link-copy.nav-link.utility-items.dark.selected {
width: 100%;
}
.cta6-grid {
grid-column-gap: 24px;
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
max-width: 738px;
}
.error-message-3, .success-message-4 {
max-width: 738px;
}
.section-12 {
padding-left: 24px;
padding-right: 24px;
}
.cta6-grid-2 {
grid-column-gap: 24px;
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
max-width: 738px;
}
.section-13 {
padding-left: 24px;
padding-right: 24px;
}
.wrapper {
padding-left: 30px;
padding-right: 30px;
}
.section-14 {
padding-top: 50px;
padding-bottom: 50px;
}
.row {
flex-flow: wrap;
justify-content: flex-start;
}
.col {
width: 50%;
margin-bottom: 0;
padding-left: 15px;
padding-right: 15px;
}
.col.lg-5 {
width: 50%;
}
.col.lg-1 {
display: none;
}
.cru-ncf-map-item-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr;
}
.cru-ncf-map-items {
padding-right: 0;
}
}
@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-h {
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-item {
justify-content: space-between;
align-items: flex-start;
}
.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%;
}
.collection-list-24 {
grid-template-columns: 1fr 1fr;
}
.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;
}
.uui-padding-vertical-xhuge-13-copy {
padding-top: 4rem;
padding-bottom: 4rem;
}
.brands_contact-copy {
border-radius: .75rem;
padding: 1.5rem;
}
.uui-page-padding-21 {
padding-left: 1rem;
padding-right: 1rem;
}
.max-width-full-mobile-landscape-14 {
width: 100%;
max-width: none;
}
.uui-text-size-large-12 {
font-size: 1rem;
}
.uui-heading-xxsmall-6 {
font-size: 1.125rem;
}
.uui-heading-medium-10 {
font-size: 1.75rem;
line-height: 1.4;
}
.uui-button-14 {
font-size: 1rem;
}
.uui-button-14:hover {
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
}
.uui-lightbox_play-icon-2 {
width: 4rem;
height: 4rem;
}
.uui-button-row-12 {
align-self: stretch;
}
.uui-button-row-12.is-reverse-mobile-landscape {
flex-direction: column-reverse;
}
.uui-button-wrapper-13.max-width-full-mobile-landscape-14 {
width: 100%;
}
.uui-layout05_component-2 {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.uui-button-secondary-gray-11 {
padding-left: 1.25rem;
font-size: 1rem;
}
.uui-button-secondary-gray-11:hover {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
}
.uui-layout05_lightbox-2 {
min-height: auto;
padding: 1.5rem 1rem;
}
.uui-layout05_image-01-2 {
width: 100%;
min-width: 100%;
margin-right: -30%;
position: static;
}
.uui-layout05_image-02-2 {
width: 35%;
max-width: none;
bottom: -15%;
left: 1rem;
}
.uui-space-xsmall-10 {
min-height: .75rem;
}
.uui-padding-vertical-xhuge-23 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-layout05_item-list-2 {
margin-top: 1.5rem;
margin-bottom: 2rem;
}
.header-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.btn {
padding: 7px 15px;
}
.header-wrapper_left {
margin-top: 20px;
margin-left: 0;
}
.uui-layout35_component-copy {
grid-row-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.list-layout {
grid-row-gap: 2.5rem;
}
.uui-page-padding-22 {
padding-left: 1rem;
padding-right: 1rem;
}
.uui-text-size-large-13 {
font-size: 1rem;
}
.uui-heading-xxsmall-7 {
font-size: 1.125rem;
}
.uui-heading-medium-11 {
font-size: 1.75rem;
line-height: 1.4;
}
.uui-button-15 {
font-size: 1rem;
}
.uui-button-15:hover {
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
}
.uui-heading-xsmall-7 {
font-size: 1.25rem;
}
.uui-pricing01_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
margin-top: 3rem;
}
.uui-pricing01_content-list {
grid-row-gap: 2.5rem;
}
.uui-pricing01_feature-list {
grid-template-columns: 1fr;
}
.uui-badge-3 {
padding: .125rem .5rem;
}
.uui-pricing01_content-top {
grid-row-gap: 1rem;
flex-direction: column-reverse;
}
.uui-pricing01_plan {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.uui-space-xsmall-11 {
min-height: .75rem;
}
.uui-padding-vertical-xhuge-24 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-pricing01_top-right-text {
font-size: 1rem;
}
.uui-pricing01_top-right-price {
font-size: 3rem;
}
.max-width-full-mobile-landscape-15 {
width: 100%;
max-width: none;
}
.uui-lightbox_play-icon-3 {
width: 4rem;
height: 4rem;
}
.uui-button-row-13 {
align-self: stretch;
}
.uui-button-row-13.is-reverse-mobile-landscape {
flex-direction: column-reverse;
}
.uui-button-wrapper-14.max-width-full-mobile-landscape-15 {
width: 100%;
}
.uui-layout18_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.uui-layout18_item-list {
grid-row-gap: 2.5rem;
margin-bottom: 2rem;
}
.uui-button-secondary-gray-12 {
padding-left: 1.25rem;
font-size: 1rem;
}
.uui-button-secondary-gray-12:hover {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
}
.main-nav-link-copy.nav-link.utility-items.dark {
text-align: center;
width: 100%;
}
.main-nav-link-copy.nav-link.utility-items.dark.w--current {
text-align: center;
width: 100%;
padding-right: 0;
}
.cta6-grid {
grid-column-gap: 20px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
max-width: none;
}
.error-message-3, .success-message-4 {
width: 100%;
max-width: none;
}
.section-12 {
padding-left: 20px;
padding-right: 20px;
}
.cta6-grid-2 {
grid-column-gap: 20px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
max-width: none;
}
.section-13 {
padding-left: 20px;
padding-right: 20px;
}
.row {
flex-wrap: wrap;
}
.form-field-2.side-margins.no-bottom-margins {
min-width: auto;
}
.col.lg-6, .col.lg-5 {
width: 100%;
}
.cru-ncf-map-items {
height: 50vh;
overflow: scroll;
}
.ncf-map-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
height: 90vh;
display: flex;
}
.ncf-map-inner-wrapper {
height: 50vh;
max-height: 480px;
}
}
@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;
}
.padding-global.no-top, .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-h {
font-size: 1.25rem;
}
.form_input.is-contact {
border-width: 1.5px;
}
.heading-style-h2 {
font-size: 2rem;
}
.heading-style-h5 {
font-size: 1.1rem;
}
.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-form-submit.alt {
width: 100%;
}
.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-bcg-parallax.valence-mission {
height: 400%;
}
.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;
}
.image-contain.product.align-center {
width: 100%;
}
.footer-middle-wrapper {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
justify-content: space-between;
align-items: center;
}
.footer-logo.charger {
width: 100%;
}
.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;
padding-left: 0;
}
.email-links-wrapper {
justify-content: flex-start;
align-items: center;
}
.footer-email-link {
font-size: 1rem;
}
.footer-email-link.center {
text-align: center;
}
.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, .main-nav-link.dark-copy {
text-align: left;
padding-left: 0;
padding-right: 0;
}
.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%;
}
.paragraph-big.mobile {
font-size: 20px;
line-height: 24px;
}
.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;
}
.section_blogsection03 {
overflow: clip;
}
.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%;
}
.team02_image {
inset: -42px 0% 0% auto;
}
.uui-team02_image-wrapper {
height: 200px;
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;
}
.uui-button-wrapper-5.max-width-full-mobile-landscape-6 {
width: 100%;
}
._5050-component {
grid-column-gap: 1rem;
grid-template: "."
"Area"
/ 1.25fr;
grid-auto-flow: row;
justify-content: stretch;
place-items: center start;
overflow: auto;
}
.uui-cta01_content {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: fill;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: block;
}
.uui-cta01_image-wrapper {
width: 100%;
}
.uui-cta01_image-wrapper.aved-1 {
width: 100%;
overflow: visible;
}
.uui-cta01_image-wrapper.lithion-1 {
z-index: 1;
object-fit: cover;
width: 100%;
display: block;
overflow: visible;
}
.uui-cta01_image-wrapper.lithion-2, .uui-cta01_image-wrapper.lithion-custom-1, .uui-cta01_image-wrapper.lithion-custom-2, .uui-cta01_image-wrapper.lithion-custom-6.brands {
width: 100%;
}
.uui-cta01_image-wrapper.lithion-custom-6.us_manufacturing {
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.uui-cta01_image-wrapper.lithion-eee {
object-fit: scale-down;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.uui-cta01_image-wrapper.lithion_market_power {
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
display: block;
overflow: visible;
}
.uui-cta01_image-wrapper.gse, .uui-cta01_image-wrapper.epto, .uui-cta01_image-wrapper.ohv {
width: 100%;
}
.uui-cta01_image-02 {
width: 50%;
bottom: -12%;
}
.uui-cta01_image-01 {
width: 150%;
min-width: 150%;
margin-right: -100%;
}
.heading-3 {
white-space: normal;
word-break: normal;
overflow: scroll;
}
.grid {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
width: 100%;
overflow: visible;
}
.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;
}
._5050 {
overflow: visible;
}
.grid-2 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
display: inline-flex;
overflow: auto;
}
.div-block-15 {
display: inline-flex;
overflow: scroll;
}
.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;
}
.logos-title-small {
padding-top: 20px;
padding-bottom: 20px;
}
.container-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: none;
display: block;
}
.clients-wrapper-three {
grid-column-gap: 20px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: center;
width: 100%;
margin-bottom: 0;
display: grid;
}
.clients-wrapper-three.aved {
grid-template-columns: 1fr 1fr 1fr;
}
.clients-image-three {
height: 2.5rem;
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, .uui-layout35_component.charger-connect-bolt-hp-cards {
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;
}
.hero-large {
width: 100%;
}
.hero-large.lithion {
max-height: 130vh;
}
.hero-large.aved {
background-image: url("https://cdn.prod.website-files.com/66ffb64a823d61cba7cd072e/688cd7ddcc3c695e59e71f99_Doctors%20in%20operating%20room.jpg");
background-position: 50%;
background-repeat: no-repeat;
min-height: 40vh;
}
.uui-heroheader07_component {
grid-template-columns: 1fr;
}
.hero.text-big {
padding-top: 8rem;
padding-bottom: 8rem;
}
.grid-7 {
grid-template-columns: 1fr;
grid-template-areas: "Area";
min-height: 0;
}
.logos {
flex-flow: column;
display: block;
}
.uui-faq02_component {
grid-template-columns: 1fr;
justify-content: stretch;
}
.uui-faq02_list-grid {
flex-flow: column;
grid-template-columns: 100%;
display: flex;
}
.uui-faq02_question, .hero-heading-nav {
width: 100%;
}
.uui-heroheader07_component-2 {
grid-template-columns: 1fr;
}
.nav-menu-3 {
flex-direction: column;
}
.nav-button-wrapper-2 {
width: auto;
}
.nav-padding {
width: 100%;
overflow: visible;
}
.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-menu-dropdown.small-nav-button.homegrid {
width: 160px;
}
.button-wrapper-nav-bar {
object-fit: fill;
}
.nav-bar-logo-1 {
justify-content: flex-start;
align-items: center;
}
.rl-dropdown-icon-2 {
position: relative;
right: -96%;
}
.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 {
z-index: 10000;
border-radius: 20px;
display: none;
overflow: hidden;
}
.rl_navbar2_dropdown-list.w--open {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
position: absolute;
}
.rl_navbar2_container-2 {
padding-top: 10px;
padding-bottom: 10px;
}
.dropdown-toggle-2 {
flex: none;
justify-content: flex-end;
align-items: center;
margin-left: 0;
margin-right: 20px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.dropdown-toggle-2.w--open {
flex: none;
position: relative;
overflow: visible;
}
.dropdown-toggle-2.smaller {
border-radius: 26px;
}
.nav-menu-4 {
flex-direction: column;
}
.grid-11 {
grid-template-columns: 1.5fr;
padding-top: 40px;
}
.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;
}
.collection-list-14 {
grid-template-columns: 1fr;
}
.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-21 {
grid-template-columns: 1fr;
}
.testimonials-wrapper-2, .tab-logo {
width: 100%;
}
.rl_layout1_component, .grid-23 {
grid-template-columns: 1fr;
}
.fs-table_instance {
display: block;
overflow: visible;
}
.fs-table_table {
display: flex;
overflow: auto;
}
.grid-24 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: inline-block;
}
.collection-list-17 {
grid-template-columns: 1fr;
}
.grid-25 {
grid-template-columns: 1fr 1fr;
}
.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;
}
.collection-list-19 {
overflow: scroll;
}
.collection-list-19.homegrid-product {
grid-template-columns: 1fr;
}
.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 1fr 1fr 1fr;
width: 90%;
overflow: scroll;
}
.div-block-57 {
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 0;
padding-right: 0;
overflow: scroll;
}
.button-item-lithion.right {
justify-content: flex-end;
align-items: center;
}
.form-field-2col {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.form-radio-2col, .contact-wrapper {
grid-template-columns: 1fr;
}
.uui-form-button-wrapper {
width: 100%;
}
.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;
}
.collection-list-22, .collection-list-23, .collection-list-24 {
grid-template-columns: 1fr;
}
.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;
}
.bold-text-4 {
overflow: auto;
}
.bold-text-5 {
word-break: normal;
}
.brands_contact-copy {
padding: 1rem;
}
.text-block-24 {
font-size: 16px;
}
.grid-35 {
grid-template-columns: 1fr;
}
.uui-layout05_image-01-2 {
width: 150%;
min-width: 150%;
margin-right: -100%;
}
.uui-layout05_image-02-2 {
width: 50%;
bottom: -12%;
}
.uui-layout05_item-list-2 {
grid-template-columns: 1fr;
}
.sticky-nav {
width: 100%;
overflow: hidden;
}
.grid-11-copy {
grid-template-columns: 1.5fr;
padding-top: 100px;
}
.collection-list-26, .collection-list-29 {
grid-template-columns: 1fr;
}
.div-block-531 {
display: inline-flex;
inset: auto 0% -1%;
overflow: visible;
}
.list-layout {
grid-template-columns: 1fr;
}
.grid-products {
width: 100%;
}
.collection-list-34, .uui-pricing01_component, .uui-pricing01_content-list {
grid-template-columns: 1fr;
}
.main-nav-link-copy.dark, .main-nav-link-copy.dark-copy {
text-align: left;
padding-left: 0;
padding-right: 0;
}
.text-field-2.right-margin-field {
margin-bottom: 10px;
}
.button-small {
flex: none;
align-self: stretch;
}
.cta6-grid {
grid-column-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.cta6-form-wrap {
flex-direction: column;
}
.section-12 {
padding-left: 16px;
padding-right: 16px;
}
.text-field-3.right-margin-field {
margin-bottom: 10px;
}
.button-small-2 {
flex: none;
align-self: stretch;
}
.cta6-grid-2 {
grid-column-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.cta6-form-wrap-2 {
flex-direction: column;
}
.section-13 {
padding-left: 16px;
padding-right: 16px;
}
.form-with-button {
flex-direction: column;
}
.form-field-2.side-margins.no-bottom-margins {
margin-bottom: 40px;
}
.col {
margin-bottom: 0;
}
.col.lg-6 {
align-items: flex-start;
width: 100%;
}
.col.lg-5 {
width: 100%;
}
.team-homegrid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: inline-block;
}
.collection-item-27 {
overflow: hidden;
}
.cru-ncf-map-item-list {
height: auto;
}
.ncf-filter-reset {
padding: 6px 12px;
}
.cru-ncf-zoom-controls-wrapper {
top: 1rem;
right: 1rem;
}
.cru-ncf-map-styleguide {
padding-left: 16px;
padding-right: 16px;
}
}
#w-node-c077378e-324e-3529-a114-7d0c33b5bd1b-a7cd0745 {
align-self: auto;
}
#w-node-c077378e-324e-3529-a114-7d0c33b5bd1d-a7cd0745, #w-node-c077378e-324e-3529-a114-7d0c33b5bd21-a7cd0745, #w-node-c077378e-324e-3529-a114-7d0c33b5bd25-a7cd0745, #w-node-c077378e-324e-3529-a114-7d0c33b5bd29-a7cd0745, #w-node-c077378e-324e-3529-a114-7d0c33b5bd2d-a7cd0745, #w-node-c077378e-324e-3529-a114-7d0c33b5bd31-a7cd0745, #w-node-c077378e-324e-3529-a114-7d0c33b5bd37-a7cd0745, #w-node-c077378e-324e-3529-a114-7d0c33b5bd3b-a7cd0745, #w-node-c077378e-324e-3529-a114-7d0c33b5bd3f-a7cd0745, #w-node-c077378e-324e-3529-a114-7d0c33b5bd43-a7cd0745, #w-node-c077378e-324e-3529-a114-7d0c33b5bd47-a7cd0745 {
align-self: start;
}
#w-node-_3f8cbbb0-7dca-cb94-a82f-6d800405595e-a7cd0745 {
align-self: auto;
}
#w-node-_3f8cbbb0-7dca-cb94-a82f-6d8004055960-a7cd0745, #w-node-_3f8cbbb0-7dca-cb94-a82f-6d8004055964-a7cd0745, #w-node-_3f8cbbb0-7dca-cb94-a82f-6d8004055968-a7cd0745, #w-node-_3f8cbbb0-7dca-cb94-a82f-6d800405596c-a7cd0745, #w-node-_3f8cbbb0-7dca-cb94-a82f-6d8004055970-a7cd0745, #w-node-_3f8cbbb0-7dca-cb94-a82f-6d8004055974-a7cd0745, #w-node-_3f8cbbb0-7dca-cb94-a82f-6d8004055978-a7cd0745, #w-node-_3f8cbbb0-7dca-cb94-a82f-6d800405597c-a7cd0745, #w-node-_3f8cbbb0-7dca-cb94-a82f-6d8004055980-a7cd0745, #w-node-_3f8cbbb0-7dca-cb94-a82f-6d8004055984-a7cd0745, #w-node-_05f6b231-b6c7-5964-5096-74e759417732-a7cd0745 {
align-self: start;
}
#w-node-_229e2648-3d43-abe9-25c8-64e2960d732f-a7cd0745 {
align-self: auto;
}
#w-node-_229e2648-3d43-abe9-25c8-64e2960d7331-a7cd0745, #w-node-_229e2648-3d43-abe9-25c8-64e2960d7335-a7cd0745, #w-node-_229e2648-3d43-abe9-25c8-64e2960d7339-a7cd0745, #w-node-_229e2648-3d43-abe9-25c8-64e2960d733d-a7cd0745, #w-node-_229e2648-3d43-abe9-25c8-64e2960d7341-a7cd0745, #w-node-_229e2648-3d43-abe9-25c8-64e2960d7345-a7cd0745, #w-node-_229e2648-3d43-abe9-25c8-64e2960d734b-a7cd0745, #w-node-_229e2648-3d43-abe9-25c8-64e2960d734f-a7cd0745, #w-node-_229e2648-3d43-abe9-25c8-64e2960d7353-a7cd0745, #w-node-_229e2648-3d43-abe9-25c8-64e2960d7357-a7cd0745, #w-node-_229e2648-3d43-abe9-25c8-64e2960d735b-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 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#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-_5eb60f25-a782-31a1-b701-4bed62f6d2ff-b84e76dd, #w-node-a4ca0393-23d1-8eb1-2cf7-8c58b84e76e3-b84e76dd, #w-node-a4ca0393-23d1-8eb1-2cf7-8c58b84e76e7-b84e76dd {
align-self: center;
}
#w-node-a4ca0393-23d1-8eb1-2cf7-8c58b84e76e5-b84e76dd {
place-self: center;
}
#w-node-a4ca0393-23d1-8eb1-2cf7-8c58b84e76e9-b84e76dd {
place-self: center;
}
#w-node-a4ca0393-23d1-8eb1-2cf7-8c58b84e76eb-b84e76dd, #w-node-a4ca0393-23d1-8eb1-2cf7-8c58b84e76e1-b84e76dd {
align-self: center;
}
#w-node-_0e235910-451e-a05f-aab0-44f502918f3a-02918f22 {
justify-self: start;
}
#w-node-a95506df-1706-fa74-d89f-4adae9c09e9a-02918f22, #w-node-_8ee63c7c-6ac5-907c-c7f0-923b443a1727-02918f22 {
justify-self: end;
}
#w-node-f22217fa-b319-8e44-9f6f-4116411aceaf-02918f22 {
align-self: start;
}
#w-node-fa77d78b-68c5-804f-5329-6d53f2401375-02918f22 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center 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-a02cdaf1-d448-5563-4390-e195d4c7849b-a682725e, #w-node-_2b0c8dc0-7d6f-cd7c-1c72-33a0a0b918cd-a682725e, #w-node-_932c4715-5733-b642-8eb4-79dc5299537d-a682725e, #w-node-_76f51824-0d4e-6bea-62ee-8d03429bdc91-a682725e {
justify-self: start;
}
#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 {
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-ddfd80b4-2d8c-0e08-db4f-8230173bd3d1-a0284fd8 {
align-self: center;
}
#w-node-_6e71b60b-8176-cc3e-a0a4-d32cb615c034-a0284fd8 {
place-self: center 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-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-_58fb024b-b669-3012-5cfa-7a60c6ea9886-c6ea987e {
justify-self: start;
}
#w-node-_58fb024b-b669-3012-5cfa-7a60c6ea98c7-c6ea987e {
justify-self: end;
}
#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-_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-_27b4146b-d83e-7edf-5b24-9feaf8475b6e-f8475b47 {
justify-self: center;
}
#w-node-_27b4146b-d83e-7edf-5b24-9feaf8475b90-f8475b47 {
justify-self: end;
}
#w-node-_579e29ec-85eb-b1f2-12f4-5abcfa26855a-fa26853e {
justify-self: center;
}
#w-node-_579e29ec-85eb-b1f2-12f4-5abcfa26857c-fa26853e {
justify-self: end;
}
#w-node-_44347cc2-d58e-73c1-6326-0b7fc105f91a-c105f8dd {
justify-self: center;
}
#w-node-_44347cc2-d58e-73c1-6326-0b7fc105f93c-c105f8dd {
justify-self: end;
}
#w-node-_1f8a10b0-f894-4c65-1444-7ba9121903cf-121903b8 {
justify-self: center;
}
#w-node-_1f8a10b0-f894-4c65-1444-7ba9121903f1-121903b8 {
justify-self: end;
}
#w-node-_9bcd9d64-28a6-d458-3f6b-9c2407cb2c39-e08ad92e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9bcd9d64-28a6-d458-3f6b-9c2407cb2c3a-e08ad92e {
justify-self: center;
}
#w-node-c2bda9aa-ca3f-8748-463c-fd848b7090e5-0e05a579 {
align-self: auto;
}
#w-node-c2bda9aa-ca3f-8748-463c-fd848b7090e7-0e05a579, #w-node-c2bda9aa-ca3f-8748-463c-fd848b7090eb-0e05a579, #w-node-c2bda9aa-ca3f-8748-463c-fd848b7090ef-0e05a579, #w-node-c2bda9aa-ca3f-8748-463c-fd848b7090f3-0e05a579, #w-node-c2bda9aa-ca3f-8748-463c-fd848b7090f7-0e05a579, #w-node-c2bda9aa-ca3f-8748-463c-fd848b7090fb-0e05a579, #w-node-c2bda9aa-ca3f-8748-463c-fd848b7090ff-0e05a579, #w-node-c2bda9aa-ca3f-8748-463c-fd848b709103-0e05a579, #w-node-c2bda9aa-ca3f-8748-463c-fd848b709107-0e05a579, #w-node-c2bda9aa-ca3f-8748-463c-fd848b70910b-0e05a579 {
align-self: start;
}
#w-node-_2d6ae934-b943-2e5f-ec3b-00fca76f4c4e-0e05a579 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
}
#w-node-_2d6ae934-b943-2e5f-ec3b-00fca76f4c5b-0e05a579, #w-node-_2d6ae934-b943-2e5f-ec3b-00fca76f4c68-0e05a579, #w-node-_2d6ae934-b943-2e5f-ec3b-00fca76f4c77-0e05a579, #w-node-_2d6ae934-b943-2e5f-ec3b-00fca76f4c84-0e05a579, #w-node-_2d6ae934-b943-2e5f-ec3b-00fca76f4c90-0e05a579, #w-node-d9ff3acd-d647-8311-7fa2-465848df7b7d-0e05a579 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c4317b69-a535-74dc-8afa-e1f11467aa2f-0e05a579 {
align-self: auto;
}
#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, #w-node-_5cffbbbc-7fc0-1e15-76be-c74d92bdcaf8-92bdca9c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5cffbbbc-7fc0-1e15-76be-c74d92bdcaf9-92bdca9c {
justify-self: center;
}
#w-node-ff4a5ccc-43db-ac72-52d3-44cc76f31a60-b1fc129d, #w-node-ff4a5ccc-43db-ac72-52d3-44cc76f31a08-b1fc129d, #w-node-ff4a5ccc-43db-ac72-52d3-44cc76f31a3b-b1fc129d, #w-node-ff4a5ccc-43db-ac72-52d3-44cc76f31a4e-b1fc129d {
justify-self: start;
}
#w-node-_29a527ad-68cb-1427-099c-c1c5d748e5eb-3c8c0efc {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
}
#w-node-_29a527ad-68cb-1427-099c-c1c5d748e5f7-3c8c0efc, #w-node-_29a527ad-68cb-1427-099c-c1c5d748e604-3c8c0efc, #w-node-_29a527ad-68cb-1427-099c-c1c5d748e613-3c8c0efc, #w-node-_29a527ad-68cb-1427-099c-c1c5d748e620-3c8c0efc, #w-node-_29a527ad-68cb-1427-099c-c1c5d748e62c-3c8c0efc, #w-node-d9ff3acd-d647-8311-7fa2-465848df7b7d-3c8c0efc, #w-node-e71d6020-9593-4f35-0247-0e0a17ce1f51-17d5d4cb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_48891308-7abf-c18a-a15a-af8146e0b955-8ec0f901 {
place-self: start center;
}
#w-node-_8d330fcc-b361-a6ae-48e3-bca3764b5440-8ec0f901 {
place-self: auto;
}
#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-b13986d8-0254-37e7-e6b6-a489b40c6a27-a9da5033, #w-node-b13986d8-0254-37e7-e6b6-a489b40c6a2e-a9da5033, #w-node-b13986d8-0254-37e7-e6b6-a489b40c6a35-a9da5033, #w-node-b13986d8-0254-37e7-e6b6-a489b40c6a3c-a9da5033, #w-node-b13986d8-0254-37e7-e6b6-a489b40c6a43-a9da5033, #w-node-b13986d8-0254-37e7-e6b6-a489b40c6a4a-a9da5033, #w-node-b13986d8-0254-37e7-e6b6-a489b40c6a51-a9da5033 {
align-self: start;
}
#w-node-ee591d98-0f85-afad-3ac9-ceb9357805f1-a9da5033 {
align-self: auto;
}
#w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e0ff5-14183d7f {
justify-self: end;
}
#w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e1009-14183d7f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e100a-14183d7f {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e1017-14183d7f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e1021-14183d7f, #w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e1026-14183d7f, #w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e1027-14183d7f {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e102c-14183d7f, #w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e1031-14183d7f, #w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e1036-14183d7f, #w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e103b-14183d7f, #w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e1040-14183d7f, #w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e1045-14183d7f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e104a-14183d7f, #submitButton.w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e104f-14183d7f {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_98f6f069-4a21-2505-e731-8a052b17eb75-7d9d18a5 {
align-self: auto;
}
#w-node-_98f6f069-4a21-2505-e731-8a052b17eb77-7d9d18a5 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_98f6f069-4a21-2505-e731-8a052b17eb79-7d9d18a5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9721bf65-56a4-bc2d-560c-97e1ceaddf0c-7d9d18a5 {
align-self: auto;
}
#w-node-_259d1d2f-eed1-e6a4-24c2-4ab521e551e6-7d9d18a5 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-e9a89ecb-d488-0432-2054-3b1a8ea767e9-7d9d18a5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_45efcf83-637a-1b2d-6172-9ff8a37829fc-7d9d18a5 {
align-self: auto;
}
#w-node-_45efcf83-637a-1b2d-6172-9ff8a37829fe-7d9d18a5 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_45efcf83-637a-1b2d-6172-9ff8a3782a00-7d9d18a5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_719f8b46-d45f-a5bf-6dde-b1000a3ed89a-7d9d18a5 {
align-self: auto;
}
#w-node-_719f8b46-d45f-a5bf-6dde-b1000a3ed89c-7d9d18a5 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_719f8b46-d45f-a5bf-6dde-b1000a3ed89e-7d9d18a5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_63987f6e-5864-562d-752b-528c45ed6ddf-7d9d18a5 {
align-self: auto;
}
#w-node-_63987f6e-5864-562d-752b-528c45ed6de1-7d9d18a5 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_63987f6e-5864-562d-752b-528c45ed6de3-7d9d18a5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_27cc6052-c583-9a86-3c83-cdc2ef82c8f8-7d9d18a5 {
align-self: auto;
}
#w-node-_27cc6052-c583-9a86-3c83-cdc2ef82c8fa-7d9d18a5 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_27cc6052-c583-9a86-3c83-cdc2ef82c8fc-7d9d18a5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bfda8de5-67d5-1e06-aa19-da64bf523afc-7d9d18a5 {
align-self: auto;
}
#w-node-bfda8de5-67d5-1e06-aa19-da64bf523afe-7d9d18a5 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-bfda8de5-67d5-1e06-aa19-da64bf523b00-7d9d18a5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e169618d-23e1-2f28-edd9-7bdf1c9a7ea0-7d9d18a5 {
align-self: auto;
}
#w-node-e169618d-23e1-2f28-edd9-7bdf1c9a7ea2-7d9d18a5 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-e169618d-23e1-2f28-edd9-7bdf1c9a7ea4-7d9d18a5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fa9c4285-6d8e-0262-e10d-dbef2c07eac4-7d9d18a5 {
align-self: auto;
}
#w-node-fa9c4285-6d8e-0262-e10d-dbef2c07eac6-7d9d18a5 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-fa9c4285-6d8e-0262-e10d-dbef2c07eac8-7d9d18a5, #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 {
justify-self: center;
}
#w-node-_7185b238-72ef-b299-f18e-76c1b90cd585-3ebc3962, #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-_89336f9a-0bff-613a-d1a5-8ce4c793a45b-38786a81 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_89336f9a-0bff-613a-d1a5-8ce4c793a45c-38786a81 {
justify-self: center;
}
#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-edef8623-19ba-6d59-fb05-ab3bf47cda2b-f47cda28 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-edef8623-19ba-6d59-fb05-ab3bf47cda2e-f47cda28 {
justify-self: center;
}
#w-node-edef8623-19ba-6d59-fb05-ab3bf47cda33-f47cda28 {
justify-self: end;
}
#w-node-_0b68e642-56f8-ebce-ec8a-64a562157cde-d2ec6853, #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-d43a2602-3a45-e088-6e9e-b1a0228441d7-62ef0ea3 {
align-self: auto;
}
#w-node-d9ff3acd-d647-8311-7fa2-465848df7b7d-ebfbba3e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_07091563-297d-50da-bcf8-a4d3ee1f79e6-ebfbba3e {
align-self: auto;
}
#w-node-_71a11b6a-ce78-e7f2-a1ec-55059c414576-9c41452d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_71a11b6a-ce78-e7f2-a1ec-55059c414577-9c41452d {
justify-self: center;
}
#w-node-aea63eff-a2c3-7e48-86ea-61ccee78c260-58d90684 {
place-self: start;
}
#w-node-_64c61446-06a2-7fa2-401b-7ed553b2a538-58d90684 {
justify-self: start;
}
#w-node-acb3576b-ff8e-a285-8533-581f12c1ed75-58d90684, #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 {
justify-self: center;
}
#w-node-e66b0975-b407-a022-59cd-0b8893dd6043-cda79a57 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e66b0975-b407-a022-59cd-0b8893dd6044-cda79a57 {
justify-self: center;
}
#w-node-b3bba7db-ffbe-1782-f531-01787e68beaf-4a1da81d, #w-node-f1c48ff5-fb6d-a804-2ed7-df4253c2619a-4a1da81d {
align-self: auto;
}
#w-node-a992e8e9-ba6c-7d67-408c-a5f4dfd37130-e8b43871 {
align-self: stretch;
}
#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-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;
}
#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-f9940b14-9b36-ced2-1e00-7704a655aefc-d853dfeb, #w-node-_4ef9019f-e4f6-4047-2306-96e81cff0a5f-d853dfeb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f0519bc1-3604-1c7c-aa83-f15488067b36-d853dfeb {
align-self: start;
}
#w-node-_3fed9438-1f3d-29c5-5146-8f2c2ca4655d-d853dfeb, #w-node-a991eadf-6783-0f95-04c9-02fed849d8da-e9eb3a0c, #w-node-a991eadf-6783-0f95-04c9-02fed849d8f6-e9eb3a0c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_765c4ea1-c5ee-195b-31ce-a40527b30612-ed638ad9, #w-node-_0359c6fe-d1ab-9d82-d41a-552ff5f10ce4-d4acc6ac {
align-self: auto;
}
#w-node-d9ff3acd-d647-8311-7fa2-465848df7b7d-307730e1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d43a2602-3a45-e088-6e9e-b1a0228441d7-307730e1 {
align-self: auto;
}
#w-node-cfead058-25b1-cf19-1e0a-6875f1b84ddd-a2ca4be0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cfead058-25b1-cf19-1e0a-6875f1b84dde-a2ca4be0 {
justify-self: center;
}
#w-node-_51484adb-e071-f401-ec49-0987e828af99-275403f8 {
align-self: auto;
}
#w-node-_35080190-6448-72f3-2be4-31b3c5afe930-c5afe8e2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_35080190-6448-72f3-2be4-31b3c5afe931-c5afe8e2 {
justify-self: center;
}
#w-node-_3773954c-2d21-acb0-dd87-4c5409301322-9711f699 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3773954c-2d21-acb0-dd87-4c5409301323-9711f699 {
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-fa77d78b-68c5-804f-5329-6d53f2401375-02918f22 {
grid-area: span 1 / span 8 / span 1 / span 8;
align-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 {
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-_58fb024b-b669-3012-5cfa-7a60c6ea98a6-c6ea987e, #w-node-_58fb024b-b669-3012-5cfa-7a60c6ea98b1-c6ea987e {
justify-self: end;
}
#w-node-_58cee84a-090c-95f3-2a93-caa5821a7a60-e08ad92e, #w-node-_7125c3ad-8157-1ff3-9fd4-8b7fd1ef108d-e08ad92e, #w-node-e6de1843-ceb8-d2d0-cc98-375725dc1d62-0e05a579, #w-node-c4fafa18-6227-b58e-817d-b0e861efc745-e83863cf, #w-node-e6de1843-ceb8-d2d0-cc98-375725dc1d62-3c8c0efc, #w-node-_626e0583-3098-2498-3f74-8b938a94eb3a-a9da5033, #w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e1009-14183d7f, #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, #w-node-e6de1843-ceb8-d2d0-cc98-375725dc1d62-307730e1 {
order: -9999;
}
}
@media screen and (max-width: 767px) {
#w-node-_05cf5a82-2134-123e-9282-67ef3fe27178-a7cd0745, #w-node-eb5d634e-a1f9-7b35-63a6-53f6109889e5-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, #w-node-_30e52b77-eb8c-643f-4d81-7bb61f07ec15-165d985f, #w-node-_1d92ad4b-278b-6127-89e7-795d00e64e22-165d985f, #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-_58fb024b-b669-3012-5cfa-7a60c6ea98a6-c6ea987e, #w-node-_58fb024b-b669-3012-5cfa-7a60c6ea98b1-c6ea987e {
justify-self: auto;
}
#w-node-ce14f99d-37be-e9af-2a47-20f7b7d4b6e9-e08ad92e, #w-node-b6536328-2e2e-fe3e-2c5d-0cb98098dc33-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-_07095906-ec73-5a4c-6a2b-d8e94f397c69-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-eb747366-ddd7-ac2b-35c8-2623df9b52bd-b1fc129d, #w-node-_9275625d-775b-4f02-1680-d5c31b249d3c-cd08c988, #w-node-_3a77c9df-6523-2b2c-efea-5d4bc518aad4-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-dad2157e-f8dd-6d8f-5da7-434ef352622e-e7e5189a, #w-node-b1c08735-8b9d-df87-f044-e6b21ab9fc4d-8edb22f7, #w-node-_38d55fd8-514a-3cae-c77a-f1730fc01d16-8edb22f7, #w-node-a29a7ced-344c-1d3f-1cfd-b066f99f23d0-a9da5033, #w-node-e6cfb8ee-816a-d24b-b16a-a9cab7b0919f-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, #w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e0ff5-14183d7f {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e1009-14183d7f {
order: -9999;
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e1040-14183d7f, #w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e1045-14183d7f {
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-_3871c92e-ba91-21e8-c922-47ab13202036-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-_4cf91743-c249-1265-be12-8940c1a119a9-22fc2a4d, #w-node-b35d2532-2b5d-4919-1596-f630e765b1b9-c83cf9dc, #w-node-b1c08735-8b9d-df87-f044-e6b21ab9fc4d-4df6c0ca, #w-node-_47bdd428-59ab-aa20-c855-d0c4c38daa5f-4df6c0ca, #w-node-d3bdca82-217c-4629-5bbb-71551560468b-62ef0ea3, #w-node-e062e51d-a96c-c72f-b636-8f7efbd60d20-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-_2f255db3-f7e0-9cab-4243-21bb7a340c32-a5deb33d, #w-node-_0b3f4413-c1c4-ccc6-8855-e672d0cd5399-f9baad24, #w-node-bf5a00e9-61bb-1668-be36-45a8e5c80537-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-_7070eea2-887d-b15d-162e-2c679c31953c-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, #w-node-_225721d2-4db2-03a0-afd6-ee20e7326b28-84773b99, #w-node-d3bdca82-217c-4629-5bbb-71551560468b-307730e1, #w-node-e062e51d-a96c-c72f-b636-8f7efbd60d20-307730e1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e6de1843-ceb8-d2d0-cc98-375725dc1d60-307730e1 {
order: -9999;
}
#w-node-b1c08735-8b9d-df87-f044-e6b21ab9fc4d-5d7ea852, #w-node-_47bdd428-59ab-aa20-c855-d0c4c38daa5f-5d7ea852 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 479px) {
#w-node-_05cf5a82-2134-123e-9282-67ef3fe27178-a7cd0745, #w-node-eb5d634e-a1f9-7b35-63a6-53f6109889e5-a7cd0745 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fa77d78b-68c5-804f-5329-6d53f2401375-02918f22 {
grid-column: span 4 / span 4;
}
#w-node-b4be83a8-ecb2-31e3-1337-7d2573ceee29-a0284fd8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ce14f99d-37be-e9af-2a47-20f7b7d4b6e9-e08ad92e {
align-self: stretch;
}
#w-node-_58cee84a-090c-95f3-2a93-caa5821a7a60-e08ad92e {
order: 9999;
}
#w-node-_7125c3ad-8157-1ff3-9fd4-8b7fd1ef108d-e08ad92e {
order: -9999;
}
#w-node-_48891308-7abf-c18a-a15a-af8146e0b955-8ec0f901 {
justify-self: start;
}
#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, #w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e100d-14183d7f, #w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e1012-14183d7f, #w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e1017-14183d7f, #w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e101c-14183d7f, #w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e1036-14183d7f, #w-node-_36d6ce48-2ad5-cf20-21fd-d57a103e103b-14183d7f {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-d3bdca82-217c-4629-5bbb-71551560468b-e8b43871 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}