html {
-ms-text-size-adjust: 100%;
-webkit-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: rgba(0, 0, 0, 0);
}
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;
}
figure {
margin: 1em 40px;
}
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;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em;
}
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 {
min-height: 100%;
color: #333;
background-color: #fff;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
max-width: 100%;
vertical-align: middle;
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: rgba(0, 0, 0, 0) !important;
}
.w-code-block {
margin: unset;
}
.w-webflow-badge, .w-webflow-badge * {
z-index: auto;
visibility: visible;
box-sizing: border-box;
width: auto;
height: auto;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
float: none;
clear: none;
box-shadow: none;
opacity: 1;
direction: ltr;
font-family: inherit;
font-weight: inherit;
color: inherit;
font-size: inherit;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
text-align: inherit;
letter-spacing: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
text-indent: 0;
text-transform: inherit;
text-shadow: none;
font-smoothing: auto;
vertical-align: baseline;
cursor: inherit;
white-space: inherit;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
background: none;
border: 0 rgba(0, 0, 0, 0);
border-radius: 0;
margin: 0;
padding: 0;
list-style-type: disc;
transition: none;
display: block;
position: static;
top: auto;
bottom: auto;
left: auto;
right: auto;
overflow: visible;
transform: none;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .1);
visibility: visible !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
opacity: 1 !important;
width: auto !important;
height: auto !important;
background-color: #fff !important;
border-radius: 3px !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;
top: auto !important;
bottom: 12px !important;
left: auto !important;
right: 12px !important;
overflow: visible !important;
transform: none !important;
}
.w-webflow-badge > img {
visibility: visible !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
width: 100%;
height: 100%;
border: none;
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 {
width: 100%;
height: 38px;
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input:-moz-placeholder, .w-select:-moz-placeholder {
color: #999;
}
.w-input::-moz-placeholder, .w-select::-moz-placeholder {
color: #999;
opacity: 1;
}
.w-input::-webkit-input-placeholder, .w-select::-webkit-input-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 {
width: .1px;
height: .1px;
opacity: 0;
z-index: -100;
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 {
width: auto;
height: auto;
cursor: pointer;
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;
width: 28px;
height: 20px;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
-ms-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: " ";
height: 0;
width: 0;
pointer-events: none;
border: solid rgba(0, 0, 0, 0);
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: rgba(117, 134, 150, 0) #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
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: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
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: " ";
height: 0;
width: 0;
pointer-events: none;
border: solid rgba(0, 0, 0, 0);
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
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 {
height: 500px;
color: #fff;
position: relative;
overflow: hidden;
}
.w-background-video > video {
width: 100%;
height: 100%;
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
margin: auto;
position: absolute;
top: -100%;
bottom: -100%;
left: -100%;
right: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: rgba(0, 0, 0, 0);
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
height: 300px;
text-align: center;
clear: both;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
background: #ddd;
position: relative;
}
.w-slider-mask {
z-index: 1;
height: 100%;
white-space: nowrap;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
width: 100%;
height: 100%;
white-space: normal;
text-align: left;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
height: 40px;
text-align: center;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
margin: auto;
padding-top: 10px;
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
width: auto;
height: auto;
font-size: inherit;
line-height: inherit;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px rgba(51, 51, 51, .4);
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: rgba(34, 34, 34, .4);
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
width: 1em;
height: 1em;
cursor: pointer;
background-color: rgba(255, 255, 255, .4);
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 {
width: 80px;
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
margin: auto;
font-size: 40px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 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;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
border: 0;
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;
-ms-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 {
min-width: 100%;
background: #ddd;
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: rgba(0, 0, 0, .9);
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;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
height: 100%;
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
width: 100vw;
height: 100vh;
opacity: 0;
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;
height: auto;
max-width: none;
}
.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: rgba(0, 0, 0, .4);
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.w-lightbox-control {
width: 4em;
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
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 {
height: 2.6em;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow-x: auto;
overflow-y: hidden;
}
.w-lightbox-item {
width: 10vh;
box-sizing: content-box;
cursor: pointer;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
height: 10vh;
background: #222;
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;
width: 40px;
height: 40px;
border: 5px solid rgba(0, 0, 0, .4);
border-radius: 50%;
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 rgba(0, 0, 0, 0);
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
top: -4px;
bottom: -4px;
left: -4px;
right: -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;
top: 0;
bottom: 0;
left: 0;
right: 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: rgba(0, 0, 0, 0);
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 {
width: 100%;
max-width: 100%;
text-align: center;
clear: both;
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;
min-width: 200px;
background: #c8c8c8;
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: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-ms-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;
}
:root {
--main-dark--midnight-blue: #0f3045;
--white: white;
--black: #26272d;
--additional--royal-blue: #5f7cd8;
--text-on-white: #0f3045;
--neutral-100: #f6f6f6;
--primary--medium-sea-green: #24c48e;
--light-bg-2: #eff3f2;
--additional--deep-sky-blue: #04c0f8;
--button-hover--medium-aquamarine: #2ed19b;
--bg--white-smoke: #f2f5f5;
--additional: #5572d3;
--neutral-500: #46474b;
--blynk_light--on-brand: #07271c;
}
.w-embed-youtubevideo {
width: 100%;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
background-position: 50%;
background-size: cover;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
position: relative;
}
.w-embed-youtubevideo:empty {
min-height: 75px;
padding-bottom: 56.25%;
}
.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-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.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-layout {
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-auto-columns: 1fr;
justify-content: center;
padding: 20px;
}
.w-layout-cell {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.w-commerce-commerceaddtocartform {
margin: 0 0 15px;
}
.w-commerce-commerceaddtocartquantityinput {
height: 38px;
width: 60px;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
margin-bottom: 10px;
padding: 8px 6px 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commerceaddtocartquantityinput::-ms-input-placeholder {
color: #999;
}
.w-commerce-commerceaddtocartquantityinput::placeholder {
color: #999;
}
.w-commerce-commerceaddtocartquantityinput:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commerceaddtocartoptionpillgroup {
margin-bottom: 10px;
display: flex;
}
.w-commerce-commerceaddtocartoptionpill {
color: #000;
cursor: pointer;
background-color: #fff;
border: 1px solid #000;
margin-right: 10px;
padding: 8px 15px;
}
.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
color: #fff;
background-color: #000;
}
.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
color: #666;
cursor: not-allowed;
background-color: #e6e6e6;
border-color: #e6e6e6;
outline-style: none;
}
.w-commerce-commerceaddtocartbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
color: #666;
cursor: not-allowed;
background-color: #e6e6e6;
border-color: #e6e6e6;
outline-style: none;
}
.w-commerce-commercebuynowbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
margin-top: 10px;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
color: #666;
cursor: not-allowed;
background-color: #e6e6e6;
border-color: #e6e6e6;
outline-style: none;
}
.w-commerce-commerceaddtocartoutofstock {
background-color: #ddd;
margin-top: 10px;
padding: 10px;
}
.w-commerce-commerceaddtocarterror {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
}
.w-commerce-commercecheckoutformcontainer {
width: 100%;
min-height: 100vh;
background-color: #f5f5f5;
padding: 20px;
}
.w-commerce-commercelayoutcontainer {
justify-content: center;
align-items: flex-start;
display: flex;
}
.w-commerce-commercelayoutmain {
flex: 0 800px;
margin-right: 20px;
}
.w-commerce-commercecartapplepaybutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
height: 38px;
min-height: 30px;
background-color: #000;
border-width: 0;
border-radius: 2px;
align-items: center;
margin-bottom: 8px;
padding: 0;
text-decoration: none;
display: flex;
}
.w-commerce-commercecartapplepayicon {
width: 100%;
height: 50%;
min-height: 20px;
}
.w-commerce-commercecartquickcheckoutbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
height: 38px;
background-color: #000;
border-width: 0;
border-radius: 2px;
justify-content: center;
align-items: center;
margin-bottom: 8px;
padding: 0 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
margin-right: 8px;
display: block;
}
.w-commerce-commercecheckoutcustomerinfowrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-commerce-commercecheckoutblockcontent {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 20px;
}
.w-commerce-commercecheckoutlabel {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutemailinput {
height: 38px;
width: 100%;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutemailinput::-ms-input-placeholder {
color: #999;
}
.w-commerce-commercecheckoutemailinput::placeholder {
color: #999;
}
.w-commerce-commercecheckoutemailinput:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingaddresswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutshippingfullname {
height: 38px;
width: 100%;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingfullname::-ms-input-placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingfullname::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingfullname:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstreetaddress {
height: 38px;
width: 100%;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstreetaddress::-ms-input-placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddress:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional {
height: 38px;
width: 100%;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional::-ms-input-placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutrow {
margin-left: -8px;
margin-right: -8px;
display: flex;
}
.w-commerce-commercecheckoutcolumn {
flex: 1;
padding-left: 8px;
padding-right: 8px;
}
.w-commerce-commercecheckoutshippingcity {
height: 38px;
width: 100%;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingcity::-ms-input-placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcity::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstateprovince {
height: 38px;
width: 100%;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstateprovince::-ms-input-placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstateprovince::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstateprovince:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingzippostalcode {
height: 38px;
width: 100%;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingzippostalcode::-ms-input-placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingzippostalcode:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingcountryselector {
height: 38px;
width: 100%;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingcountryselector::-ms-input-placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcountryselector::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcountryselector:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingmethodswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutshippingmethodslist {
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.w-commerce-commercecheckoutshippingmethoditem {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
flex-direction: row;
align-items: baseline;
margin-bottom: 0;
padding: 16px;
font-weight: 400;
display: flex;
}
.w-commerce-commercecheckoutshippingmethoddescriptionblock {
flex-direction: column;
flex-grow: 1;
margin-left: 12px;
margin-right: 12px;
display: flex;
}
.w-commerce-commerceboldtextblock {
font-weight: 700;
}
.w-commerce-commercecheckoutshippingmethodsemptystate {
text-align: center;
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 64px 16px;
}
.w-commerce-commercecheckoutpaymentinfowrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutcardnumber {
height: 38px;
width: 100%;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardnumber::-ms-input-placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardnumber::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutcardexpirationdate {
height: 38px;
width: 100%;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardexpirationdate::-ms-input-placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardexpirationdate::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutcardsecuritycode {
height: 38px;
width: 100%;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardsecuritycode::-ms-input-placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardsecuritycode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingaddresstogglewrapper {
flex-direction: row;
display: flex;
}
.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
margin-top: 4px;
}
.w-commerce-commercecheckoutbillingaddresstogglelabel {
margin-left: 8px;
font-weight: 400;
}
.w-commerce-commercecheckoutbillingaddresswrapper {
margin-top: 16px;
margin-bottom: 20px;
}
.w-commerce-commercecheckoutbillingfullname {
height: 38px;
width: 100%;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingfullname::-ms-input-placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingfullname::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingfullname:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstreetaddress {
height: 38px;
width: 100%;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstreetaddress::-ms-input-placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddress:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional {
height: 38px;
width: 100%;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional::-ms-input-placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingcity {
height: 38px;
width: 100%;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingcity::-ms-input-placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcity::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstateprovince {
height: 38px;
width: 100%;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstateprovince::-ms-input-placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstateprovince::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstateprovince:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingzippostalcode {
height: 38px;
width: 100%;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingzippostalcode::-ms-input-placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingzippostalcode:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingcountryselector {
height: 38px;
width: 100%;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingcountryselector::-ms-input-placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcountryselector::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcountryselector:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutorderitemswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummaryblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-commerce-commercecheckoutorderitemslist {
margin-bottom: -20px;
}
.w-commerce-commercecheckoutorderitem {
margin-bottom: 20px;
display: flex;
}
.w-commerce-commercecartitemimage {
width: 60px;
height: 0%;
}
.w-commerce-commercecheckoutorderitemdescriptionwrapper {
flex-grow: 1;
margin-left: 16px;
margin-right: 16px;
}
.w-commerce-commercecheckoutorderitemquantitywrapper {
white-space: pre-wrap;
display: flex;
}
.w-commerce-commercecheckoutorderitemoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none;
}
.w-commerce-commercelayoutsidebar {
flex: 0 0 320px;
position: -webkit-sticky;
position: sticky;
top: 20px;
}
.w-commerce-commercecheckoutordersummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
flex-direction: row;
justify-content: space-between;
margin-bottom: 8px;
display: flex;
}
.w-commerce-commercecheckoutsummarytotal {
font-weight: 700;
}
.w-commerce-commercecheckoutplaceorderbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 3px;
align-items: center;
margin-bottom: 20px;
padding: 9px 15px;
text-decoration: none;
display: block;
}
.w-commerce-commercecheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.w-commerce-commercepaypalcheckoutformcontainer {
width: 100%;
min-height: 100vh;
background-color: #f5f5f5;
padding: 20px;
}
.w-commerce-commercecheckoutcustomerinfosummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutsummaryflexboxdiv {
flex-direction: row;
justify-content: flex-start;
display: flex;
}
.w-commerce-commercecheckoutsummarytextspacingondiv {
margin-right: .33em;
}
.w-commerce-commercecheckoutpaymentsummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercepaypalcheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.w-commerce-commerceorderconfirmationcontainer {
width: 100%;
min-height: 100vh;
background-color: #f5f5f5;
padding: 20px;
}
.w-commerce-commercecheckoutshippingsummarywrapper {
margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
.w-commerce-commercelayoutcontainer {
flex-direction: column;
align-items: stretch;
}
.w-commerce-commercelayoutmain {
flex-basis: auto;
margin-right: 0;
}
.w-commerce-commercelayoutsidebar {
flex-basis: auto;
}
}
@media screen and (max-width: 479px) {
.w-commerce-commerceaddtocartquantityinput, .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
font-size: 16px;
}
.w-commerce-commercecheckoutrow {
flex-direction: column;
}
.w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
font-size: 16px;
}
}
body {
color: var(--main-dark--midnight-blue);
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
line-height: 20px;
}
h1 {
color: var(--white);
margin-top: 0;
margin-bottom: 0;
font-family: Raleway, sans-serif;
font-size: 57px;
font-weight: 700;
line-height: 72px;
}
h2 {
margin-top: 0;
margin-bottom: .75em;
font-family: Raleway, sans-serif;
font-size: 52px;
font-weight: 700;
line-height: 64px;
}
h3 {
margin-top: 0;
margin-bottom: 8px;
font-family: Raleway, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 52px;
}
h4 {
margin-top: 0;
margin-bottom: 8px;
font-size: 22px;
line-height: 35px;
overflow: visible;
}
h5 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 1.125em;
font-weight: 500;
line-height: 1.35;
}
h6 {
color: var(--black);
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
font-size: 1em;
font-weight: 700;
line-height: 1.55;
}
p {
margin-bottom: .75em;
font-size: 1.125em;
line-height: 1.7;
}
a {
color: var(--additional--royal-blue);
font-size: 1em;
text-decoration: none;
}
ul {
margin-top: 20px;
margin-bottom: 20px;
padding-left: 30px;
font-size: 16px;
line-height: 25px;
}
li {
margin-bottom: 10px;
padding-left: 10px;
}
strong {
font-weight: bold;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin-bottom: 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin-bottom: 10px;
}
.section {
height: auto;
padding-top: 8em;
padding-bottom: 8em;
display: block;
position: relative;
}
.section.is--hero {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section.is--hero.flex-center {
background-color: var(--text-on-white);
justify-content: center;
margin-bottom: 0;
}
.section.is--grey {
background-color: var(--neutral-100);
padding-top: 136px;
padding-bottom: 136px;
position: relative;
}
.section.is--grey.is--shape-border {
display: none;
position: relative;
}
.section.is--grey.dn {
display: none;
}
.section.is--grey.launch-engin-section {
height: 100vh;
}
.section.is--grey.library {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/645e6dad8c139527d52a3ce6_platformIO_IDE.png");
background-position: 85% 95%;
background-repeat: no-repeat;
background-size: auto;
}
.section.is--grey.migrating {
padding-bottom: 2em;
}
.section.is--dark {
background-color: var(--main-dark--midnight-blue);
}
.section.is--dark.blog-hero {
height: 40vh;
}
.section.is--dark.marketing-section {
padding-bottom: 0;
}
.section.is--dark.behind-scenes {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/655deb83644a77f8db51eace_scheme%20no%20text.png");
background-position: 50% 90%;
background-repeat: no-repeat;
background-size: 1200px;
}
.section.is--photo-bg {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62741cc2e04d07106a3ca76a_blynk-blur_map.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.section.is--footer {
background-color: var(--black);
padding-top: 2em;
padding-bottom: 1em;
}
.section.section-hero__developers {
height: 80vh;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62776ffe5d48321da409e2e2_GithubBanner%201.jpg");
background-position: 0 0;
background-size: cover;
align-items: center;
display: block;
}
.section.is--100vh {
min-height: 100vh;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.section.is--100vh.download-apps {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/629edcd9b107257a97436bea_phone_copy_23x%201%20(1).jpg");
background-position: 145% 100%;
background-repeat: no-repeat;
background-size: 68%;
}
.section.is--gradient {
background-image: linear-gradient(130deg, #528dc7, var(--primary--medium-sea-green));
}
.section.is--green {
background-color: var(--primary--medium-sea-green);
display: block;
}
.section.is--green.blueprint-page-main-screen__contact-us {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/64ac3560e60fbc788e7a70ce_blueprint-contact-us-bg.webp");
background-position: 0 0;
background-size: cover;
flex: 1;
padding: 136px 144px;
display: block;
}
.section.is--inst {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section.is--inst.flex-center {
min-height: 50vh;
justify-content: center;
margin-bottom: 0;
}
.section.is--inst.flex-center.overflow-hidden {
overflow: hidden;
}
.section.is--thank-you {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section.is--thank-you.flex-center {
justify-content: center;
margin-bottom: 0;
}
.section.is--gray {
background-color: #eee;
}
.section.smart-city-herotemp {
display: none;
}
.section.getting-started-hero {
padding-top: 0;
padding-bottom: 0;
}
.section.register {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/645e6c5de2b93ba13bc8fd41_intro_1.png");
background-position: 95% 80%;
background-repeat: no-repeat;
background-size: 50%;
}
.section.section-15 {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/655bd28e4114c4f39a896cad_cta-min.png"), url("https://assets-global.website-files.com/6272e11601c9e296becde07b/633f4129a67559096e69295e_bg.png");
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: auto, cover;
padding: 8em 0;
}
.section.smart-home-page__mobiile-section {
background-color: var(--white);
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/6393319f0aa62051b597401d_app-builder-illustration.png"), url("https://assets-global.website-files.com/6272e11601c9e296becde07b/6336ab8f6c05b1a67fa91ab2_bg-grid%2Bsplash%20(1).png");
background-position: 100% 0, 50%;
background-repeat: no-repeat, no-repeat;
background-size: 50%, cover;
background-attachment: scroll, scroll;
}
.section.hide {
display: block;
}
.section.blueprint-page-content {
padding: 136px 144px;
}
.section.dashboard {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/632cb9cee3ce128558ba4b7a_web-dashboard.png");
background-position: 100%;
background-repeat: no-repeat;
background-size: 50%;
}
.section.hidden {
display: none;
}
.section.steps {
padding-bottom: 0;
}
.section.is--black {
background-color: #212227;
}
.section.is--light-bg2 {
background-color: var(--light-bg-2);
}
.section.is--light-bg2.smart-farming-bg {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/65a9008318e8cbe027581944_3-%20img%20-%20farming%20challenges.png");
background-position: 110% 200px;
background-repeat: no-repeat;
background-size: 50vw;
}
.section.powers-smart-farm {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/6336ab8f6c05b1a67fa91ab2_bg-grid%2Bsplash%20(1).png");
background-position: 0 0;
background-size: 0;
}
.container {
z-index: 3;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 1.25em;
padding-right: 1.25em;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 1em;
position: relative;
}
.container.is--nav {
max-width: 100%;
align-items: center;
padding: 24px;
display: flex;
position: absolute;
}
.container.is--nav.is--2 {
background-color: #fff;
padding-top: 1em;
padding-bottom: 1em;
box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
}
.container.is--full-screen {
max-width: 100%;
padding: 0;
display: none;
}
.container.is--pt2.is--pb2 {
width: auto;
}
.container.is--pt2.is--pb2.our-clients {
padding-bottom: 8em;
}
.container.is--more-space {
height: 90vh;
max-width: none;
padding: 168px 25px 14em 114px;
}
.container.is--footer {
max-width: none;
padding: 4em 114px 0;
}
.container.container__hero-bg {
height: 70vh;
max-width: none;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
position: relative;
}
.container.flex-center {
height: 80vh;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.container.flex-center.p-210 {
height: auto;
padding-top: 6em;
padding-bottom: 5em;
}
.container.flex-center.p-210.blog-hero {
padding-top: 0;
position: relative;
}
.container.flex-center.h-none {
height: auto;
position: relative;
}
.container.is--pb2.not-pt {
padding-top: 0;
}
.container.is--pb2.not-pt.not-pb {
padding-bottom: 0;
}
.container.p-210 {
padding-top: 13.125em;
padding-bottom: 13.125em;
}
.container.page-clients {
min-height: 80vh;
justify-content: center;
align-items: center;
display: flex;
}
.container.is-pt5 {
padding-top: 8em;
padding-bottom: 8em;
}
.container.is-pt5.bloglist {
padding-top: 0;
padding-bottom: 3em;
}
.container.is-pt5.bloglist.secondlist {
padding-top: 0;
}
.container.p-tb-2 {
padding-top: 2em;
padding-bottom: 2em;
}
.container.pt-0 {
padding-top: 0;
}
.container.blog {
padding-top: 6em;
}
.container.blog.not-pt {
padding-top: 0;
}
.container.privacy {
flex-direction: column;
justify-content: flex-end;
display: flex;
}
.container.vid {
max-width: none;
padding-left: 0;
padding-right: 0;
}
.container.blueprint-page-main-screen__contact-us__container {
max-width: 662px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
position: static;
}
.container.hidden {
display: none;
}
.container.behind-scenes {
min-height: 650px;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.style_item {
border-bottom: 1px solid #bdbdbd;
padding-top: 2em;
padding-bottom: 2em;
}
.h2z {
color: var(--main-dark--midnight-blue);
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 2.75em;
line-height: 1.3;
}
.h2z.is--white {
color: #fff;
font-family: Raleway, sans-serif;
font-weight: 700;
}
.h2z.is--white.is--normal {
font-family: Raleway, sans-serif;
font-weight: 400;
}
.h2z.is--white.is--centered {
width: 100%;
text-align: left;
object-fit: fill;
object-position: 50% 50%;
}
.h2z.is--white.is--centered.smart-home-page__h1 {
font-family: Raleway, sans-serif;
font-size: 57px;
line-height: 72px;
}
.h2z.is--white.is--centered.thankyou-header {
text-align: center;
}
.h2z.is--white.is--centered.about-page__h1 {
font-family: Raleway, sans-serif;
font-size: 57px;
line-height: 72px;
}
.h2z.title__clients {
width: 80%;
color: #fff;
text-align: center;
margin-left: auto;
margin-right: auto;
font-family: Raleway, sans-serif;
font-size: 2.75em;
font-weight: 700;
}
.h2z.smart-home-page__h2 {
font-family: Raleway, sans-serif;
font-size: 52px;
line-height: 64px;
}
.p {
font-family: Ubuntu, Helvetica, sans-serif;
font-weight: 300;
}
.p.is--white {
color: var(--white);
}
.p.is--light {
font-weight: 300;
}
.p.is--link {
color: var(--additional--royal-blue);
font-weight: 400;
}
.p.is--link.is--mt-auto {
margin-top: auto;
}
.p.is--link.install {
margin-bottom: 0;
}
.p.is--link.btn {
color: var(--primary--medium-sea-green);
margin-bottom: 0;
}
.p.is--link.btn:hover {
color: var(--white);
}
.p.is--grey {
color: #7c7c7c;
}
.p.install {
color: var(--primary--medium-sea-green);
margin-bottom: 0;
font-weight: 400;
}
.p.install:hover {
color: var(--white);
}
.subtitle {
color: var(--additional--royal-blue);
letter-spacing: .16em;
text-transform: uppercase;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 1em;
font-weight: 700;
}
.subtitle.is--dark {
color: var(--main-dark--midnight-blue);
}
.subtitle.is--light-blue {
color: var(--additional--deep-sky-blue);
}
.subtitle.is--white {
color: var(--white);
}
.subtitle.is--white.is--regular {
font-weight: 400;
}
.lead-text {
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 1.375em;
font-weight: 300;
line-height: 1.55;
}
.lead-text.is--centered {
text-align: center;
font-family: Ubuntu, Helvetica, sans-serif;
}
.lead-text.is--centered._w-60 {
width: 60%;
margin-left: auto;
margin-right: auto;
font-family: Ubuntu, Helvetica, sans-serif;
}
.lead-text.is--centered.is--white.lead-text-small {
text-align: center;
}
.lead-text.is--white {
color: #fff;
}
.lead-text._w-60 {
width: 60%;
}
.subtitle-small {
letter-spacing: 1px;
text-transform: uppercase;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: .85em;
font-weight: 700;
line-height: 1;
}
.subtitle-small.is--green {
color: var(--primary--medium-sea-green);
}
.subtitle-small.is--thin {
text-transform: uppercase;
font-weight: 300;
line-height: 1.3;
}
.subtitle-small.is--thin.subtitle__upper {
text-transform: uppercase;
}
.subtitle-small.is--thin.subtitle__upper.is--grey {
color: #777;
}
.subtitle-small.is--purple {
color: var(--additional--royal-blue);
display: block;
}
.quote {
font-family: Ubuntu, Helvetica, sans-serif;
font-style: italic;
font-weight: 400;
line-height: 1.5em;
}
.quote.country__text {
font-family: Ubuntu, Helvetica, sans-serif;
font-size: .875em;
font-weight: 300;
display: block;
}
.h2 {
width: 100%;
max-width: 100%;
font-family: Raleway, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 52px;
}
.h2.is--white {
color: var(--white);
}
.h2.h2--center {
text-align: center;
}
.h2.h2--center.h2-small {
font-size: 2.25em;
}
.h2.smart-home-page__h3 {
position: static;
}
.h3 {
font-family: Raleway, sans-serif;
}
.h3.is--light-blue {
color: var(--additional--deep-sky-blue);
}
.h3.is--light-blue.centered {
text-align: center;
}
.h3.mb-10 {
mix-blend-mode: normal;
margin-bottom: .25em;
font-size: 32px;
line-height: 38px;
}
.h3.mb-10:hover {
color: var(--additional--royal-blue);
}
.h3.mb-10.blog-list-headline {
margin-bottom: .5em;
}
.h3.h3--center {
text-align: center;
}
.h3.h3--center.is--normal {
font-weight: 400;
}
.h3.h3--center.is--normal.custom-subtitle {
font-size: 32px;
line-height: 36px;
}
.h3.h3--center.is--normal.motto {
width: auto;
max-width: 600px;
margin-left: auto;
margin-right: auto;
font-size: 32px;
line-height: 36px;
}
.h3.h3--center.is--white {
color: #fff;
}
.h3.category-g2 {
text-align: center;
margin-bottom: 20px;
}
.h3.blog-list {
margin-top: 0;
margin-bottom: .5em;
font-size: 32px;
line-height: 38px;
}
.h4 {
font-family: Raleway, sans-serif;
}
.h4.title__table-grid {
max-width: none;
min-width: auto;
text-align: center;
padding-top: 0;
padding-bottom: 0;
}
.h4.title-left__table-grid {
max-width: none;
min-width: auto;
text-align: left;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.h4.title-left__table-grid.mt-20 {
padding-top: 1.25em;
}
.h4.is--light-blue {
color: var(--additional--royal-blue);
text-align: left;
font-weight: 400;
}
.h4.is--light-blue.is--centered {
text-align: center;
}
.h4.is--light-blue.price-wrap-business {
margin-top: 8px;
font-size: 23px;
line-height: 32px;
}
.h4.is--medium {
font-weight: 500;
}
.h4.h4--left {
color: var(--neutral-100);
text-align: left;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 24px;
display: inline;
}
.h4.h4--center {
text-align: center;
}
.h4.h4--center.mt-10 {
margin-top: .625em;
}
.h4.add-on {
color: var(--white);
}
.h4.price-wrap-business {
font-size: 18px;
font-weight: 400;
}
.h4.price-label {
color: var(--white);
text-align: center;
letter-spacing: .05em;
border-radius: 32px;
padding: 4px 16px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 19px;
line-height: 28px;
}
.h4.price-label.business-label {
background-image: linear-gradient(270deg, #2f54eb, #597ef7);
}
.h4.price-label.enterprise-label {
background-image: linear-gradient(#000, #fff);
}
.h4.price-label.free-label {
color: var(--main-dark--midnight-blue);
background-color: rgba(25, 25, 25, .06);
}
.h4.price-label.plus-label {
background-image: linear-gradient(95.68deg, #24c48e, #5471d3);
}
.h4.price-label.pro-label {
background-image: linear-gradient(148.26deg, #ed9d00, #d3435c);
}
.h4.price-options-title {
margin-bottom: 0;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 150%;
}
.h4.price-usd {
color: var(--additional--royal-blue);
text-align: right;
margin-bottom: 0;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 24px;
}
.h4.price-usd.is--centered {
text-align: center;
}
.h4.price-usd.price-wrap-business {
font-size: 23px;
line-height: 32px;
}
.h4.price-usd-addon {
color: var(--white);
text-align: left;
background-color: rgba(255, 255, 255, .1);
border-radius: 8px;
margin-bottom: 0;
padding: 4px 8px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 24px;
}
.h4.price-usd-addon.is--centered {
text-align: center;
}
.h4.price-usd-addon.price-wrap-business {
font-size: 23px;
line-height: 32px;
}
.h4.price-usd-design {
color: var(--white);
text-align: left;
background-color: rgba(255, 255, 255, .1);
border-radius: 8px;
margin-bottom: 0;
padding: 4px 8px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 24px;
}
.h4.price-usd-design.is--centered {
text-align: center;
}
.h4.price-usd-design.price-wrap-business {
font-size: 23px;
line-height: 32px;
}
.h4.price-usd-addon-design {
color: var(--additional--royal-blue);
text-align: left;
background-color: rgba(255, 255, 255, .1);
border-radius: 8px;
margin-bottom: 0;
padding: 4px 8px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 23px;
font-weight: 300;
line-height: 32px;
}
.h4.price-usd-addon-design.is--centered {
text-align: center;
}
.h4.price-usd-addon-design.price-wrap-business {
font-size: 23px;
line-height: 32px;
}
.h5 {
text-align: left;
margin-top: 0;
margin-bottom: 0;
font-family: Raleway, sans-serif;
font-size: 1.125em;
font-weight: 700;
line-height: 1.35em;
display: block;
}
.h5.is--blue {
color: var(--additional--royal-blue);
}
.h5.is--lightblue {
color: var(--additional--deep-sky-blue);
}
.h5.is--white {
color: var(--white);
}
.h5.is--red {
color: #d3435c;
}
.h6 {
margin-top: 0;
margin-bottom: 0;
font-family: Raleway, sans-serif;
font-weight: 400;
}
.h6.subtitle__clients {
color: rgba(255, 255, 255, .63);
text-align: center;
font-weight: 500;
position: relative;
}
.h6.subtitle__clients.is--regular {
font-weight: 400;
}
.h6.subtitle__clients.is--regular.is--bold {
color: var(--additional--royal-blue);
text-align: left;
letter-spacing: 2px;
font-weight: 700;
}
.h6.subtitle__clients.is--regular.is--bold.is--center {
text-align: center;
}
.h6.subtitle__clients.spacing {
letter-spacing: 1px;
}
.h6.float-center {
text-align: center;
}
.h6.float-center.is--bold {
width: 100%;
text-align: left;
}
.h6.float-center.is--bold.is--light-grey {
color: #455661;
}
.h6.float-center.is--bold.is--light-grey.is--centered {
text-align: center;
}
.h6.float-center.white {
text-align: left;
}
.h6.is--bold {
font-weight: 700;
}
.h6.is--bold.left-pos {
text-align: left;
}
.h6.is--bold.is--light-grey {
color: #455661;
text-align: left;
}
.h6.price-subtitle {
color: #0f3045;
text-align: left;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 1em;
font-weight: 500;
line-height: 120%;
}
.h6.price-subtitle.left-pos {
text-align: left;
}
.h6.price-subtitle.is--light-grey {
color: #455661;
text-align: left;
}
.h6.blueprint-page-main-screen__subtitle {
color: var(--additional--deep-sky-blue);
text-align: left;
letter-spacing: 1.2px;
text-transform: uppercase;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 24px;
}
.p-small {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.p-small.is--white {
color: #fff;
}
.p-small.p-all {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
font-weight: 500;
}
.p-small.p-center {
text-align: center;
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
}
.p-small.p-center.mb-10 {
font-weight: 500;
}
.p-small.p-center.flex-vertical {
flex-direction: column;
}
.p-small.p-center.link-inside {
flex-direction: column;
justify-content: center;
display: flex;
}
.p-small.p-tabs {
color: var(--white);
font-size: 1em;
font-weight: 500;
line-height: 19.2px;
display: inline;
}
.p-small.p-tabs.dot-m, .p-small.p-tabs.dot-y {
color: var(--primary--medium-sea-green);
padding-right: 1em;
font-family: Linearicons, sans-serif;
display: none;
}
.p-small.is--light {
font-weight: 300;
display: block;
}
.p-small.is--light.is--grey {
color: #5c5c5c;
}
.p-small.is--light.is--grey.all-caps {
text-transform: uppercase;
}
.p-small.is--light.is--grey.all-caps.mb-10 {
margin-top: .2em;
}
.p-small.is--light.hover-crambs:hover {
border-bottom: 1px solid var(--button-hover--medium-aquamarine);
color: var(--button-hover--medium-aquamarine);
}
.p-small.is--light.is--green {
color: var(--button-hover--medium-aquamarine);
}
.p-small.is--light.linearicon {
font-family: Linearicons, sans-serif;
}
.p-small.is--light.vertical-center {
margin-bottom: 0;
}
.p-small.is--grey {
color: #587182;
}
.p-small.hover-crambs:hover {
border-bottom: 1px solid var(--button-hover--medium-aquamarine);
color: var(--button-hover--medium-aquamarine);
}
.p-small.hover-crambs.is--green {
color: var(--button-hover--medium-aquamarine);
margin-bottom: 0;
}
.p-small.box-text {
font-weight: 300;
display: block;
}
.p-small.box-text.is--grey {
color: #5c5c5c;
}
.p-small.box-text.is--grey.all-caps {
text-transform: uppercase;
}
.p-small.box-text.is--grey.all-caps.mb-10 {
margin-top: .2em;
}
.p-small.box-text.hover-crambs:hover {
border-bottom: 1px solid var(--button-hover--medium-aquamarine);
color: var(--button-hover--medium-aquamarine);
}
.p-small.box-text.is--green {
color: var(--button-hover--medium-aquamarine);
}
.p-small.box-text.linearicon {
font-family: Linearicons, sans-serif;
}
.p-small.box-text.vertical-center {
margin-bottom: 0;
}
.p-large {
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 1.125em;
font-weight: 300;
}
.p-large.is--light {
font-weight: 300;
}
.p-large.is--blue {
color: var(--additional--royal-blue);
}
.p-large.is--gray {
color: #4d4d4d;
}
.p-large.p-light {
font-weight: 300;
display: block;
}
.p-large.business-plan-label {
margin-bottom: 0;
}
.primary-button {
background-color: var(--primary--medium-sea-green);
color: var(--white);
letter-spacing: .5px;
text-transform: uppercase;
border-radius: 100vw;
padding: 1.25em 2em;
font-family: Raleway, sans-serif;
font-size: .875em;
font-weight: 700;
transition: background-color .2s;
display: inline-block;
}
.primary-button:hover {
background-color: var(--button-hover--medium-aquamarine);
}
.primary-button.is--hero {
height: 64px;
max-width: 291px;
text-align: left;
margin-top: 60px;
margin-right: 0;
padding: 20px 32px;
line-height: 24px;
text-decoration: none;
}
.primary-button.is--hero.smart-home-page__web-demo-button {
margin-top: 40px;
}
.primary-button.is--hero.smart-home-page--button, .primary-button.is--hero.smart-city-page__button {
margin-top: 0;
}
.primary-button.is--nav {
background-color: rgba(0, 0, 0, 0);
margin-top: 0;
}
.primary-button.is--nav:hover {
background-color: var(--primary--medium-sea-green);
}
.primary-button.is--long {
align-self: flex-start;
padding-left: 3.6em;
padding-right: 3.6em;
position: -webkit-sticky;
position: sticky;
bottom: 0;
}
.primary-button.btn__contact-us {
padding-left: 3em;
padding-right: 3em;
}
.primary-button.is--nav-2 {
background-color: var(--primary--medium-sea-green);
margin-top: 0;
padding-top: .85em;
padding-bottom: .85em;
}
.primary-button.is--nav-2:hover {
background-color: var(--button-hover--medium-aquamarine);
}
.primary-button.btn__form {
padding-left: 3em;
padding-right: 3em;
font-weight: 700;
}
.primary-button.is--thank-you {
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding: 1.55em 3.75em;
display: inline-block;
}
.primary-button.case-study-nav, .primary-button.card-button {
margin-top: 0;
}
.primary-button.price-card_button {
align-self: flex-start;
display: block;
}
.primary-button.pricing-page {
margin-top: 0;
}
.primary-button.store {
width: 100%;
text-align: center;
transition: transform .25s, top .2s, background-color .2s;
}
.primary-button.store:hover {
transform: translate(0, -6px);
}
.secondary-button {
color: var(--main-dark--midnight-blue);
letter-spacing: .5px;
text-transform: uppercase;
background-color: #fff;
border-radius: 100vw;
padding: 1.25em 2em;
font-family: Raleway, sans-serif;
font-size: .875em;
font-weight: 700;
transition: all .2s;
box-shadow: 0 1px 10px rgba(15, 48, 69, .1);
}
.secondary-button:hover {
box-shadow: 0 1px 5px rgba(15, 48, 69, .2);
}
.secondary-button.is--ml16 {
margin-left: 1em;
}
.secondary-button.is--ml16.product-launch-but {
margin-left: 0;
}
.secondary-button.is--centered {
margin-left: 0;
margin-right: 0;
display: block;
}
.secondary-button.is--centered.is--green-text {
color: var(--button-hover--medium-aquamarine);
}
.secondary-button.is--nav-2.is--ml16 {
padding-top: .85em;
padding-bottom: .85em;
}
.secondary-button.smart-home-page__horizontal-list__button {
border: 1px solid var(--text-on-white);
box-shadow: none;
border-radius: 48px;
}
.secondary-button.smart-home-page__horizontal-list__button:hover {
border-color: var(--primary--medium-sea-green);
background-color: var(--primary--medium-sea-green);
color: var(--white);
}
.ghost-button {
border: 1px solid var(--main-dark--midnight-blue);
color: var(--main-dark--midnight-blue);
letter-spacing: .5px;
text-transform: uppercase;
background-color: rgba(0, 0, 0, 0);
border-radius: 100vw;
padding: 1.25em 2em;
font-family: Raleway, sans-serif;
font-size: .8125em;
font-weight: 700;
transition: color .2s, background-color .2s;
}
.ghost-button:hover {
background-color: var(--main-dark--midnight-blue);
color: #fff;
}
.ghost-button.is--hero {
color: #fff;
border-color: #fff;
margin-left: 1em;
padding: 1.55em 3.75em;
}
.ghost-button.is--hero:hover {
color: var(--main-dark--midnight-blue);
background-color: #fff;
}
.grid-item {
margin-bottom: 3.6em;
position: relative;
}
.grey-fill {
width: 100%;
height: 100%;
background-color: var(--main-dark--midnight-blue);
}
.link {
color: #fff;
padding-left: 20px;
padding-right: 20px;
font-weight: 700;
transition: color .2s;
}
.link.is--dark {
color: var(--main-dark--midnight-blue);
}
.link.is--dark:hover {
color: var(--primary--medium-sea-green);
}
.link.is--dark.is--nav {
display: block;
}
.link.is--dark.dropdown-core:hover {
color: var(--main-dark--midnight-blue);
}
.link.is--nav:hover {
color: var(--primary--medium-sea-green);
}
.link.is--nav.w--current {
color: var(--button-hover--medium-aquamarine);
}
.link.is--nav.for-mob {
display: none;
}
.link.is--nav.for-mob.child {
text-indent: 30px;
font-size: .8em;
}
.small-link {
font-family: Ubuntu, Helvetica, sans-serif;
font-size: .875em;
font-weight: 400;
transition: color .2s;
}
.small-link:hover {
color: var(--primary--medium-sea-green);
}
.small-link.is--white {
color: #fff;
}
.html-embed {
z-index: 0;
position: fixed;
}
.hero-video {
z-index: 1;
width: 100%;
height: 100vh;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.hero-video.page-clients {
height: 80vh;
}
.hero-video__cover {
z-index: 2;
width: 100%;
height: 100vh;
background-image: linear-gradient(rgba(0, 0, 0, .88), rgba(0, 0, 0, .5));
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.hero-video__cover.page-clients {
height: 80vh;
}
.hero-video__cover.ty-business {
background-image: linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .8));
}
.navbar {
background-color: rgba(0, 0, 0, 0);
display: block;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.navbar.is--2 {
z-index: 500;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.navbar.is--2.is--clients {
z-index: 99999;
display: none;
}
.h1__wrapper.mb-20.h1-provisioning {
max-width: 70%;
}
.h1__wrapper.create-app__second-header {
margin-top: 128px;
}
.h1__wrapper.blueprint-page-main-screen__title {
color: var(--white);
margin-top: 8px;
margin-bottom: 8px;
font-family: Raleway, sans-serif;
font-size: 44px;
line-height: 57px;
}
.lead-text__wrapper {
margin-top: 2em;
line-height: 1.55;
}
.lead-text__wrapper.mb-80 {
max-width: 80%;
}
.lead-text__wrapper._w-60 {
width: 60%;
margin-left: auto;
margin-right: auto;
}
.lead-text__wrapper._w-60.is--centered.mb-60 {
width: 60%;
}
.lead-text__wrapper._w-57 {
width: 100%;
height: auto;
margin-top: 2em;
}
.lead-text__wrapper._w-57.case-studies__lead-text {
margin-left: 0;
}
.lead-text__wrapper._w-57.pricing__hero-text {
width: 60%;
margin-bottom: 6em;
margin-left: 0;
display: none;
}
.lead-text__wrapper._w-57.abour-hero-text {
max-width: 73%;
}
.lead-text__wrapper.is--centered {
text-align: center;
}
.lead-text__wrapper._w-90 {
max-width: 90%;
}
.lead-text__wrapper._w-50 {
max-width: 50%;
}
.button__wrapper {
margin-top: 3.75em;
}
.button__wrapper.is--centered {
justify-content: center;
display: flex;
}
.button__wrapper.product_page_buttons {
margin-top: 3.75em;
}
.button__wrapper.blueprint-page-main-screen__action {
margin-top: 24px;
}
.grid {
width: 100%;
max-width: 100%;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
display: flex;
}
.grid.is--horisontal {
grid-column-gap: 5em;
grid-row-gap: 16px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid.is--horisontal.contact-us__blog {
max-width: 90%;
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-columns: minmax(15em, .75fr) .25fr;
justify-items: center;
margin-left: auto;
margin-right: auto;
}
.grid.center {
align-items: center;
}
.grid.center.test {
display: block;
}
.grid.smart-home-page--grid {
justify-content: flex-start;
display: block;
}
.grid.pricing-page--grid {
justify-content: flex-start;
}
.grid.about-home-page--grid {
width: 91%;
justify-content: flex-start;
}
.grid.blueprint-page-main-screen__grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: row;
justify-content: space-between;
}
.lead-text-small {
color: var(--main-dark--midnight-blue);
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 1.125em;
font-weight: 300;
}
.lead-text-small.is--white {
color: #fff;
object-fit: fill;
margin-top: 24px;
overflow: visible;
}
.lead-text-small.is--white.is--centered {
width: 100%;
text-align: left;
line-height: 1.5em;
}
.lead-text-small.is--white.smart-home-page__text {
max-width: 650px;
margin-bottom: 0;
font-size: 23px;
font-weight: 300;
line-height: 32px;
}
.lead-text-small.mt-40 {
flex: 1;
margin-top: 1em;
}
.lead-text-small.mt-40.mb-20 {
margin-bottom: 2em;
}
.lead-text-small.smart-home-page__text--small {
font-size: 23px;
line-height: 32px;
}
.spacer-10 {
height: .8125em;
border-radius: 100vw;
position: relative;
overflow: hidden;
}
.mb-10 {
margin-bottom: .625em;
}
.spacer-20 {
width: auto;
height: 1.25em;
border-radius: 100vw;
display: block;
}
.mb-20 {
margin-bottom: 1.25em;
}
.spacer-30 {
height: 1.875em;
border-radius: 100vw;
}
.mb-30 {
margin-bottom: 1.875em;
}
.spacer-40 {
height: 2.5em;
border-radius: 100vw;
position: relative;
overflow: hidden;
}
.mb-40 {
margin-bottom: 2.5em;
}
.spacer-50 {
height: 3.125em;
border-radius: 100vw;
position: relative;
overflow: hidden;
}
.mb-50 {
margin-bottom: 3.125em;
}
.spacer-60 {
height: 3.75em;
border-radius: 100vw;
position: relative;
overflow: hidden;
}
.mb-60, .mb-80 {
margin-bottom: 3.75em;
}
.spacer-80 {
height: 5em;
border-radius: 100vw;
position: relative;
overflow: hidden;
}
.mb-100 {
margin-bottom: 6.25em;
}
.spacer-100 {
height: 6.25em;
border-radius: 100vw;
position: relative;
overflow: hidden;
}
.mb-120 {
margin-bottom: 7.5em;
}
.spacer-120 {
height: 7.5em;
border-radius: 100vw;
position: relative;
overflow: hidden;
}
.mb-140 {
margin-bottom: 8.75em;
}
.spacer-140 {
height: 8.75em;
border-radius: 100vw;
position: relative;
overflow: hidden;
}
.mb-160 {
margin-bottom: 8.75em;
}
.spacer-160 {
height: 8.75em;
border-radius: 100vw;
position: relative;
overflow: hidden;
}
.mb-180 {
margin-bottom: 11.25em;
}
.spacer-180 {
height: 11.25em;
border-radius: 100vw;
position: relative;
overflow: hidden;
}
.mb-200 {
margin-bottom: 12.5em;
}
.spacer-200 {
height: 12.5em;
border-radius: 100vw;
position: relative;
overflow: hidden;
}
.grid__item {
width: 100%;
flex: 0 auto;
display: inline-block;
}
.grid__item.is--100 {
max-width: 100%;
}
.grid__item.is--70 {
max-width: 70%;
position: relative;
}
.grid__item.is--70.ml-20 {
margin-left: 1.25em;
}
.grid__item.is--70.center {
margin-left: auto;
margin-right: auto;
}
.grid__item.is--60 {
max-width: 60%;
}
.grid__item.is--60.mb-80 {
display: block;
}
.grid__item.is--60.mt-40 {
margin-top: 40px;
}
.grid__item.is--50 {
max-width: 700px;
display: block;
}
.grid__item.is--centered {
justify-content: center;
display: flex;
}
.grid__item.relative {
position: relative;
}
.grid__item.relative.flex-stretch {
flex-direction: column;
align-items: stretch;
display: flex;
}
.grid__item.relative.flex-stretch.box-shadow {
box-shadow: 0 0 30px rgba(0, 0, 0, .07);
}
.grid__item.relative.flex-stretch.box-shadow.br-12 {
border-radius: 12px;
}
.grid__item.is--61 {
max-width: 61%;
}
.grid__item.ml-100 {
margin-left: 6.25em;
}
.grid__item.ml-100.is--80 {
z-index: 1;
width: 50%;
max-width: 100%;
margin-left: 0;
display: block;
position: relative;
}
.grid__item.product-hero-main {
padding-bottom: 136px;
}
.grid__item.product-hero-main.features {
max-width: 60%;
}
.grid__item.smart-city-hero-main {
max-width: 645px;
padding-bottom: 136px;
}
.grid__item.privacy {
max-width: 650px;
margin-top: 6em;
}
.grid__item.about-hero-main {
max-width: 1200px;
margin-top: auto;
margin-bottom: auto;
padding-bottom: 70px;
}
.grid__item.business-hero-main {
max-width: 800px;
padding-bottom: 136px;
}
.grid__item.register, .grid__item.blueprint-page-main-screen__grid__item {
max-width: none;
}
.grid__item.ncp-hero-main {
max-width: 780px;
padding-bottom: 136px;
}
.text-span {
color: var(--primary--medium-sea-green);
}
.typed-words {
display: block;
}
.nav__logo {
width: 8.75em;
max-width: 8.75em;
}
.nav__logo.w--current {
width: 8.75em;
padding-top: 0;
position: relative;
}
.nav-menu {
flex: 1;
align-items: center;
display: flex;
}
.nav__links {
margin-left: auto;
margin-right: auto;
display: flex;
}
.menu-button {
color: var(--white);
}
.img {
height: auto;
object-fit: fill;
border-radius: 8px;
position: relative;
}
.menu__trigger {
z-index: -1;
width: 100%;
height: 150px;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.global__nav {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.subtitle__wrapper {
width: 100%;
position: relative;
}
.subtitle__wrapper.mb-20 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-self: flex-start;
display: block;
}
.subtitle__wrapper.mb-20.is--centered {
text-align: center;
}
.subtitle__wrapper.mb-10 {
margin-bottom: .625em;
line-height: 1em;
display: block;
}
.subtitle__wrapper.mb-40 {
z-index: 20;
position: relative;
}
.subtitle__wrapper.mb-40.is--center, .subtitle__wrapper.mb-40.align-middle {
text-align: center;
}
.subtitle__wrapper._w-100 {
width: 100%;
}
.subtitle__wrapper._w-100.mb-60, .subtitle__wrapper._w-100.mb-40 {
margin-bottom: 2em;
}
.subtitle__wrapper.title__blog {
z-index: 50;
}
.subtitle__wrapper.float-center {
text-align: center;
}
.subtitle__wrapper._w-80 {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.subtitle__wrapper._w-80.mb-40 {
width: 100%;
}
.subtitle__wrapper.all-p {
z-index: 1;
background-color: rgba(0, 0, 0, 0);
padding: .5em 1.5em 1.5em;
}
.subtitle__wrapper.is--80 {
margin-left: auto;
margin-right: auto;
}
.subtitle__wrapper.blueprint-page-main-screen__properties__item {
width: auto;
flex-direction: column;
display: flex;
}
.h__wrapper.mb-40.is--white {
color: var(--white);
}
.text__wrapper {
flex-direction: column;
align-self: flex-start;
align-items: flex-start;
display: flex;
}
.text__wrapper.mb-80 {
grid-column-gap: 2.5em;
grid-row-gap: 1.5em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text__wrapper.mb-60 {
max-width: 93%;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: start;
justify-items: center;
display: flex;
}
.text__wrapper.mb-60._w-60 {
max-width: 60%;
}
.text__wrapper.mb-60._w-65 {
max-width: 65%;
}
.text__wrapper.is--blog {
flex-direction: column;
}
.text__wrapper.is--centered {
align-items: center;
}
.text__wrapper.mb-100._w-70 {
width: 70%;
margin-left: auto;
margin-right: auto;
}
.text__wrapper.rich-text {
width: 49%;
color: var(--main-dark--midnight-blue);
flex-direction: row;
display: block;
}
.text__wrapper.rich-text.is--white {
color: var(--white);
}
.text__wrapper.w70 {
width: 70%;
}
.text__wrapper.register {
max-width: 50%;
}
.green__span {
color: var(--primary--medium-sea-green);
}
.green__span.is--bold {
font-weight: 700;
}
.green__span.new_line {
display: inline-block;
}
.item__wrapper {
width: 100%;
padding-top: 45.3846%;
position: relative;
}
.items__wrapper {
width: 100%;
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-content: start;
align-items: start;
display: grid;
}
.full-screen-img__wrapper {
width: 100%;
max-width: 100%;
padding-top: 53%;
display: flex;
position: relative;
}
.icon {
position: relative;
}
.icon.mb-30 {
width: 4em;
height: 4em;
}
.title__wrapper {
margin-top: 0;
position: relative;
}
.title__wrapper.mb-10, .title__wrapper.mb-80 {
color: var(--main-dark--midnight-blue);
}
.title__wrapper.is--centered {
text-align: center;
}
.title__wrapper.mb-50 {
text-align: left;
}
.title__wrapper.blog-section-title {
margin-top: 2em;
}
.title__wrapper.margin-left-20 {
margin-left: 20px;
}
.cards__grid {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.border {
width: 100%;
background-color: var(--main-dark--midnight-blue);
margin-bottom: -1px;
padding-top: 9%;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.border.is--reverse {
background-color: #fff;
margin-top: -1px;
margin-bottom: 0;
}
.border.is--grey {
background-color: var(--bg--white-smoke);
display: none;
}
.border.is--top {
z-index: 4;
background-color: var(--bg--white-smoke);
transform-style: preserve-3d;
margin-top: -1px;
margin-bottom: 0;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
transform: rotateX(-180deg)rotateY(-180deg)rotateZ(0);
}
.border.is--white {
z-index: 4;
background-color: var(--white);
position: absolute;
}
.text__wrapper-1-colum {
display: flex;
}
.text__wrapper-1-colum.mb-80 {
grid-column-gap: 2.5em;
grid-row-gap: 1.5em;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.img-50 {
max-width: 33.14em;
margin-left: auto;
margin-right: auto;
position: relative;
}
.img-50.getting-started__img-50-2 {
max-width: 27em;
}
.cards__grid4 {
grid-column-gap: 2.5em;
grid-row-gap: 3.75em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.number__wrapper {
width: 3.75em;
height: 3.75em;
background-color: var(--button-hover--medium-aquamarine);
color: #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
font-size: 1em;
display: flex;
}
.number__wrapper.main-dark {
background-color: var(--main-dark--midnight-blue);
}
.line {
height: 1px;
background-color: var(--primary--medium-sea-green);
margin-top: 1.5em;
margin-bottom: 1.5em;
}
.numbers__grid {
grid-column-gap: 2.5em;
grid-row-gap: 3.75em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-span-2 {
color: var(--additional--royal-blue);
font-family: Ubuntu, Helvetica, sans-serif;
font-weight: 400;
}
.footer__social {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.footer__center {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 0;
padding-bottom: 3.75em;
display: grid;
}
.footer__bottom {
order: -1;
justify-content: flex-start;
padding-top: 2em;
display: flex;
}
.social__item {
width: 10%;
justify-content: space-between;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: 10px;
display: flex;
}
.social__icon {
color: var(--primary--medium-sea-green);
}
.footer__links {
grid-row-gap: .8em;
flex-direction: column;
display: flex;
}
.collection-item {
flex-direction: column;
align-items: flex-start;
display: flex;
position: static;
}
.collection-list {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-list.clients__block {
grid-template-rows: 1.25fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
display: grid;
}
.link__img {
display: block;
}
.link__img.mb--20 {
width: 100%;
object-fit: fill;
margin-bottom: 1.25em;
padding-top: 0%;
position: relative;
}
.link__img.mb--20.main__clients {
height: auto;
box-shadow: none;
}
.btn__cms {
color: #000;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #000;
border-radius: .3125em;
margin-top: auto;
font-size: .75em;
line-height: 1em;
}
.btn__cms:hover {
background-color: var(--main-dark--midnight-blue);
color: #fff;
border-color: #0f3045;
}
.btn__cms.btn-developers {
border-width: 1px;
border-color: var(--main-dark--midnight-blue);
color: var(--main-dark--midnight-blue);
text-align: center;
text-transform: uppercase;
border-radius: 100px;
padding: 1.25em 2em;
font-family: Ubuntu, Helvetica, sans-serif;
font-weight: 400;
transition: background-color .2s;
display: block;
}
.btn__cms.btn-developers:hover {
border-color: var(--primary--medium-sea-green);
background-color: var(--button-hover--medium-aquamarine);
color: #fff;
}
.cms__wrapper.smart-city__cases {
margin-top: 2em;
margin-bottom: 3em;
}
.image-3 {
z-index: 2;
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
}
.blog__item {
width: 100%;
color: var(--main-dark--midnight-blue);
position: relative;
}
.blog__item:hover {
color: var(--additional--royal-blue);
}
.blog__img {
padding-top: 55%;
position: relative;
}
.blog__img.mb-20 {
width: 100%;
padding-top: 0;
position: relative;
}
.collection-list__blog {
grid-column-gap: 2.5em;
grid-row-gap: 2.5px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-item__blog {
flex-direction: column;
align-items: flex-start;
display: flex;
position: static;
}
.grid-table__block {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: minmax(17.5em, 1.5fr) 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-table__block.header {
z-index: 999;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff;
grid-template-rows: auto;
grid-template-columns: minmax(17.5em, 1.5fr) 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: -webkit-sticky;
position: sticky;
top: 64px;
}
.grid-table__block.dn {
display: none;
}
.grid-table__block.footer {
z-index: 999;
background-color: #fff;
grid-template-rows: auto;
position: -webkit-sticky;
position: sticky;
bottom: 0;
}
.grid-table__block.body-mob {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: minmax(17.5em, 1.5fr) 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.grid-table__block.footer_3 {
z-index: 999;
background-color: #fff;
grid-template-rows: auto;
grid-template-columns: minmax(17.5em, 1.5fr) 1fr 1fr 1fr;
position: -webkit-sticky;
position: sticky;
bottom: 0;
}
.grid-table__block.header_3 {
z-index: 999;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff;
grid-template-rows: auto;
grid-template-columns: minmax(17.5em, 1.5fr) 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: -webkit-sticky;
position: sticky;
top: 64px;
}
.item__table-grid {
border: 1px solid #f2f5f5;
border-right-style: none;
padding-top: 1.25em;
padding-bottom: 1.25em;
}
.item__table-grid.is--last {
border-right-style: solid;
border-top-right-radius: 1em;
}
.item__table-grid.is--first {
border-top-left-radius: 1em;
}
.item__table-grid.is--left-bottom {
border-top-style: none;
border-bottom-left-radius: 1em;
}
.item__table-grid2 {
border-bottom: 1px solid #f2f5f5;
border-left: 1px solid #f2f5f5;
padding: 1.25em 1.4em;
}
.item__table-grid2.img-yes {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62948513354f09296ccb65da_Vector.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 20px;
}
.item__table-grid2.img-yes.is--last {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62948513354f09296ccb65da_Vector.svg");
background-repeat: no-repeat;
background-size: 20px;
}
.item__table-grid2.img--no {
justify-content: center;
align-items: center;
display: flex;
}
.item__table-grid2.flex-center {
align-items: center;
display: block;
}
.item__table-grid2.is--last {
border-right: 1px solid #f2f5f5;
}
.item__table-grid2.is--left-bottom {
border-bottom-left-radius: 1em;
}
.item__table-grid3 {
border-bottom: 1px solid #dfdfdf;
border-left: 1px solid #dfdfdf;
padding: .6em .8em .7em;
}
.item__table-grid3.flex-center {
border-bottom-color: #f2f5f5;
border-left-style: solid;
border-left-color: #f2f5f5;
justify-content: center;
padding-bottom: .6em;
display: flex;
}
.item__table-grid3.flex-center.is--last {
border-right-style: solid;
border-right-width: 1px;
}
.item__table-grid3.flex-center.is--right-bottom {
border-right: 1px solid #f2f5f5;
border-bottom-right-radius: 1em;
}
.item__table-grid3.is--last {
border-bottom-color: #f2f5f5;
border-left-color: #f2f5f5;
border-right: 1px solid #f2f5f5;
}
.img-no {
width: 6px;
height: 1px;
background-color: var(--main-dark--midnight-blue);
color: var(--main-dark--midnight-blue);
margin: auto;
position: static;
}
.popup__basic-m-w, .link-3 {
margin-left: 5px;
}
.section-hero__pricing {
max-width: 100%;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627626eed9a5e796a95f6781_blynk-iot-bg-woman-w%201.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
display: block;
position: relative;
}
.tabs-menu {
background-color: rgba(0, 0, 0, 0);
justify-content: center;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.tab-link-tab-1 {
border: 1px solid var(--main-dark--midnight-blue);
background-color: var(--white);
border-top-left-radius: 1.5em;
border-bottom-left-radius: 1.5em;
padding-left: 3em;
padding-right: 2.5em;
}
.tab-link-tab-1.w--current {
background-color: var(--main-dark--midnight-blue);
color: #fff;
border-top-left-radius: 1.5em;
border-bottom-left-radius: 1.5em;
padding-right: 2.5em;
}
.tab-link-tab-2 {
border: 1px solid var(--main-dark--midnight-blue);
background-color: var(--white);
border-top-right-radius: 1.5em;
border-bottom-right-radius: 1.5em;
padding-left: 2.5em;
padding-right: 2.5em;
}
.tab-link-tab-2.w--current {
background-color: var(--main-dark--midnight-blue);
color: var(--white);
padding-left: 2.5em;
padding-right: 2.5em;
font-weight: 700;
}
.grid-block__tabs {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
overflow: visible;
}
.grid-item__tabs {
grid-row-gap: 1.2em;
background-color: var(--white);
border-radius: .56em;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 1.875em 1.9em;
display: flex;
box-shadow: 0 0 25px rgba(0, 0, 0, .08);
}
.grid-item__tabs.add-ons {
background-image: linear-gradient(91.66deg, #5572d3 1.87%, #24c48e);
}
.price__wrapper.mb-10 {
width: 100%;
}
.tabs-content {
overflow: visible;
}
.tabs-content.mt-30 {
margin-top: 1.875em;
}
.description__wrapper {
margin-bottom: 0;
}
.line__gray {
width: 100%;
height: 1px;
background-color: #e6e6e6;
}
.faqs__item-accordeon {
padding-top: 1.3em;
padding-bottom: 0;
}
.accordeon-item-trigger {
cursor: pointer;
justify-content: space-between;
align-items: center;
padding-top: 0;
padding-bottom: 1em;
display: flex;
}
.accordeon-item-content {
margin-bottom: 1.5em;
display: none;
}
.plus__faq {
width: auto;
color: var(--button-hover--medium-aquamarine);
text-align: center;
background-color: rgba(0, 0, 0, 0);
justify-content: center;
align-items: center;
padding: .1em;
font-family: Vollkorn, serif;
font-size: 3em;
font-weight: 300;
line-height: .5em;
display: block;
}
.plus__faq:hover {
color: var(--button-hover--medium-aquamarine);
background-color: rgba(0, 0, 0, 0);
border-radius: 100%;
font-size: 3em;
line-height: .5em;
}
.hover-circle {
width: 35px;
height: 35px;
border-radius: 100%;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
}
.hover-circle:hover {
color: #fff;
background-color: rgba(0, 0, 0, 0);
border-radius: 100%;
}
.link-4 {
color: var(--additional--royal-blue);
flex: 0 auto;
padding-left: 5px;
font-weight: 300;
}
.image-7 {
width: 40px;
position: static;
}
.link-block {
z-index: 99;
margin-top: 0;
margin-left: 0;
margin-right: 0;
position: absolute;
top: auto;
bottom: 2em;
left: auto;
right: auto;
}
.link-block.arrow-block__blog {
z-index: 200;
text-align: center;
bottom: 2em;
}
.link-block.arrow-center {
justify-content: center;
display: block;
left: auto;
right: auto;
}
.grid-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;
}
.grid-block.grid-3x3 {
grid-template-columns: 1fr 1fr 1fr;
}
.grid-cards {
background-color: var(--white);
border: 1px #000;
border-radius: .7em;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 1.875em 1.7em 3.5em;
display: flex;
box-shadow: 0 0 30px rgba(0, 0, 0, .07);
}
.grid-cards:hover {
box-shadow: 0 10px 40px -12px rgba(0, 0, 0, .25);
}
.image-8 {
width: 32px;
height: auto;
position: static;
}
.icon__wrapper {
position: relative;
}
.content__wrapper {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
flex-direction: row;
justify-content: space-between;
}
.content__wrapper.grid__column.gap-40 {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.content__wrapper.grid__column.gap-40.relative {
position: relative;
}
.content__wrapper.grid__column.gap-40.relative.mt-5em {
margin-top: 5em;
}
.content__wrapper.grid__column.gap-40.relative._60 {
max-width: 60%;
grid-row-gap: 2.5em;
}
.content__wrapper.clients {
max-width: 792px;
color: var(--main-dark--midnight-blue);
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
.icon__item {
width: 2.38em;
margin-left: 0;
padding-top: 2.18em;
position: relative;
}
.icon__item.getting-started {
width: 9.75em;
padding-top: 0;
}
.needs__card {
color: var(--main-dark--midnight-blue);
background-color: #fff;
border-radius: 1em;
padding: 1.875em 1.875em 2.4em;
box-shadow: 0 0 30px rgba(0, 0, 0, .07);
}
.needs__card:hover {
box-shadow: 0 10px 40px -12px rgba(0, 0, 0, .25);
}
.needs__grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.basics__grid {
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;
}
.basics__grid.getting-started-grid {
grid-column-gap: 40px;
}
.basics__grid._3-grid {
grid-column-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.needs-card {
background-color: var(--white);
color: var(--main-dark--midnight-blue);
border: 1px #000;
border-radius: .7em;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 1.875em 1.875em 2em;
display: flex;
box-shadow: 0 0 30px rgba(0, 0, 0, .07);
}
.needs-card:hover {
box-shadow: 0 10px 40px -12px rgba(0, 0, 0, .25);
}
.btn__imitate {
width: 100%;
border: 1px solid var(--primary--medium-sea-green);
text-align: center;
text-transform: uppercase;
border-radius: 100vw;
margin-top: auto;
padding: .5em 1.6em;
transition: background-color .2s;
position: relative;
}
.btn__imitate:hover {
background-color: var(--primary--medium-sea-green);
color: var(--white);
}
.text-span-3 {
color: var(--button-hover--medium-aquamarine);
}
.main-article__block {
margin-bottom: 3em;
margin-left: 0;
padding-top: 0;
padding-left: 12em;
padding-right: 12em;
line-height: 1.7em;
display: block;
}
.main-article__block.hide-article {
display: none;
}
.image-9 {
position: static;
}
.image-9.mb-10 {
display: block;
}
.image-9.mb-10.blog-featured {
border-radius: 8px;
margin-top: 1em;
margin-bottom: 1em;
}
.form__wrapper {
display: block;
}
.form {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
align-items: center;
display: flex;
}
.form.blog {
flex-direction: row;
}
.name__input, .e-mail__input {
height: 3.1em;
border-radius: .31em;
margin-bottom: 0;
margin-right: 0;
padding: 1.75em 1.25em;
font-family: Raleway, sans-serif;
font-size: 1em;
}
.form-block {
width: 50%;
flex-direction: column;
margin-left: auto;
margin-right: auto;
display: block;
}
.form-block.blog {
width: 80%;
}
.date__text {
text-align: center;
}
.date__text.mb-60 {
margin-top: 2.5em;
}
.date__text.left {
text-align: left;
}
.content__block {
font-weight: 300;
line-height: 1.55;
}
.content__block.mb-40 {
text-align: left;
}
.content__block.mb-40 p {
font-size: 1.125em;
line-height: 1.7;
}
.content__block.mb-40 h4 {
margin-bottom: .5em;
font-family: Raleway, sans-serif;
}
.content__block.mb-40 h2 {
margin-bottom: .4em;
font-family: Raleway, sans-serif;
}
.content__block.mb-40.p {
margin-bottom: .75em;
}
.content {
max-width: 60%;
}
.content.plan {
max-width: 100%;
}
.section-hero {
max-width: 100%;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627626eed9a5e796a95f6781_blynk-iot-bg-woman-w%201.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
position: relative;
}
.production-cards__grid {
grid-column-gap: 2.5em;
grid-row-gap: 3.75em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.icon-production {
width: 6.25em;
margin-left: -16px;
position: relative;
}
.production__button {
max-width: 15em;
grid-column-gap: .8em;
align-items: center;
display: flex;
}
.button__icon {
width: 1.875em;
height: 1.875em;
position: relative;
}
.bg__image {
max-width: 50%;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627acdc875574ebef3f1993b_commercial_apps.png");
background-position: 100%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.bg__image.is--right {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627ad2f37fbe4e41e5fb6750_noroot.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
margin-left: auto;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.content__50 {
max-width: 50%;
margin-left: 50%;
}
.content__50-reverse {
max-width: 35%;
min-height: 70vh;
align-items: center;
margin-left: 10%;
display: flex;
}
.picture__grid {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.image__card {
position: relative;
}
.text__cards {
grid-column-gap: 2.5em;
grid-row-gap: 3em;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-cards__wrapper {
grid-column-gap: 1em;
display: flex;
}
.text-card__icon {
position: relative;
}
.blue__circle {
width: .75em;
height: .75em;
background-color: var(--additional--royal-blue);
border-radius: 200px;
margin-top: 4px;
}
.author__wrapper {
z-index: 1;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-top: 0;
padding-top: 1.5em;
padding-bottom: 0;
padding-left: 1.5em;
display: flex;
position: relative;
bottom: 0;
}
.author__wrapper.flex-vert {
flex-direction: column;
}
.image-10 {
width: 200px;
height: auto;
max-width: none;
margin-left: auto;
margin-right: auto;
position: static;
}
.image-10.mb-20 {
width: 150px;
border-radius: 75px;
}
.image-10.img-qoute {
width: 100px;
border-radius: 50px;
}
.link-5 {
color: var(--additional--royal-blue);
}
.price__line {
border-bottom: 1px solid #e4e4e4;
justify-content: space-between;
align-items: center;
margin-bottom: 1.75em;
padding-bottom: 1.75em;
display: flex;
}
.tou__hero {
max-width: 100%;
flex-direction: column;
align-items: center;
display: flex;
}
.tech__link {
color: var(--primary--medium-sea-green);
}
.image-12 {
position: static;
}
.author__img {
width: 20%;
height: auto;
position: static;
}
.country__wrapper.mb-20, .short-text__wrapper.mb-40 {
display: block;
}
.hero__text {
margin-left: auto;
margin-right: auto;
}
.hero__text.is--80 {
max-width: 80%;
}
.section-hero__about {
max-width: 100%;
background-image: linear-gradient(rgba(15, 48, 69, .9), rgba(17, 53, 77, .8)), url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62811722d7060e52afcb0c64_IMG_1993.jpeg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
flex-direction: column;
justify-content: center;
position: relative;
}
.ss__text {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: grid;
}
.green__line {
width: 100%;
height: 1px;
background-color: var(--primary--medium-sea-green);
}
.img__wrapper {
width: 100%;
position: relative;
}
.stack__top.is--centered {
text-align: center;
}
.stack__top.is--centered.mb-50 {
text-align: left;
}
.stack__top.is--centered.mb-50.centered {
text-align: center;
}
.stack__bottom {
grid-column-gap: 2.5em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.text-cards {
grid-column-gap: 1em;
grid-row-gap: 3.125em;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: center;
justify-items: start;
display: grid;
}
.text-card__item {
grid-row-gap: .8em;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.left-img {
width: 100%;
position: relative;
}
.logos__img {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 50%;
position: relative;
}
.logos__img.mb-60 {
padding-top: 0%;
}
.number__item {
grid-row-gap: 1em;
flex-direction: column;
align-items: center;
display: flex;
}
.img__right-client {
width: 50%;
position: relative;
}
.rich-text-custom.mt-40 {
margin-top: 2.5em;
}
.rich-text-custom.mt-40.mb-40 {
text-align: left;
}
.rich-text-custom.is--light {
font-weight: 300;
}
.blueprint-page-main-screen__properties {
grid-column-gap: 24px;
grid-row-gap: 24px;
color: var(--white);
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
margin-top: 0;
display: flex;
}
.img__right-center {
object-fit: contain;
top: auto;
left: auto;
}
.bussines-plan-picture__grid {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.cases-menu__trigger {
z-index: -1;
width: 100%;
height: 150px;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.rich-text-block-clients {
text-align: left;
font-size: 1.125em;
font-weight: 300;
line-height: 1.6;
display: inline-block;
}
.rich-text-block-clients p {
margin-bottom: 0;
font-size: 1.125em;
line-height: 1.7;
}
.rich-text-block-clients h4 {
margin-bottom: .5em;
font-family: Raleway, sans-serif;
}
.rich-text-block-clients h2 {
margin-bottom: .7em;
font-family: Raleway, sans-serif;
}
.author__text {
padding-left: 1.5em;
}
.footer__bottom-flex {
flex-direction: row;
justify-content: space-between;
align-items: center;
display: flex;
}
.bread-crumbs__wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.bread-crumbs__wrapper.mt-20 {
margin-top: 20px;
}
.bread-crumbs__wrapper.mt-20.mb-60 {
z-index: 50;
position: relative;
}
.bread-crumbs__wrapper.mt-20.mb-60.align--left {
justify-content: flex-start;
}
.bread-crumbs__wrapper.mb-60.blog_breadcrumbs {
max-width: 760px;
margin-left: auto;
margin-right: auto;
}
.bread-crumbs__wrapper.align--left {
justify-content: flex-start;
}
.img-arrow-bread__wrapper {
width: 1em;
height: 1em;
align-self: flex-start;
}
.number__green-circle {
font-family: Raleway, sans-serif;
font-size: 1.375em;
font-weight: 700;
}
.bg__image-right {
z-index: 0;
height: auto;
max-width: 70%;
object-fit: fill;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/629edcd9b107257a97436bea_phone_copy_23x%201%20(1).jpg");
background-position: 100%;
background-repeat: no-repeat;
background-size: cover;
margin-left: auto;
display: none;
position: absolute;
top: 0%;
bottom: 0%;
left: 0;
right: -14%;
}
.btn__wrapper.flex-hor-desktop {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-content: flex-start;
justify-content: flex-start;
align-items: baseline;
display: flex;
}
.download-mobile__btn {
width: 12.18em;
height: 3.5em;
position: relative;
}
.bold-text {
display: none;
}
.flex-hor {
align-items: center;
display: flex;
}
.flex-hor.gap-25 {
grid-column-gap: 25px;
grid-row-gap: 25px;
align-items: flex-start;
}
.blue--span {
color: var(--additional--deep-sky-blue);
}
.blue--span.is--normal {
color: var(--additional--royal-blue);
font-weight: 400;
}
.line-absolute {
width: 1px;
position: absolute;
}
.line-absolute.grey {
z-index: -1;
height: 15em;
background-color: #e8e8e8;
top: auto;
bottom: 3.6em;
left: 1.8em;
}
.line-absolute-2 {
width: 1px;
position: absolute;
}
.line-absolute-2.grey {
z-index: -1;
height: 40.2em;
background-color: #e8e8e8;
top: auto;
bottom: 7.4em;
left: 1.8em;
}
.inst-video__cover {
z-index: 2;
width: 100vw;
height: 50vh;
background-image: linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .5));
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.cms__instagram-list {
grid-column-gap: 2.77em;
grid-row-gap: 2.77em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.cms__instagram-item {
flex-direction: column;
display: flex;
}
.utility-page-wrap {
height: 100vh;
max-height: 100%;
max-width: 100%;
-webkit-text-fill-color: inherit;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62f26297150fef0bda00266e_blynk-iot-bg_2.webp");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-clip: border-box;
justify-content: center;
align-items: center;
display: flex;
}
.utility-page-content {
width: 100%;
max-width: 1200px;
color: var(--white);
text-align: center;
flex-direction: column;
padding-top: 42px;
padding-bottom: 42px;
display: flex;
}
.img__client-full {
width: 100%;
position: static;
}
.block-qoute__wrapper {
max-width: 47.5em;
justify-content: center;
align-items: flex-start;
margin-left: auto;
margin-right: auto;
display: flex;
}
.block-qoute__item {
width: 80%;
background-color: var(--white);
border-radius: 10px;
flex: 0 auto;
align-self: stretch;
padding: 1.25em;
position: relative;
}
.qoute {
border-left-style: none;
margin-bottom: 0;
padding: 0;
}
.qoute.p-small {
padding-right: 0;
}
.qoute.p-small.mt-20 {
margin-top: 1.25em;
padding-top: 0;
padding-right: 0;
font-size: 1.125em;
font-weight: 300;
}
.qoute.p-small.mt-20.slider-quotes {
font-size: 16px;
line-height: 24px;
}
.blog__hero-img {
z-index: -1;
width: 100%;
height: 70vh;
max-width: 100%;
position: absolute;
}
.hero-img__cover {
z-index: 20;
width: 100%;
height: 100%;
background-image: linear-gradient(rgba(15, 48, 69, .5), rgba(0, 0, 0, .5));
display: block;
position: absolute;
}
.button-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.bubble {
width: 20px;
height: 20px;
background-color: #fff;
margin-top: 30px;
margin-left: -10px;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: auto;
transform: rotate(45deg);
}
.clients__item-button {
display: none;
}
.bold-text-2 {
font-weight: 500;
}
.popup__wrapper {
z-index: 99999;
width: 100vw;
height: 100vh;
justify-content: center;
align-items: center;
display: none;
position: fixed;
}
.popup__wrapper.bmw {
display: none;
}
.popup__wrapper.pmw {
align-items: flex-start;
display: none;
}
.popup__wrapper.bww, .popup__wrapper.pww, .popup__wrapper.prww {
display: none;
}
.background__pop-up {
z-index: 1;
width: 100%;
height: 100%;
background-color: rgba(26, 28, 29, .7);
justify-content: center;
align-items: center;
display: flex;
position: fixed;
}
.close__pop-up {
z-index: 10;
width: 1.5em;
height: 1.5em;
max-width: none;
cursor: pointer;
padding-top: 0;
position: fixed;
top: 2%;
bottom: auto;
left: auto;
right: 2%;
}
.content__pop-up {
z-index: 2;
width: 35em;
background-color: var(--white);
padding: 2.5em;
position: relative;
}
.content__pop-up.long_popup {
height: 100%;
object-fit: cover;
margin-top: 0;
display: block;
position: fixed;
top: 15px;
overflow: scroll;
}
.list-item__pop-up {
padding-bottom: 2px;
}
.list {
margin-bottom: 0;
padding-left: 14px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: .875em;
font-weight: 300;
position: relative;
}
.image-13 {
filter: invert();
}
.popup__pro-m-w, .popup__basic-w-w, .popup__pro-w-w {
margin-left: 5px;
}
.inline {
margin-right: 8px;
display: inline;
}
.author__link {
color: var(--additional--royal-blue);
font-size: 1.375em;
line-height: 1.4;
}
.bold-text-3 {
font-family: Raleway, sans-serif;
}
.heading {
margin-bottom: 45px;
padding-top: 24px;
padding-bottom: 24px;
font-size: 46px;
}
.bold-text-4 {
color: var(--button-hover--medium-aquamarine);
}
.hero-heading-center {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-2 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.centered-heading {
text-align: center;
margin-bottom: 16px;
}
.centered-heading.margin-bottom-32px {
margin-bottom: 32px;
}
.hero-wrapper {
justify-content: space-between;
align-items: center;
display: block;
}
.hero-split {
max-width: 46%;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.margin-bottom-24px {
min-height: 50px;
flex: 1;
margin-bottom: 24px;
}
.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;
}
.shadow-two {
z-index: 0;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/629edcd9b107257a97436bea_phone_copy_23x%201%20(1).jpg");
box-shadow: 0 4px 24px rgba(150, 163, 181, .08);
}
.hero-heading-left {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.url__input {
height: 3.1em;
border-radius: .31em;
margin-bottom: 0;
margin-right: 0;
padding: 1.75em 1.25em;
font-family: Raleway, sans-serif;
font-size: 1em;
display: none;
}
.navbar-logo-left-container {
z-index: 5;
width: 1030px;
max-width: 100%;
background-color: rgba(0, 0, 0, 0);
margin-left: auto;
margin-right: auto;
padding: 15px 20px;
}
.navbar-logo-left-container.shadow-three {
width: 100%;
max-width: 1140px;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.navbar-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.nav-menu-two {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
display: flex;
}
.nav-link {
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:hover {
color: rgba(26, 27, 31, .75);
}
.nav-link:focus-visible {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-link[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: rgba(26, 27, 31, .75);
}
.nav-dropdown-toggle:focus-visible {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.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 {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-link[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-divider {
width: 1px;
height: 22px;
background-color: #e4ebf3;
margin-left: 15px;
margin-right: 15px;
}
.nav-link-accent {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 20px;
padding: 5px 10px;
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
}
.nav-link-accent:hover {
color: rgba(26, 27, 31, .75);
}
.section-2 {
height: 100vh;
transition: opacity .2s;
display: flex;
}
.section-3 {
background-image: linear-gradient(106.56deg, #0f3045, #144767);
flex-flow: wrap;
justify-content: space-around;
padding-bottom: 136px;
display: flex;
position: relative;
overflow: hidden;
}
.section-3.product-hero {
padding-bottom: 0;
}
.section-3.product-hero.grid {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/6500228bd73055e7b79a418b_grid_bg.png"), linear-gradient(106.56deg, #0f3045, #144767);
background-position: 100%, 0 0;
background-repeat: no-repeat, repeat;
}
.section-3.about-hero {
background-image: linear-gradient(rgba(15, 48, 69, .9), rgba(17, 53, 77, .8)), url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62811722d7060e52afcb0c64_IMG_1993.jpeg");
background-position: 0 0, 0 0;
background-size: auto, auto;
padding-bottom: 0;
}
.section-3.blueprint-page-main-screen {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/64abfd28032d0b717c368291_blueprint-grid.webp"), linear-gradient(140deg, #324177 .7%, #5572d3);
background-position: 0 0, 0 0;
background-size: cover, auto;
padding-bottom: 0;
}
.div-block-2 {
z-index: 50;
width: 60%;
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: fill;
background-color: rgba(0, 0, 0, 0);
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 168px;
padding-left: 114px;
padding-right: 25px;
display: block;
position: relative;
overflow: visible;
}
.div-block-2.product-tablet-hero {
width: 100%;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/6393aca2c64883b933ffd28f_hero-image.png");
background-size: cover;
}
.div-block-2.smart-city-hero {
width: 100%;
-webkit-text-fill-color: inherit;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/63ee9a8a5ee23845790220ff_smart-city-hero.png");
background-position: 95% 70%;
background-repeat: no-repeat;
background-size: auto 70%;
background-clip: border-box;
}
.div-block-2.hvac-hero {
width: 100%;
-webkit-text-fill-color: inherit;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/640ef0ae766e123987f341a3_hero-image-web.png");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: auto 100%;
background-clip: border-box;
}
.div-block-2.about-tablet-hero {
width: 100%;
background-image: none;
background-size: auto;
}
.div-block-2.blueprint-page-main-screen__wrapper {
padding-top: 162px;
padding-bottom: 162px;
padding-right: 144px;
}
.div-block-2.ncp-hero {
width: 100%;
-webkit-text-fill-color: inherit;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/64fb83256f7b21fc5909d49a_illustration.png"), url("https://assets-global.website-files.com/6272e11601c9e296becde07b/65018c571cf16edc4e26a474_hero_block_grid.webp");
background-position: 95% 55%, 100%;
background-repeat: no-repeat, no-repeat;
background-size: 50%, auto 100%;
background-clip: border-box;
}
.div-block-2.provisioning-hero {
width: 100%;
-webkit-text-fill-color: inherit;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/6556214a9724914df4936cc8_Hero%20IMG-min.png");
background-position: 90% 65%;
background-repeat: no-repeat;
background-size: 45%;
background-clip: border-box;
}
.div-block-2.agri-hero {
width: 100%;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/65aa5ea0778b7bf02dab0aff_Agriculture.png");
background-position: 100%;
background-repeat: no-repeat;
background-size: 725px;
}
.div-block-3 {
width: 40%;
background-color: rgba(0, 0, 0, 0);
flex: 0 auto;
padding-top: 0;
padding-right: 0;
display: block;
position: relative;
overflow: visible;
}
.image-14 {
height: auto;
}
.image-15 {
width: 100%;
height: auto;
max-width: none;
object-fit: fill;
padding-left: 0;
display: block;
position: absolute;
top: -107px;
bottom: auto;
left: -4%;
right: 0%;
overflow: hidden;
}
.section-4 {
height: auto;
min-height: auto;
background-color: var(--neutral-100);
padding-top: 4em;
padding-bottom: 136px;
padding-left: 144px;
position: relative;
top: 0;
overflow: hidden;
}
.section-4.animated-section {
position: relative;
}
.section-4.section.is--grey {
background-color: var(--bg--white-smoke);
}
.heading-2 {
width: 100%;
}
.slider {
width: 100%;
height: auto;
max-height: 150px;
min-height: auto;
object-fit: contain;
background-color: rgba(0, 0, 0, 0);
margin-top: 64px;
margin-bottom: 32px;
margin-left: 0;
}
.slide {
height: auto;
max-width: 100%;
min-height: auto;
}
.left-arrow, .right-arrow {
display: none;
}
.slide-nav {
width: 50px;
color: var(--primary--medium-sea-green);
background-color: rgba(0, 0, 0, 0);
margin: 0 auto -35px 0;
display: block;
top: auto;
bottom: 0%;
left: 0%;
right: auto;
}
.image-16 {
width: 100%;
height: auto;
min-height: auto;
object-fit: contain;
position: static;
}
.slide-2 {
width: 100%;
height: 100%;
outline-offset: 0px;
outline: 3px #0f3045;
}
.mask {
overflow: visible;
}
.image-17 {
object-fit: contain;
position: static;
}
.section-5 {
width: auto;
height: 100vh;
max-height: 100vh;
background-color: var(--white);
position: -webkit-sticky;
position: sticky;
top: 0;
}
.section-5.animated-section {
height: auto;
max-height: none;
min-height: auto;
background-color: var(--neutral-100);
justify-content: flex-start;
align-items: center;
padding-top: 0;
padding-bottom: 136px;
display: flex;
position: relative;
}
.div-block-4 {
width: 90%;
height: auto;
margin-top: 0;
display: block;
position: static;
top: 0;
overflow: hidden;
}
.div-block-5 {
height: 100vh;
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;
display: flex;
}
.heading-3 {
color: var(--primary--medium-sea-green);
}
.smart-home-page__comment__avatar {
width: 72px;
height: 72px;
border-radius: 50%;
position: static;
}
.smart-home-page__comment {
width: 100%;
height: auto;
max-height: none;
max-width: 700px;
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-start;
margin-left: 0;
display: flex;
}
.smart-home-page__comment__content--wrapper {
object-fit: none;
border-radius: 8px;
padding-left: 14px;
position: relative;
}
.div-block-8 {
position: absolute;
}
.smart-home-page__comment__content {
background-color: var(--white);
border-radius: 10px;
padding: 16px;
}
.image-19 {
width: 100%;
height: auto;
max-width: none;
min-height: auto;
float: none;
clear: none;
object-fit: contain;
object-position: 0% 50%;
display: block;
position: static;
overflow: visible;
}
.icon-5 {
display: none;
}
.div-block-10 {
justify-content: space-between;
align-items: center;
display: flex;
}
.smart-home-page__comment__content__image {
width: 96px;
height: auto;
max-width: none;
position: static;
}
.smart-home-page__comment__content__image.smart-home-page--full-right {
max-width: 96px;
min-height: auto;
margin-left: auto;
padding-top: 10px;
padding-bottom: 10px;
display: block;
}
.smart-home-page__comment__content__link {
width: auto;
color: var(--additional);
object-fit: none;
flex: 1;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 24px;
display: block;
}
.smart-home-page__comment__content__link:hover {
text-decoration: underline;
}
.smart-home-page__comment__content__title {
color: var(--text-on-white);
margin-top: 0;
margin-bottom: 4px;
font-family: Raleway, sans-serif;
font-size: 23px;
font-weight: 700;
line-height: 32px;
}
.smart-home-page__comment__content_subtitle {
color: var(--neutral-500);
margin-bottom: 16px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 19px;
font-weight: 300;
line-height: 27px;
}
.smart-home-page__comment__content__description {
color: var(--text-on-white);
margin-bottom: 16px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 19px;
font-style: italic;
line-height: 27px;
}
.smart-home-page__comment__tip {
z-index: 3;
width: 0;
height: 0;
border-top: 14px solid rgba(0, 0, 0, 0);
border-right: 14px solid var(--white);
border-bottom: 14px solid rgba(0, 0, 0, 0);
border-radius: 10px;
position: absolute;
top: 10px;
bottom: auto;
left: 2px;
right: auto;
}
.icon-6 {
display: none;
}
.section-6 {
height: 100%;
min-height: 100vh;
background-color: var(--white);
padding: 4em 144px 136px;
position: relative;
top: 0;
}
.section-6.section_build {
height: 0%;
min-height: auto;
padding: 8em 144px 4em;
top: auto;
}
.section-6.section_pricing {
height: 0%;
min-height: auto;
background-color: var(--bg--white-smoke);
padding: 6em 0;
top: auto;
}
.section-6.section_marketing {
height: 0%;
min-height: auto;
padding: 8em 144px 2em;
top: auto;
}
.heading-4 {
color: var(--text-on-white);
font-family: Raleway, sans-serif;
font-size: 52px;
}
.heading-4.h1 {
margin-bottom: 48px;
}
.heading-4.h1.smart-home-page__h2 {
max-height: 866px;
max-width: 1080px;
margin-bottom: 24px;
}
.heading-4.h1.smart-home-page__h2.product-launch {
color: var(--white);
}
.text-span-4 {
color: var(--primary--medium-sea-green);
}
.text-span-4.smart-home-page__h2__green {
white-space: nowrap;
}
.text-block {
max-width: 798px;
}
.text-block-2 {
color: var(--text-on-white);
margin-bottom: 16px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 23px;
font-weight: 300;
line-height: 32px;
}
.text-block-2.smart-home-page__migrating-page {
max-width: none;
}
.text-block-2.build-section_text {
max-width: 100%;
}
.grid-2, .grid-2-copy {
grid-template-areas: "Area";
}
.grid-2-copy.smart-home-page__grid {
max-width: 942px;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 48px;
display: grid;
}
.grid-2-copy.add-on__grid {
max-width: 942px;
grid-column-gap: 16px;
grid-row-gap: 16px;
color: var(--white);
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 48px;
display: grid;
}
.smart-home-page__grid__item {
grid-column-gap: 0px;
grid-row-gap: 0px;
column-count: auto;
column-rule-style: none;
column-rule-width: 9px;
object-fit: none;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: .25fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
padding-bottom: 16px;
display: flex;
position: relative;
}
.smart-home-page__grid__icon {
color: var(--additional);
flex: 0 auto;
margin-top: 0;
margin-left: 8px;
font-family: Linearicons, sans-serif;
font-size: 24px;
display: inline-block;
}
.smart-home-page__grid__text {
text-transform: uppercase;
margin-left: 16px;
font-family: Ubuntu, Helvetica, sans-serif;
font-weight: 700;
display: inline-block;
}
.section-7 {
height: auto;
min-height: auto;
background-color: var(--white);
padding: 136px 0 136px 144px;
position: relative;
top: 0;
}
.section-7.smart-home-page__mobiile-section {
height: auto;
min-height: auto;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/6336ab8f6c05b1a67fa91ab2_bg-grid%2Bsplash%20(1).png");
background-position: 0 0;
background-size: cover;
padding-top: 136px;
padding-bottom: 136px;
padding-right: 0;
position: relative;
top: 0;
}
.text-span-5 {
color: var(--main-dark--midnight-blue);
}
.column {
height: 100%;
}
.section-8 {
height: 100vh;
}
.text-span-6 {
color: var(--main-dark--midnight-blue);
}
.list-2 {
padding-left: 13px;
}
.list-2.smart-home-page__list {
color: var(--text-on-white);
padding-left: 26px;
}
.list-2.smart-home-page__list.smart-home-page__lnptification-list {
max-width: none;
color: var(--white);
flex: 1;
padding-left: 26px;
}
.list-2.product-page__list {
color: var(--text-on-white);
margin-top: 30px;
margin-bottom: 30px;
padding-left: 26px;
list-style-type: disc;
}
.list-2.product-page__list.smart-home-page__lnptification-list {
max-width: none;
color: var(--white);
flex: 1;
padding-left: 26px;
}
.list-2.product-card__list {
color: var(--white);
margin-top: 30px;
margin-bottom: 0;
padding-left: 26px;
}
.list-2.product-card__list.smart-home-page__lnptification-list {
max-width: none;
color: var(--white);
flex: 1;
padding-left: 26px;
}
.list-2.pricing-page__list {
color: var(--text-on-white);
padding-left: 26px;
}
.list-2.pricing-page__list.smart-home-page__lnptification-list {
max-width: none;
color: var(--white);
flex: 1;
padding-left: 26px;
}
.smart-home-page__list__item {
margin-bottom: 24px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 19px;
font-weight: 300;
line-height: 28px;
}
.image-20 {
display: none;
position: relative;
}
.smart-home-page__apps {
min-height: auto;
margin-top: 60px;
padding-top: 0;
padding-left: 10px;
padding-right: 10px;
}
.smart-home-page__apps.is--grey {
min-height: auto;
background-color: var(--light-bg-2);
margin-top: 0;
padding: 4em 144px 136px;
position: relative;
top: 0;
}
.smart-home-page__apps.is--grey.product-launch {
background-color: var(--main-dark--midnight-blue);
color: var(--white);
padding-top: 136px;
padding-bottom: 136px;
}
.smart-home-page__apps.is--grey.smart-city-cta {
background-color: var(--main-dark--midnight-blue);
color: var(--white);
background-image: linear-gradient(106.56deg, #0f3045, #144767 100%, #144767);
padding: 136px 0;
}
.text-span-7 {
color: var(--primary--medium-sea-green);
}
.smart-home-page__aqua__items {
margin-top: 64px;
margin-left: 0;
margin-right: 0;
display: flex;
}
.div-block-12 {
background-color: #a31616;
}
.div-block-12.smart-home-page__aqua__items__first {
min-height: 480px;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(91.66deg, #5572d3 1.87%, #24c48e);
border-radius: 16px;
margin-bottom: 24px;
padding: 40px;
position: relative;
}
.div-block-12.smart-home-page__aqua__items__first.pro_card {
background-image: linear-gradient(148.26deg, #ed9d00, #d3435c);
flex-direction: column;
flex: 1;
justify-content: flex-start;
display: flex;
}
.div-block-13 {
background-color: #292525;
}
.div-block-13.smart-home-page__aqua__items__four {
min-height: 480px;
clear: none;
background-color: rgba(0, 0, 0, 0);
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/63319f1f0a41c7d0f4d64c33_iOS%20Notification.png"), linear-gradient(145.3deg, #597ef7, #9c7ab6);
background-position: 100% 100%, 0 0;
background-repeat: no-repeat, repeat;
background-size: 80%, auto;
border-radius: 16px;
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
position: relative;
}
.div-block-14 {
background-color: #d89f9f;
}
.div-block-14.smart-home-page__aqua__items__second {
min-height: 424px;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(89.56deg, #bc516f .76%, #747ac4 99.26%);
border-radius: 16px;
margin-bottom: 24px;
padding: 40px;
position: relative;
}
.div-block-14.smart-home-page__aqua__items__second.business_card {
min-height: 765px;
background-image: linear-gradient(270deg, #2f54eb, #597ef7);
overflow: visible;
}
.div-block-14.smart-home-page__aqua__items__second.business_card.smart-city-card {
min-height: auto;
}
.div-block-14.smart-home-page__aqua__items__second-copy {
min-height: 424px;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(89.56deg, #bc516f .76%, #747ac4 99.26%);
border-radius: 16px;
margin-bottom: 24px;
padding: 40px;
position: relative;
}
.div-block-14.smart-home-page__aqua__items__second-copy.business_card {
min-height: 765px;
background-image: linear-gradient(270deg, #2f54eb, #597ef7);
overflow: visible;
}
.div-block-14.smart-home-page__aqua__items__second-copy.business_card.smart-city-card {
min-height: auto;
}
.div-block-14.add-on__aqua__items__second {
min-height: 424px;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(89.56deg, #bc516f .76%, #747ac4 99.26%);
border-radius: 16px;
margin-bottom: 24px;
padding: 40px;
position: relative;
}
.div-block-14.add-on__aqua__items__second.business_card {
min-height: 765px;
background-image: linear-gradient(270deg, #2f54eb, #597ef7);
overflow: visible;
}
.div-block-14.add-on__aqua__items__second.business_card.smart-city-card {
min-height: auto;
}
.smart-home-page__aqua__item__title {
color: var(--white);
margin-bottom: 8px;
font-family: Raleway, sans-serif;
}
.smart-home-page__aqua__item__title.smart-home-page__h3 {
margin-top: 0;
font-size: 40px;
line-height: 52px;
}
.smart-home-page__aqua__item__text {
max-width: 80%;
color: var(--white);
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 19px;
font-weight: 300;
line-height: 28px;
}
.smart-home-page__aqua__item__text.smart-home-page__aqua__item__text-w-72 {
max-width: 65%;
}
.column-2 {
height: 100%;
padding-left: 0;
padding-right: 12px;
}
.smart-home-page__aqua__items__third {
min-height: 424px;
background-image: linear-gradient(270.31deg, #aec424, #be7200);
border-radius: 16px;
padding: 40px 40px 128px;
position: relative;
}
.section-9 {
min-height: auto;
justify-content: flex-start;
align-items: center;
padding: 0 144px 136px;
display: flex;
position: relative;
top: 0;
}
.section-9.is--grey {
background-color: var(--bg--white-smoke);
}
.section-v {
min-height: auto;
background-color: var(--bg--white-smoke);
justify-content: space-between;
align-items: flex-end;
margin-top: 0;
padding: 0;
display: block;
position: relative;
}
.section-v.section-13-copy {
display: block;
}
.smart-home-page__notifications__title.h1 {
max-width: 70%;
color: var(--white);
margin-bottom: 24px;
}
.smart-home-page__notifications__title.h1._w-80 {
max-width: 80%;
}
.smart-home-page__notifications__title.h1._w-80.smart-home-page__h2 {
max-width: 1080px;
}
.smart-home-page__notifications__title.h1.smart-home-page__h2 {
max-width: 700px;
}
.smart-home-page__notifications__title.h1.business-page__h2 {
max-width: 600px;
font-size: 40px;
line-height: 52px;
}
.text-span-8 {
color: var(--primary--medium-sea-green);
}
.demand-response-text {
max-width: 65%;
color: var(--white);
margin-bottom: 64px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 23px;
font-weight: 300;
line-height: 32px;
}
.demand-response-text._w-80 {
max-width: 80%;
margin-bottom: 16px;
font-weight: 300;
}
.demand-response-text._w-80._w-100 {
max-width: none;
}
.demand-response-text._w-60 {
max-width: 60%;
}
.section-11 {
min-height: auto;
background-color: var(--white);
padding-top: 136px;
padding-bottom: 136px;
display: block;
position: relative;
top: 0;
}
.text-span-9 {
color: var(--primary--medium-sea-green);
}
.smart-home-page__horizontal-list__item {
padding-left: 0;
padding-right: 32px;
}
.smart-home-page__horizontal-list__item__icon {
color: var(--additional);
margin-bottom: 24px;
margin-right: 16px;
padding-bottom: 0;
font-family: Linearicons, sans-serif;
font-size: 40px;
line-height: 40px;
}
.smart-home-page__horizontal-list__item__title {
margin-bottom: 16px;
font-family: Raleway, sans-serif;
font-size: 23px;
font-weight: 700;
line-height: 32px;
}
.smart-home-page__horizontal-list__item__desc {
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 19px;
font-weight: 300;
line-height: 28px;
}
.text-span-10, .text-span-11 {
color: var(--main-dark--midnight-blue);
}
.column-3, .column-4 {
padding-left: 0;
padding-right: 32px;
}
.text-span-12, .text-span-13 {
color: var(--main-dark--midnight-blue);
}
.section-12 {
min-height: auto;
background-color: var(--white);
color: var(--white);
justify-content: center;
align-items: center;
padding: 32px 144px 200px;
display: block;
position: relative;
top: 0;
}
.section-13 {
min-height: auto;
background-color: var(--text-on-white);
padding: 4em 144px 136px;
position: relative;
top: 0;
}
.section-13.section-10 {
padding-bottom: 0;
}
.text-span-14 {
color: var(--primary--medium-sea-green);
}
.smart-home-page__success-launch__list {
grid-column-gap: 163px;
grid-row-gap: 16px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin-top: 48px;
display: flex;
}
.smart-home-page__success-launch__list__item {
color: var(--white);
align-items: center;
display: flex;
}
.smart-home-page__success-launch__list__item__text {
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 23px;
font-weight: 300;
line-height: 32px;
}
.text-span-15 {
color: var(--primary--medium-sea-green);
margin-right: 14px;
font-family: Linearicons, sans-serif;
}
.smart-home-page__success-launch__list__item--wrapper {
grid-column-gap: 16px;
grid-row-gap: 28px;
flex-direction: column;
margin-bottom: 16px;
display: flex;
}
.section-14 {
min-height: auto;
background-color: var(--neutral-100);
justify-content: flex-start;
align-items: center;
padding-top: 0;
padding-bottom: 136px;
display: block;
position: relative;
top: 0;
}
.section-15 {
min-height: auto;
background-color: var(--white);
-webkit-backdrop-filter: blur(200px);
backdrop-filter: blur(200px);
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/633f4129a67559096e69295e_bg.png");
background-position: 0 0;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 4em 144px 136px;
display: block;
position: relative;
}
.section-15.product-cta {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/639332dc14410c4c7f1d8fa4_cta-section-bg.png");
padding-top: 8em;
padding-bottom: 8em;
display: block;
}
.div-block-15 {
max-width: 60%;
}
.div-block-15.cta-text {
max-width: none;
}
.smart-home-page__aqua__items__third__img, .smart-home-page__aqua__items__four__img {
height: auto;
display: block;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.smart-home-page__aqua__items__first__img {
width: 100%;
object-fit: fill;
display: block;
position: absolute;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.smart-home-page__aqua__items__second__img {
height: auto;
object-fit: cover;
margin-top: 0;
display: block;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
overflow: visible;
}
.image-21 {
width: 100%;
height: 100%;
position: static;
top: 48px;
left: 144px;
}
.link-block-2 {
z-index: 4;
width: 132px;
height: 48px;
position: absolute;
top: 48px;
left: 114px;
}
.image-22 {
width: auto;
height: auto;
min-width: 333px;
object-fit: cover;
margin-top: 40px;
margin-bottom: auto;
padding-top: 0;
display: block;
position: absolute;
top: 6%;
bottom: 0%;
left: auto;
right: 8%;
}
.image-23 {
width: 100%;
display: none;
}
.div-block-16 {
margin-top: 0;
padding-top: 16px;
}
.image-24 {
height: auto;
display: none;
position: static;
}
.div-block-17 {
margin-top: 0;
}
.image-25 {
display: none;
top: auto;
bottom: 0;
}
.image-26, .image-27, .image-28 {
display: none;
}
.image-29 {
width: 429px;
height: auto;
max-width: none;
object-fit: contain;
margin-top: -110px;
display: block;
position: static;
}
.div-block-20 {
width: 100%;
justify-content: space-between;
display: flex;
}
.image-30 {
display: none;
}
.heading-5.smart-home-page__h3 {
padding-bottom: 24px;
font-family: Raleway, sans-serif;
font-size: 40px;
line-height: 52px;
}
.image-31, .image-32 {
display: none;
}
.column-7 {
padding-left: 0;
padding-right: 0;
}
.div-block-21 {
position: relative;
}
.column-8 {
height: 100%;
align-self: stretch;
padding-left: 12px;
padding-right: 0;
}
.footer-dark {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 50px 30px 15px;
position: relative;
}
.footer-wrapper {
max-width: 900px;
justify-content: space-between;
align-items: flex-start;
margin-left: auto;
margin-right: auto;
display: flex;
}
.footer-content {
grid-column-gap: 70px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: auto auto 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.footer-block {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.title-small {
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 12px;
font-size: 14px;
font-weight: 700;
line-height: 16px;
}
.footer-link {
color: #1a1b1f;
margin-top: 12px;
margin-bottom: 6px;
font-size: 14px;
line-height: 16px;
text-decoration: none;
}
.footer-link:hover {
color: rgba(26, 27, 31, .75);
}
.footer-social-block {
justify-content: flex-start;
align-items: center;
margin-top: 12px;
margin-left: -12px;
display: flex;
}
.footer-social-link {
margin-left: 12px;
}
.footer-divider {
width: 100%;
height: 1px;
background-color: #e4ebf3;
margin-top: 70px;
margin-bottom: 15px;
}
.footer-copyright-center {
text-align: center;
font-size: 14px;
line-height: 16px;
}
.image-33 {
position: relative;
}
.image-34, .image-35 {
position: static;
}
.div-block-22, .image-36 {
display: none;
}
.smart-home-page__h2 {
margin-bottom: 24px;
font-family: Raleway, sans-serif;
font-size: 52px;
line-height: 64px;
}
.link-6 {
color: var(--additional);
font-family: Ubuntu, Helvetica, sans-serif;
font-weight: 300;
}
.section-16 {
background-color: var(--neutral-100);
padding-top: 8em;
padding-bottom: 0;
}
.text-span-16 {
color: var(--primary--medium-sea-green);
}
.image-37 {
position: static;
}
.column-9, .column-10 {
padding-left: 0;
padding-right: 0;
}
.div-block-23 {
margin-top: 0;
}
.grid-3 {
grid-column-gap: 16px;
}
.section-13-copy {
min-height: auto;
background-color: var(--text-on-white);
padding-top: 8em;
padding-bottom: 0;
position: relative;
top: 0;
}
.section-13-copy.section-10 {
padding-bottom: 0;
}
.grid-4 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 3em;
}
.grid-4.smart-city__tick-list {
grid-template-rows: auto auto;
margin-top: 0;
margin-bottom: 2em;
}
.build_section_text {
max-width: 100%;
color: var(--text-on-white);
margin-bottom: 16px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 23px;
font-weight: 300;
line-height: 32px;
}
.build_section_text.smart-home-page__migrating-page {
max-width: none;
}
.build_section_text.build-section_text {
max-width: 100%;
}
.container_split {
max-width: 100%;
margin-top: 3em;
margin-bottom: 8em;
}
.container_split.marketing_last {
margin-top: 0;
margin-bottom: 0;
display: block;
}
.image-38 {
object-fit: contain;
position: relative;
top: auto;
left: auto;
}
.column-11 {
height: 100%;
min-height: 100%;
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
justify-content: center;
align-items: stretch;
margin-top: 0;
margin-bottom: 0;
display: block;
}
.column-11.pr-20 {
padding-right: 40px;
}
.image-39 {
height: auto;
max-width: 95%;
object-fit: contain;
margin: 0 10px;
position: relative;
top: auto;
bottom: 0;
left: auto;
right: auto;
}
.image-39.product-img-mob {
display: none;
}
.text-block-3 {
color: var(--primary--medium-sea-green);
padding-left: 4em;
display: block;
}
.grid-5 {
grid-template: "."
"Area"
"."
/ 1fr;
}
.grid-6 {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
justify-content: center;
align-items: flex-start;
margin-top: auto;
margin-bottom: auto;
display: flex;
}
.image-40 {
margin-top: auto;
margin-bottom: auto;
position: relative;
top: auto;
left: auto;
}
.image-41 {
margin-top: 0;
margin-bottom: 0;
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
}
.plan_card_text {
max-width: 100%;
color: var(--white);
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 19px;
font-weight: 300;
line-height: 28px;
}
.plan_card_text.smart-home-page__aqua__item__text-w-72 {
max-width: 65%;
}
.image-42 {
width: 429px;
object-fit: contain;
margin-top: auto;
margin-left: auto;
margin-right: auto;
position: absolute;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.column-12 {
text-align: center;
position: static;
}
.product-page__list__item {
margin-bottom: 10px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 19px;
font-weight: 300;
line-height: 28px;
list-style-type: disc;
}
.container-industry {
max-width: 1200px;
padding-left: 1.25em;
padding-right: 1.25em;
display: block;
}
.text-block-product {
color: var(--text-on-white);
margin-top: 30px;
margin-bottom: 16px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 23px;
font-weight: 300;
line-height: 32px;
}
.text-block-product.smart-home-page__migrating-page {
max-width: none;
}
.text-block-product.build-section_text {
max-width: 100%;
}
.image-43 {
position: relative;
top: auto;
left: auto;
}
.image-44 {
object-fit: cover;
position: relative;
top: auto;
left: auto;
}
.image-45 {
width: 429px;
height: auto;
object-fit: cover;
margin-top: auto;
margin-left: auto;
margin-right: auto;
position: relative;
top: 7em;
bottom: 0;
left: auto;
right: auto;
}
.columns {
position: relative;
bottom: 0;
}
.business-card-image {
height: auto;
object-fit: cover;
margin-top: 10px;
margin-bottom: 10px;
display: inline-block;
position: relative;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
overflow: visible;
}
.pro-card-image {
height: auto;
margin-top: 10px;
margin-bottom: 10px;
position: relative;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.product-hero-img {
width: auto;
height: 100%;
max-height: 100%;
max-width: none;
min-width: 333px;
object-fit: cover;
object-position: 100% 50%;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
display: block;
position: absolute;
top: auto;
bottom: auto;
left: auto;
right: 0;
overflow: visible;
}
.bold-text-5 {
display: inline;
}
.section-vd {
min-height: auto;
background-color: var(--main-dark--midnight-blue);
justify-content: space-between;
align-items: flex-end;
padding: 8em 0;
display: block;
position: relative;
}
.plan_card_label {
max-width: 100%;
color: var(--white);
margin-bottom: 10px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 19px;
font-weight: 300;
line-height: 28px;
}
.plan_card_label.smart-home-page__aqua__item__text-w-72 {
max-width: 65%;
}
.html-embed-2 {
margin-top: 0;
display: block;
}
.div-block-24 {
order: 0;
}
.columns-2 {
width: 100%;
}
.column-22 {
min-height: 150px;
flex-direction: column;
display: block;
}
.div-block-25 {
margin-bottom: 0;
}
.div-block-26 {
width: 125px;
min-height: 150px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
position: relative;
}
.html-embed-3 {
width: 125px;
margin-left: auto;
margin-right: auto;
}
.link-7 {
display: block;
}
.block-article__block {
margin-left: 0;
padding-left: 12em;
padding-right: 12em;
line-height: 1.7em;
display: block;
}
.block-article__block.hide-article {
display: none;
}
.block-article__item {
margin-bottom: 3em;
}
.next, .previous {
background-color: var(--bg--white-smoke);
color: var(--main-dark--midnight-blue);
border-width: 0;
margin-left: 0;
margin-right: 0;
}
.pagination {
justify-content: space-between;
}
.popup__plus-w-w {
margin-left: 5px;
}
.popup__pww {
z-index: 99999;
width: 100vw;
height: 100vh;
justify-content: center;
align-items: center;
display: none;
position: fixed;
left: 0;
right: 0;
overflow: scroll;
}
.popup__pww.bmw {
display: none;
}
.popup__pww.pmw {
align-items: flex-start;
display: none;
}
.popup__pww.bww, .popup__pww.pww, .popup__pww.prww {
display: none;
}
.popup__prww {
z-index: 99999;
width: 100vw;
height: 100vh;
justify-content: center;
align-items: center;
display: none;
position: fixed;
}
.popup__prww.bmw {
display: none;
}
.popup__prww.pmw {
align-items: flex-start;
display: none;
}
.popup__prww.bww, .popup__prww.pww, .popup__prww.prww {
display: none;
}
.popup__bww {
z-index: 99999;
width: 100vw;
height: 100vh;
justify-content: center;
align-items: center;
display: none;
position: fixed;
}
.popup__bww.bmw {
display: none;
}
.popup__bww.pmw {
align-items: flex-start;
display: none;
}
.popup__bww.bww, .popup__bww.pww, .popup__bww.prww {
display: none;
}
.popup__bmw {
z-index: 99999;
width: 100vw;
height: 100vh;
justify-content: center;
align-items: center;
display: none;
position: fixed;
}
.popup__bmw.bmw {
display: none;
}
.popup__bmw.pmw {
align-items: flex-start;
display: none;
}
.popup__bmw.bww, .popup__bmw.pww, .popup__bmw.prww {
display: none;
}
.popup__pmw {
z-index: 99999;
width: 100vw;
height: 100%;
object-fit: fill;
justify-content: center;
align-items: center;
display: none;
position: fixed;
bottom: auto;
left: 0%;
right: 0%;
overflow: scroll;
}
.popup__pmw.bmw {
display: none;
}
.popup__pmw.pmw {
align-items: flex-start;
display: none;
}
.popup__pmw.bww, .popup__pmw.pww, .popup__pmw.prww {
display: none;
}
.generic_text_link {
width: auto;
color: var(--additional);
object-fit: none;
flex: 1;
margin-right: 5px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 24px;
display: block;
}
.generic_text_link:hover {
text-decoration: underline;
}
.div-block-28 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-29 {
display: flex;
}
.div-block-30 {
display: block;
}
.link-block-3 {
color: var(--main-dark--midnight-blue);
margin-bottom: 0;
}
.link-block-3:hover {
color: var(--additional--royal-blue);
}
.smart-city__build-item {
margin-bottom: 10px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 19px;
font-weight: 300;
line-height: 28px;
list-style-type: disc;
}
.smart-text-block {
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 1.375em;
font-weight: 300;
line-height: 1.55em;
}
.smart-text-block p {
width: 70%;
}
.smart-city__list__item {
padding-left: 16px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 19px;
font-weight: 300;
line-height: 28px;
display: flex;
}
.smart-city__grid-6 {
grid-column-gap: 50px;
grid-row-gap: 20px;
grid-template: "."
"."
/ 1fr 1fr 1fr;
margin-top: 1em;
margin-bottom: 2em;
}
.smart-city__grid-6.smart-city__tick-list {
margin-top: 0;
margin-bottom: 2em;
}
.section-module {
height: 100%;
background-color: var(--white);
padding-top: 136px;
padding-bottom: 136px;
position: relative;
top: 0;
}
.section-module.section_build {
height: 0%;
min-height: auto;
padding-bottom: 0;
padding-left: 144px;
padding-right: 144px;
top: auto;
}
.section-module.section_pricing {
height: 0%;
min-height: auto;
background-color: var(--bg--white-smoke);
padding: 3em 144px;
top: auto;
}
.section-module.is--grey {
background-color: var(--bg--white-smoke);
}
.section-module.is--grey.why-blynk {
display: none;
}
.section-intro {
height: auto;
background-color: rgba(0, 0, 0, 0);
margin-top: 0;
padding-top: 0;
display: none;
position: relative;
}
.section-intro.is--hero {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-intro.is--hero.flex-center {
background-color: var(--text-on-white);
justify-content: center;
margin-bottom: 0;
}
.section-intro.is--grey {
background-color: var(--bg--white-smoke);
position: relative;
}
.section-intro.is--grey.is--shape-border {
display: none;
position: relative;
}
.section-intro.is--grey.dn {
display: none;
}
.section-intro.is--dark {
background-color: var(--main-dark--midnight-blue);
position: relative;
}
.section-intro.is--photo-bg {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62741cc2e04d07106a3ca76a_blynk-blur_map.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.section-intro.is--footer {
background-color: var(--black);
}
.section-intro.section-hero__developers {
height: auto;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62776ffe5d48321da409e2e2_GithubBanner%201.jpg");
background-position: 0 0;
background-size: cover;
align-items: center;
display: block;
}
.section-intro.is--100vh {
min-height: 100vh;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.section-intro.is--gradient {
background-image: linear-gradient(130deg, #528dc7, var(--primary--medium-sea-green));
}
.section-intro.is--green {
background-color: var(--primary--medium-sea-green);
}
.section-intro.is--inst {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-intro.is--inst.flex-center {
min-height: 50vh;
justify-content: center;
margin-bottom: 0;
}
.section-intro.is--inst.flex-center.overflow-hidden {
overflow: hidden;
}
.section-intro.is--thank-you {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-intro.is--thank-you.flex-center {
justify-content: center;
}
.section-intro.is--gray {
background-color: #eee;
}
.container-intro {
z-index: 3;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 8em 1.25em;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 1em;
position: relative;
}
.container-intro.is--nav {
max-width: 100%;
align-items: center;
padding-top: 2em;
padding-bottom: 2em;
display: flex;
position: absolute;
}
.container-intro.is--nav.is--2 {
background-color: #fff;
padding-top: 1em;
padding-bottom: 1em;
box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
}
.container-intro.is--full-screen {
max-width: 100%;
padding: 0;
display: none;
}
.container-intro.is--pt2 {
padding-top: 10em;
}
.container-intro.is--pt2.is--pb2 {
padding-top: 8em;
padding-bottom: 8em;
}
.container-intro.is--more-space {
padding-top: 14em;
padding-bottom: 14em;
}
.container-intro.is--footer {
padding-bottom: 0;
}
.container-intro.container__hero-bg {
height: 80vh;
max-width: none;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
position: relative;
}
.container-intro.flex-center {
height: 70vh;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.container-intro.flex-center.p-210 {
height: auto;
padding-top: 6em;
padding-bottom: 5em;
}
.container-intro.flex-center.h-none {
height: auto;
}
.container-intro.is--pb2 {
padding-top: 8em;
padding-bottom: 3em;
}
.container-intro.is--pb2.not-pt {
padding-top: 0;
}
.container-intro.is--pb2.not-pt.not-pb {
padding-bottom: 0;
}
.container-intro.p-210 {
padding-top: 13.125em;
padding-bottom: 13.125em;
}
.container-intro.page-clients {
min-height: 80vh;
justify-content: center;
align-items: center;
display: flex;
}
.container-intro.is-pt5 {
padding-top: 8em;
padding-bottom: 8em;
}
.container-intro.is-pt5.bloglist {
padding-top: 3em;
padding-bottom: 3em;
}
.container-intro.is-pt5.bloglist.secondlist {
padding-top: 0;
}
.container-intro.p-tb-2 {
padding-top: 2em;
padding-bottom: 2em;
}
.container-intro.pt-0 {
padding-top: 0;
}
.subtitle__wrapper-intro {
width: 100%;
position: relative;
}
.subtitle__wrapper-intro.mb-10 {
margin-bottom: .625em;
line-height: 1em;
}
.subtitle__wrapper-intro.mb-40 {
z-index: 2;
position: relative;
}
.subtitle__wrapper-intro.mb-40.is--center {
text-align: center;
}
.subtitle__wrapper-intro._w-100 {
width: 100%;
}
.subtitle__wrapper-intro._w-100.mb-60, .subtitle__wrapper-intro._w-100.mb-40 {
margin-bottom: 2em;
}
.subtitle__wrapper-intro.title__blog {
z-index: 5;
}
.subtitle__wrapper-intro.float-center {
text-align: center;
}
.subtitle__wrapper-intro._w-80 {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.subtitle__wrapper-intro._w-80.mb-40 {
margin-bottom: 0;
}
.subtitle__wrapper-intro.all-p {
z-index: 1;
background-color: rgba(0, 0, 0, 0);
padding: .5em 1.5em 1.5em;
}
.subtitle__wrapper-intro.is--80 {
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
.image-placeholder {
position: static;
}
.image-placeholder.mb-100 {
margin-bottom: 0;
}
.smart-city-page__grid__text {
text-transform: uppercase;
margin-left: 0;
font-family: Ubuntu, Helvetica, sans-serif;
font-weight: 700;
display: inline-block;
}
.smart-city-page__grid__item {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: none;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: .25fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
padding-bottom: 16px;
display: flex;
position: relative;
}
.smart-city-flow__diagram__icon {
color: var(--additional);
margin-bottom: 0;
padding-bottom: 0;
font-family: Linearicons, sans-serif;
font-size: 40px;
line-height: 40px;
}
.technology-text {
width: 70%;
color: var(--text-on-white);
margin-bottom: 16px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 23px;
font-weight: 300;
line-height: 32px;
}
.technology-text.smart-home-page__migrating-page {
max-width: none;
}
.technology-text.build-section_text {
max-width: 100%;
}
.smart-text-block__white {
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 1.375em;
font-weight: 300;
line-height: 1.55em;
}
.smart-text-block__white p {
color: var(--white);
font-size: 22px;
line-height: 34px;
display: block;
}
.smart-city-page__tech {
min-height: auto;
margin-top: 48px;
margin-right: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.smart-city-page__tech.is--grey {
min-height: auto;
background-color: var(--light-bg-2);
margin-top: 0;
padding: 136px 144px;
position: relative;
top: 0;
}
.smart-city-page__tech.is--grey.product-launch {
background-color: var(--main-dark--midnight-blue);
color: var(--white);
}
.smaller-text {
font-size: 14px;
}
.dropdown-toggle {
padding: 0 25px 0 0;
}
.icon-7 {
color: var(--white);
padding-left: 20px;
padding-right: 20px;
}
.dropdown-link {
color: var(--white);
text-shadow: -2px 0 2px var(--main-dark--midnight-blue);
overflow-wrap: normal;
font-family: Ubuntu, Helvetica, sans-serif;
font-weight: 700;
}
.dropdown-link:hover, .dropdown-link.w--current {
color: var(--primary--medium-sea-green);
}
.dropdown-link.is--dark {
background-color: var(--white);
color: var(--main-dark--midnight-blue);
text-shadow: none;
font-weight: 300;
}
.dropdown-link.is--dark:hover, .dropdown-link.is--dark.w--current, .dropdown-link.is--dark.w--current:hover {
color: var(--primary--medium-sea-green);
}
.dropdown-industries {
background-color: rgba(0, 0, 0, 0);
margin-top: 10px;
}
.dropdown-industries.dropdown--white {
box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
}
.link-8 {
display: inline;
}
.case-study__hero {
height: 80vh;
min-height: auto;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/64005cbf10a9c9cb6171f48a_case-studies-hero-image.png"), linear-gradient(106.56deg, #0f3045, #144767);
background-position: 100% 80px, 0 0;
background-repeat: no-repeat, repeat;
background-size: contain, auto;
flex-flow: wrap;
justify-content: space-around;
padding-bottom: 136px;
display: flex;
position: relative;
overflow: hidden;
}
.case-study__hero.product-hero {
background-image: linear-gradient(106.56deg, #0f3045, #144767);
padding-bottom: 0;
}
.case-study__hero-text-grid {
z-index: 50;
width: 100%;
height: 60vh;
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: fill;
background-color: rgba(0, 0, 0, 0);
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 168px;
padding-left: 114px;
padding-right: 25px;
display: block;
position: relative;
overflow: visible;
}
.case-study__hero-text-grid.product-tablet-hero {
width: 100%;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/6393aca2c64883b933ffd28f_hero-image.png");
background-position: 100%;
background-repeat: no-repeat;
background-size: auto 100%;
}
.case-study__hero-text-grid.smart-city-hero {
width: 100%;
-webkit-text-fill-color: inherit;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/63ee9a8a5ee23845790220ff_smart-city-hero.png");
background-position: 95% 70%;
background-repeat: no-repeat;
background-size: auto 75%;
background-clip: border-box;
}
.pricing__hero {
background-image: linear-gradient(106.56deg, #0f3045, #144767);
flex-flow: wrap;
justify-content: space-around;
padding-bottom: 136px;
display: flex;
position: relative;
overflow: hidden;
}
.pricing__hero.product-hero {
background-image: linear-gradient(106.56deg, #0f3045, #144767);
padding-bottom: 0;
}
.div-pricing__hero {
z-index: 50;
width: 100%;
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: fill;
background-color: rgba(0, 0, 0, 0);
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 168px;
padding-left: 114px;
padding-right: 25px;
display: block;
position: relative;
overflow: visible;
}
.div-pricing__hero.product-tablet-hero {
width: 100%;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/6393aca2c64883b933ffd28f_hero-image.png");
background-position: 100%;
background-repeat: no-repeat;
background-size: auto 100%;
}
.div-pricing__hero.smart-city-hero {
width: 100%;
-webkit-text-fill-color: inherit;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/63ee9a8a5ee23845790220ff_smart-city-hero.png");
background-position: 95% 70%;
background-repeat: no-repeat;
background-size: auto 75%;
background-clip: border-box;
}
.pricing-tabs {
z-index: 3;
width: 100%;
max-width: 1200px;
margin-top: 4em;
margin-left: auto;
margin-right: auto;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 1em;
position: relative;
}
.pricing-tabs.is--nav {
max-width: 100%;
align-items: center;
padding-top: 2em;
padding-bottom: 2em;
display: flex;
position: absolute;
}
.pricing-tabs.is--nav.is--2 {
background-color: #fff;
padding-top: 1em;
padding-bottom: 1em;
box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
}
.pricing-tabs.is--full-screen {
max-width: 100%;
padding: 0;
display: none;
}
.pricing-tabs.is--pt2 {
padding-top: 10em;
}
.pricing-tabs.is--pt2.is--pb2 {
padding-top: 8em;
padding-bottom: 8em;
}
.pricing-tabs.is--more-space {
padding-top: 14em;
padding-bottom: 14em;
}
.pricing-tabs.is--footer {
max-width: none;
padding: 6em 114px 0;
}
.pricing-tabs.container__hero-bg {
height: 80vh;
max-width: none;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
position: relative;
}
.pricing-tabs.flex-center {
height: 70vh;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.pricing-tabs.flex-center.p-210 {
height: auto;
padding-top: 6em;
padding-bottom: 5em;
}
.pricing-tabs.flex-center.h-none {
height: auto;
}
.pricing-tabs.flex-center.h-none.is--pb2.cta {
padding-top: 8em;
padding-bottom: 8em;
}
.pricing-tabs.is--pb2 {
padding-top: 10em;
padding-bottom: 10em;
}
.pricing-tabs.is--pb2.not-pt {
padding-top: 0;
}
.pricing-tabs.is--pb2.not-pt.not-pb {
padding-bottom: 0;
}
.pricing-tabs.is--pb2.more-cases {
padding-top: 8em;
padding-bottom: 8em;
}
.pricing-tabs.p-210 {
padding-top: 13.125em;
padding-bottom: 13.125em;
}
.pricing-tabs.page-clients {
min-height: 80vh;
justify-content: center;
align-items: center;
display: flex;
}
.pricing-tabs.is-pt5 {
padding-top: 8em;
padding-bottom: 8em;
}
.pricing-tabs.is-pt5.bloglist {
padding-top: 3em;
padding-bottom: 3em;
}
.pricing-tabs.is-pt5.bloglist.secondlist {
padding-top: 0;
}
.pricing-tabs.p-tb-2 {
padding-top: 2em;
padding-bottom: 2em;
}
.pricing-tabs.pt-0 {
padding-top: 0;
}
.price-tab {
width: 50%;
color: rgba(19, 22, 23, .7);
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-radius: 50px;
margin-top: -2px;
margin-bottom: -2px;
padding: .5em 0;
font-size: .9em;
transition: background-color .2s, color .2s;
}
.price-tab:hover {
color: #1c2d45;
}
.price-tab.w--current {
color: #fff;
background-color: #24c48e;
box-shadow: 1px 1px 10px rgba(28, 45, 69, .08);
}
.detail {
color: rgba(19, 22, 23, .7);
margin-bottom: 0;
font-weight: 400;
}
.payment-terms {
font-size: 12px;
}
.overflow {
overflow: visible;
}
.standard-paragraph {
color: rgba(0, 0, 0, .6);
letter-spacing: 0;
margin-bottom: 1rem;
font-size: 1.1rem;
line-height: 1.7rem;
}
.standard-paragraph.smaller {
font-size: .95rem;
}
.pricing-menu {
width: 13em;
background-color: rgba(255, 255, 255, .25);
border-radius: 50px;
margin-left: 0;
margin-right: auto;
padding: 9px;
display: block;
overflow: hidden;
}
.price {
margin-bottom: 12px;
font-size: 1.8em;
line-height: 1.1;
}
.pricing-option {
margin-bottom: 12px;
font-size: 1.8em;
line-height: 1.6em;
}
.discount-container {
width: 115px;
color: #fcfbf3;
background-color: #1c2d45;
border-radius: 12px;
margin-left: auto;
margin-right: auto;
padding: 8px 18px;
font-size: .8em;
display: inline-block;
position: absolute;
top: -2em;
bottom: auto;
left: 0;
right: 0;
}
.feature-grid {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
margin-bottom: 32px;
}
.relative {
position: relative;
}
.pricing-card-grid {
z-index: 2;
grid-column-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-left: -1em;
margin-right: -1em;
padding-bottom: 6em;
padding-left: 1em;
padding-right: 1em;
position: relative;
}
.icon-button {
color: #fff;
background-color: #055ffb;
background-image: linear-gradient(135deg, rgba(0, 117, 254, 0), #0075fe);
border-radius: 8px;
justify-content: center;
align-items: stretch;
padding: 1.1em 1.7em;
font-weight: 400;
text-decoration: none;
transition: all .2s;
display: inline-block;
}
.icon-button:hover {
background-color: #034492;
}
.flex-row-center {
justify-content: center;
align-items: center;
display: flex;
}
.pricing-features {
margin-bottom: 12px;
font-size: 1em;
line-height: 24px;
}
.button-arrow {
width: 20px;
justify-content: center;
align-items: center;
margin-left: 8px;
display: flex;
}
.integrations-block {
outline-offset: 0px;
background-color: #fff;
border-radius: 24px;
outline: 16px solid #f3f4ff;
flex-direction: column;
padding: 2em;
transition: box-shadow .2s ease-in-out;
display: flex;
box-shadow: 11px 11px #f3f4ff;
}
.feature-wrap {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/63ff14f3b965c620546821d1_icon-start-rating.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 20px;
align-items: center;
padding-left: 24px;
display: flex;
}
.list__tick__icon {
color: var(--primary--medium-sea-green);
flex: 0 auto;
margin-top: 0;
margin-left: 8px;
font-family: Linearicons, sans-serif;
font-size: 19px;
font-weight: 400;
line-height: 28px;
display: inline-block;
}
.smart-city__grid-3 {
grid-column-gap: 50px;
grid-row-gap: 20px;
grid-template: "."
/ 1fr 1fr 1fr;
margin-top: 1em;
margin-bottom: 2em;
}
.smart-city__grid-3.smart-city__tick-list {
margin-top: 0;
margin-bottom: 2em;
}
.text-block-4 {
z-index: 200;
color: var(--white);
text-transform: uppercase;
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(3, 3, 10, .7));
border-radius: 0 0 8px 8px;
margin-top: -69px;
padding-top: 20px;
padding-bottom: 24px;
padding-left: 6%;
font-size: 16px;
line-height: 24px;
transition: none;
display: none;
position: relative;
}
.text-block-4:hover {
display: block;
}
.text-span-18 {
text-transform: none;
font-family: Linearicons, sans-serif;
}
.img-case {
height: auto;
object-fit: fill;
border-radius: 8px;
display: block;
position: relative;
}
.img-case.absolute-img {
object-fit: contain;
position: absolute;
}
.image-46 {
height: auto;
object-fit: contain;
position: relative;
}
.link-block-4, .link-block-5, .image-47 {
position: relative;
}
.features-page__upgrade {
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 19px;
font-weight: 300;
line-height: 28px;
}
.double-tabs-content {
overflow: visible;
}
.double-tabs-content.mt-30 {
margin-top: 1.875em;
}
.grid-block-3__tabs {
grid-column-gap: 24px;
grid-row-gap: 2.5em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
overflow: visible;
}
.add-on, .white {
color: var(--white);
}
.pricing-menu-2 {
max-width: 400px;
background-color: rgba(255, 255, 255, .25);
border-radius: 50px;
margin-left: 0;
margin-right: auto;
padding: 9px;
display: block;
overflow: hidden;
}
.demand-response-content {
max-width: 1200px;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/640b60265735a484bbcb25ee_gis_earth.png");
background-position: 100% 70%;
background-repeat: no-repeat;
background-size: auto 80%;
margin-left: auto;
margin-right: auto;
padding-left: 1.25em;
padding-right: 1.25em;
position: relative;
}
.div-block-31 {
width: 100%;
}
.section-demand-response {
background-color: var(--text-on-white);
padding-top: 8em;
padding-bottom: 136px;
}
.section-demand-response.section-10 {
padding-bottom: 0;
}
.smart-home-page__aqua__items__first__img-copy {
height: auto;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.hvac-page__aqua__items__first__img {
height: auto;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.hvac-page__aqua__items__second__img {
height: auto;
object-fit: cover;
margin-top: 0;
display: block;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
overflow: visible;
}
.hvac-page__aqua__items__four__img {
height: auto;
display: none;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.smart-home-text {
max-width: 50%;
color: var(--white);
margin-bottom: 64px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 23px;
font-weight: 300;
line-height: 32px;
}
.smart-home-text._w-80 {
max-width: 80%;
margin-bottom: 16px;
font-weight: 300;
}
.smart-home-text._w-80._w-100 {
max-width: none;
}
.hnac-marketing-img {
width: 429px;
height: auto;
max-width: none;
object-fit: contain;
margin-top: -127px;
display: block;
position: static;
}
.hvac-page-mob-img {
display: none;
}
.plan-card-pro {
background-color: #a31616;
}
.plan-card-pro.smart-home-page__aqua__items__first {
min-height: 480px;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(91.66deg, #5572d3 1.87%, #24c48e);
border-radius: 16px;
margin-bottom: 24px;
padding: 40px;
position: relative;
}
.plan-card-pro.smart-home-page__aqua__items__first.pro_card {
min-height: 770px;
background-image: linear-gradient(148.26deg, #ed9d00, #d3435c);
}
.text-span-19 {
white-space: nowrap;
}
.is--white {
color: var(--white);
}
.is--white.card-feature_headline {
font-size: 33px;
line-height: 44px;
}
.pricing-card-richtext.is--white {
flex-direction: column;
align-self: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.pricing-page__add-ons {
background-color: var(--main-dark--midnight-blue);
padding-top: 8em;
padding-bottom: 8em;
}
.pricing-page__add-ons.is--grey {
min-height: auto;
background-color: var(--light-bg-2);
margin-top: 0;
padding: 136px 144px;
position: relative;
top: 0;
}
.pricing-page__add-ons.is--grey.product-launch {
background-color: var(--main-dark--midnight-blue);
color: var(--white);
padding-top: 6em;
padding-bottom: 6em;
}
.pricing-page__add-ons.is--grey.smart-city-cta {
background-color: var(--main-dark--midnight-blue);
color: var(--white);
background-image: linear-gradient(106.56deg, #0f3045, #144767 100%, #144767);
padding-top: 8em;
padding-bottom: 8em;
}
.container-3 {
max-width: 1200px;
padding-left: 1.25em;
padding-right: 1.25em;
}
.grid-7 {
grid-template-columns: 1fr 1fr 1fr;
}
.card__add-on {
min-height: 438px;
border-radius: 16px;
margin-bottom: 24px;
padding: 40px;
display: inline-block;
position: relative;
}
.card__add-on.smart-home-page__aqua__items__first {
min-height: 480px;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(91.66deg, #5572d3 1.87%, #24c48e);
border-radius: 16px;
margin-bottom: 24px;
padding: 40px;
position: relative;
}
.card__add-on.smart-home-page__aqua__items__first.pro_card {
min-height: 770px;
background-image: linear-gradient(148.26deg, #ed9d00, #d3435c);
}
.card__add-on.localization__aqua__items__first {
min-height: 424px;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(291.17deg, #13c2c2, #6d33b6);
border-radius: 16px;
margin-bottom: 24px;
padding: 40px;
position: relative;
}
.card__add-on.localization__aqua__items__first.pro_card {
min-height: 770px;
background-image: linear-gradient(148.26deg, #ed9d00, #d3435c);
}
.card__add-on.localization {
background-image: linear-gradient(291.17deg, #13c2c2, #6d33b6);
margin-bottom: 24px;
padding: 40px;
position: relative;
}
.card__add-on.localization.pro_card {
min-height: 770px;
background-image: linear-gradient(148.26deg, #ed9d00, #d3435c);
}
.card__add-on.localization.long {
min-height: 522px;
}
.card__add-on.demand-response {
background-color: rgba(0, 0, 0, 0);
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/641d72f1300620848e43f5ef_demand-response-image-bottom.png"), linear-gradient(116.61deg, #722ed1, #13c2c2);
background-position: 50% 100%, 0 0;
background-repeat: no-repeat, repeat;
background-size: contain, auto;
border-radius: 16px;
margin-bottom: 24px;
padding: 40px;
}
.card__add-on.demand-response.pro_card {
min-height: 770px;
background-image: linear-gradient(148.26deg, #ed9d00, #d3435c);
}
.card__add-on.marketing-addon {
background-image: linear-gradient(82.18deg, #1d9d72, #5978c0);
}
.card__add-on.marketing-addon.long {
min-height: 522px;
}
.card__add-on.access-to-db {
background-image: linear-gradient(110.72deg, #619462 1.36%, #9b6637 98.62%);
}
.card__add-on.access-to-db.long {
min-height: 522px;
}
.card__add-on.voice-assistants {
background-image: linear-gradient(295.76deg, #d4b106, #722ed1);
}
.card__add-on.asset-tracking {
background-image: linear-gradient(113.58deg, #863d7f, #5f8fa9);
}
.add-on__item__text {
color: var(--white);
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 19px;
font-weight: 300;
line-height: 28px;
}
.add-on__item__text.smart-home-page__aqua__item__text-w-72 {
max-width: 65%;
}
.card__add-on-2 {
background-color: #d89f9f;
}
.card__add-on-2.smart-home-page__aqua__items__second {
min-height: 424px;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(89.56deg, #bc516f .76%, #747ac4 99.26%);
border-radius: 16px;
margin-bottom: 24px;
padding: 40px;
position: relative;
}
.card__add-on-2.smart-home-page__aqua__items__second.business_card {
min-height: 765px;
background-image: linear-gradient(270deg, #2f54eb, #597ef7);
overflow: visible;
}
.card__add-on-2.smart-home-page__aqua__items__second.business_card.smart-city-card {
min-height: auto;
}
.card__add-on-2.smart-home-page__aqua__items__second-copy {
min-height: 424px;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(89.56deg, #bc516f .76%, #747ac4 99.26%);
border-radius: 16px;
margin-bottom: 24px;
padding: 40px;
position: relative;
}
.card__add-on-2.smart-home-page__aqua__items__second-copy.business_card {
min-height: 765px;
background-image: linear-gradient(270deg, #2f54eb, #597ef7);
overflow: visible;
}
.card__add-on-2.smart-home-page__aqua__items__second-copy.business_card.smart-city-card {
min-height: auto;
}
.card__add-on-2.add-on__aqua__items__second {
min-height: 424px;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(295.76deg, #d4b106, #722ed1);
border-radius: 16px;
margin-bottom: 24px;
padding: 40px;
position: relative;
}
.card__add-on-2.add-on__aqua__items__second.business_card {
min-height: 765px;
background-image: linear-gradient(270deg, #2f54eb, #597ef7);
overflow: visible;
}
.card__add-on-2.add-on__aqua__items__second.business_card.smart-city-card {
min-height: auto;
}
.card__add-on-2.voice-assistants {
min-height: 424px;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(295.76deg, #d4b106, #722ed1);
border-radius: 16px;
margin-bottom: 24px;
padding: 40px;
position: relative;
}
.card__add-on-2.voice-assistants.business_card {
min-height: 765px;
background-image: linear-gradient(270deg, #2f54eb, #597ef7);
overflow: visible;
}
.card__add-on-2.voice-assistants.business_card.smart-city-card {
min-height: auto;
}
.card__add-on-3 {
min-height: 424px;
background-image: linear-gradient(91.17deg, #7cb305, #5572d3);
border-radius: 16px;
margin-bottom: 24px;
padding: 40px;
position: relative;
}
.card__add-on-3.access-to-db {
background-image: repeating-linear-gradient(117.66deg, #24c48e, #d4380d);
}
.card__add-on-4 {
background-color: #292525;
}
.card__add-on-4.smart-home-page__aqua__items__four, .card__add-on-4.smart-home-page__aqua__items__four-copy {
min-height: auto;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(145.3deg, #597ef7, #9c7ab6);
border-radius: 16px;
padding: 40px 40px 205px;
position: relative;
}
.card__add-on-4.add-on__aqua__items__fourth {
min-height: 424px;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(145.3deg, #597ef7, #9c7ab6);
border-radius: 16px;
margin-bottom: 24px;
padding: 40px;
position: relative;
}
.card__add-on-4.asset-tracking {
min-height: 424px;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(113.74deg, #9e1068, #36cfc9);
border-radius: 16px;
margin-bottom: 24px;
padding: 40px;
position: relative;
}
.add-on__cards {
grid-template-columns: 1fr 1fr 1fr;
margin-top: 3em;
}
.description__wrapper__business {
margin-top: 1em;
margin-bottom: 0;
}
.price__wrapper-business {
align-self: flex-start;
display: flex;
}
.price__wrapper-business.mb-10 {
width: 100%;
border-bottom-width: 0;
}
.grid-8 {
grid-row-gap: 8px;
grid-template-rows: auto auto;
grid-template-columns: 3fr 1fr;
}
.content__wrapper-techsupport {
max-width: 760px;
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
flex-direction: row;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
display: block;
}
.content__wrapper-techsupport.grid__column.gap-40 {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.content__wrapper-techsupport.grid__column.gap-40.relative {
position: relative;
}
.content__wrapper-techsupport.grid__column.gap-40.relative.mt-5em {
margin-top: 5em;
}
.content__wrapper-techsupport.grid__column.gap-40.relative._60 {
max-width: 60%;
}
.content__wrapper-techsupport.clients {
max-width: 760px;
margin-bottom: 63px;
}
.img-blog-homepage {
width: 100%;
height: auto;
object-fit: fill;
border-radius: 8px;
position: relative;
}
.img-blog-homepage.absolute-img {
object-fit: contain;
position: absolute;
}
.item__wrapper-homepage {
width: 100%;
position: relative;
}
.tech-support-text img {
padding-right: 20px;
}
.tech-support-div {
z-index: 50;
width: 60%;
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: fill;
background-color: rgba(0, 0, 0, 0);
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 189px;
padding-left: 114px;
padding-right: 25px;
display: block;
position: relative;
overflow: visible;
}
.tech-support-div.product-tablet-hero {
width: 100%;
background-image: none;
background-size: auto;
}
.tech-support-div.smart-city-hero {
width: 100%;
-webkit-text-fill-color: inherit;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/63ee9a8a5ee23845790220ff_smart-city-hero.png");
background-position: 95% 70%;
background-repeat: no-repeat;
background-size: auto 70%;
background-clip: border-box;
}
.tech-support-div.hvac-hero {
width: 100%;
-webkit-text-fill-color: inherit;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/640ef0ae766e123987f341a3_hero-image-web.png");
background-position: 70% 70%;
background-repeat: no-repeat;
background-size: auto 100%;
background-clip: border-box;
}
.link-block-6 {
color: var(--main-dark--midnight-blue);
}
.link-block-6:hover {
color: var(--additional--royal-blue);
}
.section-hero-blog {
height: auto;
display: block;
position: relative;
}
.section-hero-blog.is--hero {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-hero-blog.is--hero.flex-center {
background-color: var(--text-on-white);
justify-content: center;
margin-bottom: 0;
}
.section-hero-blog.is--grey {
background-color: var(--bg--white-smoke);
position: relative;
}
.section-hero-blog.is--grey.is--shape-border {
display: none;
position: relative;
}
.section-hero-blog.is--grey.dn {
display: none;
}
.section-hero-blog.is--dark {
background-color: var(--main-dark--midnight-blue);
position: relative;
}
.section-hero-blog.is--photo-bg {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62741cc2e04d07106a3ca76a_blynk-blur_map.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.section-hero-blog.is--footer {
background-color: var(--black);
}
.section-hero-blog.section-hero__developers {
height: auto;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62776ffe5d48321da409e2e2_GithubBanner%201.jpg");
background-position: 0 0;
background-size: cover;
align-items: center;
display: block;
}
.section-hero-blog.is--100vh {
min-height: 100vh;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.section-hero-blog.is--gradient {
background-image: linear-gradient(130deg, #528dc7, var(--primary--medium-sea-green));
}
.section-hero-blog.is--green {
background-color: var(--primary--medium-sea-green);
display: block;
}
.section-hero-blog.is--inst {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-hero-blog.is--inst.flex-center {
min-height: 50vh;
justify-content: center;
margin-bottom: 0;
}
.section-hero-blog.is--inst.flex-center.overflow-hidden {
overflow: hidden;
}
.section-hero-blog.is--thank-you {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-hero-blog.is--thank-you.flex-center {
justify-content: center;
}
.section-hero-blog.is--gray {
background-color: #eee;
}
.section-hero-blog.smart-city-herotemp {
display: none;
}
.section-hero-case {
height: auto;
display: block;
position: relative;
}
.section-hero-case.is--hero {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-hero-case.is--hero.flex-center {
background-color: var(--text-on-white);
justify-content: center;
margin-bottom: 0;
}
.section-hero-case.is--grey {
background-color: var(--bg--white-smoke);
position: relative;
}
.section-hero-case.is--grey.is--shape-border {
display: none;
position: relative;
}
.section-hero-case.is--grey.dn {
display: none;
}
.section-hero-case.is--dark {
background-color: var(--main-dark--midnight-blue);
position: relative;
}
.section-hero-case.is--photo-bg {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62741cc2e04d07106a3ca76a_blynk-blur_map.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.section-hero-case.is--footer {
background-color: var(--black);
}
.section-hero-case.section-hero__developers {
height: 80vh;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62776ffe5d48321da409e2e2_GithubBanner%201.jpg");
background-position: 0 0;
background-size: cover;
align-items: center;
display: block;
}
.section-hero-case.is--100vh {
min-height: 100vh;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.section-hero-case.is--gradient {
background-image: linear-gradient(130deg, #528dc7, var(--primary--medium-sea-green));
}
.section-hero-case.is--green {
background-color: var(--primary--medium-sea-green);
display: block;
}
.section-hero-case.is--inst {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-hero-case.is--inst.flex-center {
min-height: 50vh;
justify-content: center;
margin-bottom: 0;
}
.section-hero-case.is--inst.flex-center.overflow-hidden {
overflow: hidden;
}
.section-hero-case.is--thank-you {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-hero-case.is--thank-you.flex-center {
justify-content: center;
}
.section-hero-case.is--gray {
background-color: #eee;
}
.section-hero-case.smart-city-herotemp {
display: none;
}
.html-embed-4 {
color: var(--primary--medium-sea-green);
}
.grid-block-2__tabs {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-content: start;
justify-content: start;
justify-items: start;
display: grid;
overflow: visible;
}
.grid-item__price {
background-color: var(--white);
border-radius: .56em;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
padding: 1.875em 1.9em;
display: flex;
box-shadow: 0 0 25px rgba(0, 0, 0, .08);
}
.grid-item__price.add-ons {
background-image: linear-gradient(91.66deg, #5572d3 1.87%, #24c48e);
}
.price_title {
align-self: flex-start;
}
.price-title__wrapper {
display: flex;
}
.price-title__wrapper.mb-10 {
color: var(--main-dark--midnight-blue);
}
.price-title__wrapper.is--centered {
text-align: center;
}
.price-title__wrapper.blog-section-title {
margin-top: 2em;
}
.price-price__wrapper {
align-self: flex-start;
}
.price-price__wrapper.mb-10 {
width: 100%;
border-bottom-width: 0;
}
.price-subtitle__wrapper {
width: 100%;
position: relative;
}
.price-subtitle__wrapper.mb-20 {
align-self: flex-start;
}
.price-subtitle__wrapper.mb-20.is--centered {
text-align: center;
}
.price-subtitle__wrapper.mb-10 {
margin-bottom: .625em;
line-height: 1em;
display: block;
}
.price-subtitle__wrapper.mb-40 {
z-index: 20;
position: relative;
}
.price-subtitle__wrapper.mb-40.is--center {
text-align: center;
}
.price-subtitle__wrapper._w-100 {
width: 100%;
}
.price-subtitle__wrapper._w-100.mb-60, .price-subtitle__wrapper._w-100.mb-40 {
margin-bottom: 2em;
}
.price-subtitle__wrapper.title__blog {
z-index: 50;
}
.price-subtitle__wrapper.float-center {
text-align: center;
}
.price-subtitle__wrapper._w-80 {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.price-subtitle__wrapper._w-80.mb-40 {
width: 85%;
}
.price-subtitle__wrapper.all-p {
z-index: 1;
background-color: rgba(0, 0, 0, 0);
padding: .5em 1.5em 1.5em;
}
.price-subtitle__wrapper.is--80 {
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
.price-features {
flex-direction: column;
justify-content: flex-start;
align-self: flex-start;
align-items: flex-start;
margin-top: 40px;
display: block;
}
.price-features.mb-80 {
grid-column-gap: 2.5em;
grid-row-gap: 1.5em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.price-features.mb-60 {
max-width: 70%;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: start;
justify-items: center;
display: flex;
}
.price-features.is--blog {
flex-direction: column;
}
.price-features.is--centered {
align-items: center;
}
.price-features.mb-100._w-70 {
width: 70%;
margin-left: auto;
margin-right: auto;
}
.price-features.rich-text {
width: 49%;
}
.price-features.w70 {
width: 70%;
}
.price-description__wrapper {
margin-top: 1em;
margin-bottom: 0;
}
.p-price-description {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
font-size: 19px;
font-weight: 300;
line-height: 28px;
}
.p-price-description.is--white {
color: #fff;
}
.p-price-description.p-all {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
font-weight: 500;
}
.p-price-description.p-center {
text-align: center;
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
}
.p-price-description.p-center.mb-10 {
font-weight: 500;
}
.p-price-description.p-center.flex-vertical {
flex-direction: column;
}
.p-price-description.p-center.link-inside {
flex-direction: column;
justify-content: center;
display: flex;
}
.p-price-description.p-tabs {
color: var(--white);
font-weight: 700;
display: inline;
}
.p-price-description.p-tabs.dot-m, .p-price-description.p-tabs.dot-y {
color: var(--primary--medium-sea-green);
padding-right: 1em;
font-family: Linearicons, sans-serif;
display: none;
}
.p-price-description.is--light {
font-weight: 300;
display: block;
}
.p-price-description.is--light.is--grey {
color: #5c5c5c;
}
.p-price-description.is--light.is--grey.all-caps {
text-transform: uppercase;
}
.p-price-description.is--light.is--grey.all-caps.mb-10 {
margin-top: .2em;
}
.p-price-description.is--light.hover-crambs:hover {
border-bottom: 1px solid var(--button-hover--medium-aquamarine);
color: var(--button-hover--medium-aquamarine);
}
.p-price-description.is--light.is--green {
color: var(--button-hover--medium-aquamarine);
}
.p-price-description.is--grey {
color: #587182;
}
.p-price-description.hover-crambs:hover {
border-bottom: 1px solid var(--button-hover--medium-aquamarine);
color: var(--button-hover--medium-aquamarine);
}
.p-price-description.hover-crambs.is--green {
color: var(--button-hover--medium-aquamarine);
margin-bottom: 0;
}
.usd {
font-family: Raleway, sans-serif;
font-size: 19px;
font-weight: 700;
line-height: 26px;
}
.smart-home-page__success-launch__list__item--wrapper-copy {
grid-column-gap: 16px;
grid-row-gap: 28px;
flex-direction: column;
margin-bottom: 16px;
display: flex;
}
.price-features_list {
grid-column-gap: 16px;
grid-row-gap: 8px;
flex-direction: column;
display: flex;
}
.price-features_list-item {
order: 1;
align-items: center;
font-weight: 300;
line-height: 150%;
display: flex;
}
.card-wrapper {
margin-bottom: 20px;
}
.addon-card_img {
display: block;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.marketing-addon {
background-image: linear-gradient(91.17deg, #7cb305, #5572d3);
border-radius: 16px;
margin-bottom: 24px;
padding: 40px;
position: relative;
}
.columns-3, .columns-addons {
margin-top: 60px;
display: flex;
}
.remote-hvac-mob {
display: none;
top: auto;
bottom: 0;
}
.body-2 {
height: 100vh;
background-color: #f6f6f6;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.image-blog {
height: 32px;
position: static;
}
.column-24 {
text-align: center;
}
.awards {
margin-top: 4em;
margin-bottom: 4em;
}
.column-25 {
padding-left: 50px;
padding-right: 50px;
}
.column-26 {
padding-left: 70px;
padding-right: 70px;
}
.slider-2 {
background-color: rgba(0, 0, 0, 0);
position: relative;
}
.slide-nav-2 {
position: relative;
}
.block-qoute__about-wrapper {
max-width: 47.5em;
justify-content: center;
align-items: flex-start;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.mask-2 {
overflow: hidden;
}
._w-slider {
height: auto;
background-color: rgba(0, 0, 0, 0);
position: relative;
}
.image-49 {
margin-top: 8em;
display: none;
}
.link-9 {
display: block;
}
.section-old {
height: auto;
padding-top: 4em;
padding-bottom: 4em;
display: block;
position: relative;
}
.section-old.is--hero {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-old.is--hero.flex-center {
background-color: var(--text-on-white);
justify-content: center;
margin-bottom: 0;
}
.section-old.is--grey {
background-color: var(--bg--white-smoke);
position: relative;
}
.section-old.is--grey.is--shape-border {
display: none;
position: relative;
}
.section-old.is--grey.dn {
display: none;
}
.section-old.is--dark {
background-color: var(--main-dark--midnight-blue);
}
.section-old.is--photo-bg {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62741cc2e04d07106a3ca76a_blynk-blur_map.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.section-old.is--footer {
background-color: var(--black);
padding-top: 2em;
padding-bottom: 1em;
}
.section-old.section-hero__developers {
height: 80vh;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62776ffe5d48321da409e2e2_GithubBanner%201.jpg");
background-position: 0 0;
background-size: cover;
align-items: center;
display: block;
}
.section-old.is--100vh {
min-height: 100vh;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.section-old.is--gradient {
background-image: linear-gradient(130deg, #528dc7, var(--primary--medium-sea-green));
}
.section-old.is--green {
background-color: var(--primary--medium-sea-green);
display: block;
}
.section-old.is--inst {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-old.is--inst.flex-center {
min-height: 50vh;
justify-content: center;
margin-bottom: 0;
}
.section-old.is--inst.flex-center.overflow-hidden {
overflow: hidden;
}
.section-old.is--thank-you {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-old.is--thank-you.flex-center {
justify-content: center;
margin-bottom: 0;
}
.section-old.is--gray {
background-color: #eee;
}
.section-old.smart-city-herotemp {
display: none;
}
.section-old.getting-started-hero {
padding-top: 0;
padding-bottom: 0;
}
.section-logos {
height: auto;
padding-top: 4em;
padding-bottom: 4em;
display: block;
position: relative;
}
.section-logos.is--hero {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-logos.is--hero.flex-center {
background-color: var(--text-on-white);
justify-content: center;
margin-bottom: 0;
}
.section-logos.is--grey {
background-color: var(--bg--white-smoke);
position: relative;
}
.section-logos.is--grey.is--shape-border {
display: none;
position: relative;
}
.section-logos.is--grey.dn {
display: none;
}
.section-logos.is--dark {
background-color: var(--main-dark--midnight-blue);
}
.section-logos.is--photo-bg {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62741cc2e04d07106a3ca76a_blynk-blur_map.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.section-logos.is--footer {
background-color: var(--black);
padding-top: 2em;
padding-bottom: 1em;
}
.section-logos.section-hero__developers {
height: 80vh;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62776ffe5d48321da409e2e2_GithubBanner%201.jpg");
background-position: 0 0;
background-size: cover;
align-items: center;
display: block;
}
.section-logos.is--100vh {
min-height: 100vh;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.section-logos.is--gradient {
background-image: linear-gradient(130deg, #528dc7, var(--primary--medium-sea-green));
}
.section-logos.is--green {
background-color: var(--primary--medium-sea-green);
display: block;
}
.section-logos.is--inst {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-logos.is--inst.flex-center {
min-height: 50vh;
justify-content: center;
margin-bottom: 0;
}
.section-logos.is--inst.flex-center.overflow-hidden {
overflow: hidden;
}
.section-logos.is--thank-you {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-logos.is--thank-you.flex-center {
justify-content: center;
margin-bottom: 0;
}
.section-logos.is--gray {
background-color: #eee;
}
.section-logos.smart-city-herotemp {
display: none;
}
.section-logos.getting-started-hero {
padding-top: 0;
padding-bottom: 0;
}
.section-awards {
height: auto;
padding-top: 4em;
padding-bottom: 4em;
display: block;
position: relative;
}
.section-awards.is--hero {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-awards.is--hero.flex-center {
background-color: var(--text-on-white);
justify-content: center;
margin-bottom: 0;
}
.section-awards.is--grey {
background-color: var(--bg--white-smoke);
position: relative;
}
.section-awards.is--grey.is--shape-border {
display: none;
position: relative;
}
.section-awards.is--grey.dn {
display: none;
}
.section-awards.is--dark {
background-color: var(--main-dark--midnight-blue);
}
.section-awards.is--photo-bg {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62741cc2e04d07106a3ca76a_blynk-blur_map.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.section-awards.is--footer {
background-color: var(--black);
padding-top: 2em;
padding-bottom: 1em;
}
.section-awards.section-hero__developers {
height: 80vh;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62776ffe5d48321da409e2e2_GithubBanner%201.jpg");
background-position: 0 0;
background-size: cover;
align-items: center;
display: block;
}
.section-awards.is--100vh {
min-height: 100vh;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.section-awards.is--gradient {
background-image: linear-gradient(130deg, #528dc7, var(--primary--medium-sea-green));
}
.section-awards.is--green {
background-color: var(--primary--medium-sea-green);
display: block;
}
.section-awards.is--inst {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-awards.is--inst.flex-center {
min-height: 50vh;
justify-content: center;
margin-bottom: 0;
}
.section-awards.is--inst.flex-center.overflow-hidden {
overflow: hidden;
}
.section-awards.is--thank-you {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-awards.is--thank-you.flex-center {
justify-content: center;
margin-bottom: 0;
}
.section-awards.is--gray {
background-color: #eee;
}
.section-awards.smart-city-herotemp {
display: none;
}
.section-awards.getting-started-hero {
padding-top: 0;
padding-bottom: 0;
}
.section-copy {
height: auto;
padding-top: 4em;
padding-bottom: 4em;
display: block;
position: relative;
}
.section-copy.is--hero {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-copy.is--hero.flex-center {
background-color: var(--text-on-white);
justify-content: center;
margin-bottom: 0;
}
.section-copy.is--grey {
background-color: var(--bg--white-smoke);
position: relative;
}
.section-copy.is--grey.is--shape-border {
display: none;
position: relative;
}
.section-copy.is--grey.dn {
display: none;
}
.section-copy.is--dark {
background-color: var(--main-dark--midnight-blue);
}
.section-copy.is--photo-bg {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62741cc2e04d07106a3ca76a_blynk-blur_map.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.section-copy.is--footer {
background-color: var(--black);
padding-top: 2em;
padding-bottom: 1em;
}
.section-copy.section-hero__developers {
height: 80vh;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62776ffe5d48321da409e2e2_GithubBanner%201.jpg");
background-position: 0 0;
background-size: cover;
align-items: center;
display: block;
}
.section-copy.is--100vh {
min-height: 100vh;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.section-copy.is--gradient {
background-image: linear-gradient(130deg, #528dc7, var(--primary--medium-sea-green));
}
.section-copy.is--green {
background-color: var(--primary--medium-sea-green);
display: block;
}
.section-copy.is--inst {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-copy.is--inst.flex-center {
min-height: 50vh;
justify-content: center;
margin-bottom: 0;
}
.section-copy.is--inst.flex-center.overflow-hidden {
overflow: hidden;
}
.section-copy.is--thank-you {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-copy.is--thank-you.flex-center {
justify-content: center;
margin-bottom: 0;
}
.section-copy.is--gray {
background-color: #eee;
}
.section-copy.smart-city-herotemp {
display: none;
}
.section-copy.getting-started-hero {
padding-top: 0;
padding-bottom: 0;
}
.section-stack {
height: auto;
padding-top: 4em;
padding-bottom: 4em;
display: block;
position: relative;
}
.section-stack.is--hero {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-stack.is--hero.flex-center {
background-color: var(--text-on-white);
justify-content: center;
margin-bottom: 0;
}
.section-stack.is--grey {
background-color: var(--bg--white-smoke);
position: relative;
}
.section-stack.is--grey.is--shape-border {
display: none;
position: relative;
}
.section-stack.is--grey.dn {
display: none;
}
.section-stack.is--dark {
background-color: var(--main-dark--midnight-blue);
}
.section-stack.is--photo-bg {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62741cc2e04d07106a3ca76a_blynk-blur_map.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.section-stack.is--footer {
background-color: var(--black);
padding-top: 2em;
padding-bottom: 1em;
}
.section-stack.section-hero__developers {
height: 80vh;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62776ffe5d48321da409e2e2_GithubBanner%201.jpg");
background-position: 0 0;
background-size: cover;
align-items: center;
display: block;
}
.section-stack.is--100vh {
min-height: 100vh;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.section-stack.is--gradient {
background-image: linear-gradient(130deg, #528dc7, var(--primary--medium-sea-green));
}
.section-stack.is--green {
background-color: var(--primary--medium-sea-green);
display: block;
}
.section-stack.is--inst {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-stack.is--inst.flex-center {
min-height: 50vh;
justify-content: center;
margin-bottom: 0;
}
.section-stack.is--inst.flex-center.overflow-hidden {
overflow: hidden;
}
.section-stack.is--thank-you {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-stack.is--thank-you.flex-center {
justify-content: center;
margin-bottom: 0;
}
.section-stack.is--gray {
background-color: #eee;
}
.section-stack.smart-city-herotemp {
display: none;
}
.section-stack.getting-started-hero {
padding-top: 0;
padding-bottom: 0;
}
.section-cases {
height: auto;
padding-top: 4em;
padding-bottom: 4em;
display: block;
position: relative;
}
.section-cases.is--hero {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-cases.is--hero.flex-center {
background-color: var(--text-on-white);
justify-content: center;
margin-bottom: 0;
}
.section-cases.is--grey {
background-color: var(--bg--white-smoke);
position: relative;
}
.section-cases.is--grey.is--shape-border {
display: none;
position: relative;
}
.section-cases.is--grey.dn {
display: none;
}
.section-cases.is--dark {
background-color: var(--main-dark--midnight-blue);
}
.section-cases.is--photo-bg {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62741cc2e04d07106a3ca76a_blynk-blur_map.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.section-cases.is--footer {
background-color: var(--black);
padding-top: 2em;
padding-bottom: 1em;
}
.section-cases.section-hero__developers {
height: 80vh;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62776ffe5d48321da409e2e2_GithubBanner%201.jpg");
background-position: 0 0;
background-size: cover;
align-items: center;
display: block;
}
.section-cases.is--100vh {
min-height: 100vh;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.section-cases.is--gradient {
background-image: linear-gradient(130deg, #528dc7, var(--primary--medium-sea-green));
}
.section-cases.is--green {
background-color: var(--primary--medium-sea-green);
display: block;
}
.section-cases.is--inst {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-cases.is--inst.flex-center {
min-height: 50vh;
justify-content: center;
margin-bottom: 0;
}
.section-cases.is--inst.flex-center.overflow-hidden {
overflow: hidden;
}
.section-cases.is--thank-you {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-cases.is--thank-you.flex-center {
justify-content: center;
margin-bottom: 0;
}
.section-cases.is--gray {
background-color: #eee;
}
.section-cases.smart-city-herotemp {
display: none;
}
.section-cases.getting-started-hero {
padding-top: 0;
padding-bottom: 0;
}
.section-numbers {
height: auto;
padding-top: 4em;
padding-bottom: 4em;
display: block;
position: relative;
}
.section-numbers.is--hero {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-numbers.is--hero.flex-center {
background-color: var(--text-on-white);
justify-content: center;
margin-bottom: 0;
}
.section-numbers.is--grey {
background-color: var(--bg--white-smoke);
position: relative;
}
.section-numbers.is--grey.is--shape-border {
display: none;
position: relative;
}
.section-numbers.is--grey.dn {
display: none;
}
.section-numbers.is--dark {
background-color: var(--main-dark--midnight-blue);
}
.section-numbers.is--photo-bg {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62741cc2e04d07106a3ca76a_blynk-blur_map.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.section-numbers.is--footer {
background-color: var(--black);
padding-top: 2em;
padding-bottom: 1em;
}
.section-numbers.section-hero__developers {
height: 80vh;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62776ffe5d48321da409e2e2_GithubBanner%201.jpg");
background-position: 0 0;
background-size: cover;
align-items: center;
display: block;
}
.section-numbers.is--100vh {
min-height: 100vh;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.section-numbers.is--gradient {
background-image: linear-gradient(130deg, #528dc7, var(--primary--medium-sea-green));
}
.section-numbers.is--green {
background-color: var(--primary--medium-sea-green);
display: block;
}
.section-numbers.is--inst {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-numbers.is--inst.flex-center {
min-height: 50vh;
justify-content: center;
margin-bottom: 0;
}
.section-numbers.is--inst.flex-center.overflow-hidden {
overflow: hidden;
}
.section-numbers.is--thank-you {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-numbers.is--thank-you.flex-center {
justify-content: center;
margin-bottom: 0;
}
.section-numbers.is--gray {
background-color: #eee;
}
.section-numbers.smart-city-herotemp {
display: none;
}
.section-numbers.getting-started-hero {
padding-top: 0;
padding-bottom: 0;
}
.section-duplicate {
height: auto;
padding-top: 4em;
padding-bottom: 4em;
display: block;
position: relative;
}
.section-duplicate.is--hero {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-duplicate.is--hero.flex-center {
background-color: var(--text-on-white);
justify-content: center;
margin-bottom: 0;
}
.section-duplicate.is--grey {
background-color: var(--bg--white-smoke);
position: relative;
}
.section-duplicate.is--grey.is--shape-border {
display: none;
position: relative;
}
.section-duplicate.is--grey.dn {
display: none;
}
.section-duplicate.is--dark {
background-color: var(--main-dark--midnight-blue);
}
.section-duplicate.is--photo-bg {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62741cc2e04d07106a3ca76a_blynk-blur_map.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.section-duplicate.is--footer {
background-color: var(--black);
padding-top: 2em;
padding-bottom: 1em;
}
.section-duplicate.section-hero__developers {
height: 80vh;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62776ffe5d48321da409e2e2_GithubBanner%201.jpg");
background-position: 0 0;
background-size: cover;
align-items: center;
display: block;
}
.section-duplicate.is--100vh {
min-height: 100vh;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.section-duplicate.is--gradient {
background-image: linear-gradient(130deg, #528dc7, var(--primary--medium-sea-green));
}
.section-duplicate.is--green {
background-color: var(--primary--medium-sea-green);
display: block;
}
.section-duplicate.is--inst {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-duplicate.is--inst.flex-center {
min-height: 50vh;
justify-content: center;
margin-bottom: 0;
}
.section-duplicate.is--inst.flex-center.overflow-hidden {
overflow: hidden;
}
.section-duplicate.is--thank-you {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-duplicate.is--thank-you.flex-center {
justify-content: center;
margin-bottom: 0;
}
.section-duplicate.is--gray {
background-color: #eee;
}
.section-duplicate.smart-city-herotemp {
display: none;
}
.section-duplicate.getting-started-hero {
padding-top: 0;
padding-bottom: 0;
}
.hero-about {
background-image: linear-gradient(106.56deg, #0f3045, #144767);
flex-flow: wrap;
justify-content: space-around;
padding-bottom: 136px;
display: flex;
position: relative;
overflow: hidden;
}
.hero-about.product-hero {
background-image: linear-gradient(106.56deg, #0f3045, #144767);
padding-bottom: 0;
}
.hero-about.about-hero {
height: 95vh;
background-image: linear-gradient(rgba(15, 48, 69, .9), rgba(17, 53, 77, .8)), url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62811722d7060e52afcb0c64_IMG_1993.jpeg");
background-position: 0 0, 50%;
background-size: auto, 100%;
padding-bottom: 0;
}
.lead-text-about {
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 1.375em;
font-weight: 300;
line-height: 1.55;
}
.lead-text-about.is--centered {
text-align: center;
font-family: Ubuntu, Helvetica, sans-serif;
}
.lead-text-about.is--centered._w-60 {
width: 60%;
margin-left: auto;
margin-right: auto;
font-family: Ubuntu, Helvetica, sans-serif;
}
.lead-text-about.is--centered.is--white.lead-text-small {
text-align: center;
}
.lead-text-about.is--white {
max-width: 85%;
color: #fff;
}
.lead-text-about._w-60 {
width: 60%;
}
.design-service-text {
max-width: 85%;
color: var(--main-dark--midnight-blue);
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 23px;
font-weight: 300;
line-height: 32px;
}
.design-service-text._w-80 {
max-width: 80%;
margin-bottom: 16px;
font-weight: 300;
}
.design-service-text._w-80._w-100 {
max-width: none;
}
.usd-design {
font-family: Raleway, sans-serif;
font-size: 23px;
font-weight: 700;
line-height: 32px;
}
.image-mob {
margin-top: auto;
margin-bottom: auto;
display: none;
position: relative;
top: auto;
left: auto;
}
.img-connect.product-img-mob {
display: none;
}
.section6 {
height: 100%;
min-height: 100vh;
background-color: var(--white);
padding: 4em 144px 136px;
position: relative;
top: 0;
}
.section6.section_build {
height: 0%;
min-height: auto;
padding-bottom: 0;
padding-left: 144px;
padding-right: 144px;
top: auto;
}
.section6.section_pricing {
height: 0%;
min-height: auto;
background-color: var(--bg--white-smoke);
padding: 4em 144px 6em;
top: auto;
}
.column-marketing {
padding-bottom: 6em;
}
.grid-icons {
width: 100%;
max-width: 100%;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
display: flex;
}
.grid-icons.is--horisontal {
grid-column-gap: 5em;
grid-row-gap: 16px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-icons.is--horisontal.contact-us__blog {
max-width: 90%;
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-columns: minmax(15em, .75fr) .25fr;
justify-items: center;
margin-left: auto;
margin-right: auto;
}
.grid-icons.center {
align-items: center;
}
.grid-icons.center.test {
display: block;
}
.grid-icons.smart-home-page--grid {
width: 91%;
justify-content: flex-start;
}
.grid-icons.pricing-page--grid {
justify-content: flex-start;
}
.grid-icons.about-home-page--grid {
width: 91%;
justify-content: flex-start;
}
.breadcrumbs {
z-index: 3;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 1.25em;
padding-right: 1.25em;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 1em;
position: relative;
}
.breadcrumbs.is--nav {
max-width: 100%;
align-items: center;
padding-top: 2em;
padding-bottom: 2em;
display: flex;
position: absolute;
}
.breadcrumbs.is--nav.is--2 {
background-color: #fff;
padding-top: 1em;
padding-bottom: 1em;
box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
}
.breadcrumbs.is--full-screen {
max-width: 100%;
padding: 0;
display: none;
}
.breadcrumbs.is--pt2 {
padding-bottom: 4em;
}
.breadcrumbs.is--pt2.is--pb2 {
padding-top: 0;
padding-bottom: 0;
}
.breadcrumbs.is--pt2.is--pb2.our-clients {
padding-bottom: 8em;
}
.breadcrumbs.is--more-space {
height: 80vh;
max-width: none;
padding: 189px 25px 14em 114px;
}
.breadcrumbs.is--footer {
max-width: none;
padding: 4em 114px 0;
}
.breadcrumbs.container__hero-bg {
height: 70vh;
max-width: none;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
position: relative;
}
.breadcrumbs.flex-center {
height: 80vh;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.breadcrumbs.flex-center.p-210 {
height: auto;
padding-top: 6em;
padding-bottom: 5em;
}
.breadcrumbs.flex-center.p-210.blog-hero {
position: relative;
}
.breadcrumbs.flex-center.h-none {
height: auto;
position: relative;
}
.breadcrumbs.is--pb2.not-pt {
padding-top: 0;
}
.breadcrumbs.is--pb2.not-pt.not-pb {
padding-bottom: 0;
}
.breadcrumbs.p-210 {
padding-top: 13.125em;
padding-bottom: 13.125em;
}
.breadcrumbs.page-clients {
min-height: 80vh;
justify-content: center;
align-items: center;
display: flex;
}
.breadcrumbs.is-pt5 {
padding-top: 8em;
padding-bottom: 8em;
}
.breadcrumbs.is-pt5.bloglist {
padding-top: 0;
padding-bottom: 3em;
}
.breadcrumbs.is-pt5.bloglist.secondlist {
padding-top: 0;
}
.breadcrumbs.p-tb-2 {
margin-top: -2em;
padding-bottom: 6em;
}
.breadcrumbs.pt-0 {
padding-top: 0;
}
.breadcrumbs.blog {
padding-top: 6em;
}
.breadcrumbs.blog.not-pt {
padding-top: 0;
}
.breadcrumbs.privacy {
flex-direction: column;
justify-content: flex-end;
display: flex;
}
.getting-started-text p {
font-weight: 300;
display: block;
}
.getting-started-text.welcome-block {
max-width: 80%;
}
.heading-8 {
max-width: 85%;
}
.transit {
height: auto;
padding-top: 8em;
padding-bottom: 8em;
display: block;
position: relative;
}
.transit.is--hero {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.transit.is--hero.flex-center {
background-color: var(--text-on-white);
justify-content: center;
margin-bottom: 0;
}
.transit.is--grey {
background-color: var(--bg--white-smoke);
position: relative;
}
.transit.is--grey.is--shape-border {
display: none;
position: relative;
}
.transit.is--grey.dn {
display: none;
}
.transit.is--grey.launch-engin-section {
height: 100vh;
}
.transit.is--dark {
background-color: var(--main-dark--midnight-blue);
}
.transit.is--dark.blog-hero {
height: 40vh;
}
.transit.is--photo-bg {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62741cc2e04d07106a3ca76a_blynk-blur_map.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.transit.is--footer {
background-color: var(--black);
padding-top: 2em;
padding-bottom: 1em;
}
.transit.section-hero__developers {
height: 80vh;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62776ffe5d48321da409e2e2_GithubBanner%201.jpg");
background-position: 0 0;
background-size: cover;
align-items: center;
display: block;
}
.transit.is--100vh {
min-height: 100vh;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.transit.is--100vh.download-apps {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/629edcd9b107257a97436bea_phone_copy_23x%201%20(1).jpg");
background-position: 140% 100%;
background-repeat: no-repeat;
background-size: 68%;
}
.transit.is--gradient {
background-image: linear-gradient(130deg, #528dc7, var(--primary--medium-sea-green));
}
.transit.is--green {
background-color: var(--primary--medium-sea-green);
display: block;
}
.transit.is--inst {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.transit.is--inst.flex-center {
min-height: 50vh;
justify-content: center;
margin-bottom: 0;
}
.transit.is--inst.flex-center.overflow-hidden {
overflow: hidden;
}
.transit.is--thank-you {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.transit.is--thank-you.flex-center {
justify-content: center;
margin-bottom: 0;
}
.transit.is--gray {
background-color: #eee;
}
.transit.smart-city-herotemp {
display: none;
}
.transit.getting-started-hero {
padding-top: 0;
padding-bottom: 0;
}
.section-copy {
height: auto;
padding-top: 8em;
padding-bottom: 8em;
display: block;
position: relative;
}
.section-copy.is--hero {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-copy.is--hero.flex-center {
background-color: var(--text-on-white);
justify-content: center;
margin-bottom: 0;
}
.section-copy.is--grey {
background-color: var(--bg--white-smoke);
position: relative;
}
.section-copy.is--grey.is--shape-border {
display: none;
position: relative;
}
.section-copy.is--grey.dn {
display: none;
}
.section-copy.is--grey.launch-engin-section {
height: 100vh;
}
.section-copy.is--dark {
background-color: var(--main-dark--midnight-blue);
}
.section-copy.is--dark.blog-hero {
height: 40vh;
}
.section-copy.is--photo-bg {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62741cc2e04d07106a3ca76a_blynk-blur_map.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.section-copy.is--footer {
background-color: var(--black);
padding-top: 2em;
padding-bottom: 1em;
}
.section-copy.section-hero__developers {
height: 80vh;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62776ffe5d48321da409e2e2_GithubBanner%201.jpg");
background-position: 0 0;
background-size: cover;
align-items: center;
display: block;
}
.section-copy.is--100vh {
min-height: 100vh;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.section-copy.is--100vh.download-apps {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/629edcd9b107257a97436bea_phone_copy_23x%201%20(1).jpg");
background-position: 140% 100%;
background-repeat: no-repeat;
background-size: 68%;
}
.section-copy.is--gradient {
background-image: linear-gradient(130deg, #528dc7, var(--primary--medium-sea-green));
}
.section-copy.is--green {
background-color: var(--primary--medium-sea-green);
display: block;
}
.section-copy.is--inst {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-copy.is--inst.flex-center {
min-height: 50vh;
justify-content: center;
margin-bottom: 0;
}
.section-copy.is--inst.flex-center.overflow-hidden {
overflow: hidden;
}
.section-copy.is--thank-you {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-copy.is--thank-you.flex-center {
justify-content: center;
margin-bottom: 0;
}
.section-copy.is--gray {
background-color: #eee;
}
.section-copy.smart-city-herotemp {
display: none;
}
.section-copy.getting-started-hero {
padding-top: 0;
padding-bottom: 0;
}
.transit1 {
height: auto;
padding-top: 8em;
padding-bottom: 8em;
display: block;
position: relative;
}
.transit1.is--hero {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.transit1.is--hero.flex-center {
background-color: var(--text-on-white);
justify-content: center;
margin-bottom: 0;
}
.transit1.is--grey {
background-color: var(--bg--white-smoke);
position: relative;
}
.transit1.is--grey.is--shape-border {
display: none;
position: relative;
}
.transit1.is--grey.dn {
display: none;
}
.transit1.is--grey.launch-engin-section {
height: 100vh;
}
.transit1.is--dark {
background-color: var(--main-dark--midnight-blue);
}
.transit1.is--dark.blog-hero {
height: 40vh;
}
.transit1.is--photo-bg {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62741cc2e04d07106a3ca76a_blynk-blur_map.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.transit1.is--footer {
background-color: var(--black);
padding-top: 2em;
padding-bottom: 1em;
}
.transit1.section-hero__developers {
height: 80vh;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62776ffe5d48321da409e2e2_GithubBanner%201.jpg");
background-position: 0 0;
background-size: cover;
align-items: center;
display: block;
}
.transit1.is--100vh {
min-height: 100vh;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.transit1.is--100vh.download-apps {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/629edcd9b107257a97436bea_phone_copy_23x%201%20(1).jpg");
background-position: 140% 100%;
background-repeat: no-repeat;
background-size: 68%;
}
.transit1.is--gradient {
background-image: linear-gradient(130deg, #528dc7, var(--primary--medium-sea-green));
}
.transit1.is--green {
background-color: var(--primary--medium-sea-green);
display: block;
}
.transit1.is--inst {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.transit1.is--inst.flex-center {
min-height: 50vh;
justify-content: center;
margin-bottom: 0;
}
.transit1.is--inst.flex-center.overflow-hidden {
overflow: hidden;
}
.transit1.is--thank-you {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.transit1.is--thank-you.flex-center {
justify-content: center;
margin-bottom: 0;
}
.transit1.is--gray {
background-color: #eee;
}
.transit1.smart-city-herotemp {
display: none;
}
.transit1.getting-started-hero {
padding-top: 0;
padding-bottom: 0;
}
.transit2 {
height: auto;
padding-top: 8em;
padding-bottom: 8em;
display: block;
position: relative;
}
.transit2.is--hero {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.transit2.is--hero.flex-center {
background-color: var(--text-on-white);
justify-content: center;
margin-bottom: 0;
}
.transit2.is--grey {
background-color: var(--bg--white-smoke);
position: relative;
}
.transit2.is--grey.is--shape-border {
display: none;
position: relative;
}
.transit2.is--grey.dn {
display: none;
}
.transit2.is--grey.launch-engin-section {
height: 100vh;
}
.transit2.is--dark {
background-color: var(--main-dark--midnight-blue);
}
.transit2.is--dark.blog-hero {
height: 40vh;
}
.transit2.is--photo-bg {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62741cc2e04d07106a3ca76a_blynk-blur_map.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.transit2.is--footer {
background-color: var(--black);
padding-top: 2em;
padding-bottom: 1em;
}
.transit2.section-hero__developers {
height: 80vh;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62776ffe5d48321da409e2e2_GithubBanner%201.jpg");
background-position: 0 0;
background-size: cover;
align-items: center;
display: block;
}
.transit2.is--100vh {
min-height: 100vh;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.transit2.is--100vh.download-apps {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/629edcd9b107257a97436bea_phone_copy_23x%201%20(1).jpg");
background-position: 140% 100%;
background-repeat: no-repeat;
background-size: 68%;
}
.transit2.is--gradient {
background-image: linear-gradient(130deg, #528dc7, var(--primary--medium-sea-green));
}
.transit2.is--green {
background-color: var(--primary--medium-sea-green);
display: block;
}
.transit2.is--inst {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.transit2.is--inst.flex-center {
min-height: 50vh;
justify-content: center;
margin-bottom: 0;
}
.transit2.is--inst.flex-center.overflow-hidden {
overflow: hidden;
}
.transit2.is--thank-you {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.transit2.is--thank-you.flex-center {
justify-content: center;
margin-bottom: 0;
}
.transit2.is--gray {
background-color: #eee;
}
.transit2.smart-city-herotemp {
display: none;
}
.transit2.getting-started-hero {
padding-top: 0;
padding-bottom: 0;
}
.marketing-text {
max-width: 50%;
color: var(--white);
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 23px;
font-weight: 300;
line-height: 32px;
}
.marketing-text._w-80 {
max-width: 80%;
margin-bottom: 16px;
font-weight: 300;
}
.marketing-text._w-80._w-100 {
max-width: none;
}
.section-vd-grey {
min-height: auto;
background-color: var(--bg--white-smoke);
justify-content: space-between;
align-items: flex-end;
padding: 8em 144px;
display: block;
position: relative;
}
.no-widening {
min-height: 0;
padding-left: 10px;
padding-right: 10px;
}
.section-bp-hero {
min-height: 720px;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/64ab7fc769e238fde3b15df7_bp-images.webp"), url("https://assets-global.website-files.com/6272e11601c9e296becde07b/64ab7e6d473b407f40485a12_bg.webp"), linear-gradient(140deg, var(--main-dark--midnight-blue) 0.7%, var(--additional));
color: var(--primary--medium-sea-green);
-webkit-text-stroke-color: var(--primary--medium-sea-green);
background-position: 100% 100%, 0 0, 0 0;
background-size: cover, cover, auto;
flex-flow: wrap;
justify-content: space-around;
padding-bottom: 136px;
display: flex;
position: relative;
overflow: hidden;
}
.section-bp-hero.product-hero {
background-image: linear-gradient(106.56deg, #0f3045, #144767);
padding-bottom: 0;
}
.section-bp-hero.about-hero {
background-image: linear-gradient(rgba(15, 48, 69, .9), rgba(17, 53, 77, .8)), url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62811722d7060e52afcb0c64_IMG_1993.jpeg");
background-position: 0 0, 0 0;
background-size: auto, auto;
padding-bottom: 0;
}
.blueprint-card {
width: 100%;
max-width: 368px;
min-height: 382px;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 0 32px rgba(33, 34, 39, .1);
}
.blueprint-card:hover {
box-shadow: 0 10px 40px -12px rgba(0, 0, 0, .25);
}
.blueprints-cards {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
justify-items: center;
display: grid;
}
.blueprint-card__image {
width: 100%;
max-height: 184px;
min-height: 184px;
object-fit: cover;
background-image: linear-gradient(rgba(3, 3, 10, .3), rgba(3, 3, 10, .3));
border-radius: 0;
position: relative;
}
.blueprint-card__name {
color: var(--text-on-white);
margin: 0;
font-size: 19px;
line-height: 28px;
position: static;
}
.image-51 {
margin-bottom: -80px;
}
.hero_image_bp {
width: 40%;
background-color: rgba(0, 0, 0, 0);
flex: 0 auto;
align-self: flex-end;
padding-top: 0;
padding-right: 0;
display: none;
position: relative;
overflow: visible;
}
.grid-9 {
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-content: flex-end;
justify-items: end;
display: flex;
}
.first__block-client-copy {
grid-column-gap: 2em;
grid-row-gap: 2em;
justify-content: flex-start;
align-items: center;
display: flex;
}
.bp_gallery {
text-align: right;
}
.collection-list-wrapper-2 {
flex-direction: row;
display: flex;
}
.bp-gallery-hero {
width: 40%;
background-color: rgba(0, 0, 0, 0);
flex: 0 auto;
align-self: flex-end;
padding-top: 0;
padding-right: 40px;
display: block;
position: relative;
overflow: visible;
}
.section-hero-case-2 {
height: auto;
display: none;
position: relative;
}
.section-hero-case-2.is--hero {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-hero-case-2.is--hero.flex-center {
background-color: var(--text-on-white);
justify-content: center;
margin-bottom: 0;
}
.section-hero-case-2.is--grey {
background-color: var(--bg--white-smoke);
position: relative;
}
.section-hero-case-2.is--grey.is--shape-border {
display: none;
position: relative;
}
.section-hero-case-2.is--grey.dn {
display: none;
}
.section-hero-case-2.is--dark {
background-color: var(--main-dark--midnight-blue);
position: relative;
}
.section-hero-case-2.is--photo-bg {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62741cc2e04d07106a3ca76a_blynk-blur_map.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
}
.section-hero-case-2.is--footer {
background-color: var(--black);
}
.section-hero-case-2.section-hero__developers {
height: 80vh;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/62776ffe5d48321da409e2e2_GithubBanner%201.jpg");
background-position: 0 0;
background-size: cover;
align-items: center;
display: block;
}
.section-hero-case-2.is--100vh {
min-height: 100vh;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.section-hero-case-2.is--gradient {
background-image: linear-gradient(130deg, #528dc7, var(--primary--medium-sea-green));
}
.section-hero-case-2.is--green {
background-color: var(--primary--medium-sea-green);
display: block;
}
.section-hero-case-2.is--inst {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-hero-case-2.is--inst.flex-center {
min-height: 50vh;
justify-content: center;
margin-bottom: 0;
}
.section-hero-case-2.is--inst.flex-center.overflow-hidden {
overflow: hidden;
}
.section-hero-case-2.is--thank-you {
min-height: 100vh;
align-items: center;
margin-bottom: 5em;
display: flex;
position: relative;
}
.section-hero-case-2.is--thank-you.flex-center {
justify-content: center;
}
.section-hero-case-2.is--gray {
background-color: #eee;
}
.section-hero-case-2.smart-city-herotemp {
display: none;
}
.grid-10 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.text-block-5 {
text-transform: uppercase;
font-family: Ubuntu, Helvetica, sans-serif;
font-weight: 700;
line-height: 24px;
text-decoration: none;
display: inline;
}
.text-block-6 {
display: inline;
}
.blueprint-card__description {
color: var(--text-on-white);
margin-bottom: 0;
font-size: 16px;
font-weight: 300;
line-height: 24px;
overflow: hidden;
}
.blueprint-card__properties {
grid-column-gap: 4px;
padding: 0;
display: flex;
}
.blueprint-card__property {
color: #0e4e39;
background-color: #dbf5ec;
border-radius: 4px;
margin-right: 0;
padding: 2px 4px;
font-size: 12px;
font-weight: 300;
line-height: 18px;
overflow: hidden;
}
.more_bp {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
justify-items: center;
display: grid;
}
.div-block-33 {
background-color: #dbf5ec;
margin-bottom: 32px;
padding: 16px;
}
.div-block-33.blueprint-page__info-block {
color: var(--blynk_light--on-brand);
padding: 30px 40px;
font-size: 1.125em;
font-style: italic;
line-height: 1.7em;
}
.heading-11 {
color: var(--blynk_light--on-brand);
margin-top: 0;
margin-bottom: 8px;
font-family: Raleway, sans-serif;
font-size: 23px;
font-weight: 700;
}
.text-block-7 {
color: var(--main-dark--midnight-blue);
font-size: 19px;
font-weight: 300;
line-height: 28px;
}
.blueprint-card__dedails {
height: 100%;
grid-column-gap: 0px;
grid-row-gap: 8px;
background-color: var(--white);
object-fit: fill;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-left: auto;
margin-right: auto;
padding: 16px;
display: flex;
}
.blueprint-card__link {
width: 100%;
height: 100%;
}
.blueprint-card__wrapper {
height: 100%;
flex-direction: column;
justify-content: flex-start;
display: flex;
position: relative;
}
.blueprint-page-main-screen__desc {
color: var(--white);
margin-bottom: 24px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 19px;
font-weight: 300;
line-height: 28px;
}
.bp_gallery__screen {
max-height: 132px;
}
.bp_gallery__screen__img {
height: 72px;
max-height: 72px;
max-width: 132px;
border-radius: 8px;
}
.image-52 {
border-radius: 8px;
}
.blueprint-page-main-screen__contact-us__block {
max-width: 662px;
}
.heading-12 {
color: var(--white);
font-family: Raleway, sans-serif;
font-size: 52px;
line-height: 64px;
}
.text-block-8 {
color: var(--white);
margin-top: 24px;
margin-bottom: 40px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 23px;
font-weight: 300;
line-height: 32px;
}
.bp_hero_content_wrapper {
z-index: 50;
width: 100%;
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: fill;
background-color: rgba(0, 0, 0, 0);
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 168px;
padding-left: 114px;
padding-right: 25px;
display: block;
position: relative;
overflow: visible;
}
.bp_hero_content_wrapper.product-tablet-hero {
width: 100%;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/6393aca2c64883b933ffd28f_hero-image.png");
background-size: cover;
}
.bp_hero_content_wrapper.smart-city-hero {
width: 100%;
-webkit-text-fill-color: inherit;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/63ee9a8a5ee23845790220ff_smart-city-hero.png");
background-position: 95% 70%;
background-repeat: no-repeat;
background-size: auto 70%;
background-clip: border-box;
}
.bp_hero_content_wrapper.hvac-hero {
width: 100%;
-webkit-text-fill-color: inherit;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/640ef0ae766e123987f341a3_hero-image-web.png");
background-position: 70% 70%;
background-repeat: no-repeat;
background-size: auto 100%;
background-clip: border-box;
}
.bp_hero_content_wrapper.about-tablet-hero {
width: 100%;
background-image: none;
background-size: auto;
}
.bp_hero_content_wrapper.blueprint-page-main-screen__wrapper {
padding-top: 162px;
padding-bottom: 162px;
padding-right: 144px;
}
.heading-13 {
color: var(--white);
}
.div-block-2-copy {
z-index: 50;
width: 60%;
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: fill;
background-color: rgba(0, 0, 0, 0);
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 168px;
padding-left: 114px;
padding-right: 25px;
display: block;
position: relative;
overflow: visible;
}
.div-block-2-copy.product-tablet-hero {
width: 100%;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/6393aca2c64883b933ffd28f_hero-image.png");
background-size: cover;
}
.div-block-2-copy.smart-city-hero {
width: 100%;
-webkit-text-fill-color: inherit;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/63ee9a8a5ee23845790220ff_smart-city-hero.png");
background-position: 95% 70%;
background-repeat: no-repeat;
background-size: auto 70%;
background-clip: border-box;
}
.div-block-2-copy.hvac-hero {
width: 100%;
-webkit-text-fill-color: inherit;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/640ef0ae766e123987f341a3_hero-image-web.png");
background-position: 70% 70%;
background-repeat: no-repeat;
background-size: auto 100%;
background-clip: border-box;
}
.div-block-2-copy.about-tablet-hero {
width: 100%;
background-image: none;
background-size: auto;
}
.div-block-2-copy.blueprint-page-main-screen__wrapper {
padding-top: 162px;
padding-bottom: 162px;
padding-right: 144px;
}
.bp-hero-container {
z-index: 50;
width: 60%;
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: fill;
background-color: rgba(0, 0, 0, 0);
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 168px;
padding-left: 114px;
padding-right: 25px;
display: block;
position: relative;
overflow: visible;
}
.bp-hero-container.product-tablet-hero {
width: 100%;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/6393aca2c64883b933ffd28f_hero-image.png");
background-size: cover;
}
.bp-hero-container.smart-city-hero {
width: 100%;
-webkit-text-fill-color: inherit;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/63ee9a8a5ee23845790220ff_smart-city-hero.png");
background-position: 95% 70%;
background-repeat: no-repeat;
background-size: auto 70%;
background-clip: border-box;
}
.bp-hero-container.hvac-hero {
width: 100%;
-webkit-text-fill-color: inherit;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/640ef0ae766e123987f341a3_hero-image-web.png");
background-position: 70% 70%;
background-repeat: no-repeat;
background-size: auto 100%;
background-clip: border-box;
}
.bp-hero-container.about-tablet-hero {
width: 100%;
background-image: none;
background-size: auto;
}
.bp-hero-container.blueprint-page-main-screen__wrapper {
width: 100%;
padding-top: 150px;
padding-bottom: 162px;
padding-right: 50px;
}
.cta-arrow {
color: var(--primary--medium-sea-green);
letter-spacing: 1.2px;
text-transform: uppercase;
margin-bottom: 16px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 16px;
line-height: 24px;
}
.blueprint-page__info-block {
background-color: #dbf5ec;
padding: 30px 40px;
font-size: 1.125em;
font-style: italic;
line-height: 1.7em;
}
.dropdown-toggle-features {
padding: 0 25px 0 0;
}
.dropdown-features {
background-color: rgba(0, 0, 0, 0);
margin-top: 10px;
}
.dropdown-features.dropdown--white {
box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
}
.grid-of-3 {
width: 100%;
max-width: 100%;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
display: flex;
}
.grid-of-3.is--horisontal {
grid-column-gap: 5em;
grid-row-gap: 16px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-of-3.is--horisontal.contact-us__blog {
max-width: 90%;
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-columns: minmax(15em, .75fr) .25fr;
justify-items: center;
margin-left: auto;
margin-right: auto;
}
.grid-of-3.center {
align-items: center;
}
.grid-of-3.center.test {
display: block;
}
.grid-of-3.smart-home-page--grid {
justify-content: flex-start;
display: block;
}
.grid-of-3.pricing-page--grid {
justify-content: flex-start;
}
.grid-of-3.about-home-page--grid {
width: 91%;
justify-content: flex-start;
}
.grid-of-3.blueprint-page-main-screen__grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: row;
justify-content: space-between;
}
.popup__promw {
z-index: 99999;
width: 100vw;
height: 100%;
object-fit: fill;
justify-content: center;
align-items: center;
display: none;
position: fixed;
bottom: auto;
left: 0%;
right: 0%;
overflow: scroll;
}
.popup__promw.bmw {
display: none;
}
.popup__promw.pmw {
align-items: flex-start;
display: none;
}
.popup__promw.bww, .popup__promw.pww, .popup__promw.prww {
display: none;
}
.popup__plus-m-w {
margin-left: 5px;
}
.container-upgrade {
max-width: 100%;
margin-top: 0;
display: block;
}
.grid-wrapper {
margin-bottom: 60px;
}
.columns-wrapper {
margin-top: 40px;
}
.pick-your-plan {
min-height: auto;
background-color: var(--main-dark--midnight-blue);
padding: 136px 10px;
}
.pick-your-plan.is--grey {
min-height: auto;
background-color: var(--light-bg-2);
margin-top: 0;
padding: 4em 144px 136px;
position: relative;
top: 0;
}
.pick-your-plan.is--grey.product-launch {
background-color: var(--main-dark--midnight-blue);
color: var(--white);
padding-top: 136px;
padding-bottom: 136px;
}
.pick-your-plan.is--grey.smart-city-cta {
background-color: var(--main-dark--midnight-blue);
color: var(--white);
background-image: linear-gradient(106.56deg, #0f3045, #144767 100%, #144767);
padding: 136px 0;
}
.two-plan-grid {
grid-template-rows: auto;
margin-top: 60px;
}
.sticky-button {
position: relative;
top: 0%;
bottom: 0;
left: 0%;
right: 0%;
}
.div-block-35, .plan-card {
flex-direction: column;
justify-content: space-between;
display: flex;
}
.custom-subtitle {
width: 85%;
text-align: center;
margin-left: auto;
margin-right: auto;
font-size: 32px;
font-weight: 400;
line-height: 42px;
}
.text-block-9 {
font-family: Ubuntu, Helvetica, sans-serif;
font-weight: 700;
}
.text-block-9.nav-dropdown-menu-item {
color: #000;
letter-spacing: .4px;
text-transform: uppercase;
align-self: center;
align-items: center;
margin-bottom: 0;
font-weight: 500;
line-height: 24px;
text-decoration: none;
display: flex;
}
.text-block-9.nav-dropdown-menu-item.arrow-right {
text-transform: none;
margin-left: 8px;
}
.media-block-label {
color: #5572d3;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 4px;
font-size: 12px;
}
.dropdown-toggle-2 {
text-transform: uppercase;
font-family: Ubuntu, Helvetica, sans-serif;
font-weight: 500;
}
.dropdown-toggle-2.nav-item {
color: #0f3045;
text-align: left;
padding-top: 24px;
}
.media-link-block {
background-color: rgba(0, 0, 0, 0);
margin-bottom: 10px;
padding: 20px 16px 20px 0;
text-decoration: none;
display: inline-block;
}
.media-link-block.media-block-text {
height: auto;
flex-direction: column;
justify-content: center;
align-self: flex-start;
margin-right: 10px;
padding: 20px 0 0;
display: flex;
}
.container-4 {
width: auto;
max-width: 1600px;
flex-direction: row;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.menu-content {
flex-direction: row;
text-decoration: none;
display: flex;
}
.media-column {
object-fit: fill;
border: 1px solid rgba(0, 0, 0, 0);
margin-left: 0;
padding-top: 20px;
display: flex;
}
.brand {
width: 120px;
}
.dropdown-list {
background-color: #fff;
display: none;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.dropdown-list.w--open {
top: 100%;
}
.dropdown-list.hidden {
display: none;
}
.dropdown-list.visible {
display: block;
}
.mega-menu {
width: 100%;
-webkit-text-fill-color: inherit;
background-color: #fff;
background-image: none;
background-clip: border-box;
box-shadow: 0 10px 17px -10px rgba(0, 0, 0, .2);
}
.navbar-2 {
width: 100%;
height: 64px;
max-width: none;
background-color: var(--white);
border: 0 solid #000;
border-bottom-color: rgba(255, 255, 255, .1);
margin-left: 0;
margin-right: 0;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.navbar-2.hidden {
display: none;
}
.menu-column {
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 6px;
}
.nav-item-text {
letter-spacing: .4px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 14px;
font-weight: 500;
}
.dropdown-3 {
position: static;
}
.dropdown-3.nav_dropdown-1 {
height: 100%;
border-bottom: 3px solid rgba(0, 0, 0, 0);
flex: 0 auto;
align-self: center;
}
.nav-sub-item-caption {
color: #6d6c6c;
white-space: pre-wrap;
word-break: normal;
font-family: Ubuntu, Helvetica, sans-serif;
font-weight: 300;
}
.nav-link-no-dropdown {
height: 100%;
color: #0f3045;
letter-spacing: .4px;
text-transform: uppercase;
border-bottom: 3px solid rgba(0, 0, 0, 0);
align-self: center;
padding-top: 24px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 14px;
font-weight: 500;
}
.log-in-button {
min-width: 120px;
color: #233152;
text-transform: uppercase;
background-color: #e2e3eb;
border: 0 solid #233152;
border-radius: 8px;
justify-content: center;
align-items: center;
padding: 8px 20px;
font-family: Ubuntu, Helvetica, sans-serif;
font-weight: 500;
display: flex;
}
.log-in-button.button {
text-align: center;
letter-spacing: .4px;
-webkit-text-fill-color: inherit;
background-color: #e3e5f5;
background-clip: border-box;
border-radius: 40px;
font-size: 14px;
transition: background-color .2s;
}
.log-in-button.button:hover {
color: #16a776;
}
.log-in-button.button {
letter-spacing: .4px;
-webkit-text-fill-color: inherit;
background-color: #e3e5f5;
background-clip: border-box;
border-radius: 40px;
transition: background-color .2s;
}
.log-in-button.button:hover {
color: #16a776;
}
.arrow-nav {
margin-top: 27px;
}
.div-block-36 {
justify-content: flex-start;
align-items: center;
margin-bottom: 4px;
display: flex;
}
.grid-11 {
width: 100%;
max-width: 1600px;
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 30% 30% auto;
align-content: space-between;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
}
.nav-menu-2 {
height: 64px;
flex: 1;
justify-content: space-between;
align-self: center;
align-items: stretch;
margin-left: 12px;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: static;
}
.link-block-7 {
flex: 0 auto;
align-items: center;
margin-left: 40px;
margin-right: 12px;
display: flex;
}
.menu-text {
margin-bottom: 4px;
font-size: 14px;
text-decoration: none;
}
.container-buttons {
text-align: right;
flex: 1;
order: 1;
justify-content: flex-end;
align-self: center;
display: flex;
}
.button-2 {
background-color: #24c48e;
border-radius: 8px;
margin-left: 8px;
}
.button-2.button-primary {
min-width: 160px;
text-align: center;
letter-spacing: .4px;
border-radius: 40px;
padding-left: 20px;
padding-right: 20px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 14px;
font-weight: 500;
}
.button-2.button-primary:hover {
background-color: #2fdba1;
}
.text-block-10 {
font-family: Ubuntu, Helvetica, sans-serif;
font-weight: 700;
}
.text-block-10.nav-dropdown-menu-item {
color: #000;
letter-spacing: .4px;
text-transform: uppercase;
align-self: center;
align-items: center;
margin-bottom: 0;
font-weight: 500;
line-height: 24px;
text-decoration: none;
display: flex;
}
.text-block-10.nav-dropdown-menu-item.arrow-right {
text-transform: none;
margin-left: 8px;
font-family: Linearicons, sans-serif;
}
.dropdown-4 {
position: static;
}
.dropdown-4.nav_dropdown-1 {
display: block;
}
.div-block-37 {
justify-content: flex-start;
align-items: center;
margin-bottom: 4px;
display: flex;
}
.grid-12 {
width: 100%;
max-width: 1600px;
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 30% 30% auto;
align-content: space-between;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
}
.nav-menu-3 {
height: 64px;
flex: 1;
justify-content: space-between;
align-self: center;
align-items: stretch;
margin-left: 12px;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: static;
}
.link-block-8 {
flex: 0 auto;
align-self: flex-start;
align-items: center;
margin-left: 40px;
margin-right: 12px;
padding-top: 20px;
display: flex;
}
.header {
display: none;
}
.navbar-sales {
width: 100%;
height: 64px;
max-width: none;
background-color: var(--white);
border: 0 solid #000;
border-bottom-color: rgba(255, 255, 255, .1);
margin-left: 0;
margin-right: 0;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.navbar-sales.hidden {
display: none;
}
.navbar-home {
width: 100%;
height: 64px;
max-width: none;
background-color: var(--white);
border: 0 solid #000;
border-bottom-color: rgba(255, 255, 255, .1);
margin-left: 0;
margin-right: 0;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.navbar-home.hidden {
display: none;
}
.navbar-free {
width: 100%;
height: 64px;
max-width: none;
background-color: var(--white);
border: 0 solid #000;
border-bottom-color: rgba(255, 255, 255, .1);
margin-left: 0;
margin-right: 0;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.navbar-free.hidden {
display: none;
}
.bold-text-7 {
color: #fff;
letter-spacing: 1.5px;
font-size: 13px;
font-weight: 500;
}
.text-block-11 {
height: auto;
color: rgba(255, 255, 255, .5);
text-transform: uppercase;
align-items: center;
font-family: Ubuntu, Helvetica, sans-serif;
font-weight: 300;
display: flex;
}
.text-block-12 {
width: 100%;
height: 100%;
align-items: center;
margin: auto;
display: flex;
position: static;
overflow: visible;
}
.text-block-12:hover {
text-decoration: none;
}
.sticky-header---anchor-item {
height: 100%;
color: rgba(255, 255, 255, .66);
letter-spacing: .4px;
text-transform: uppercase;
border-bottom: 3px solid rgba(0, 0, 0, 0);
flex: 0 auto;
align-self: center;
margin: auto 0;
padding-left: 20px;
padding-right: 20px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 13px;
font-weight: 300;
text-decoration: none;
}
.sticky-header---anchor-item:hover {
border-bottom-width: 3px;
border-bottom-color: #23c48e;
text-decoration: none;
}
.text-block-13 {
height: 100%;
align-items: center;
margin-top: auto;
margin-bottom: auto;
display: flex;
}
.sticky-header---content-wrapper {
height: 48px;
max-width: 1600px;
flex-direction: row;
flex: 0 auto;
justify-content: center;
align-self: center;
align-items: center;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.text-block-14 {
height: 100%;
justify-content: flex-start;
align-items: center;
margin-top: auto;
margin-bottom: auto;
display: flex;
}
.sticky-case-studies {
z-index: 999;
height: 48px;
background-color: #112637;
justify-content: space-between;
align-items: stretch;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 64px;
}
.sticky-header---label {
height: 100%;
border-right: 1px solid rgba(255, 255, 255, .2);
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-self: stretch;
align-items: flex-start;
margin-left: 0;
margin-right: 10px;
padding-right: 24px;
display: flex;
}
.grid-diagram {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-diagram.grid-3x3 {
grid-template-columns: 1fr 1fr 1fr;
}
.grid-dia-card {
background-color: var(--white);
border: 1px #000;
border-radius: .7em;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 1.875em 1.7em 3.5em;
display: flex;
box-shadow: 0 0 30px rgba(0, 0, 0, .07);
}
.grid-dia-card:hover {
box-shadow: 0 10px 40px -12px rgba(0, 0, 0, .25);
}
.grid-dia-card.central-card {
max-width: 600px;
flex-direction: row;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-bottom: 1.875em;
}
.grid-diagram2 {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-diagram2.grid-3x3 {
grid-template-columns: 1fr 1fr 1fr;
}
.features-cards {
margin-top: 60px;
display: flex;
}
.benefits-ncp {
min-height: auto;
margin-top: 60px;
padding-top: 0;
padding-left: 10px;
padding-right: 10px;
}
.benefits-ncp.is--grey {
min-height: auto;
background-color: var(--light-bg-2);
margin-top: 0;
padding: 4em 144px 136px;
position: relative;
top: 0;
}
.benefits-ncp.is--grey.product-launch {
background-color: var(--main-dark--midnight-blue);
color: var(--white);
padding-top: 136px;
padding-bottom: 136px;
}
.benefits-ncp.is--grey.smart-city-cta {
background-color: var(--main-dark--midnight-blue);
color: var(--white);
background-image: linear-gradient(106.56deg, #0f3045, #144767 100%, #144767);
padding: 136px 0;
}
.benefit-card {
display: flex;
}
.grid-diagram3 {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-diagram3.grid-3x3 {
grid-template-columns: 1fr 1fr 1fr;
}
.grid-dia3 {
border: 1px #000;
border-radius: .7em;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 1.7em;
display: flex;
}
._w-70 {
max-width: 70%;
}
.icon-steps {
width: 32px;
height: auto;
position: static;
}
.number__steps {
width: 40px;
height: 40px;
background-color: var(--primary--medium-sea-green);
border-radius: 50%;
justify-content: center;
align-items: center;
display: flex;
position: static;
}
.number__steps.main-dark {
background-color: var(--main-dark--midnight-blue);
}
.arrows {
max-width: 700px;
margin-left: auto;
margin-right: auto;
display: block;
}
.columns-5 {
flex: 1;
align-self: center;
align-items: center;
display: flex;
}
.card__feature {
min-height: 480px;
border-radius: 16px;
margin-bottom: 24px;
padding: 40px;
display: inline-block;
position: relative;
}
.card__feature.smart-home-page__aqua__items__first {
min-height: 480px;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(91.66deg, #5572d3 1.87%, #24c48e);
border-radius: 16px;
margin-bottom: 24px;
padding: 40px;
position: relative;
}
.card__feature.smart-home-page__aqua__items__first.pro_card {
min-height: 770px;
background-image: linear-gradient(148.26deg, #ed9d00, #d3435c);
}
.card__feature.localization__aqua__items__first {
min-height: 424px;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(291.17deg, #13c2c2, #6d33b6);
border-radius: 16px;
margin-bottom: 24px;
padding: 40px;
position: relative;
}
.card__feature.localization__aqua__items__first.pro_card {
min-height: 770px;
background-image: linear-gradient(148.26deg, #ed9d00, #d3435c);
}
.card__feature.localization {
background-image: linear-gradient(291.17deg, #13c2c2, #6d33b6);
margin-bottom: 24px;
padding: 40px;
position: relative;
}
.card__feature.localization.pro_card {
min-height: 770px;
background-image: linear-gradient(148.26deg, #ed9d00, #d3435c);
}
.card__feature.localization.long {
min-height: 522px;
}
.card__feature.demand-response {
background-color: rgba(0, 0, 0, 0);
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/641d72f1300620848e43f5ef_demand-response-image-bottom.png"), linear-gradient(116.61deg, #722ed1, #13c2c2);
background-position: 50% 100%, 0 0;
background-repeat: no-repeat, repeat;
background-size: contain, auto;
border-radius: 16px;
margin-bottom: 24px;
padding: 40px;
}
.card__feature.demand-response.pro_card {
min-height: 770px;
background-image: linear-gradient(148.26deg, #ed9d00, #d3435c);
}
.card__feature.marketing-addon {
background-image: linear-gradient(82.18deg, #1d9d72, #5978c0);
}
.card__feature.marketing-addon.long {
min-height: 522px;
}
.card__feature.access-to-db {
background-image: linear-gradient(110.72deg, #619462 1.36%, #9b6637 98.62%);
}
.card__feature.access-to-db.long {
min-height: 522px;
}
.card__feature.voice-assistants {
background-image: linear-gradient(295.76deg, #d4b106, #722ed1);
}
.card__feature.asset-tracking {
background-image: linear-gradient(113.58deg, #863d7f, #5f8fa9);
}
.card__feature.provisioning_feature {
background-image: linear-gradient(#ed9d00, #d3435c);
}
.card__feature.network_feature {
background-image: linear-gradient(#24c48e, #4d67d2);
}
.card__feature.ota_feature {
background-image: linear-gradient(#2f54eb, #01b8f7);
}
.feature-card_img {
width: 90%;
border-radius: 16px;
display: block;
position: absolute;
top: auto;
bottom: 0%;
left: 0;
right: auto;
}
.ncp-rich-text p {
font-size: 23px;
font-weight: 300;
line-height: 32px;
display: block;
}
.ncp-rich-text.welcome-block {
max-width: 80%;
}
.ncp-rich-text h3 {
margin-top: 40px;
font-size: 33px;
line-height: 44px;
}
.grid-steps {
border: 1px #000;
border-radius: .7em;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 1.7em 1.2em 1.7em 0;
display: flex;
position: relative;
}
.grid-steps.final {
margin-bottom: -8em;
}
.number__steps-copy {
width: 40px;
height: 40px;
background-color: var(--primary--medium-sea-green);
border-radius: 50%;
justify-content: center;
align-items: center;
display: flex;
}
.number__steps-copy.main-dark {
background-color: var(--main-dark--midnight-blue);
}
.icon_steps {
margin-bottom: 24px;
}
.icon_steps.icon-mob {
display: none;
}
.icon_steps_lin {
color: var(--additional--royal-blue);
font-family: Linearicons, sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 40px;
}
.steps_number {
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 26px;
}
.usecase_icon {
width: 48px;
height: auto;
position: static;
}
.steps_subtitle {
font-family: Raleway, sans-serif;
font-size: 33px;
font-weight: 700;
line-height: 44px;
}
.ncp-lead-text__wrapper {
margin-top: 2em;
line-height: 1.55;
}
.ncp-lead-text__wrapper.mb-80 {
max-width: 85%;
}
.ncp-lead-text__wrapper._w-60 {
width: 60%;
margin-left: auto;
margin-right: auto;
}
.ncp-lead-text__wrapper._w-60.is--centered.mb-60 {
width: 60%;
}
.ncp-lead-text__wrapper._w-60.align-left {
margin-left: 0;
}
.ncp-lead-text__wrapper._w-57 {
width: 100%;
height: auto;
margin-top: 2em;
}
.ncp-lead-text__wrapper._w-57.case-studies__lead-text {
margin-left: 0;
}
.ncp-lead-text__wrapper._w-57.pricing__hero-text {
width: 60%;
margin-bottom: 6em;
margin-left: 0;
display: none;
}
.ncp-lead-text__wrapper._w-57.abour-hero-text {
max-width: 73%;
}
.ncp-lead-text__wrapper.is--centered {
text-align: center;
}
.ncp-lead-text__wrapper._w-90 {
max-width: 90%;
}
.ncp-lead-text__wrapper._w-50 {
max-width: 50%;
}
.image-53 {
display: none;
}
.steps_text {
width: 100%;
position: relative;
}
.steps_text.mb-20 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-self: flex-start;
display: block;
}
.steps_text.mb-20.is--centered {
text-align: center;
}
.steps_text.mb-10 {
margin-bottom: .625em;
line-height: 1em;
display: block;
}
.steps_text.mb-40 {
z-index: 20;
position: relative;
}
.steps_text.mb-40.is--center, .steps_text.mb-40.align-middle {
text-align: center;
}
.steps_text._w-100 {
width: 100%;
}
.steps_text._w-100.mb-60, .steps_text._w-100.mb-40 {
margin-bottom: 2em;
}
.steps_text.title__blog {
z-index: 50;
}
.steps_text.float-center {
text-align: center;
}
.steps_text._w-80 {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.steps_text._w-80.mb-40 {
width: 100%;
}
.steps_text.all-p {
z-index: 1;
background-color: rgba(0, 0, 0, 0);
padding: .5em 1.5em 1.5em;
}
.steps_text.is--80 {
margin-left: auto;
margin-right: auto;
}
.steps_text.blueprint-page-main-screen__properties__item {
width: auto;
flex-direction: column;
display: flex;
}
.lottie-animation-3 {
background-color: var(--neutral-100);
border-radius: 16px;
}
.arrows-mob {
max-width: 700px;
margin-left: auto;
margin-right: auto;
display: none;
}
.number__steps__tail {
width: 100%;
position: absolute;
top: 130px;
bottom: 0%;
left: 42px;
right: 0%;
}
.steps_icon {
height: 60px;
position: static;
}
.number__steps_white {
width: 40px;
height: 40px;
background-color: var(--white);
border-radius: 50%;
justify-content: center;
align-items: center;
display: flex;
position: static;
box-shadow: 0 0 20px rgba(33, 34, 39, .1);
}
.number__steps_white.main-dark {
background-color: var(--main-dark--midnight-blue);
}
.grid-steps-diagram {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-steps-diagram.grid-3x3 {
grid-template-columns: 1fr 1fr 1fr;
}
.steps_paragraph {
font-size: 19px;
line-height: 28px;
}
.bus-prices {
grid-row-gap: 8px;
grid-template-rows: auto auto;
grid-template-columns: 3fr 1fr;
margin-top: 30px;
margin-bottom: 30px;
}
.hidden, .availability, .desc {
display: none;
}
.grid-block-4__tabs {
grid-column-gap: 16px;
grid-row-gap: 2.5em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
overflow: visible;
}
.grid-table__block_3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: minmax(17.5em, 1.5fr) 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-table__block_3.header {
z-index: 999;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff;
grid-template-rows: auto;
grid-template-columns: minmax(17.5em, 1.5fr) 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: -webkit-sticky;
position: sticky;
top: 64px;
}
.grid-table__block_3.dn {
display: none;
}
.grid-table__block_3.footer {
z-index: 999;
background-color: #fff;
grid-template-rows: auto;
position: -webkit-sticky;
position: sticky;
bottom: 0;
}
.grid-table__block_3.body {
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: minmax(17.5em, 1.5fr) 1fr 1fr 1fr;
}
.grid-table__block_3.body-mob {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: minmax(17.5em, 1.5fr) 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.subtitle__wrapper_card {
width: 100%;
position: relative;
}
.subtitle__wrapper_card.mb-20 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-self: flex-start;
display: block;
}
.subtitle__wrapper_card.mb-20.is--centered {
text-align: center;
}
.subtitle__wrapper_card.mb-10 {
margin-bottom: .625em;
line-height: 1em;
display: block;
}
.subtitle__wrapper_card.mb-40 {
z-index: 20;
position: relative;
}
.subtitle__wrapper_card.mb-40.is--center, .subtitle__wrapper_card.mb-40.align-middle {
text-align: center;
}
.subtitle__wrapper_card._w-100 {
width: 100%;
}
.subtitle__wrapper_card._w-100.mb-60, .subtitle__wrapper_card._w-100.mb-40 {
margin-bottom: 2em;
}
.subtitle__wrapper_card.title__blog {
z-index: 50;
}
.subtitle__wrapper_card.float-center {
text-align: center;
}
.subtitle__wrapper_card._w-80 {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.subtitle__wrapper_card._w-80.mb-40 {
width: 100%;
}
.subtitle__wrapper_card.all-p {
z-index: 1;
background-color: rgba(0, 0, 0, 0);
padding: .5em 1.5em 1.5em;
}
.subtitle__wrapper_card.is--80 {
margin-left: auto;
margin-right: auto;
}
.subtitle__wrapper_card.blueprint-page-main-screen__properties__item {
width: auto;
flex-direction: column;
display: flex;
}
.text__cards_columns {
grid-column-gap: 2.5em;
grid-row-gap: 3em;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.column_b1 {
width: 50%;
}
.box {
max-width: 50%;
background-color: #fff;
border-radius: 24px;
}
.box._w-100 {
max-width: 100%;
}
.box-headline {
text-transform: uppercase;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 19px;
font-weight: 700;
line-height: 28px;
}
.box-image {
width: 70%;
position: static;
}
.box-image.vertical-box-image {
width: 30%;
margin-bottom: 16px;
}
.box-grid {
height: 100%;
background-color: var(--white);
border-radius: 24px;
flex-direction: column;
justify-content: space-around;
align-items: flex-start;
padding: 1.7em;
display: flex;
}
.box-grid.central-card {
max-width: 600px;
flex-direction: row;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-bottom: 1.875em;
}
.box-text {
font-size: 19px;
font-weight: 300;
line-height: 28px;
}
.box-block {
grid-column-gap: 13px;
grid-row-gap: 13px;
display: flex;
}
.vertical-box-block {
grid-column-gap: 13px;
grid-row-gap: 13px;
flex-direction: column;
flex: 1;
display: flex;
}
._w-80 {
width: 80%;
}
._w-90 {
width: 90%;
}
.grid-steps-provisioning {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-steps-provisioning.grid-3x3 {
grid-template-columns: 1fr 1fr 1fr;
}
.number__steps__tail-provision {
width: 100%;
position: absolute;
top: 47px;
bottom: 0%;
left: 72px;
right: 0%;
}
.steps_number-prov {
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 22px;
}
.steps_number-prov.final {
color: var(--primary--medium-sea-green);
}
.number__steps_prov {
width: 72px;
background-color: #eaeaea;
border-radius: 20px;
justify-content: center;
align-items: center;
margin-bottom: 16px;
padding: 8px;
display: flex;
position: static;
}
.number__steps_prov.main-dark {
background-color: var(--main-dark--midnight-blue);
}
.number__steps_prov.final {
background-color: rgba(36, 196, 142, .1);
}
.steps-headline {
text-transform: uppercase;
margin-bottom: 8px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 23px;
}
.step-text {
min-height: 52px;
font-size: 17px;
font-weight: 300;
line-height: 26px;
}
.icon_prov {
margin-bottom: 24px;
}
.icon_prov.icon-mob {
display: none;
}
.icon_prov.final-icon {
margin: -5px -120px -170px -20px;
}
.div-block-39, .box-texts {
flex: 1;
}
.box-texts.is--white {
flex: 0 auto;
}
.image-55.cover {
width: 100%;
object-fit: contain;
border-radius: 8px;
}
.behind-scenes {
min-height: 600px;
}
.diagram-text {
color: var(--white);
font-size: 17px;
font-weight: 300;
line-height: 26px;
}
.diagram-text.assigned {
width: 150px;
position: absolute;
top: 580px;
left: 750px;
}
.diagram-text.connects {
width: 200px;
position: absolute;
top: 420px;
left: 445px;
}
.diagram-text.authtoken {
width: 240px;
position: absolute;
top: 160px;
left: 465px;
}
.integration-cards {
grid-column-gap: 13px;
grid-row-gap: 13px;
justify-content: space-between;
display: flex;
}
.number__steps_transp {
width: 40px;
height: 40px;
background-color: rgba(255, 255, 255, .1);
border-radius: 50%;
justify-content: center;
align-items: center;
display: flex;
position: static;
box-shadow: 0 0 20px rgba(33, 34, 39, .1);
}
.number__steps_transp.main-dark {
background-color: var(--main-dark--midnight-blue);
}
.integr-card {
width: 32%;
background-color: rgba(255, 255, 255, .05);
border-radius: 20px;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: flex-start;
padding: 32px 24px;
display: flex;
}
.integr-image {
margin-bottom: 20px;
}
.integr-text {
min-height: 52px;
font-size: 16px;
font-weight: 300;
line-height: 24px;
}
.integr-headline {
text-transform: uppercase;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 24px;
}
.integr-headline-h3 {
text-transform: none;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 33px;
font-weight: 700;
line-height: 44px;
}
.routes {
grid-column-gap: 13px;
grid-row-gap: 13px;
padding: 0;
}
.subset-columns {
padding: 0;
}
.route {
border-radius: 20px;
padding: 35px 30px 35px 34px;
}
.route.ncp {
background-color: #daf3ea;
justify-content: space-between;
}
.route.edgent {
background-color: #daebf3;
justify-content: space-between;
}
.route-img {
width: 50%;
margin-bottom: 32px;
}
.route-block {
margin-bottom: 32px;
}
.div-block-40 {
background-color: rgba(0, 0, 0, .05);
border-radius: 8px;
padding: 17px 14px;
}
.integr-headline-2 {
text-transform: uppercase;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 22px;
}
.route-block-2 {
margin-bottom: 16px;
}
.image-56 {
width: 70%;
}
.behind-scenes-img {
display: none;
}
.div-block-41 {
border-top: 2px solid #eaeaea;
position: absolute;
left: 80px;
right: 0;
}
.image-58 {
display: none;
}
.image-wrapper {
display: flex;
transform: translate(0);
}
.image-wrapper.cart-item-image-wrapper {
width: 100%;
max-width: 100px;
border: 1px solid #a9adb1;
border-radius: 16px;
margin-right: 16px;
transition: border-color .3s, color .3s;
}
.image-wrapper.cart-item-image-wrapper:hover {
border-color: #0085ff;
}
.image-wrapper.border-radius-16px.product-page {
border: 2px solid rgba(0, 0, 0, 0);
position: relative;
}
.image-wrapper.border-radius-16px.product-link-image {
height: 150px;
border: 2px solid rgba(0, 0, 0, 0);
}
.image-wrapper.border-radius-4px.footer-best-product-image, .image-wrapper.border-radius-10px.product-more-images, .image-wrapper.border-radius-10px.popular-products-sidebar-image {
border: 2px solid rgba(0, 0, 0, 0);
}
.image-wrapper.latest-products {
display: block;
}
.image-wrapper.blueprint-firmware-links {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/6582d7a87e3e09519cf0f157_blueprint.png");
background-position: 0 0;
background-size: auto;
}
.footer-menu-grid {
grid-column-gap: 40px;
grid-template-rows: auto;
grid-template-columns: auto auto auto minmax(auto, 366px);
justify-content: space-between;
}
.dropdown-categories-title-wrapper {
border-bottom: 1px solid #e2e6eb;
align-items: center;
padding-bottom: 16px;
display: flex;
}
.dropdown-categories-title-wrapper.dropdown-dark {
border-bottom-color: rgba(255, 255, 255, .4);
}
.product-main-details-wraper---02 {
display: none;
}
.cart-item-content {
margin-left: 0;
}
.cart-item-price {
color: #252729;
font-size: 14px;
line-height: 1.143em;
}
.dropdown-menu-grid {
max-width: 500px;
grid-column-gap: 40px;
grid-template-rows: auto;
grid-template-columns: auto auto;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
}
.product-information-wrapper {
margin-bottom: 0;
padding-bottom: 26px;
}
.cart-item-result {
color: #252729;
}
.related-products-wrapper {
border-bottom: 1px solid #e2e6eb;
margin-bottom: 58px;
padding-bottom: 58px;
}
.social-media-link-grid {
flex: 1;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, 12px);
grid-auto-columns: auto;
}
.social-media-link-grid.right {
grid-column-gap: 13px;
grid-row-gap: 13px;
grid-template-columns: repeat(auto-fit, 13px);
justify-content: end;
justify-items: end;
}
.cart-footer {
border-top-color: #e2e6eb;
padding-top: 40px;
padding-bottom: 40px;
}
.footer-logo-wrapper {
max-width: 150px;
transition-property: opacity;
}
.footer-logo-wrapper:hover {
opacity: .7;
}
.divider {
height: 1px;
background-color: #e2e6eb;
margin-top: 80px;
margin-bottom: 80px;
}
.divider._0px {
margin-top: 0;
margin-bottom: 0;
}
.header-nav-link {
color: #fff;
padding: 0;
font-size: 14px;
line-height: 1.143em;
}
.header-nav-link:hover {
color: #0085ff;
}
.header-nav-link.w--current {
color: #fff;
}
.header-nav-link.nav-dropdown-link {
align-items: center;
transition: color .3s;
display: flex;
}
.grid-1-column {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-1-column.gap-row-0 {
grid-row-gap: 0px;
}
.grid-1-column.sidebar-sections {
grid-row-gap: 40px;
align-items: start;
}
.dropdown-category-item {
min-height: 49px;
border-bottom: 1px solid #e2e6eb;
padding-top: 15px;
padding-bottom: 15px;
}
.dropdown-category-item.dropdown-dark {
border-bottom-color: rgba(255, 255, 255, .4);
}
.empty-state {
color: #a9adb1;
text-align: center;
background-color: #fff;
border-radius: 8px;
padding: 26px 24px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 14px;
font-weight: 400;
}
.empty-state.outline {
background-color: rgba(0, 0, 0, 0);
}
.empty-state.cart-empty {
box-shadow: none;
background-color: rgba(0, 0, 0, 0);
border-width: 0;
border-radius: 0;
flex-direction: column;
padding-top: 100px;
padding-bottom: 100px;
}
.empty-state.card-empty {
box-shadow: none;
background-color: rgba(0, 0, 0, 0);
border-width: 1px 0;
border-radius: 0;
padding: 20px 0;
}
.product-main-details-wraper---01 {
margin-bottom: 0;
padding-bottom: 0;
}
.header-top-main-wrapper {
background-color: rgba(255, 255, 255, .05);
padding-top: 12px;
padding-bottom: 14px;
}
.add-cart {
min-height: 222px;
flex-direction: column;
justify-content: center;
display: flex;
}
.section-store {
padding-top: 118px;
padding-bottom: 118px;
}
.section-store.pd-120px {
padding-top: 20px;
padding-bottom: 60px;
}
.section-store.hero {
padding-top: 140px;
padding-bottom: 140px;
position: relative;
overflow: hidden;
}
.section-store.hero.v3 {
padding-top: 40px;
padding-bottom: 20px;
overflow: visible;
}
.section-store.hero.v2 {
padding-top: 46px;
padding-bottom: 0;
overflow: visible;
}
.section-store.breadcrumbs {
max-width: none;
background-color: #f7f8f9;
margin-top: 64px;
padding-top: 28px;
padding-bottom: 28px;
}
.section-store.pd-80px {
padding-top: 70px;
padding-bottom: 70px;
}
.section-store.search-results {
padding-top: 40px;
}
.product-more-images-grid {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.paragraph-small {
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.714em;
}
.paragraph-small.mg-bottom-20px, .paragraph-small.mg-bottom-36px, .paragraph-small.mg-bottom-40px {
font-weight: 300;
}
.link-text {
display: inline-block;
}
.hot-badge-wrapper {
margin-bottom: 10px;
line-height: 1em;
}
.card {
background-color: #f7f8f9;
border-radius: 16px;
overflow: hidden;
}
.card.product-details {
background-color: rgba(0, 0, 0, 0);
border-radius: 0;
padding: 0;
}
.card.footer-newsletter {
width: 100%;
max-width: 366px;
background-color: rgba(255, 255, 255, .1);
padding: 47px 20px;
}
.card.dropdown {
background-color: #20283f;
border-radius: 0;
padding: 60px 24px;
}
.card.product-main-details {
background-color: rgba(0, 0, 0, 0);
border: 0 solid #e2e6eb;
padding: 20px 0 0;
}
.card.link-card {
color: #66696c;
text-decoration: none;
transition: transform .3s, color .3s;
display: block;
}
.card.link-card:hover {
color: #66696c;
transform: translate(0, -6px);
}
.card.link-card.card-product {
min-height: 100%;
background-color: #fff;
border: 1px solid #f7f8f9;
flex-direction: column;
transition: box-shadow .3s, transform .3s, color .3s;
display: flex;
box-shadow: 0 2px 6px rgba(37, 39, 41, .04);
}
.card.link-card.card-product:hover {
box-shadow: 0 13px 14px rgba(37, 39, 41, .04);
}
.card.link-card.search-item {
min-height: 100%;
background-color: #fff;
border: 1px solid #f7f8f9;
padding: 40px;
box-shadow: 0 2px 6px rgba(37, 39, 41, .04);
}
.card.hero {
padding: 80px 40px;
}
.card.hero.product-category {
background-image: none;
background-repeat: repeat;
background-size: auto;
background-attachment: scroll;
}
.card.hero.product-category.lorawan {
background-color: #e1edf5;
}
.card.hero.product-category.kits {
background-color: rgba(82, 231, 181, .18);
}
.card.promotion {
background-color: #fcfaf8;
flex-direction: column;
justify-content: space-between;
display: flex;
}
.card.promotion.v2 {
background-color: #fff8f8;
}
.card.product-tile {
border: 1px solid var(--light-bg-2);
background-color: var(--white);
border-radius: 8px;
padding: 20px 20px 12px;
transition: box-shadow .25s;
}
.card.product-tile:hover {
box-shadow: 0 8px 28px rgba(37, 39, 41, .1);
}
.mg-bottom-20px {
margin-bottom: 20px;
}
.link-content-block {
color: #66696c;
text-decoration: none;
display: block;
}
.link-content-block:hover {
color: #66696c;
}
.link-content-block.footer-best-product {
max-width: 207px;
align-items: center;
display: flex;
}
.link-content-block.sidebar-category {
justify-content: space-between;
align-items: center;
display: flex;
}
.header-nav-menu-wrapper {
position: static;
}
.btn-circle-primary {
width: 64px;
height: 64px;
min-height: 64px;
min-width: 64px;
color: #fff;
transform-style: preserve-3d;
background-color: #0085ff;
border-radius: 50%;
justify-content: center;
align-items: center;
font-size: 28px;
line-height: 1em;
text-decoration: none;
transition: transform .3s, background-color .3s, color .3s;
display: flex;
}
.btn-circle-primary:hover {
color: #fff;
background-color: #006fd5;
transform: scale3d(.94, .94, 1.01);
}
.btn-circle-primary.small {
width: 42px;
height: 42px;
min-height: 42px;
min-width: 42px;
font-size: 20px;
}
.btn-circle-primary.small.search-btn-inside {
position: absolute;
top: 6px;
bottom: 6px;
left: auto;
right: 6px;
}
.mg-bottom-10px {
margin-bottom: 10px;
}
.badge-primary {
background-color: var(--light-bg-2);
color: var(--main-dark--midnight-blue);
cursor: default;
border-radius: 8px;
margin-bottom: 4px;
margin-right: 4px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.143em;
display: inline-block;
}
.badge-primary.small {
padding: 12px 16px;
font-size: 12px;
line-height: 1.167em;
}
.badge-primary.small.hot-badge {
border-radius: 6px;
margin-bottom: 5px;
margin-right: 5px;
padding: 5px 9px;
}
.badge-primary.kit-component {
background-color: var(--neutral-100);
color: var(--main-dark--midnight-blue);
cursor: pointer;
border-radius: 12px;
padding: 4px 8px 4px 4px;
transition: background-color .2s;
}
.badge-primary.kit-component:hover {
background-color: var(--light-bg-2);
}
.cart-item-title {
color: #252729;
margin-bottom: 4px;
font-weight: 700;
text-decoration: none;
}
.cart-item-title:hover {
color: #0085ff;
}
.product-details-wrapper {
border-bottom: 1px solid #e2e6eb;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 20px;
padding-bottom: 20px;
display: flex;
}
.product-details-wrapper.last {
justify-content: flex-start;
margin-bottom: 0;
padding-bottom: 0;
}
.product-details-wrapper.right-side {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-bottom-style: none;
flex-direction: column;
align-items: stretch;
padding-bottom: 0;
}
.product-details-wrapper.kit {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-bottom-style: none;
flex-direction: column;
padding-bottom: 0;
}
.header-right-side {
justify-content: flex-end;
align-items: center;
display: flex;
}
.container-default {
max-width: 1224px;
padding-left: 24px;
padding-right: 24px;
}
.cart-item-main-content {
align-items: flex-start;
display: flex;
}
.header-logo-link {
max-width: 190px;
padding-left: 0;
transition: opacity .3s, color .3s;
}
.header-logo-link:hover {
opacity: .7;
}
.mg-bottom-40px {
margin-bottom: 40px;
}
.mg-bottom-40px.show-on-mbl {
display: none;
}
.line-rounded-icon.success-message-check {
color: #0085ff;
margin-bottom: 6px;
font-size: 24px;
line-height: 1em;
}
.line-rounded-icon.success-message-check.left {
margin-right: 10px;
}
.line-rounded-icon.link-icon-right {
margin-left: 6px;
display: inline-block;
}
.footer-wrapper-2 {
background-color: #20283f;
}
.product-images-grid {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: 50vh;
grid-template-columns: 160px 1fr;
}
.product-information-item-wrapper {
max-width: 346px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 20px;
display: flex;
}
.product-information-item-wrapper.last {
margin-bottom: 0;
}
.mg-bottom-32px {
margin-bottom: 32px;
}
.cart-item-wrapper {
justify-content: space-between;
padding-top: 23px;
padding-bottom: 23px;
}
.display-3 {
color: #252729;
font-size: 22px;
font-weight: 500;
line-height: 1.364em;
}
.display-3.mg-bottom-6px {
font-size: 28px;
font-weight: 700;
}
.display-3.mg-bottom-12px {
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 28px;
font-weight: 700;
}
.inner-container.product-sidebar {
width: 100%;
position: -webkit-sticky;
position: sticky;
top: 72px;
}
.inner-container.product-information-item-left {
width: 100%;
max-width: 100px;
}
.inner-container.product-details-left {
width: 200px;
margin-right: 20px;
}
.inner-container.product-details {
max-width: 721px;
margin-top: 20px;
position: static;
}
.inner-container.product-information-item-right {
width: 100%;
max-width: 600px;
}
.inner-container.product-information-item-right.multiple {
max-width: 600px;
}
.inner-container._278px {
max-width: 278px;
}
.inner-container.product-details-right {
max-width: 600px;
flex: 1;
padding-left: 0;
}
.inner-container._22px {
width: 22px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.inner-container._828px {
max-width: 828px;
}
.inner-container._828px.width-100 {
height: 100%;
}
.inner-container.categoty-page {
max-width: 490px;
margin-left: 0;
margin-right: auto;
}
.inner-container._490px {
max-width: 490px;
}
.inner-container._490px.center {
margin-left: auto;
margin-right: auto;
}
.cart-button {
background-color: rgba(0, 0, 0, 0);
padding: 0;
transition: opacity .3s, color .3s;
position: relative;
}
.cart-button:hover {
opacity: .7;
color: #fff;
}
.header-dropdown-wrapper {
position: static;
}
.cart-header {
border-bottom-color: #e2e6eb;
padding-top: 22px;
padding-bottom: 22px;
}
.header-wrapper {
background-color: #20283f;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.text-400 {
font-size: 14px;
font-weight: 400;
line-height: 1.111em;
}
.text-400.bold {
font-weight: 700;
}
.text-400.bold.color-neutral-800 {
font-family: Ubuntu, Helvetica, sans-serif;
}
.text-400.bold.color-neutral-800.text-size-16px---mbl {
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 16px;
font-weight: 500;
}
.text-400.bold.text-size-16px---mbl {
font-size: 16px;
font-weight: 500;
}
.text-400.text-size-16px---mbl {
font-family: Ubuntu, Helvetica, sans-serif;
}
.text-100 {
font-size: 12px;
font-weight: 400;
line-height: 1.167em;
}
.text-100.bold {
font-weight: 700;
}
.product-images-wrapper {
margin-bottom: 20px;
padding-bottom: 0;
}
.footer-bottom-divider {
width: 1px;
height: 100%;
max-height: 35px;
opacity: .2;
background-color: #e2e6eb;
margin-left: 22px;
margin-right: 22px;
}
.footer-best-product-image-wrapper {
max-width: 60px;
margin-right: 14px;
}
.error-message {
color: #ff5a65;
background-color: rgba(0, 0, 0, 0);
margin-top: 20px;
padding: 0;
font-weight: 500;
}
.error-message.cart-error {
margin-top: 0;
}
.page-wrapper {
min-height: 100vh;
}
.dropdown-categories-grid {
max-width: 1176px;
grid-column-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
align-items: start;
margin-left: auto;
margin-right: auto;
}
.cart-option-item {
padding-left: 0;
font-size: 14px;
}
.mg-right-8px {
margin-right: 8px;
}
.mg-bottom-53px {
margin-bottom: 53px;
}
.grid-2-columns {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.grid-2-columns.header-top {
grid-template-columns: 2fr 1fr;
align-content: center;
}
.grid-2-columns.product-grid {
grid-column-gap: 60px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr .7fr;
align-items: start;
}
.grid-2-columns.title-and-buttons {
grid-column-gap: 40px;
grid-row-gap: 30px;
grid-template-columns: 1fr auto;
align-items: center;
}
.grid-2-columns.popular-products-sidebar-grid {
grid-column-gap: 24px;
grid-row-gap: 15px;
grid-template-columns: auto 1fr;
}
.grid-2-columns.sidebar-left {
grid-column-gap: 40px;
grid-template-columns: .3fr 1fr;
align-items: start;
position: relative;
}
.grid-2-columns.gap-32px.shop-discounts-grid {
align-items: stretch;
}
.grid-2-columns._1-col-tablet {
align-items: start;
}
.footer-payments-grid {
max-width: 204px;
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.cart-wrapper {
min-height: 100vh;
background-color: rgba(15, 19, 29, .9);
}
.mg-bottom-36px {
width: 100%;
margin-bottom: 36px;
}
.nav-menu-list-wrapper {
margin-bottom: 0;
margin-right: 40px;
padding-left: 0;
list-style-type: none;
}
.nav-menu-list-wrapper.last {
margin-right: 0;
}
.footer-best-product-content {
width: 100%;
max-width: 133px;
}
.social-media-link-text {
color: #66696c;
font-size: 13px;
line-height: 1em;
text-decoration: none;
transition: color .3s;
}
.social-media-link-text:hover {
color: #0085ff;
}
.social-media-link-text.white {
color: #fff;
}
.social-media-link-text.white:hover {
color: #0085ff;
}
.hamburger-menu-wrapper {
padding: 0;
}
.hamburger-menu-wrapper.w--open {
background-color: rgba(0, 0, 0, 0);
}
.success-message {
color: #20283f;
background-color: rgba(0, 0, 0, 0);
padding: 0;
font-weight: 700;
}
.success-message.white-message {
color: #fff;
}
.breadcrumbs-divider {
color: var(--neutral-500);
margin-left: 10px;
margin-right: 10px;
}
.flex-horizontal {
display: flex;
}
.flex-horizontal.align-center {
align-items: center;
}
.flex-horizontal.header-menu {
width: 100%;
max-width: 100%;
min-width: 100%;
justify-content: center;
padding-bottom: 24px;
}
.flex-horizontal.children-wrap {
flex-wrap: wrap;
}
.flex-horizontal.children-wrap.product-discount {
align-self: flex-end;
margin-bottom: 7px;
}
.flex-horizontal.end {
justify-content: flex-end;
}
.flex-horizontal.justify-center {
justify-content: center;
}
.flex-horizontal.justify-center.children-wrap {
justify-content: flex-start;
}
.buttons-row {
grid-column-gap: 20px;
grid-row-gap: 16px;
align-items: center;
display: flex;
}
.buttons-row.add-cart-buttons {
flex-direction: column;
align-items: stretch;
}
.cart-button-image {
max-width: 28px;
}
.mg-bottom-0 {
margin-bottom: 0;
}
.text-link {
color: #66696c;
text-decoration: underline;
transition: color .3s;
}
.text-link:hover {
color: #0085ff;
}
.text-link.color-accent-1 {
color: #0085ff;
transition: opacity .3s, color .3s;
}
.text-link.color-accent-1:hover {
opacity: .7;
}
.text-link.color-accent-1.text-decoration-none.w--current {
color: var(--additional);
text-decoration: none;
}
.text-link.white {
color: #fff;
}
.text-link.white:hover {
color: #0085ff;
}
.text-link.text-decoration-none {
text-decoration: none;
}
.text-link.text-decoration-none:hover, .text-link.text-decoration-none:active {
color: var(--additional);
}
.text-link.text-decoration-none.w--current {
text-decoration: none;
}
.cart-line-item {
grid-column-gap: 20px;
flex-wrap: wrap;
margin-bottom: 24px;
}
.btn-secondary {
background-color: var(--light-bg-2);
box-shadow: none;
color: var(--text-on-white);
text-align: center;
text-transform: uppercase;
transform-style: preserve-3d;
border: 1px solid #f7f8f9;
border-radius: 48px;
padding: 16px 20px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.143em;
transition: border-color .3s, transform .3s, background-color .3s, color .3s;
}
.btn-secondary:hover {
background-color: var(--text-on-white);
box-shadow: none;
color: var(--white);
transform: translate3d(0, -3px, .01px);
}
.nav-menu-list-item {
margin-bottom: 18px;
padding-left: 0;
line-height: 1.143em;
}
.nav-menu-list-item.more-templates {
flex-direction: column;
display: flex;
}
.footer-bottom-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
}
.input {
min-height: 54px;
color: #20283f;
background-color: #fff;
border: 1px solid #e2e6eb;
border-radius: 100px;
margin-bottom: 0;
padding: 16px 24px;
font-size: 12px;
line-height: 1.167em;
transition: box-shadow .3s, color .3s, border-color .3s;
box-shadow: 0 2px 6px rgba(37, 39, 41, .04);
}
.input:hover {
border-color: #20283f;
box-shadow: 0 4px 8px rgba(37, 39, 41, .08);
}
.input:focus {
color: #252729;
border-color: #20283f;
}
.input::-ms-input-placeholder {
color: #66696c;
}
.input::placeholder {
color: #66696c;
}
.input.search-inside-input {
padding-right: 60px;
}
.input.search-inside-input:hover, .input.search-inside-input:focus, .input.border-accent:hover, .input.border-accent:focus {
border-color: #0085ff;
}
.input.quantity {
width: 92px;
padding-left: 23px;
padding-right: 23px;
}
.input.select-inside {
height: auto;
min-height: auto;
box-shadow: none;
color: #66696c;
background-color: rgba(0, 0, 0, 0);
border-width: 0;
border-radius: 0;
padding: 0;
}
.input.select-inside:focus {
color: #252729;
}
.input.cart-quantity-input {
width: 72px;
min-height: 40px;
padding: 10px 16px;
}
.input.icon-left {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 17px;
background-repeat: no-repeat;
background-size: 18px 18px;
padding-left: 42px;
}
.input.icon-left.input-search {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/65798c9c7252f2179189bfbf_icon-1-search-input-shopwave-template.svg");
padding-right: 20px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 14px;
line-height: 1.143em;
}
.input.icon-left.input-search:focus {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/65798c9c7252f2179189bfbe_icon-2-search-input-shopwave-template.svg");
}
.add-cart-default-state {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: 92px 1fr;
grid-auto-columns: 1fr;
margin-bottom: 0;
display: grid;
}
.line-square-icon.dropdown-arrow {
margin-left: 6px;
}
.line-square-icon.link-icon-left {
margin-right: 8px;
font-size: 20px;
line-height: 1em;
display: inline-block;
transform: translate(0, 3px);
}
.line-square-icon.sidebar-category-arrow {
width: 14px;
height: 14px;
min-height: 14px;
min-width: 14px;
color: #252729;
width: 14px;
height: 14px;
min-height: 14px;
min-width: 14px;
color: #252729;
justify-content: center;
align-items: center;
margin-left: 8px;
font-family: Linearicons, sans-serif;
font-size: 12px;
display: flex;
overflow: hidden;
}
.footer-top {
padding-top: 100px;
padding-bottom: 100px;
}
.footer-newsletter-form-block {
min-height: 120px;
flex-direction: column;
justify-content: center;
margin-bottom: 0;
display: flex;
}
.grid-3-columns {
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-3-columns.related-products-grid {
grid-column-gap: 24px;
grid-row-gap: 40px;
}
.header-nav-menu-wrapper---fade-top-mobile {
display: none;
}
.cart-container {
background-color: #fff;
border: 1px solid #e2e6eb;
border-radius: 16px;
box-shadow: 0 5px 25px rgba(37, 39, 41, .24);
}
.header-logo {
width: 100%;
}
.footer-bottom {
border-top: 1px solid rgba(226, 230, 235, .1);
padding-top: 32px;
padding-bottom: 32px;
}
.links-divider {
width: 1px;
background-color: #e2e6eb;
align-self: stretch;
margin-left: 23px;
margin-right: 23px;
}
.text-300 {
font-size: 16px;
font-weight: 400;
line-height: 1.125em;
}
.text-300.bold {
font-weight: 700;
}
.text-300.medium {
font-weight: 500;
}
.heading-h2-size {
color: #252729;
font-size: 26px;
font-weight: 500;
line-height: 1.462em;
}
.cart-subtotal-number {
color: #252729;
}
.text-link-wrapper {
color: #252729;
display: inline-block;
}
.text-link-wrapper:hover {
color: #0085ff;
}
.text-link-wrapper.white {
color: #fff;
}
.text-link-wrapper.white:hover {
color: #0085ff;
}
.text-link-wrapper.white.text-bold.more-templates {
align-self: flex-start;
align-items: flex-end;
text-decoration: none;
display: flex;
}
.dropdown-column-wrapper {
width: 100vw;
max-width: 100%;
background-color: rgba(0, 0, 0, 0);
padding-top: 10px;
left: 0;
right: 0;
overflow: hidden;
}
.nav-content {
display: flex;
}
.text-200 {
color: var(--main-dark--midnight-blue);
align-self: center;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 1.143em;
display: inline-block;
}
.text-200.bold {
color: var(--main-dark--midnight-blue);
flex: 1;
align-self: center;
font-family: Ubuntu, Helvetica, sans-serif;
font-weight: 500;
}
.text-200.bold.mg-bottom-10px {
color: var(--text-on-white);
}
.text-200.bold.kit-label-on-image {
color: var(--white);
}
.text-200.medium {
font-weight: 500;
}
.product-features-grid {
grid-template-rows: auto;
grid-template-columns: auto 1fr;
margin-bottom: 20px;
}
.product-features-grid.last {
margin-bottom: 0;
}
.mg-bottom-12px {
margin-bottom: 12px;
}
.mg-bottom-34px {
margin-bottom: 34px;
}
.cart-quantity {
width: 25px;
height: 25px;
min-height: 25px;
min-width: 25px;
color: #fff;
background-color: #0085ff;
border-radius: 50%;
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 8px;
font-size: 12px;
font-weight: 500;
line-height: 1em;
display: flex;
overflow: hidden;
}
.mg-bottom-24px {
margin-bottom: 24px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 20px;
line-height: 40px;
}
.pay-btn {
border-radius: 90px;
}
.pay-btn.cart {
height: 54px;
}
.hamburger-menu-bar {
width: 52px;
height: 4px;
background-color: #fff;
border-radius: 20px;
margin-top: 12px;
margin-bottom: 12px;
}
.text-bold {
font-weight: 700;
}
.heading-h6-size {
color: #252729;
font-size: 12px;
font-weight: 700;
line-height: 1.375em;
}
.heading-h6-size.color-neutral-100 {
color: #fff;
}
.header-nav-list-item {
margin-bottom: 0;
padding-left: 32px;
line-height: 1.143em;
}
.header-nav-list-item.middle {
padding-left: 17px;
padding-right: 17px;
display: flex;
}
.cart-close-button {
width: 24px;
height: 24px;
color: #252729;
justify-content: center;
align-items: center;
font-size: 20px;
text-decoration: none;
display: flex;
}
.cart-close-button:hover {
color: #ff5a65;
}
.text-no-wrap {
white-space: nowrap;
}
.btn-primary {
color: #fff;
text-align: center;
transform-style: preserve-3d;
background-color: #0085ff;
border-radius: 48px;
justify-content: center;
padding: 19px 26px;
font-size: 14px;
font-weight: 700;
line-height: 1.143em;
text-decoration: none;
transition: background-color .3s, transform .3s, color .3s;
}
.btn-primary:hover {
color: #fff;
background-color: #006fd5;
transform: translate3d(0, -3px, .01px);
}
.btn-primary.black {
background-color: #20283f;
}
.btn-primary.black:hover {
background-color: #3c3e40;
}
.grid-4-columns {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-4-columns.section-card-products-grid {
grid-column-gap: 24px;
grid-row-gap: 40px;
}
.grid-4-columns.shop-grid {
grid-column-gap: 8px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
}
.cart-button-content {
flex-direction: column;
justify-content: center;
margin-left: 15px;
display: flex;
}
.header-content-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.header-content-wrapper.header-top {
width: 100%;
max-width: 100%;
min-width: 100%;
padding-top: 32px;
padding-bottom: 32px;
}
.cart-remove-link {
line-height: 20px;
}
.header-search {
max-width: 522px;
flex: 1;
margin-bottom: 0;
margin-left: 40px;
margin-right: 40px;
position: relative;
}
.header-search.hidden-on-mbl {
transform: translate(-2%);
}
.header-nav-menu-list {
z-index: 1;
align-items: center;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.nav-link-2 {
color: #66696c;
font-size: 14px;
line-height: 1.143em;
text-decoration: none;
}
.nav-link-2:hover {
color: #0085ff;
}
.nav-link-2.light {
color: #f7f8f9;
}
.nav-link-2.light:hover {
color: #0085ff;
}
.popular-products-sidebar-image-wrapper {
max-width: 110px;
}
.text-401 {
font-size: 14px;
font-weight: 400;
line-height: 1.143em;
}
.text-401.medium {
font-weight: 500;
}
.mg-bottom-6px {
margin-bottom: 6px;
}
.mg-right-12px {
margin-right: 12px;
}
.text-402 {
font-size: 12px;
font-weight: 400;
line-height: 1.167em;
}
.text-402.color-accent-1.mg-bottom-12px {
font-family: Ubuntu, Helvetica, sans-serif;
}
.mg-top-auto {
margin-top: auto;
}
.card-product-content {
flex-direction: column;
flex: 1;
padding: 20px 23px 10px;
display: flex;
}
.text-403 {
font-size: 16px;
font-weight: 400;
line-height: 1.125em;
}
.text-403.bold {
font-weight: 700;
}
.text-403.bold.color-neutral-800.mg-bottom-8px {
font-family: Ubuntu, Helvetica, sans-serif;
}
.ext_button__wrapper.is--centered {
justify-content: center;
display: flex;
}
.ext_button__wrapper.product_page_buttons {
margin-top: 3.75em;
}
.ext_button__wrapper.blueprint-page-main-screen__action {
margin-top: 24px;
}
.section-17 {
padding-top: 118px;
padding-bottom: 118px;
}
.section-17.breadcrumbs {
background-color: #f7f8f9;
padding-top: 28px;
padding-bottom: 28px;
}
.shop-list-wrapper {
flex-direction: column;
display: flex;
}
.text-center {
text-align: center;
}
.section-18 {
padding-top: 118px;
padding-bottom: 118px;
}
.section-18.hero {
padding-top: 140px;
padding-bottom: 140px;
position: relative;
overflow: hidden;
}
.section-18.hero.v2 {
padding-top: 46px;
padding-bottom: 0;
overflow: visible;
}
.mg-bottom-8px {
margin-bottom: 8px;
}
.display-2 {
color: #252729;
font-size: 32px;
font-weight: 500;
line-height: 1.438em;
}
.display-2.mg-bottom-0 {
padding-right: 8px;
font-family: Ubuntu, Helvetica, sans-serif;
}
.sidebar-wrapper {
position: -webkit-sticky;
position: sticky;
top: 10%;
}
.sidebar-category-item {
min-height: 49px;
border-bottom: 1px solid #e2e6eb;
padding-top: 15px;
padding-bottom: 15px;
}
.mg-bottom-68px {
margin-bottom: 68px;
}
.sidebar-categories-title-wrapper {
border-bottom: 1px solid #e2e6eb;
align-items: center;
padding-bottom: 16px;
display: flex;
}
.hidden-on-desktop {
display: none;
}
.section-19 {
padding-top: 118px;
padding-bottom: 118px;
}
.section-19.pd-80px {
padding-top: 70px;
padding-bottom: 70px;
}
.card-promotion-content {
z-index: 1;
max-width: 71%;
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
position: relative;
}
.card-promotion-images {
width: 100%;
height: 100%;
align-items: flex-end;
margin-top: -42%;
display: flex;
}
.color-neutral-700 {
color: #3c3e40;
}
.color-neutral-800 {
color: #252729;
}
.sidebar-category-main-content {
align-items: center;
display: flex;
}
.text-404 {
font-size: 12px;
font-weight: 400;
line-height: 1.167em;
}
.sidebar-category-content {
align-items: center;
display: flex;
}
.sidebar-category-icon {
width: 20px;
height: 20px;
max-width: 20px;
min-height: 18px;
min-width: 20px;
margin-right: 6px;
}
.text-405 {
font-size: 12px;
font-weight: 400;
line-height: 1.167em;
}
.mg-right-10px {
margin-right: 10px;
}
.text-406 {
font-size: 16px;
font-weight: 400;
line-height: 1.125em;
}
.text-406.medium {
font-weight: 500;
}
.text-406.medium.mg-bottom-10px {
color: var(--black);
font-family: Ubuntu, Helvetica, sans-serif;
font-weight: 500;
line-height: 1.5em;
}
.text-407 {
font-size: 16px;
font-weight: 400;
line-height: 1.125em;
}
.text-407.medium {
font-weight: 500;
}
.text-408 {
font-size: 14px;
font-weight: 400;
line-height: 1.143em;
}
.text-408.medium {
font-weight: 500;
}
.text-409 {
font-size: 14px;
font-weight: 400;
line-height: 1.143em;
}
.text-409.medium {
font-weight: 500;
}
.section-20 {
padding-top: 118px;
padding-bottom: 118px;
}
.section-20.breadcrumbs {
background-color: #f7f8f9;
padding-top: 28px;
padding-bottom: 28px;
}
.section-21 {
padding-top: 118px;
padding-bottom: 118px;
}
.section-21.breadcrumbs {
background-color: #f7f8f9;
padding-top: 28px;
padding-bottom: 28px;
}
.section-22 {
padding-top: 118px;
padding-bottom: 118px;
}
.section-22.pd-80px {
padding-top: 70px;
padding-bottom: 70px;
}
.color-neutral-801 {
color: #252729;
}
.section-23 {
padding-top: 118px;
padding-bottom: 118px;
}
.section-23.pd-80px {
padding-top: 70px;
padding-bottom: 70px;
}
.color-neutral-802 {
color: #3c3e40;
}
.color-neutral-803 {
color: #252729;
}
.section-24 {
padding-top: 118px;
padding-bottom: 118px;
}
.section-24.breadcrumbs {
background-color: #f7f8f9;
padding-top: 28px;
padding-bottom: 28px;
}
.display-4 {
color: #252729;
font-size: 32px;
font-weight: 500;
line-height: 1.438em;
}
.display-5 {
color: #252729;
font-size: 20px;
font-weight: 500;
line-height: 1.5em;
}
.text-410 {
font-size: 12px;
font-weight: 400;
line-height: 1.167em;
}
.rich-text-hard-description {
overflow-wrap: normal;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.rich-text-hard-description blockquote {
width: 100%;
-webkit-text-fill-color: inherit;
background-clip: border-box;
border-bottom: 1px solid #e2e6eb;
border-left-width: 0;
flex-flow: wrap;
align-content: flex-start;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
padding: 20px 0;
display: flex;
}
.rich-text-hard-description strong {
flex-direction: row;
margin-right: 20px;
}
.rich-text-hard-description p {
flex-wrap: wrap;
align-content: flex-start;
margin-bottom: 0;
font-family: Ubuntu, Helvetica, sans-serif;
line-height: 28px;
}
.testlist {
list-style-type: none;
display: flex;
}
.rich-text-table-link {
margin-left: 40%;
padding-left: 20px;
}
.search-results-list.grid-2-columns {
align-items: start;
}
.paragraph-2 {
display: flex;
}
.rich-text-about-product {
margin-bottom: 20px;
font-family: Ubuntu, Helvetica, sans-serif;
font-weight: 300;
line-height: 2px;
}
.rich-text-about-product h2 {
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 40px;
}
.rich-text-about-product p {
font-size: 16px;
}
.rich-text-about-product strong {
font-weight: 500;
}
.collection-list-2 {
display: inline-block;
}
.blueprint-firmware-links.mg-bottom-36px {
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
margin-left: 0;
margin-right: 0;
font-family: Ubuntu, Helvetica, sans-serif;
display: flex;
}
.link-icon {
align-self: flex-end;
font-family: Linearicons, sans-serif;
font-size: 12px;
}
.link-block-11 {
grid-column-gap: 8px;
color: var(--white);
background-image: linear-gradient(rgba(0, 0, 0, .03), rgba(0, 0, 0, .88));
border-radius: 8px;
flex: 1;
padding-top: 0;
padding-bottom: 10px;
padding-left: 10px;
transition: padding .2s;
display: flex;
position: absolute;
top: 0;
bottom: 0%;
left: 0%;
right: 0;
}
.link-block-11:hover {
color: var(--primary--medium-sea-green);
padding-bottom: 14px;
}
.link-block-11.hidden {
display: none;
}
.text-block-15 {
flex: 0 auto;
align-self: flex-end;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 14px;
}
.text-block-16 {
flex: 1;
}
.grid-13 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-flow: column;
margin-top: 0;
margin-bottom: 0;
}
.container-5 {
width: 200px;
display: flex;
position: static;
}
.container-6 {
height: 100px;
position: relative;
}
.firmware-blueprint-link-blocks {
width: 100%;
height: 120px;
border-radius: 8px;
display: block;
position: relative;
}
.image-59 {
width: 100%;
height: 120px;
object-fit: cover;
border-radius: 8px;
}
.container-blueprint-firmware {
max-width: 600px;
background-color: var(--bg--white-smoke);
border-radius: 8px;
flex-direction: column;
margin-top: 40px;
padding: 10px 20px 20px;
display: flex;
}
.heading-14 {
text-align: left;
margin-bottom: 4px;
font-family: Ubuntu, Helvetica, sans-serif;
font-weight: 500;
}
.text-block-17 {
margin-bottom: 20px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 14px;
font-weight: 300;
}
.link-block-12 {
grid-column-gap: 16px;
grid-row-gap: 16px;
display: flex;
}
.link-icon-kit-component {
color: var(--neutral-500);
text-align: right;
flex: 0 auto;
order: 0;
align-self: center;
font-family: Linearicons, sans-serif;
font-size: 12px;
}
.image-60 {
width: 40px;
height: 40px;
object-fit: cover;
border-radius: 8px;
}
.collection-list-3 {
grid-column-gap: 2px;
grid-row-gap: 2px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-list-3.vertical {
grid-template-rows: .5fr .5fr;
grid-template-columns: 1fr 1fr;
grid-auto-rows: .5fr;
}
.kit-label-on-image {
z-index: 100;
grid-column-gap: 4px;
grid-row-gap: 4px;
background-color: var(--neutral-100);
border-radius: 12px;
padding: 6px 8px;
display: flex;
position: absolute;
top: auto;
bottom: 5%;
left: auto;
right: 10%;
}
.kit-label-on-image.list-label {
display: flex;
position: absolute;
}
.text-block-18 {
width: auto;
}
.text-block-19 {
color: var(--black);
letter-spacing: 1px;
text-transform: none;
word-break: normal;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 24px;
text-decoration: none;
}
.text-block-19.list-label {
font-size: 8px;
line-height: 18px;
}
.image-61 {
width: auto;
height: 24px;
}
.image-61.list-label {
height: 18px;
}
.navbar-store {
width: 100%;
height: 64px;
max-width: none;
background-color: var(--white);
border: 0 solid #000;
border-bottom-color: rgba(255, 255, 255, .1);
margin-left: 0;
margin-right: 0;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.navbar-store.hidden {
display: none;
}
.text-span-20 {
font-size: .5em;
line-height: .5;
}
.main_img_product.cover {
width: 100%;
object-fit: contain;
border-radius: 8px;
}
.product_thumbnail {
max-height: 150px;
}
.product_thumbnail.cover {
width: 100%;
object-fit: contain;
border-radius: 8px;
}
.div-block-42 {
width: 32px;
}
.grid-14 {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.icon-title-text.elevate-agri-tech {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-43 {
width: 40px;
height: 40px;
}
.linear-icon-36px {
width: 36px;
height: 36px;
color: var(--additional--royal-blue);
margin-bottom: 10px;
font-family: Linearicons, sans-serif;
font-size: 36px;
line-height: 40px;
}
.text-block-20 {
font-family: Linearicons, sans-serif;
}
.body-2-text {
font-weight: 300;
line-height: 28px;
}
.body-2-text.accordion {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
}
.body-2-text.accordion-text {
padding: 10px 0;
}
.body-2-text.is--centered {
text-align: center;
}
.mg-20px-top {
margin-top: 20px;
}
.mg-20px-top.is--centered.agriculture {
margin-bottom: 0;
}
.image-62 {
object-fit: scale-down;
}
.heading-16, .heading-17 {
margin-top: 20px;
}
.accordion {
width: 100%;
border-bottom: 1px solid #dedee0;
overflow: hidden;
}
.accordion-toggle {
width: 100%;
height: 60px;
padding-left: 0;
padding-right: 0;
}
.accordion-toggle:hover {
color: var(--primary--medium-sea-green);
}
.accordion-list {
background-color: rgba(221, 221, 221, 0);
display: block;
position: static;
}
.accordion-title {
margin-top: 0;
font-family: Ubuntu, Helvetica, sans-serif;
}
.accordion-wrapper {
width: 50%;
margin-top: 40px;
margin-bottom: 40px;
}
.heading-18 {
font-family: Ubuntu, Helvetica, sans-serif;
}
.grid-15 {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-flow: column;
}
.div-block-44 {
width: 60px;
height: 60px;
background-color: var(--light-bg-2);
border-radius: 20px;
padding: 10px;
}
.linear-icon-28px {
text-align: center;
font-family: Linearicons, sans-serif;
font-size: 28px;
line-height: 40px;
}
.image-wrapper {
align-items: center;
}
.use-case-wrapper {
width: 100%;
background-color: var(--white);
border-radius: 20px;
margin-bottom: 20px;
padding: 40px;
}
.use-case {
width: 100%;
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: space-between;
display: flex;
}
.use-case.full-width {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.use-case.v-100 {
height: 100%;
}
.use-case-text {
width: 40%;
}
.use-case-text.half-size {
width: 60%;
}
.use-case-image-link {
width: 100%;
grid-column-gap: 14px;
grid-row-gap: 14px;
transform-style: preserve-3d;
align-self: flex-start;
align-items: center;
display: flex;
}
.use-case-image-link:hover {
transform: scale3d(1none, 1none, 1none);
}
.div-block-45 {
grid-column-gap: 20px;
grid-row-gap: 20px;
display: flex;
}
.case-study-image-home {
max-height: 320px;
object-fit: scale-down;
}
.case-study-image-home.half-size {
max-height: 320px;
}
.columns-6 {
align-items: flex-start;
display: flex;
}
.image-64 {
margin-top: 60px;
}
.text-block-4-copy {
z-index: 200;
color: var(--white);
text-transform: uppercase;
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(3, 3, 10, .7));
border-radius: 0 0 8px 8px;
margin-top: -70px;
padding-top: 20px;
padding-bottom: 24px;
padding-left: 6%;
font-size: 16px;
line-height: 24px;
transition: none;
display: none;
position: relative;
}
.text-block-4-copy:hover {
display: block;
}
.hover-button {
z-index: 400;
height: 150px;
color: var(--white);
text-transform: uppercase;
background-image: none;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-top: -150px;
padding-top: 110px;
padding-bottom: 30px;
padding-left: 6%;
font-size: 0;
transition: opacity .2s;
display: block;
position: relative;
}
.hover-button:hover {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(3, 3, 10, .7));
font-size: 14px;
display: block;
}
.link-block-13 {
position: relative;
}
.div-block-46 {
width: 100%;
height: 100%;
font-size: 0;
}
.div-block-46:hover {
font-size: 14px;
}
.link-block-14 {
flex-direction: column;
display: flex;
}
.collection-list-wrapper-3 {
grid-column-gap: 14px;
grid-row-gap: 14px;
flex: 1;
align-self: flex-start;
display: flex;
}
.client-page-main-screen__properties {
grid-column-gap: 24px;
grid-row-gap: 24px;
color: var(--white);
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
margin-top: 0;
display: flex;
}
@media screen and (min-width: 1440px) {
.div-block-2.hvac-hero {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/640ef0ae766e123987f341a3_hero-image-web.png");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: auto 100%;
}
.image-55.cover {
display: block;
}
.divider._0px {
margin-top: 0;
margin-bottom: 0;
}
.section-store {
padding-top: 140px;
padding-bottom: 140px;
}
.section-store.pd-120px {
padding-top: 120px;
padding-bottom: 120px;
}
.section-store.pd-80px {
padding-top: 80px;
padding-bottom: 80px;
}
.section-store.search-results {
padding-top: 40px;
}
.card.product-main-details {
padding-bottom: 20px;
}
.card.hero.product-category {
background-image: none;
background-repeat: repeat;
background-size: auto;
background-attachment: scroll;
}
.inner-container.product-details-left {
width: 240px;
}
.inner-container.product-details-right {
align-self: stretch;
}
.section-17, .section-18 {
padding-top: 140px;
padding-bottom: 140px;
}
.display-2.mg-bottom-0 {
font-family: Ubuntu, Helvetica, sans-serif;
}
.section-19 {
padding-top: 140px;
padding-bottom: 140px;
}
.section-19.pd-80px {
padding-top: 80px;
padding-bottom: 80px;
}
.section-20, .section-21, .section-22 {
padding-top: 140px;
padding-bottom: 140px;
}
.section-22.pd-80px {
padding-top: 80px;
padding-bottom: 80px;
}
.section-23 {
padding-top: 140px;
padding-bottom: 140px;
}
.section-23.pd-80px {
padding-top: 80px;
padding-bottom: 80px;
}
.section-24 {
padding-top: 140px;
padding-bottom: 140px;
}
.rich-text-hard-description a {
margin-left: 40%;
padding-left: 20px;
}
.grid-13 {
grid-template-columns: 1fr;
grid-auto-flow: column;
}
.collection-list-3 {
grid-template-columns: 100%;
}
.main_img_product.cover, .product_thumbnail.cover {
display: block;
}
.icon-title-text.elevate-agri-tech {
flex-direction: column;
align-items: center;
display: flex;
}
.body-2-text.is--centered, .mg-20px-top.is--centered {
text-align: center;
}
.use-case-wrapper.half-size {
width: 100%;
}
.div-block-45 {
grid-column-gap: 20px;
grid-row-gap: 20px;
display: flex;
}
.case-study-image-home, .case-study-image-home.half-size {
max-height: 560px;
}
}
@media screen and (min-width: 1920px) {
.section-3.product-hero.grid {
background-size: 1200px, auto;
}
.div-block-2.hvac-hero {
max-width: 1800px;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/640ef0ae766e123987f341a3_hero-image-web.png");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: auto 100%;
}
.div-block-2.agri-hero {
background-size: 1000px;
}
.text-block-4:hover {
margin-top: -68px;
}
.divider._0px {
margin-top: 0;
margin-bottom: 0;
}
.section-store.breadcrumbs {
max-width: none;
margin-top: 64px;
padding-top: 28px;
}
.section-store.pd-80px {
padding-top: 80px;
padding-bottom: 80px;
}
.section-store.search-results {
padding-top: 40px;
}
.card.hero.product-category {
background-image: none;
background-repeat: repeat;
background-size: auto;
background-attachment: scroll;
}
.container-default {
max-width: 1600px;
}
.inner-container.product-sidebar {
position: -webkit-sticky;
position: sticky;
top: 0%;
}
.inner-container.product-details {
max-width: 1000px;
}
.text-400.bold.text-size-16px---mbl {
font-size: 16px;
}
.flex-horizontal.children-wrap {
width: auto;
}
.case-study-image-home {
position: relative;
}
.text-block-4-copy:hover {
margin-top: -68px;
}
}
@media screen and (max-width: 991px) {
h1 {
font-size: 33px;
line-height: 40px;
}
h3 {
font-size: 28px;
line-height: 42px;
}
.section, .section.is--grey {
padding-top: 6em;
padding-bottom: 6em;
}
.section.is--grey.library {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.section.is--dark.blog-hero {
height: 30vh;
}
.section.is--dark.behind-scenes {
background-position: 50% 80%;
background-size: 768px;
}
.section.is--green.blueprint-page-main-screen__contact-us {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/64ac35d138d61f81b4c94064_blueprint-contact-us-bg-tablet.webp");
padding: 128px 123px;
}
.section.section-15 {
padding-top: 6em;
padding-bottom: 6em;
}
.section.blueprint-page-content {
padding: 128px 32px;
}
.section.steps {
padding-bottom: 6em;
}
.container {
max-width: 100%;
}
.container.is--nav {
padding-top: 24px;
padding-bottom: 24px;
}
.container.is--pt2 {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
}
.container.is--more-space {
height: auto;
padding-top: 8em;
padding-bottom: 4em;
}
.container.is--footer {
padding-left: 32px;
padding-right: 32px;
}
.container.is--pb2.pricing-container {
padding-top: 0;
}
.container.vid {
padding-left: 0;
padding-right: 0;
}
.container.blueprint-page-main-screen__contact-us__container {
max-width: 662px;
}
.container.behind-scenes {
min-height: 530px;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.h2z {
max-width: 85%;
font-size: 33px;
line-height: 40px;
}
.h2z.is--white.is--centered {
font-size: 33px;
}
.h2z.is--white.is--centered.smart-home-page__h1 {
font-size: 33px;
line-height: 40px;
}
.h2z.is--white.is--centered.about-page__h1 {
font-size: 28px;
line-height: 34px;
}
.h2z.title__clients {
width: 90%;
}
.lead-text.is--centered._w-60, .lead-text._w-60 {
width: 100%;
}
.h2 {
font-size: 28px;
line-height: 34px;
}
.h2.smart-home-page__h3 {
font-size: 23px;
line-height: 32px;
}
.h2.is-white {
color: var(--white);
}
.h4.h4--left {
font-size: 12px;
line-height: 18px;
}
.h6.blueprint-page-main-screen__subtitle {
font-size: 14px;
line-height: 22px;
}
.p-small.is--light, .p-small.box-text {
font-size: 19px;
line-height: 28px;
}
.primary-button.is--hero {
height: auto;
margin-top: 0;
margin-right: 0;
padding: 1.25em 3em;
}
.primary-button.is--hero.smart-city-page__button {
max-width: none;
}
.primary-button.is--nav {
width: 100%;
color: var(--main-dark--midnight-blue);
border-radius: 0;
font-size: 1.2em;
}
.primary-button.is--nav:hover {
color: var(--white);
}
.primary-button.btn__contact-us {
padding-left: 2.8em;
padding-right: 2.8em;
}
.primary-button.is--nav-2 {
width: 100%;
background-color: var(--primary--medium-sea-green);
color: var(--white);
border-radius: 0;
font-size: 1.2em;
}
.primary-button.is--nav-2:hover {
color: var(--white);
}
.secondary-button.is--ml16 {
width: auto;
border-radius: 100vw;
}
.secondary-button.is--nav-2.is--ml16 {
margin-left: 0;
font-size: 1.2em;
}
.secondary-button.smart-home-page__horizontal-list__button {
margin-top: 74px;
}
.ghost-button.is--hero {
margin-left: 1em;
}
.link.is--nav {
color: var(--main-dark--midnight-blue);
}
.link.is--nav.for-mob {
display: block;
}
.hero-video__cover {
width: 100%;
height: 100%;
opacity: 1;
}
.navbar {
display: block;
}
.navbar.is--2 {
z-index: 500;
}
.navbar.is--2.is--clients {
z-index: 40;
opacity: 0;
}
.h1__wrapper.mb-20.h1-provisioning {
max-width: 70%;
}
.h1__wrapper.blueprint-page-main-screen__title {
font-size: 23px;
line-height: 32px;
}
.lead-text__wrapper._w-57 {
width: auto;
max-width: 65%;
}
.lead-text__wrapper._w-57.case-studies__lead-text {
width: 90%;
}
.lead-text__wrapper._w-57.abour-hero-text {
max-width: 100%;
}
.button__wrapper {
align-items: center;
margin-top: 3em;
display: flex;
}
.grid {
width: 100%;
height: auto;
}
.grid.is--horisontal {
grid-row-gap: 3.75em;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.grid.is--horisontal.contact-us__blog {
max-width: none;
grid-template-rows: auto;
}
.grid.smart-home-page--grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
display: block;
}
.lead-text-small {
max-width: 85%;
font-size: 19px;
line-height: 28px;
}
.lead-text-small.is--white {
font-size: 19px;
line-height: 28px;
}
.lead-text-small.is--white.smart-home-page__text {
margin-bottom: 0;
font-size: 19px;
line-height: 28px;
}
.lead-text-small.is--white.smart-home-page__text.product-hero-text {
max-width: 80%;
margin-bottom: 24px;
}
.lead-text-small.smart-home-page__text--small {
font-size: 16px;
line-height: 24px;
}
.spacer-80, .spacer-120 {
height: 4em;
}
.grid__item.is--70, .grid__item.is--60 {
max-width: 100%;
}
.grid__item.is--50 {
max-width: 80%;
}
.grid__item.relative.flex-stretch {
height: 21.5em;
}
.grid__item.relative.flex-stretch.box-shadow.br-12 {
height: auto;
}
.grid__item.ml-100.is--80 {
z-index: 1;
width: auto;
margin-left: 0;
position: relative;
}
.grid__item.product-hero-main {
max-width: 70%;
padding-bottom: 3em;
}
.grid__item.product-hero-main.features {
max-width: 80%;
}
.grid__item.smart-city-hero-main {
max-width: 65%;
padding-bottom: 3em;
}
.grid__item.privacy {
max-width: 70%;
padding-bottom: 3em;
}
.grid__item.about-hero-main, .grid__item.business-hero-main {
padding-bottom: 3em;
}
.grid__item.ncp-hero-main {
max-width: 65%;
padding-bottom: 3em;
}
.typed-words {
padding-left: 0;
display: block;
}
.nav__logo.w--current {
z-index: 9999;
}
.nav-menu {
height: 100vh;
min-width: 100vw;
background-color: #f2f5f5;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
overflow: hidden;
}
.nav__links {
grid-row-gap: 40px;
flex-direction: column;
font-size: 1.4em;
display: flex;
position: relative;
}
.nav__button {
z-index: 9999;
width: 100%;
grid-row-gap: 20px;
flex-direction: column;
justify-content: center;
display: flex;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.menu-button {
margin-left: auto;
padding: 5px;
}
.menu-button.w--open {
background-color: var(--main-dark--midnight-blue);
}
.menu-button.is--2 {
background-color: var(--white);
}
.menu-button.is--2.open.w--open {
background-color: #ddd;
}
.img.absolute-img.platform-components {
width: 60%;
margin-bottom: 2em;
margin-left: auto;
margin-right: auto;
display: block;
}
.h__wrapper.mb-40 {
align-self: flex-start;
}
.text__wrapper.mb-60 {
grid-template-columns: 1fr;
}
.text__wrapper.mb-60._w-65 {
max-width: 100%;
}
.text__wrapper.is--blog {
width: 100%;
}
.text__wrapper.mb-100 {
margin-bottom: 4em;
}
.green__span.smart-home-page__h1__green {
font-size: 28px;
}
.full-screen-img__wrapper {
width: 100%;
}
.title__wrapper.blog-section-title {
margin-top: 0;
}
.cards__grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.cards__grid.author-block__page-client {
grid-row-gap: 2.5em;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.img-50 {
max-width: 100%;
padding-top: 76%;
}
.img-50.getting-started__img-50-2 {
padding-top: 0%;
}
.cards__grid4 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.numbers__grid, .footer__center {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.collection-item.beverage {
width: auto;
position: relative;
}
.collection-list.clients__block {
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
position: relative;
}
.link__img.mb--20 {
height: auto;
}
.link__img.mb--20.main__clients {
height: 26em;
}
.cms__wrapper {
overflow: visible;
}
.cms__wrapper.smart-city__cases {
position: relative;
overflow: visible;
}
.blog__item {
width: 100%;
flex-direction: column;
display: flex;
}
.collection-list__blog {
grid-row-gap: 2.5em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.collection-item__blog {
flex-direction: column;
}
.grid-table__block {
width: auto;
grid-template-columns: minmax(17.5em, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr);
overflow: auto;
}
.grid-table__block.header {
display: none;
}
.grid-table__block.dn {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: minmax(17.5em, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr);
grid-auto-columns: 1fr;
display: grid;
}
.grid-table__block.footer, .grid-table__block.body {
display: none;
}
.grid-table__block.body-mob {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: minmax(17.5em, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr);
grid-auto-columns: 1fr;
display: grid;
}
.grid-table__block.footer_3, .grid-table__block.header_3 {
display: none;
}
.grid-block__tabs {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.link-block.arrow-block__blog {
display: none;
}
.grid-block {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.grid-block.grid-3x3, .needs__grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.basics__grid {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.main-article__block {
padding-left: 0;
padding-right: 0;
}
.form-block {
width: 100%;
}
.content {
max-width: 100%;
}
.production-cards__grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.production-cards__grid.mb-40 {
grid-row-gap: 2.5em;
}
.bg__image.is--right {
background-position: 90% 0;
}
.content__50 {
max-width: 60%;
margin-left: 35%;
}
.content__50-reverse {
max-width: 50%;
margin-left: 0%;
}
.picture__grid {
width: 100%;
}
.stack__top.is--centered.mb-50.centered.mb-0 {
margin-bottom: 0;
}
.stack__bottom {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.blueprint-page-main-screen__properties {
margin-top: 0;
}
.icon-3 {
font-size: 1.8em;
}
.icon-4 {
color: var(--main-dark--midnight-blue);
font-size: 1.8em;
}
.bg__image-right {
z-index: 0;
height: auto;
max-width: 100%;
background-position: 50%;
background-size: contain;
margin-top: 0%;
top: -38%;
bottom: 0;
left: 0%;
right: 0%;
}
.line-absolute.grey {
height: 15.7em;
bottom: 6.6em;
}
.line-absolute-2.grey {
height: 48.4em;
bottom: 9.2em;
}
.inst-video__cover {
width: 100%;
height: 100%;
opacity: 1;
}
.cms__instagram-list {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
.popup__wrapper.pmw {
display: none;
}
.close__pop-up {
position: fixed;
}
.content__pop-up {
margin-left: 20px;
margin-right: 20px;
}
.content__pop-up.long_popup {
top: 4.225em;
}
.container-2 {
max-width: 728px;
}
.hero-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: -40px;
}
.hero-split {
max-width: 100%;
margin-bottom: 40px;
}
.nav-menu-wrapper {
background-color: rgba(0, 0, 0, 0);
}
.nav-menu-two {
background-color: #fff;
border-radius: 50px;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
margin-top: 10px;
padding: 20px;
display: flex;
box-shadow: 0 8px 50px rgba(0, 0, 0, .05);
}
.nav-link {
padding-left: 5px;
padding-right: 5px;
}
.nav-dropdown-list.shadow-three.w--open {
position: absolute;
}
.menu-button-2 {
padding: 12px;
}
.menu-button-2.w--open {
color: #fff;
background-color: #a6b1bf;
}
.section-3 {
min-height: auto;
flex-direction: column;
padding-top: 0;
padding-bottom: 0;
display: block;
}
.section-3.product-hero.grid {
background-size: 800px, auto;
}
.div-block-2 {
width: 100%;
padding: 183px 32px 0;
}
.div-block-2.product-tablet-hero {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/6393aca2c64883b933ffd28f_hero-image.png");
background-position: 60%;
background-size: cover;
padding-top: 120px;
padding-bottom: 0;
}
.div-block-2.smart-city-hero {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/63ee9a8a5ee23845790220ff_smart-city-hero.png");
background-position: 95%;
background-repeat: no-repeat;
background-size: auto 50%;
padding-top: 120px;
padding-bottom: 0;
}
.div-block-2.hvac-hero {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/640ef1c82297d85e1a082193_hero-image-tablet.png");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: auto 95%;
}
.div-block-2.about-tablet-hero {
background-image: none;
padding-top: 120px;
padding-bottom: 0;
}
.div-block-2.blueprint-page-main-screen__wrapper {
padding-top: 144px;
padding-bottom: 136px;
padding-right: 32px;
}
.div-block-2.ncp-hero {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/64fb83256f7b21fc5909d49a_illustration.png");
background-position: 90% 70%;
background-size: 50%;
padding-top: 60px;
padding-bottom: 0;
}
.div-block-2.provisioning-hero {
padding-top: 60px;
padding-bottom: 0;
}
.div-block-2.agri-hero {
background-position: 150% 120%;
background-size: 500px;
padding-top: 100px;
}
.div-block-3 {
width: 100%;
height: 1px;
min-height: 455px;
background-color: #e7eaec;
display: none;
top: -100%;
}
.image-15 {
margin-top: 0;
display: none;
position: absolute;
top: -26px;
left: 32px;
}
.section-4 {
height: auto;
min-height: auto;
padding-bottom: 64px;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.slider {
width: 100%;
max-height: none;
min-height: 86px;
margin-top: 48px;
}
.image-16 {
width: 100%;
min-height: auto;
}
.section-5.animated-section {
min-height: auto;
padding: 0 32px 128px;
position: relative;
}
.div-block-4 {
width: 100%;
height: auto;
}
.smart-home-page__comment {
max-width: 522px;
grid-column-gap: 16px;
grid-row-gap: 22px;
flex-direction: column;
margin-left: 0;
}
.smart-home-page__comment__content--wrapper {
padding-left: 0;
}
.image-19 {
margin-bottom: 16px;
}
.image-19.mb-40 {
margin-bottom: 40px;
}
.div-block-10 {
align-items: flex-end;
}
.smart-home-page__comment__content__image {
height: 40px;
}
.smart-home-page__comment__content__image.smart-home-page--full-right {
height: auto;
max-height: 40px;
}
.smart-home-page__comment__content__link {
font-size: 12px;
line-height: 18px;
}
.smart-home-page__comment__content__title {
font-size: 19px;
line-height: 26px;
}
.smart-home-page__comment__content_subtitle {
font-size: 14px;
line-height: 19px;
}
.smart-home-page__comment__content__description {
font-size: 16px;
line-height: 24px;
}
.smart-home-page__comment__tip {
border-color: var(--white) transparent;
border-top-width: 0;
border-bottom-width: 14px;
border-left-style: solid;
border-left-width: 14px;
top: -12px;
left: 25px;
}
.section-6 {
min-height: auto;
padding-bottom: 128px;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.section-6.section_build {
padding: 4em 32px 2em;
}
.section-6.section_pricing {
padding: 4em 32px;
}
.section-6.section_marketing {
padding-top: 4em;
padding-left: 32px;
padding-right: 32px;
}
.text-block-2 {
margin-bottom: 8px;
font-size: 16px;
line-height: 24px;
}
.grid-2-copy.smart-home-page__grid, .grid-2-copy.add-on__grid {
justify-content: space-between;
align-items: start;
justify-items: start;
}
.smart-home-page__grid__item {
flex-direction: row;
justify-content: space-between;
}
.smart-home-page__grid__text {
font-size: 14px;
line-height: 22px;
}
.section-7 {
height: auto;
padding: 128px 32px;
position: relative;
}
.section-7.smart-home-page__mobiile-section {
height: auto;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/6336b3ba182157113a256aa8_Rectangle%20616.png");
background-position: 100%;
background-size: cover;
padding: 128px 21px 128px 32px;
position: relative;
}
.column {
min-height: auto;
padding-left: 0;
padding-right: 0;
display: none;
}
.column.smart-home-page__build-column {
display: block;
}
.list-2.smart-home-page__list.smart-home-page__lnptification-list, .list-2.product-page__list.smart-home-page__lnptification-list, .list-2.product-card__list.smart-home-page__lnptification-list, .list-2.pricing-page__list.smart-home-page__lnptification-list {
max-width: 100%;
}
.smart-home-page__list__item {
margin-bottom: 16px;
font-size: 14px;
line-height: 19px;
}
.image-20 {
display: block;
}
.smart-home-page__apps.is--grey {
height: auto;
object-fit: none;
padding-bottom: 64px;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.smart-home-page__apps.is--grey.product-launch {
padding-top: 4em;
padding-bottom: 4em;
}
.smart-home-page__apps.is--grey.smart-city-cta {
padding-bottom: 6em;
}
.div-block-12.smart-home-page__aqua__items__first {
min-height: 435px;
padding: 24px;
}
.div-block-12.smart-home-page__aqua__items__first.pro_card {
min-height: 650px;
}
.div-block-13.smart-home-page__aqua__items__four {
min-height: auto;
background-image: linear-gradient(145.3deg, #597ef7, #9c7ab6);
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
padding: 24px 24px 8px;
}
.div-block-14.smart-home-page__aqua__items__second {
min-height: 403px;
background-image: linear-gradient(to right, #c54a65, #6e7da7);
margin-bottom: 16px;
padding: 24px 24px 168px;
}
.div-block-14.smart-home-page__aqua__items__second.business_card {
max-height: 650px;
min-height: 650px;
margin-bottom: 24px;
padding-bottom: 24px;
}
.div-block-14.smart-home-page__aqua__items__second-copy {
min-height: 403px;
background-image: linear-gradient(to right, #c54a65, #6e7da7);
margin-bottom: 16px;
padding: 24px 24px 168px;
}
.div-block-14.smart-home-page__aqua__items__second-copy.business_card {
max-height: 650px;
min-height: 650px;
margin-bottom: 24px;
padding-bottom: 24px;
}
.div-block-14.add-on__aqua__items__second {
min-height: 403px;
background-image: linear-gradient(to right, #c54a65, #6e7da7);
margin-bottom: 16px;
padding: 24px 24px 168px;
}
.div-block-14.add-on__aqua__items__second.business_card {
max-height: 650px;
min-height: 650px;
margin-bottom: 24px;
padding-bottom: 24px;
}
.smart-home-page__aqua__item__title {
font-size: 28px;
line-height: 34px;
}
.smart-home-page__aqua__item__title.smart-home-page__h3 {
font-size: 23px;
line-height: 32px;
}
.smart-home-page__aqua__item__text {
max-width: 100%;
font-size: 16px;
line-height: 24px;
}
.smart-home-page__aqua__item__text.smart-home-page__aqua__item__text-w-72 {
max-width: 100%;
}
.smart-home-page__aqua__items__third {
min-height: 395px;
background-image: linear-gradient(to right, #b98004, #63a855);
padding: 24px 24px 0;
}
.section-9 {
min-height: auto;
padding: 16px 32px 128px;
position: relative;
}
.section-v {
min-height: auto;
background-image: none;
justify-content: center;
align-items: flex-end;
padding: 0;
display: none;
}
.smart-home-page__notifications__title.h1 {
max-width: 100%;
}
.smart-home-page__notifications__title.h1._w-80 {
max-width: 80%;
}
.demand-response-text {
font-size: 16px;
font-weight: 300;
line-height: 24px;
}
.demand-response-text._w-80 {
font-size: 19px;
line-height: 28px;
}
.section-11 {
min-height: auto;
padding-bottom: 64px;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.smart-home-page__horizontal-list__item {
padding-right: 40px;
}
.smart-home-page__horizontal-list__item__title {
font-size: 19px;
line-height: 26px;
}
.smart-home-page__horizontal-list__item__desc {
font-size: 16px;
line-height: 24px;
}
.column-3 {
padding-right: 40px;
}
.column-4 {
margin-bottom: 48px;
padding-right: 0;
}
.section-12 {
min-height: auto;
padding: 64px 32px 128px;
position: relative;
}
.section-13 {
min-height: auto;
padding-bottom: 64px;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.smart-home-page__success-launch__list {
grid-column-gap: 160px;
flex-wrap: nowrap;
justify-content: flex-start;
}
.smart-home-page__success-launch__list__item__text {
font-size: 14px;
line-height: 19px;
}
.smart-home-page__success-launch__list__item--wrapper {
width: auto;
grid-column-gap: 16px;
flex-wrap: wrap;
align-items: flex-start;
}
.section-14 {
min-height: auto;
padding: 64px 24px 128px;
position: relative;
}
.section-15 {
min-height: auto;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/633f415f0d8540e765f6b0ae_last-tablet.png");
background-size: 100% 100%;
padding-left: 32px;
padding-right: 32px;
}
.section-15.product-cta {
padding-top: 4em;
padding-bottom: 6em;
}
.div-block-15.cta-text {
max-width: 80%;
}
.smart-home-page__aqua__items__third__img, .smart-home-page__aqua__items__four__img {
display: none;
}
.smart-home-page__aqua__items__first__img {
width: 150%;
max-width: 150%;
object-fit: fill;
top: auto;
bottom: 0%;
left: -66%;
right: 0%;
}
.smart-home-page__aqua__items__second__img {
display: none;
}
.link-block-2 {
width: 112px;
height: 41px;
top: 24px;
left: 32px;
}
.image-22 {
display: none;
}
.image-23 {
z-index: 5;
width: 100%;
height: auto;
max-width: none;
min-height: auto;
min-width: auto;
object-fit: fill;
background-color: rgba(0, 0, 0, 0);
display: block;
position: static;
top: 0%;
bottom: auto;
left: 0%;
right: auto;
overflow: visible;
}
.column-5 {
padding-left: 0;
}
.div-block-16 {
margin-top: 48px;
display: flex;
}
.image-24 {
width: 50%;
height: auto;
max-width: none;
display: block;
position: static;
}
.image-24.smart-home-page__manage-mobile-img {
display: none;
}
.div-block-17 {
width: 50%;
}
.image-25 {
height: auto;
display: block;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.image-26 {
margin-top: 32px;
display: block;
position: static;
}
.image-27 {
margin-top: 8px;
display: block;
position: static;
}
.div-block-18 {
justify-content: space-between;
display: flex;
}
.image-28 {
width: 245px;
height: auto;
max-width: none;
object-fit: contain;
position: static;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.column-6 {
object-fit: none;
padding-left: 0;
padding-right: 0;
}
.div-block-19 {
width: 100%;
display: flex;
}
.image-29 {
width: 245px;
height: auto;
max-width: none;
object-fit: contain;
margin-top: 0;
position: static;
}
.div-block-20 {
justify-content: space-between;
display: flex;
}
.image-30 {
display: none;
}
.heading-5.smart-home-page__h3 {
margin-top: 48px;
margin-bottom: 24px;
padding-bottom: 0;
font-size: 23px;
line-height: 32px;
}
.image-32 {
display: none;
}
.column-7 {
padding-left: 0;
padding-right: 0;
}
.footer-content {
grid-column-gap: 60px;
}
.div-block-22 {
width: 100%;
height: 400px;
background-color: #e7eaec;
display: block;
position: relative;
top: 0;
left: 0;
}
.image-36 {
width: auto;
height: 100%;
max-width: none;
display: block;
position: static;
}
.smart-home-page__h2 {
font-size: 28px;
line-height: 34px;
}
.section-16 {
padding-left: 32px;
padding-right: 32px;
}
.image-37 {
padding-top: 16px;
padding-left: 32px;
padding-right: 32px;
}
.column-9 {
padding-left: 0;
}
.div-block-23 {
width: 100%;
margin-top: 0;
}
.text-span-17 {
color: var(--primary--medium-sea-green);
}
.section-13-copy {
min-height: auto;
padding-bottom: 0;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.build_section_text {
margin-bottom: 8px;
font-size: 16px;
line-height: 24px;
}
.container_split {
margin-bottom: 6em;
}
.plan_card_text {
max-width: 100%;
font-size: 16px;
line-height: 24px;
}
.plan_card_text.smart-home-page__aqua__item__text-w-72 {
max-width: 100%;
}
.product-page__list__item {
margin-bottom: 16px;
font-size: 14px;
line-height: 19px;
}
.container-industry {
margin-top: 0;
margin-bottom: 0;
}
.column-13.prodict-smartphone {
padding-bottom: 6em;
}
.text-block-product {
margin-bottom: 8px;
font-size: 16px;
line-height: 24px;
}
.image-45 {
top: 8em;
}
.business-card-image {
object-fit: contain;
margin-top: 20px;
display: block;
}
.pro-card-image {
width: 100%;
max-width: 100%;
object-fit: contain;
margin-top: 20px;
display: block;
top: auto;
bottom: auto;
left: auto;
right: auto;
}
.product-hero-img {
display: block;
top: 0%;
}
.section-vd {
min-height: auto;
background-image: none;
justify-content: center;
align-items: flex-end;
padding: 0;
display: block;
}
.plan_card_label {
max-width: 100%;
font-size: 16px;
line-height: 24px;
}
.plan_card_label.smart-home-page__aqua__item__text-w-72 {
max-width: 100%;
}
.div-block-27 {
height: 400px;
margin-top: -95px;
position: absolute;
overflow: auto;
}
.block-article__block {
padding-left: 0;
padding-right: 0;
}
.popup__pww.pmw, .popup__prww.pmw, .popup__bww.pmw, .popup__bmw.pmw, .popup__pmw.pmw {
display: none;
}
.generic_text_link {
font-size: 12px;
line-height: 18px;
}
.smart-city__build-item {
margin-bottom: 16px;
font-size: 14px;
line-height: 19px;
}
.smart-city__list__item {
font-size: 14px;
line-height: 19px;
}
.section-module {
min-height: auto;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.section-module.section_build {
padding-top: 4em;
padding-left: 32px;
padding-right: 32px;
}
.section-module.section_pricing {
padding-left: 32px;
padding-right: 32px;
}
.container-intro {
max-width: 100%;
padding-top: 4em;
padding-bottom: 4em;
}
.container-intro.is--nav {
padding-top: 2em;
padding-bottom: 2em;
}
.container-intro.is--pt2 {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
}
.container-intro.is--pt2.is--pb2 {
padding-top: 4em;
padding-bottom: 4em;
}
.container-intro.is--more-space {
padding-top: 8em;
padding-bottom: 8em;
}
.smart-city-page__grid__text {
font-size: 14px;
line-height: 22px;
}
.smart-city-page__grid__item {
flex-direction: row;
justify-content: space-between;
}
.technology-text {
margin-bottom: 8px;
font-size: 16px;
line-height: 24px;
}
.smart-city-page__tech.is--grey {
height: auto;
object-fit: none;
padding: 128px 32px 64px;
position: relative;
}
.smart-city-page__tech.is--grey.product-launch {
padding-top: 4em;
}
.smaller-text {
font-size: 10px;
}
.dropdown, .dropdown-2 {
display: none;
}
.case-study__hero {
min-height: auto;
background-image: linear-gradient(106.56deg, #0f3045, #144767);
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
flex-direction: column;
padding-top: 0;
padding-bottom: 0;
display: block;
}
.case-study__hero-text-grid {
width: 100%;
height: 50vh;
padding: 145px 24px 88px 32px;
}
.case-study__hero-text-grid.product-tablet-hero {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/6393aca2c64883b933ffd28f_hero-image.png");
background-position: 100%;
background-repeat: no-repeat;
background-size: auto 100%;
padding-top: 120px;
padding-bottom: 0;
}
.case-study__hero-text-grid.smart-city-hero {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/63ee9a8a5ee23845790220ff_smart-city-hero.png");
background-position: 95%;
background-repeat: no-repeat;
background-size: auto 50%;
padding-top: 120px;
padding-bottom: 0;
}
.pricing__hero {
min-height: auto;
flex-direction: column;
padding-top: 0;
padding-bottom: 4em;
display: block;
}
.div-pricing__hero {
width: 100%;
padding: 145px 24px 60px 32px;
}
.div-pricing__hero.product-tablet-hero {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/6393aca2c64883b933ffd28f_hero-image.png");
background-position: 100%;
background-repeat: no-repeat;
background-size: auto 100%;
padding-top: 120px;
padding-bottom: 0;
}
.div-pricing__hero.smart-city-hero {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/63ee9a8a5ee23845790220ff_smart-city-hero.png");
background-position: 95%;
background-repeat: no-repeat;
background-size: auto 50%;
padding-top: 120px;
padding-bottom: 0;
}
.pricing-tabs {
max-width: 100%;
margin-top: 0;
padding-left: 32px;
padding-right: 32px;
}
.pricing-tabs.is--nav {
padding-top: 2em;
padding-bottom: 2em;
}
.pricing-tabs.is--pt2 {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
}
.pricing-tabs.is--pt2.is--pb2 {
padding-top: 4em;
padding-bottom: 4em;
}
.pricing-tabs.is--more-space {
padding-top: 8em;
padding-bottom: 8em;
}
.pricing-tabs.is--footer {
padding-left: 32px;
padding-right: 32px;
}
.pricing-card-grid {
grid-template-columns: 1fr 1fr;
}
.text-block-4 {
display: block;
}
.features-page__upgrade {
font-size: 14px;
line-height: 19px;
}
.grid-block-3__tabs {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.demand-response-content {
background-position: 100% 100%;
background-size: auto 100%;
padding: 0;
}
.section-demand-response {
min-height: auto;
background-image: none;
padding: 4em 32px 128px;
position: relative;
}
.smart-home-page__aqua__items__first__img-copy, .hvac-page__aqua__items__first__img {
width: 150%;
max-width: 150%;
object-fit: fill;
top: auto;
bottom: 0%;
left: -66%;
right: 0%;
}
.hvac-page__aqua__items__second__img, .hvac-page__aqua__items__four__img {
display: none;
}
.smart-home-text {
max-width: 100%;
font-size: 16px;
font-weight: 300;
line-height: 24px;
}
.smart-home-text._w-80 {
font-size: 19px;
line-height: 28px;
}
.hnac-marketing-img {
width: 245px;
height: auto;
max-width: none;
object-fit: contain;
margin-top: 0;
position: static;
}
.hvac-page-mob-img {
margin-top: 8px;
display: block;
position: static;
}
.plan-card-pro.smart-home-page__aqua__items__first {
min-height: 435px;
padding: 24px;
}
.plan-card-pro.smart-home-page__aqua__items__first.pro_card {
min-height: 650px;
}
.is--white {
margin-top: 0;
}
.is--white.card-feature_headline {
font-size: 30px;
line-height: 36px;
}
.pricing-page__add-ons.is--grey {
height: auto;
object-fit: none;
padding: 128px 32px 64px;
position: relative;
}
.pricing-page__add-ons.is--grey.product-launch {
padding-top: 4em;
}
.pricing-page__add-ons.is--grey.smart-city-cta {
padding-top: 6em;
padding-bottom: 6em;
}
.card__add-on {
min-height: 370px;
padding: 24px;
}
.card__add-on.smart-home-page__aqua__items__first {
min-height: 435px;
padding: 24px;
}
.card__add-on.smart-home-page__aqua__items__first.pro_card {
min-height: 650px;
}
.card__add-on.localization__aqua__items__first {
min-height: 435px;
padding: 24px;
}
.card__add-on.localization__aqua__items__first.pro_card {
min-height: 650px;
}
.card__add-on.localization {
padding: 24px;
}
.card__add-on.localization.pro_card {
min-height: 650px;
}
.card__add-on.localization.long {
min-height: 450px;
}
.card__add-on.demand-response {
padding: 24px;
}
.card__add-on.demand-response.pro_card {
min-height: 650px;
}
.card__add-on.marketing-addon.long, .card__add-on.access-to-db.long {
min-height: 450px;
}
.card__add-on.voice-assistants {
background-image: linear-gradient(295.76deg, #d4b106, #722ed1);
}
.card__add-on.asset-tracking {
background-image: linear-gradient(113.74deg, #9e1068, #36cfc9);
}
.add-on__item__text {
max-width: 100%;
font-size: 16px;
line-height: 24px;
}
.add-on__item__text.smart-home-page__aqua__item__text-w-72 {
max-width: 100%;
}
.card__add-on-2.smart-home-page__aqua__items__second {
min-height: 403px;
background-image: linear-gradient(to right, #c54a65, #6e7da7);
margin-bottom: 16px;
padding: 24px 24px 168px;
}
.card__add-on-2.smart-home-page__aqua__items__second.business_card {
max-height: 650px;
min-height: 650px;
margin-bottom: 24px;
padding-bottom: 24px;
}
.card__add-on-2.smart-home-page__aqua__items__second-copy {
min-height: 403px;
background-image: linear-gradient(to right, #c54a65, #6e7da7);
margin-bottom: 16px;
padding: 24px 24px 168px;
}
.card__add-on-2.smart-home-page__aqua__items__second-copy.business_card {
max-height: 650px;
min-height: 650px;
margin-bottom: 24px;
padding-bottom: 24px;
}
.card__add-on-2.add-on__aqua__items__second {
min-height: 403px;
background-image: linear-gradient(to right, #c54a65, #6e7da7);
margin-bottom: 16px;
padding: 24px 24px 168px;
}
.card__add-on-2.add-on__aqua__items__second.business_card {
max-height: 650px;
min-height: 650px;
margin-bottom: 24px;
padding-bottom: 24px;
}
.card__add-on-2.voice-assistants {
background-image: linear-gradient(to right, #c54a65, #6e7da7);
margin-bottom: 16px;
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.card__add-on-2.voice-assistants.business_card {
max-height: 650px;
min-height: 650px;
margin-bottom: 24px;
padding-bottom: 24px;
}
.card__add-on-3 {
min-height: auto;
background-image: linear-gradient(to right, #b98004, #63a855);
padding: 24px 24px 0;
}
.card__add-on-4.smart-home-page__aqua__items__four, .card__add-on-4.smart-home-page__aqua__items__four-copy, .card__add-on-4.add-on__aqua__items__fourth {
min-height: auto;
padding: 24px 24px 8px;
}
.card__add-on-4.asset-tracking {
padding: 24px 24px 8px;
}
.tech-support-div {
width: 100%;
padding: 145px 24px 88px 32px;
}
.tech-support-div.product-tablet-hero {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/6393aca2c64883b933ffd28f_hero-image.png");
background-position: 60%;
background-size: cover;
padding-top: 120px;
padding-bottom: 0;
}
.tech-support-div.smart-city-hero {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/63ee9a8a5ee23845790220ff_smart-city-hero.png");
background-position: 95%;
background-repeat: no-repeat;
background-size: auto 50%;
padding-top: 120px;
padding-bottom: 0;
}
.tech-support-div.hvac-hero {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/640ef1c82297d85e1a082193_hero-image-tablet.png");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: auto 90%;
padding-top: 120px;
padding-bottom: 0;
}
.grid-block-2__tabs {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.grid-item__price {
width: 100%;
}
.price-features.mb-60 {
grid-template-columns: 1fr;
}
.price-features.is--blog {
width: 100%;
}
.price-features.mb-100 {
margin-bottom: 4em;
}
.smart-home-page__success-launch__list__item--wrapper-copy, .price-features_list {
width: auto;
grid-column-gap: 16px;
flex-wrap: wrap;
align-items: flex-start;
}
.price-features_list-itemtext {
font-size: 14px;
line-height: 19px;
}
.addon-card_img {
top: auto;
bottom: 0%;
right: 0%;
}
.marketing-addon {
background-image: linear-gradient(to right, #b98004, #63a855);
padding: 24px 24px 0;
}
.div-block-32 {
width: 100%;
}
.remote-hvac-mob {
height: auto;
display: block;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.hero-about {
min-height: auto;
flex-direction: column;
padding-top: 0;
padding-bottom: 0;
display: block;
}
.hero-about.about-hero {
height: auto;
background-repeat: repeat, no-repeat;
background-size: auto, 100%;
}
.lead-text-about.is--centered._w-60 {
width: 100%;
}
.lead-text-about.is--white {
max-width: 100%;
}
.lead-text-about._w-60 {
width: 100%;
}
.design-service-text {
max-width: 100%;
font-size: 16px;
font-weight: 300;
line-height: 24px;
}
.design-service-text._w-80 {
font-size: 19px;
line-height: 28px;
}
.section6 {
min-height: auto;
padding-bottom: 128px;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.section6.section_build {
padding-top: 4em;
padding-left: 32px;
padding-right: 32px;
}
.section6.section_pricing {
padding-bottom: 6em;
padding-left: 32px;
padding-right: 32px;
}
.column-marketing {
padding-bottom: 4em;
}
.column-marketing.prodict-smartphone {
padding-bottom: 6em;
}
.grid-icons {
width: 100%;
height: auto;
}
.grid-icons.is--horisontal {
grid-row-gap: 3.75em;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.grid-icons.is--horisontal.contact-us__blog {
max-width: none;
grid-template-rows: auto;
}
.breadcrumbs {
max-width: 100%;
}
.breadcrumbs.is--nav {
padding-top: 2em;
padding-bottom: 2em;
}
.breadcrumbs.is--pt2 {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
}
.breadcrumbs.is--more-space {
height: auto;
padding-top: 8em;
padding-bottom: 4em;
}
.breadcrumbs.is--footer {
padding-left: 32px;
padding-right: 32px;
}
.breadcrumbs.is--pb2.pricing-container {
padding-top: 0;
}
.transit {
padding-top: 6em;
}
.transit.is--dark.blog-hero {
height: 30vh;
}
.section-copy {
padding-top: 6em;
}
.section-copy.is--dark.blog-hero {
height: 30vh;
}
.transit1 {
padding-top: 6em;
}
.transit1.is--dark.blog-hero {
height: 30vh;
}
.transit2 {
padding-top: 6em;
}
.transit2.is--dark.blog-hero {
height: 30vh;
}
.marketing-text {
max-width: 100%;
font-size: 16px;
font-weight: 300;
line-height: 24px;
}
.marketing-text._w-80 {
font-size: 19px;
line-height: 28px;
}
.section-vd-grey {
min-height: auto;
background-image: none;
justify-content: center;
align-items: flex-end;
padding: 4em 32px;
display: block;
}
.section-bp-hero {
min-height: 720px;
min-width: auto;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/64abf314f5ecbe3648c525c7_bp-images-tablet.webp"), url("https://assets-global.website-files.com/6272e11601c9e296becde07b/64abf2eb2f04f0ef7532ef4a_blueprints-grid-tablet.webp"), linear-gradient(140deg, var(--main-dark--midnight-blue) 0.7%, var(--additional));
background-position: 100% 100%, 0 0, 0 0;
background-size: cover, cover, auto;
flex-direction: column;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
display: block;
}
.blueprints-cards {
grid-template-columns: 1fr 1fr;
justify-items: center;
}
.hero_image_bp, .bp-gallery-hero {
width: 100%;
height: 1px;
min-height: 455px;
background-color: #e7eaec;
display: none;
top: -100%;
}
.text-block-5 {
font-size: 14px;
line-height: 22px;
}
.more_bp {
grid-row-gap: 36px;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr;
grid-auto-rows: minmax(200px, 1fr);
grid-auto-flow: row;
}
.blueprint-page-main-screen__desc {
font-size: 14px;
line-height: 19px;
}
.bp_gallery__screen__img {
height: 48px;
max-height: 48px;
}
.heading-12 {
font-size: 28px;
line-height: 34px;
}
.text-block-8 {
font-size: 16px;
line-height: 24px;
}
.bp_hero_content_wrapper {
width: 100%;
padding: 183px 32px 0;
}
.bp_hero_content_wrapper.product-tablet-hero {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/6393aca2c64883b933ffd28f_hero-image.png");
background-position: 60%;
background-size: cover;
padding-top: 120px;
padding-bottom: 0;
}
.bp_hero_content_wrapper.smart-city-hero {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/63ee9a8a5ee23845790220ff_smart-city-hero.png");
background-position: 95%;
background-repeat: no-repeat;
background-size: auto 50%;
padding-top: 120px;
padding-bottom: 0;
}
.bp_hero_content_wrapper.hvac-hero {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/640ef1c82297d85e1a082193_hero-image-tablet.png");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: auto 90%;
padding-top: 120px;
padding-bottom: 0;
}
.bp_hero_content_wrapper.about-tablet-hero {
background-image: none;
padding-top: 120px;
padding-bottom: 0;
}
.bp_hero_content_wrapper.blueprint-page-main-screen__wrapper {
padding-top: 144px;
padding-bottom: 136px;
padding-right: 32px;
}
.div-block-2-copy {
width: 100%;
padding: 183px 32px 0;
}
.div-block-2-copy.product-tablet-hero {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/6393aca2c64883b933ffd28f_hero-image.png");
background-position: 60%;
background-size: cover;
padding-top: 120px;
padding-bottom: 0;
}
.div-block-2-copy.smart-city-hero {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/63ee9a8a5ee23845790220ff_smart-city-hero.png");
background-position: 95%;
background-repeat: no-repeat;
background-size: auto 50%;
padding-top: 120px;
padding-bottom: 0;
}
.div-block-2-copy.hvac-hero {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/640ef1c82297d85e1a082193_hero-image-tablet.png");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: auto 90%;
padding-top: 120px;
padding-bottom: 0;
}
.div-block-2-copy.about-tablet-hero {
background-image: none;
padding-top: 120px;
padding-bottom: 0;
}
.div-block-2-copy.blueprint-page-main-screen__wrapper {
padding-top: 144px;
padding-bottom: 136px;
padding-right: 32px;
}
.bp-hero-container {
width: 100%;
padding: 183px 32px 0;
}
.bp-hero-container.product-tablet-hero {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/6393aca2c64883b933ffd28f_hero-image.png");
background-position: 60%;
background-size: cover;
padding-top: 120px;
padding-bottom: 0;
}
.bp-hero-container.smart-city-hero {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/63ee9a8a5ee23845790220ff_smart-city-hero.png");
background-position: 95%;
background-repeat: no-repeat;
background-size: auto 50%;
padding-top: 120px;
padding-bottom: 0;
}
.bp-hero-container.hvac-hero {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/640ef1c82297d85e1a082193_hero-image-tablet.png");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: auto 90%;
padding-top: 120px;
padding-bottom: 0;
}
.bp-hero-container.about-tablet-hero {
background-image: none;
padding-top: 120px;
padding-bottom: 0;
}
.bp-hero-container.blueprint-page-main-screen__wrapper {
padding-top: 144px;
padding-bottom: 136px;
padding-right: 32px;
}
.grid-of-3 {
width: 100%;
height: auto;
}
.grid-of-3.is--horisontal {
grid-row-gap: 3.75em;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.grid-of-3.is--horisontal.contact-us__blog {
max-width: none;
grid-template-rows: auto;
}
.grid-of-3.smart-home-page--grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
display: block;
}
.popup__promw.pmw {
display: none;
}
.container-upgrade {
margin-top: 0;
margin-bottom: 0;
}
.pick-your-plan.is--grey {
height: auto;
object-fit: none;
padding-bottom: 64px;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.pick-your-plan.is--grey.product-launch {
padding-top: 4em;
padding-bottom: 4em;
}
.pick-your-plan.is--grey.smart-city-cta {
padding-bottom: 6em;
}
.navbar-2 {
display: none;
}
.log-in-button.button {
text-align: center;
flex: 1;
align-self: center;
margin-left: 0;
padding: 16px 20px;
}
.container-buttons {
height: auto;
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
justify-content: center;
margin: auto 40px;
padding-top: 10px;
padding-bottom: 10px;
}
.button-2.button-primary {
text-align: center;
flex: 1;
align-self: center;
padding-top: 16px;
padding-bottom: 16px;
}
.mob-menu-subtitle {
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 14px;
font-weight: 300;
}
.header {
z-index: 999999;
width: 100%;
height: auto;
background-color: #fff;
display: block;
position: -webkit-sticky;
position: sticky;
top: 0;
overflow: auto;
}
.nav-bar-dropdown-mobile {
display: none;
}
.link-block-9 {
color: #756969;
flex-direction: column;
text-decoration: none;
display: flex;
}
.nav-bar {
z-index: 9999;
width: 100%;
height: 10vh;
background-color: #fff;
justify-content: space-between;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
padding-left: 10px;
padding-right: 10px;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.div-block-6 {
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #000;
justify-content: space-between;
display: flex;
}
.lottie-animation-2 {
height: 64px;
cursor: pointer;
align-items: flex-end;
margin-top: auto;
margin-bottom: auto;
margin-left: auto;
padding: 16px;
display: flex;
}
.bold-text-6 {
font-weight: 500;
}
.mob-menu-item {
color: #000;
letter-spacing: .6px;
text-transform: uppercase;
margin-bottom: 4px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 14px;
font-weight: 500;
}
.mob-menu-item._2nd-level {
color: #161515;
font-weight: 400;
}
.list-item {
background-color: #fff;
position: fixed;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.list-item-nav {
background-color: #fff;
margin-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
.list-item-nav._1st-level {
cursor: pointer;
border-top: 1px solid #e0e2e7;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 24px;
padding-bottom: 24px;
padding-left: 40px;
}
.list-item-nav._2nd-level {
margin-left: 40px;
margin-right: 0;
padding-top: 16px;
padding-bottom: 16px;
}
.list-item-nav._2nd-level.features, .list-item-nav._2nd-level.industries {
background-color: #f5f6fa;
border-top: 1px solid #e0e2e7;
margin-bottom: 0;
margin-left: 0;
padding-left: 60px;
}
.image-5 {
margin-top: auto;
margin-bottom: auto;
}
.link-block-10 {
height: 64px;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.list-3 {
z-index: auto;
width: 100%;
height: 80vh;
background-color: #fff;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-left: 0;
position: -webkit-sticky;
position: sticky;
overflow: scroll;
}
.chevron {
-webkit-text-stroke-width: 2px;
margin-right: 40px;
font-family: Linearicons, sans-serif;
font-size: 14px;
}
.div-block-38 {
color: var(--neutral-500);
}
.navbar-sales, .navbar-home, .navbar-free, .sticky-case-studies {
display: none;
}
.grid-diagram {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.grid-diagram.grid-3x3 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.grid-diagram2 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.grid-diagram2.grid-3x3 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.benefits-ncp.is--grey {
height: auto;
object-fit: none;
padding-bottom: 64px;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.benefits-ncp.is--grey.product-launch {
padding-top: 4em;
padding-bottom: 4em;
}
.benefits-ncp.is--grey.smart-city-cta {
padding-bottom: 6em;
}
.grid-diagram3 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
}
.grid-diagram3.grid-3x3 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.arrows {
max-width: 450px;
}
.card__feature {
min-height: 420px;
padding: 24px;
}
.card__feature.smart-home-page__aqua__items__first {
min-height: 435px;
padding: 24px;
}
.card__feature.smart-home-page__aqua__items__first.pro_card {
min-height: 650px;
}
.card__feature.localization__aqua__items__first {
min-height: 435px;
padding: 24px;
}
.card__feature.localization__aqua__items__first.pro_card {
min-height: 650px;
}
.card__feature.localization {
padding: 24px;
}
.card__feature.localization.pro_card {
min-height: 650px;
}
.card__feature.localization.long {
min-height: 450px;
}
.card__feature.demand-response {
padding: 24px;
}
.card__feature.demand-response.pro_card {
min-height: 650px;
}
.card__feature.marketing-addon.long, .card__feature.access-to-db.long {
min-height: 450px;
}
.card__feature.voice-assistants {
background-image: linear-gradient(295.76deg, #d4b106, #722ed1);
}
.card__feature.asset-tracking {
background-image: linear-gradient(113.74deg, #9e1068, #36cfc9);
}
.feature-card_img {
top: auto;
bottom: 0%;
right: 0%;
}
.ncp-rich-text p {
font-size: 19px;
line-height: 28px;
}
.ncp-rich-text h3 {
font-size: 26px;
line-height: 32px;
}
.grid-steps {
padding-top: .5em;
padding-bottom: 0;
}
.steps_subtitle.mb-20 {
font-size: 26px;
line-height: 32px;
}
.ncp-lead-text__wrapper._w-57 {
width: auto;
max-width: 65%;
}
.ncp-lead-text__wrapper._w-57.case-studies__lead-text {
width: 90%;
}
.ncp-lead-text__wrapper._w-57.abour-hero-text {
max-width: 100%;
}
.arrows-mob {
max-width: 450px;
display: none;
}
.steps-subtitle._w-70.mb-60 {
max-width: 80%;
}
.number__steps__tail {
top: 91px;
left: 42px;
}
.number__steps__tail.number__steps__tail--second {
display: none;
}
.grid-steps-diagram {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
}
.grid-steps-diagram.grid-3x3 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.grid-block-4__tabs {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.grid-table__block_3 {
width: auto;
grid-template-columns: minmax(17.5em, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr);
overflow: auto;
}
.grid-table__block_3.header {
display: none;
}
.grid-table__block_3.dn {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: minmax(17.5em, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr);
grid-auto-columns: 1fr;
display: grid;
}
.grid-table__block_3.footer, .grid-table__block_3.body {
display: none;
}
.grid-table__block_3.body-mob {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: minmax(17.5em, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr);
grid-auto-columns: 1fr;
display: grid;
}
.box-headline {
font-size: 19px;
line-height: 26px;
}
.grid-steps-provisioning {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
}
.grid-steps-provisioning.grid-3x3 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.number__steps__tail-provision {
top: 91px;
left: 42px;
}
.number__steps__tail-provision.number__steps__tail--second {
display: none;
}
.icon_prov.final-icon {
margin: -15px -10px 0;
}
.behind-scenes {
min-height: 300px;
}
.diagram-text {
font-size: 15px;
}
.diagram-text.assigned {
width: 130px;
top: 465px;
left: 445px;
}
.diagram-text.connects {
width: 170px;
top: 350px;
left: 235px;
}
.diagram-text.authtoken {
width: 220px;
top: 170px;
left: 300px;
}
.integration-cards {
grid-column-gap: 1em;
grid-row-gap: 1em;
}
.integr-text {
min-height: 0;
}
.integr-headline, .integr-headline-h3 {
font-size: 19px;
line-height: 26px;
}
.subset-columns {
grid-column-gap: 13px;
grid-row-gap: 13px;
}
.route {
padding: 20px 25px;
}
.route-block {
margin-bottom: 20px;
}
.route-block.mb-40 {
margin-bottom: 40px;
}
.integr-headline-2 {
font-size: 19px;
line-height: 26px;
}
.image-57 {
display: none;
}
.image-58 {
display: inline-block;
}
.footer-menu-grid {
grid-column-gap: 30px;
grid-row-gap: 40px;
grid-template-columns: auto auto auto;
}
.divider {
margin-top: 64px;
margin-bottom: 64px;
}
.divider._0px {
margin-top: 0;
margin-bottom: 0;
}
.section-store {
padding-top: 98px;
padding-bottom: 98px;
}
.section-store.pd-120px {
padding-top: 20px;
padding-bottom: 83px;
}
.section-store.hero {
padding-top: 100px;
padding-bottom: 100px;
}
.section-store.hero.v2 {
padding-top: 20px;
}
.section-store.breadcrumbs {
margin-top: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.section-store.pd-80px {
padding-top: 83px;
padding-bottom: 83px;
}
.product-more-images-grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.card.footer-newsletter {
max-width: 100%;
text-align: center;
}
.card.product-main-details {
padding-left: 26px;
padding-right: 26px;
}
.card.hero {
padding-top: 70px;
padding-bottom: 70px;
}
.card.hero.product-category {
background-size: 110%;
padding: 20px;
}
.product-details-wrapper {
flex-wrap: wrap;
}
.header-logo-link {
max-width: 170px;
}
.product-images-grid {
grid-template-columns: 1fr;
}
.inner-container.product-sidebar {
max-width: 100%;
}
.inner-container._400px---tablet {
max-width: 400px;
}
.inner-container.product-details-left {
margin-right: 0;
}
.inner-container._600px---tablet {
max-width: 600px;
}
.inner-container.categoty-page {
max-width: 58%;
}
.text-400.bold.color-neutral-800.text-size-16px---mbl {
margin-bottom: 10px;
}
.product-images-wrapper {
margin-bottom: 0;
padding-bottom: 20px;
}
.grid-2-columns.header-top {
grid-template-columns: 1.8fr 1fr;
}
.grid-2-columns.product-grid {
grid-column-gap: 30px;
grid-template-columns: 1fr .7fr;
}
.grid-2-columns.sidebar-left {
grid-column-gap: 30px;
grid-template-columns: .4fr 1fr;
padding-bottom: 180px;
}
.nav-menu-list-wrapper {
margin-right: 30px;
}
.hamburger-menu-wrapper {
width: 42px;
height: 42px;
min-height: 42px;
min-width: 42px;
}
.hamburger-menu-wrapper.w--open {
background-color: rgba(0, 0, 0, 0);
}
.flex-horizontal.justify-center---tablet {
justify-content: center;
}
.add-cart-default-state {
grid-template-columns: 1fr;
}
.footer-top {
padding-top: 83px;
padding-bottom: 83px;
}
.grid-3-columns {
grid-template-columns: 1fr 1fr;
}
.grid-3-columns.related-products-grid {
grid-row-gap: 20px;
grid-template-columns: 1fr;
}
.links-divider {
margin-left: 20px;
margin-right: 20px;
}
.heading-h2-size {
font-size: 24px;
}
.hamburger-menu-bar {
width: 44px;
height: 3px;
}
.header-nav-list-item {
margin-bottom: 12px;
padding-left: 0;
}
.header-nav-list-item.middle {
margin-bottom: 0;
}
.grid-4-columns {
grid-template-columns: 1fr 1fr;
}
.grid-4-columns.shop-grid {
grid-row-gap: 70px;
}
.cart-button-content {
margin-left: 10px;
}
.header-search {
margin-left: 30px;
margin-right: 30px;
}
.ext_button__wrapper {
align-items: center;
margin-top: 3em;
display: flex;
}
.section-17, .section-18 {
padding-top: 98px;
padding-bottom: 98px;
}
.section-18.hero {
padding-top: 100px;
padding-bottom: 100px;
}
.mg-bottom-68px {
margin-bottom: 60px;
}
.section-19 {
padding-top: 98px;
padding-bottom: 98px;
}
.section-19.pd-80px {
padding-top: 60px;
padding-bottom: 60px;
}
.card-promotion-content {
max-width: 100%;
}
.card-promotion-images {
margin-top: -34%;
}
.section-20, .section-21, .section-22 {
padding-top: 98px;
padding-bottom: 98px;
}
.section-22.pd-80px {
padding-top: 60px;
padding-bottom: 60px;
}
.section-23 {
padding-top: 98px;
padding-bottom: 98px;
}
.section-23.pd-80px {
padding-top: 60px;
padding-bottom: 60px;
}
.section-24 {
padding-top: 98px;
padding-bottom: 98px;
}
.grid-13 {
grid-auto-flow: row;
}
.navbar-store {
display: none;
}
.grid-14 {
grid-template-columns: 1fr 1fr 1fr;
}
.use-case {
justify-content: space-between;
}
.use-case.full-width {
flex-direction: column;
justify-content: space-between;
}
.use-case-text {
width: 100%;
}
.use-case-image-link {
flex-direction: row;
justify-content: center;
}
.div-block-45 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
}
.image-64 {
margin-top: 140px;
}
.text-block-4-copy, .hover-button {
display: block;
}
.client-page-main-screen__properties {
margin-top: 0;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 33px;
line-height: 40px;
}
h3 {
font-size: 18px;
line-height: 32px;
}
.section {
padding-top: 4em;
padding-bottom: 4em;
}
.section.is--hero {
margin-bottom: 3em;
}
.section.is--hero.flex-center {
margin-bottom: 0;
}
.section.is--grey {
padding-top: 4em;
padding-bottom: 4em;
}
.section.is--dark {
padding-bottom: 4em;
}
.section.is--dark.blog-hero {
height: 20vh;
}
.section.is--dark.behind-scenes {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.section.is--inst, .section.is--thank-you {
margin-bottom: 3em;
}
.section.register {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.section.section-15 {
padding-top: 4em;
padding-bottom: 4em;
}
.section.blueprint-page-content {
padding-left: 24px;
padding-right: 24px;
}
.section.steps {
padding-bottom: 4em;
}
.section.is--light-bg2.smart-farming-bg {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.container.is--nav {
padding-top: 24px;
padding-bottom: 24px;
}
.container.is--pt2.is--pb2 {
flex-wrap: wrap;
}
.container.is--more-space {
padding-top: 8em;
padding-bottom: 8em;
}
.container.container__hero-bg {
font-size: 14px;
}
.container.behind-scenes {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.h2z.is--white.is--centered.about-page__h1 {
max-width: 100%;
}
.h2z.title__clients {
width: 90%;
font-size: 2.4em;
}
.lead-text.is--centered {
line-height: 1.4;
}
.h4.is--medium {
text-align: center;
}
.h5 {
width: 80%;
}
.h5._w-100, .h5._100 {
width: 100%;
}
.primary-button {
margin-top: 0;
}
.primary-button.is--long {
padding-left: 3em;
padding-right: 3em;
}
.secondary-button.smart-home-page__horizontal-list__button:hover {
border-color: var(--primary--medium-sea-green);
background-color: var(--primary--medium-sea-green);
color: var(--white);
}
.lead-text__wrapper._w-57.abour-hero-text {
max-width: 100%;
}
.lead-text__wrapper.mb-40._w-70 {
max-width: 80%;
}
.grid {
width: 100%;
}
.grid.is--horisontal.contact-us__blog {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
grid-template-rows: auto auto;
grid-template-columns: minmax(15em, 1fr);
}
.grid.about-home-page--grid {
width: 100%;
}
.grid.blueprint-page-main-screen__grid {
flex-direction: column-reverse;
}
.lead-text-small.mt-40 {
max-width: 100%;
margin-top: 0;
padding-left: 20px;
}
.grid__item.is--50 {
max-width: 100%;
}
.grid__item.relative.flex-stretch {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.grid__item.product-hero-main, .grid__item.product-hero-main.features, .grid__item.smart-city-hero-main, .grid__item.privacy, .grid__item.about-hero-main, .grid__item.business-hero-main, .grid__item.ncp-hero-main {
max-width: 100%;
}
.img.absolute-img.platform-components {
margin-bottom: 4em;
}
.text__wrapper.mb-80 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.text__wrapper.rich-text {
width: auto;
}
.text__wrapper.register {
max-width: 100%;
}
.items__wrapper {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.full-screen-img__wrapper {
width: 100%;
}
.title__wrapper.blog-section-title {
margin-top: 1em;
}
.cards__grid {
grid-row-gap: 3.125em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.text__wrapper-1-colum.mb-80 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.img-50.getting-started__img-50-2 {
max-width: none;
}
.cards__grid4 {
grid-row-gap: 3.125em;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
.numbers__grid {
grid-row-gap: 3.125em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.footer__social {
grid-column-gap: 5px;
grid-row-gap: 5px;
justify-items: start;
}
.footer__bottom {
order: 1;
}
.social__item {
margin-left: 0;
}
.collection-item {
width: 100%;
}
.collection-list.clients__block {
grid-template-columns: 1fr 1fr;
}
.link__img.mb--20.main__clients {
height: 18em;
}
.blog__item {
flex-direction: column;
}
.collection-list__blog {
grid-row-gap: 3.125em;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.collection-item__blog.collection-item__in-blog-page.mb-40 {
margin-bottom: 0;
}
.item__table-grid3.flex-center {
width: auto;
}
.section-hero__pricing {
background-position: 50%;
}
.accordeon-item-content {
width: 90%;
display: none;
}
.link-block.arrow-block__blog {
bottom: 15.5em;
}
.grid-block {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
.grid-block.grid-3x3 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
.content__wrapper.grid__column.gap-40.relative._60 {
max-width: 100%;
}
.needs__grid {
grid-row-gap: 3.125em;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.form {
flex-direction: column;
}
.name__input, .e-mail__input {
margin-right: 0;
}
.section-hero {
background-position: 50%;
}
.production-cards__grid {
grid-row-gap: 3.125em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.bg__image.is--right {
background-position: 70% 0;
}
.picture__grid {
width: 100%;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.text__cards {
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
.price__line {
flex-direction: column;
align-items: flex-start;
}
.author__img.mb-10 {
width: 120px;
}
.section-hero__about {
background-position: 50%;
}
.ss__text {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.img__right-client {
width: 100%;
height: 20em;
}
.blueprint-page-main-screen__properties {
flex-direction: row;
}
.bussines-plan-picture__grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.footer__bottom-flex {
flex-direction: column;
align-items: flex-start;
}
.bread-crumbs__wrapper.mb-60.blog_breadcrumbs {
display: none;
}
.btn__wrapper.flex-hor-desktop {
margin-bottom: 5em;
}
.line-absolute.grey {
height: 70%;
bottom: 3.8em;
}
.line-absolute-2.grey {
height: 79%;
bottom: 10.1em;
}
.block-qoute__item {
width: 100%;
margin-top: 20px;
}
.bubble {
margin: -10px auto 20px;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.hero-heading-center, .hero-heading-left {
padding: 60px 15px;
}
.url__input {
margin-right: 0;
}
.navbar-logo-left-container {
max-width: 100%;
}
.navbar-brand {
padding-left: 0;
}
.nav-menu-two {
border-radius: 20px;
flex-direction: column;
padding-bottom: 30px;
}
.nav-link {
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 rgba(0, 0, 0, .05);
}
.nav-dropdown-list.shadow-three.w--open {
position: relative;
}
.nav-dropdown-list.shadow-three.mobile-shadow-hide {
box-shadow: none;
}
.nav-divider {
width: 200px;
height: 1px;
max-width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
.nav-link-accent {
margin-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.mobile-margin-top-10 {
margin-top: 10px;
}
.div-block-2 {
padding-left: 24px;
}
.div-block-2.smart-city-hero {
background-image: none;
background-repeat: repeat;
background-size: auto;
padding-bottom: 3em;
}
.div-block-2.hvac-hero {
background-image: none;
background-repeat: repeat;
background-size: auto;
}
.div-block-2.about-tablet-hero {
background-image: none;
}
.div-block-2.blueprint-page-main-screen__wrapper {
padding-right: 24px;
}
.div-block-2.ncp-hero, .div-block-2.provisioning-hero {
background-image: none;
background-repeat: repeat;
background-size: auto;
padding-bottom: 3em;
}
.div-block-2.agri-hero {
background-position: 140% 30%;
background-size: 460px;
}
.image-15 {
display: none;
}
.section-4 {
padding-left: 24px;
padding-right: 24px;
}
.image-16 {
display: none;
}
.section-5.animated-section {
padding-left: 24px;
padding-right: 24px;
}
.image-19 {
display: none;
}
.section-6 {
padding-left: 24px;
padding-right: 24px;
}
.section-6.section_marketing {
padding-bottom: 0;
}
.grid-2-copy.smart-home-page__grid, .grid-2-copy.add-on__grid {
max-width: none;
}
.section-7 {
padding-left: 24px;
padding-right: 24px;
}
.section-7.smart-home-page__mobiile-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/632cba6e7ec92ab9fcc9d938_bg-grid%2Bsplash.png");
background-position: 48%;
background-size: auto 100%;
padding-left: 0;
padding-right: 0;
}
.column {
display: none;
}
.list-2.product-card__list {
position: static;
}
.smart-home-page__apps.is--grey {
padding-left: 24px;
padding-right: 24px;
}
.smart-home-page__aqua__items {
flex-direction: column;
margin-top: 48px;
position: relative;
}
.div-block-12.smart-home-page__aqua__items__first.pro_card {
min-height: 0;
}
.div-block-13.smart-home-page__aqua__items__four {
background-image: linear-gradient(145.3deg, #597ef7, #9c7ab6);
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.div-block-14.smart-home-page__aqua__items__second.business_card {
max-height: 0;
min-height: 680px;
}
.div-block-14.smart-home-page__aqua__items__second.business_card.smart-city-card {
max-height: none;
min-height: auto;
}
.div-block-14.smart-home-page__aqua__items__second-copy.business_card {
max-height: 0;
min-height: 680px;
}
.div-block-14.smart-home-page__aqua__items__second-copy.business_card.smart-city-card {
max-height: none;
min-height: auto;
}
.div-block-14.add-on__aqua__items__second.business_card {
max-height: 0;
min-height: 680px;
}
.div-block-14.add-on__aqua__items__second.business_card.smart-city-card {
max-height: none;
min-height: auto;
}
.column-2 {
height: auto;
margin-bottom: 60px;
padding-right: 0;
}
.smart-home-page__aqua__items__third {
margin-bottom: 16px;
}
.section-9, .section-v {
padding-left: 24px;
padding-right: 24px;
}
.demand-response-text, .demand-response-text._w-80 {
max-width: 100%;
}
.section-11 {
padding-left: 24px;
padding-right: 24px;
}
.smart-home-page__horizontal-list__item, .column-3 {
margin-bottom: 48px;
padding-right: 0;
}
.section-12, .section-13, .section-15 {
padding-left: 24px;
padding-right: 24px;
}
.link-block-2 {
left: 24px;
}
.image-23, .div-block-16 {
display: block;
}
.image-24 {
width: 100%;
margin-top: 48px;
}
.div-block-17 {
width: 100%;
}
.image-30 {
width: 100%;
height: auto;
max-width: none;
display: block;
position: static;
}
.heading-5, .heading-6 {
margin-bottom: 24px;
}
.image-31, .image-32 {
height: auto;
display: block;
position: static;
}
.div-block-21 {
padding-left: 24px;
padding-right: 24px;
}
.column-8 {
padding-left: 0;
padding-right: 0;
}
.footer-dark {
padding-left: 15px;
padding-right: 15px;
}
.footer-wrapper {
flex-direction: column;
align-items: center;
}
.footer-content {
grid-template-columns: 1fr;
margin-top: 40px;
}
.footer-block {
align-items: center;
}
.footer-link:hover {
color: rgba(26, 27, 31, .75);
}
.footer-social-block {
margin-top: 20px;
margin-left: -20px;
}
.footer-social-link {
margin-left: 20px;
}
.footer-divider {
margin-top: 60px;
}
.div-block-22 {
z-index: 4;
width: 100%;
height: 400px;
background-color: #e7eaec;
margin-top: 0;
display: block;
position: relative;
top: 0;
left: 0;
overflow: visible;
}
.image-36 {
width: auto;
max-width: none;
margin-top: 0;
margin-left: -33px;
display: inline-block;
}
.section-13-copy {
padding-left: 24px;
padding-right: 24px;
}
.container_split {
margin-bottom: 4em;
}
.image-39.product-img-mob {
display: block;
}
.image-40, .image-41, .image-44.product-img-mob {
display: none;
}
.image-45 {
top: auto;
}
.business-card-image {
object-fit: fill;
}
.section-vd {
padding-left: 24px;
padding-right: 24px;
}
.column-22.stars {
padding-left: 100px;
padding-right: 100px;
}
.div-block-27 {
height: 400px;
margin-top: -90px;
position: absolute;
overflow: auto;
}
.smart-city__grid-6 {
grid-column-gap: 20px;
}
.section-module {
padding-left: 24px;
padding-right: 24px;
}
.section-intro.is--hero {
margin-bottom: 3em;
}
.section-intro.is--hero.flex-center {
margin-bottom: 0;
}
.section-intro.is--inst, .section-intro.is--thank-you {
margin-bottom: 3em;
}
.container-intro {
padding-top: 4em;
padding-bottom: 4em;
}
.container-intro.is--nav {
padding-top: 1em;
padding-bottom: 1em;
}
.container-intro.is--pt2 {
padding-top: 6em;
}
.container-intro.is--pt2.is--pb2 {
flex-wrap: wrap;
padding-bottom: 6em;
}
.container-intro.is--more-space {
padding-top: 8em;
padding-bottom: 8em;
}
.container-intro.container__hero-bg {
font-size: 14px;
}
.container-intro.is--pb2 {
padding-top: 6em;
padding-bottom: 6em;
}
.smart-city-page__tech.is--grey {
padding-left: 24px;
padding-right: 24px;
}
.case-study__hero-text-grid {
padding-left: 24px;
}
.case-study__hero-text-grid.smart-city-hero {
background-image: none;
background-repeat: repeat;
background-size: auto;
padding-bottom: 3em;
}
.div-pricing__hero {
padding-left: 24px;
}
.div-pricing__hero.smart-city-hero {
background-image: none;
background-repeat: repeat;
background-size: auto;
padding-bottom: 3em;
}
.pricing-tabs.is--nav {
padding-top: 1em;
padding-bottom: 1em;
}
.pricing-tabs.is--pt2 {
padding-top: 6em;
}
.pricing-tabs.is--pt2.is--pb2 {
flex-wrap: wrap;
padding-bottom: 6em;
}
.pricing-tabs.is--more-space {
padding-top: 8em;
padding-bottom: 8em;
}
.pricing-tabs.container__hero-bg {
font-size: 14px;
}
.pricing-tabs.is--pb2 {
padding-top: 6em;
padding-bottom: 6em;
}
.pricing-menu {
margin-top: 1em;
}
.pricing-card-grid {
margin-top: 2em;
}
.icon-button {
padding: 12px 30px;
font-size: 14px;
}
.feature-wrap {
font-size: .8rem;
}
.smart-city__grid-3 {
grid-column-gap: 20px;
}
.grid-block-3__tabs {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.pricing-menu-2 {
margin-top: 1em;
}
.section-demand-response {
padding-left: 24px;
padding-right: 24px;
}
.smart-home-text._w-80 {
max-width: 100%;
}
.hvac-page-mob-img {
display: block;
}
.plan-card-pro.smart-home-page__aqua__items__first.pro_card {
min-height: 0;
}
.pricing-page__add-ons.is--grey {
padding-left: 24px;
padding-right: 24px;
}
.card__add-on {
min-height: 300px;
}
.card__add-on.smart-home-page__aqua__items__first.pro_card, .card__add-on.localization__aqua__items__first.pro_card, .card__add-on.localization.pro_card {
min-height: 0;
}
.card__add-on.localization.long {
min-height: 300px;
}
.card__add-on.demand-response.pro_card {
min-height: 0;
}
.card__add-on.marketing-addon.long {
min-height: 300px;
margin-bottom: 24px;
}
.card__add-on.access-to-db.long {
min-height: 300px;
}
.card__add-on-2.smart-home-page__aqua__items__second.business_card {
max-height: 0;
min-height: 680px;
}
.card__add-on-2.smart-home-page__aqua__items__second.business_card.smart-city-card {
max-height: none;
min-height: auto;
}
.card__add-on-2.smart-home-page__aqua__items__second-copy.business_card {
max-height: 0;
min-height: 680px;
}
.card__add-on-2.smart-home-page__aqua__items__second-copy.business_card.smart-city-card {
max-height: none;
min-height: auto;
}
.card__add-on-2.add-on__aqua__items__second.business_card {
max-height: 0;
min-height: 680px;
}
.card__add-on-2.add-on__aqua__items__second.business_card.smart-city-card {
max-height: none;
min-height: auto;
}
.card__add-on-2.voice-assistants.business_card {
max-height: 0;
min-height: 680px;
}
.card__add-on-2.voice-assistants.business_card.smart-city-card {
max-height: none;
min-height: auto;
}
.card__add-on-3 {
margin-bottom: 16px;
}
.content__wrapper-techsupport.grid__column.gap-40.relative._60 {
max-width: 100%;
}
.tech-support-div {
padding-left: 24px;
}
.tech-support-div.smart-city-hero, .tech-support-div.hvac-hero {
background-image: none;
background-repeat: repeat;
background-size: auto;
padding-bottom: 3em;
}
.section-hero-blog.is--hero {
margin-bottom: 3em;
}
.section-hero-blog.is--hero.flex-center {
margin-bottom: 0;
}
.section-hero-blog.is--inst, .section-hero-blog.is--thank-you, .section-hero-case.is--hero {
margin-bottom: 3em;
}
.section-hero-case.is--hero.flex-center {
margin-bottom: 0;
}
.section-hero-case.is--inst, .section-hero-case.is--thank-you {
margin-bottom: 3em;
}
.grid-block-2__tabs {
grid-template-rows: auto;
}
.price-features.mb-80 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.price-features.rich-text {
width: auto;
}
.addon-card_img {
height: 70%;
left: auto;
}
.addon-card_img.voice {
width: 100%;
height: 40%;
}
.addon-card_img.local {
width: 100%;
left: 0%;
}
.marketing-addon {
margin-bottom: 16px;
}
.columns-addons {
flex-direction: column;
}
.column-addons {
padding-left: 0;
padding-right: 0;
}
.column-24 {
margin-bottom: 50px;
}
.column-25 {
margin-bottom: 50px;
padding-left: 150px;
padding-right: 150px;
}
.column-26 {
padding-left: 150px;
padding-right: 150px;
}
.block-qoute__about-wrapper {
flex-direction: column;
}
.collection-list-wrapper {
padding-left: 1.75em;
padding-right: 1.75em;
}
.slide-3 {
padding-left: 1.25em;
padding-right: 1.25em;
}
.section-old.is--hero {
margin-bottom: 3em;
}
.section-old.is--hero.flex-center {
margin-bottom: 0;
}
.section-old.is--inst, .section-old.is--thank-you, .section-logos.is--hero {
margin-bottom: 3em;
}
.section-logos.is--hero.flex-center {
margin-bottom: 0;
}
.section-logos.is--inst, .section-logos.is--thank-you, .section-awards.is--hero {
margin-bottom: 3em;
}
.section-awards.is--hero.flex-center {
margin-bottom: 0;
}
.section-awards.is--inst, .section-awards.is--thank-you, .section-copy.is--hero {
margin-bottom: 3em;
}
.section-copy.is--hero.flex-center {
margin-bottom: 0;
}
.section-copy.is--inst, .section-copy.is--thank-you, .section-stack.is--hero {
margin-bottom: 3em;
}
.section-stack.is--hero.flex-center {
margin-bottom: 0;
}
.section-stack.is--inst, .section-stack.is--thank-you, .section-cases.is--hero {
margin-bottom: 3em;
}
.section-cases.is--hero.flex-center {
margin-bottom: 0;
}
.section-cases.is--inst, .section-cases.is--thank-you, .section-numbers.is--hero {
margin-bottom: 3em;
}
.section-numbers.is--hero.flex-center {
margin-bottom: 0;
}
.section-numbers.is--inst, .section-numbers.is--thank-you, .section-duplicate.is--hero {
margin-bottom: 3em;
}
.section-duplicate.is--hero.flex-center {
margin-bottom: 0;
}
.section-duplicate.is--inst, .section-duplicate.is--thank-you {
margin-bottom: 3em;
}
.hero-about.about-hero {
background-size: auto, auto 100%;
}
.lead-text-about.is--centered {
line-height: 1.4;
}
.design-service-text._w-80 {
max-width: 100%;
}
.design-service-img {
margin-top: 40px;
}
.image-mob {
display: block;
}
.img-connect {
display: none;
}
.img-connect.product-img-mob {
display: block;
}
.section6 {
padding-left: 24px;
padding-right: 24px;
}
.grid-icons {
width: 100%;
}
.grid-icons.is--horisontal.contact-us__blog {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
grid-template-rows: auto auto;
grid-template-columns: minmax(15em, 1fr);
}
.grid-icons.about-home-page--grid {
width: 100%;
}
.breadcrumbs.is--nav {
padding-top: 1em;
padding-bottom: 1em;
}
.breadcrumbs.is--pt2 {
padding-top: 6em;
}
.breadcrumbs.is--pt2.is--pb2 {
flex-wrap: wrap;
}
.breadcrumbs.is--more-space {
padding-top: 8em;
padding-bottom: 8em;
}
.breadcrumbs.container__hero-bg {
font-size: 14px;
}
.transit {
padding-top: 4em;
}
.transit.is--hero {
margin-bottom: 3em;
}
.transit.is--hero.flex-center {
margin-bottom: 0;
}
.transit.is--dark.blog-hero {
height: 20vh;
}
.transit.is--inst, .transit.is--thank-you {
margin-bottom: 3em;
}
.section-copy {
padding-top: 4em;
}
.section-copy.is--hero {
margin-bottom: 3em;
}
.section-copy.is--hero.flex-center {
margin-bottom: 0;
}
.section-copy.is--dark.blog-hero {
height: 20vh;
}
.section-copy.is--inst, .section-copy.is--thank-you {
margin-bottom: 3em;
}
.transit1 {
padding-top: 4em;
}
.transit1.is--hero {
margin-bottom: 3em;
}
.transit1.is--hero.flex-center {
margin-bottom: 0;
}
.transit1.is--dark.blog-hero {
height: 20vh;
}
.transit1.is--inst, .transit1.is--thank-you {
margin-bottom: 3em;
}
.transit2 {
padding-top: 4em;
}
.transit2.is--hero {
margin-bottom: 3em;
}
.transit2.is--hero.flex-center {
margin-bottom: 0;
}
.transit2.is--dark.blog-hero {
height: 20vh;
}
.transit2.is--inst, .transit2.is--thank-you {
margin-bottom: 3em;
}
.marketing-text._w-80 {
max-width: 100%;
}
.section-vd-grey {
padding-left: 32px;
padding-right: 32px;
}
.first__block-client-copy {
flex-direction: column;
}
.section-hero-case-2.is--hero {
margin-bottom: 3em;
}
.section-hero-case-2.is--hero.flex-center {
margin-bottom: 0;
}
.section-hero-case-2.is--inst, .section-hero-case-2.is--thank-you {
margin-bottom: 3em;
}
.div-block-33.blueprint-page__info-block {
margin-top: 48px;
margin-bottom: 48px;
}
.text-block-7 {
color: var(--blynk_light--on-brand);
}
.bp_hero_content_wrapper {
padding-left: 24px;
}
.bp_hero_content_wrapper.smart-city-hero, .bp_hero_content_wrapper.hvac-hero {
background-image: none;
background-repeat: repeat;
background-size: auto;
padding-bottom: 3em;
}
.bp_hero_content_wrapper.about-tablet-hero {
background-image: none;
}
.bp_hero_content_wrapper.blueprint-page-main-screen__wrapper {
padding-right: 24px;
}
.div-block-2-copy {
padding-left: 24px;
}
.div-block-2-copy.smart-city-hero, .div-block-2-copy.hvac-hero {
background-image: none;
background-repeat: repeat;
background-size: auto;
padding-bottom: 3em;
}
.div-block-2-copy.about-tablet-hero {
background-image: none;
}
.div-block-2-copy.blueprint-page-main-screen__wrapper {
padding-right: 24px;
}
.bp-hero-container {
padding-left: 24px;
}
.bp-hero-container.smart-city-hero, .bp-hero-container.hvac-hero {
background-image: none;
background-repeat: repeat;
background-size: auto;
padding-bottom: 3em;
}
.bp-hero-container.about-tablet-hero {
background-image: none;
}
.bp-hero-container.blueprint-page-main-screen__wrapper {
padding-right: 24px;
}
.grid-of-3 {
width: 100%;
}
.grid-of-3.is--horisontal.contact-us__blog {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
grid-template-rows: auto auto;
grid-template-columns: minmax(15em, 1fr);
}
.grid-of-3.about-home-page--grid {
width: 100%;
}
.grid-of-3.blueprint-page-main-screen__grid {
flex-direction: column-reverse;
}
.pick-your-plan.is--grey {
padding-left: 24px;
padding-right: 24px;
}
.log-in-button.button {
min-width: 250px;
}
.container-buttons {
padding-top: 10px;
padding-bottom: 10px;
position: -webkit-sticky;
position: sticky;
bottom: 70px;
}
.button-2.button-primary {
min-width: 250px;
margin-left: 0;
}
.nav-bar {
text-align: justify;
}
.lottie-animation-2 {
justify-content: flex-end;
}
.list-item {
background-color: #fff;
position: fixed;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.list-3 {
position: -webkit-sticky;
position: sticky;
}
.grid-diagram {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
}
.grid-diagram.grid-3x3 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
.grid-diagram2 {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
.grid-diagram2.grid-3x3 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
.features-cards {
flex-direction: column;
}
.benefits-ncp.is--grey {
padding-left: 24px;
padding-right: 24px;
}
.grid-diagram3 {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.grid-diagram3.grid-3x3 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
.arrows {
display: none;
}
.columns-5 {
flex-direction: column;
}
.card__feature {
min-height: 300px;
}
.card__feature.smart-home-page__aqua__items__first.pro_card, .card__feature.localization__aqua__items__first.pro_card, .card__feature.localization.pro_card {
min-height: 0;
}
.card__feature.localization.long {
min-height: 300px;
}
.card__feature.demand-response.pro_card {
min-height: 0;
}
.card__feature.marketing-addon.long {
min-height: 300px;
margin-bottom: 24px;
}
.card__feature.access-to-db.long {
min-height: 300px;
}
.card__feature.provisioning_feature, .card__feature.network_feature, .card__feature.ota_feature {
min-height: 400px;
}
.feature-card_img {
width: 70%;
left: 0;
}
.feature-card_img.voice {
width: 100%;
height: 40%;
}
.feature-card_img.local {
width: 100%;
left: 0%;
}
.grid-steps {
flex-direction: column;
padding-right: 0;
}
.grid-steps.final {
margin-bottom: 0;
padding-bottom: .5em;
}
.icon_steps {
display: none;
}
.icon_steps.icon-mob {
display: block;
}
.ncp-lead-text__wrapper._w-57.abour-hero-text {
max-width: 100%;
}
.ncp-lead-text__wrapper._w-70 {
max-width: 80%;
}
.ncp-img-mob {
width: 20%;
margin-top: -20px;
margin-left: -20px;
}
.column-27 {
padding-left: 0;
padding-right: 0;
}
.arrows-mob {
display: block;
}
.number__steps__tail {
width: 180px;
top: 142px;
left: -80px;
transform: rotate(90deg);
}
.number__steps__tail.number__steps__tail--second {
display: block;
}
.grid-steps-diagram {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.grid-steps-diagram.grid-3x3 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
.grid-block-4__tabs {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.grid-table__block_3.body-mob {
grid-template-columns: minmax(17.5em, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr);
}
.text__cards_columns {
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
._w-80 {
width: 100%;
}
.grid-steps-provisioning {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.grid-steps-provisioning.grid-3x3 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
.number__steps__tail-provision {
width: 180px;
top: 142px;
left: -80px;
transform: rotate(90deg);
}
.number__steps__tail-provision.number__steps__tail--second, .icon_prov, .icon_prov.icon-mob {
display: block;
}
.diagram-text.assigned {
display: none;
top: 160px;
left: 200px;
}
.diagram-text.connects {
display: none;
top: 270px;
left: 350px;
}
.diagram-text.authtoken {
display: none;
top: 380px;
left: 220px;
}
.integration-cards {
flex-direction: column;
}
.integr-card {
width: 100%;
}
.behind-scenes-img {
display: block;
}
.image-wrapper.cart-item-image-wrapper {
max-width: 80px;
border-radius: 10px;
}
.footer-menu-grid {
grid-column-gap: 15px;
grid-template-columns: auto auto max-content;
}
.product-main-details-wraper---02 {
margin-bottom: 32px;
padding-bottom: 26px;
}
.dropdown-menu-grid {
grid-column-gap: 15px;
margin-left: 0;
margin-right: 0;
}
.product-information-wrapper {
margin-bottom: 0;
padding-bottom: 21px;
}
.related-products-wrapper {
border-top: 1px solid #e2e6eb;
border-bottom-width: 0;
margin-top: 40px;
margin-bottom: 0;
padding-top: 46px;
padding-bottom: 0;
}
.divider {
margin-top: 48px;
margin-bottom: 48px;
}
.divider._0px {
margin-top: 0;
margin-bottom: 0;
}
.header-nav-link {
margin-left: 0;
margin-right: 0;
font-size: 26px;
}
.grid-1-column.gap-row-10px.footer-best-products-grid {
grid-row-gap: 30px;
}
.grid-1-column.sidebar-sections {
grid-column-gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
}
.product-main-details-wraper---01 {
padding-bottom: 26px;
}
.header-top-main-wrapper {
display: none;
}
.section-store {
padding-top: 82px;
padding-bottom: 82px;
}
.section-store.pd-120px {
padding-top: 40px;
padding-bottom: 70px;
}
.section-store.hero {
padding-top: 100px;
padding-bottom: 100px;
}
.section-store.hero.v3 {
padding-top: 20px;
}
.section-store.breadcrumbs {
margin-top: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.section-store.pd-80px {
padding-top: 70px;
padding-bottom: 70px;
}
.paragraph-small {
font-size: 12px;
}
.paragraph-small.mg-bottom-40px {
font-size: 16px;
}
.card {
border-radius: 13px;
}
.card.footer-newsletter {
padding-top: 40px;
padding-bottom: 40px;
}
.card.dropdown {
padding: 40px 0;
overflow: visible;
}
.card.product-main-details {
padding-left: 0;
padding-right: 0;
}
.card.link-card.search-item {
padding: 32px 34px;
}
.card.hero {
padding: 60px 34px;
}
.card.hero.product-category.lorawan {
background-color: #e1edf5;
}
.header-nav-menu-wrapper {
height: 100vh;
max-height: 100vh;
min-height: 100vh;
background-color: #20283f;
padding: 0 24px 24px;
position: fixed;
top: 0%;
overflow: auto;
}
.btn-circle-primary {
width: 54px;
height: 54px;
min-height: 54px;
min-width: 54px;
font-size: 24px;
}
.btn-circle-primary.small {
width: 35px;
height: 35px;
min-height: 35px;
min-width: 35px;
font-size: 18px;
}
.btn-circle-primary.small.search-btn-inside {
width: 38px;
height: 38px;
min-height: 38px;
min-width: 38px;
}
.badge-primary {
padding: 8px 16px;
}
.badge-primary.small {
padding: 10px 13px;
}
.product-details-wrapper {
flex-direction: column;
}
.header-right-side {
z-index: 2;
position: relative;
}
.header-logo-link {
z-index: 2;
max-width: 160px;
}
.product-images-grid {
grid-row-gap: 20px;
}
.mg-bottom-32px {
margin-bottom: 28px;
}
.display-3 {
font-size: 20px;
}
.inner-container.product-sidebar {
position: static;
}
.inner-container._300px---mbl {
max-width: 300px;
}
.inner-container.product-details-left {
margin-bottom: 5px;
}
.inner-container._500px---mbl {
max-width: 500px;
}
.inner-container._600px---mbl {
max-width: 600px;
}
.inner-container.categoty-page {
max-width: 68%;
}
.header-dropdown-wrapper {
width: 100%;
flex-direction: column;
align-items: flex-start;
margin-left: 0;
margin-right: 0;
display: flex;
}
.product-images-wrapper {
margin-bottom: 0;
padding-bottom: 20px;
}
.footer-best-product-image-wrapper {
max-width: 40px;
margin-right: 10px;
}
.dropdown-categories-grid {
grid-column-gap: 20px;
}
.mg-bottom-53px {
margin-bottom: 10px;
}
.grid-2-columns {
grid-template-columns: 1fr;
}
.grid-2-columns.header-top {
grid-row-gap: 15px;
grid-template-columns: 1fr;
justify-content: center;
justify-items: center;
}
.grid-2-columns.product-grid {
grid-template-columns: 1fr;
}
.grid-2-columns.sidebar-left {
grid-row-gap: 50px;
grid-template-columns: 1fr;
padding-bottom: 0;
}
.grid-2-columns.gap-32px.shop-discounts-grid {
max-width: 600px;
grid-column-gap: 24px;
grid-template-columns: 1fr;
margin-left: auto;
margin-right: auto;
}
.mg-bottom-36px {
margin-bottom: 28px;
}
.nav-menu-list-wrapper {
margin-right: 15px;
}
.footer-best-product-content {
width: auto;
}
.hamburger-menu-wrapper {
width: 42px;
height: 42px;
min-height: 42px;
min-width: 42px;
background-color: #0085ff;
border-radius: 50%;
margin-left: 20px;
overflow: hidden;
}
.hamburger-menu-wrapper.w--open {
background-color: #0085ff;
}
.hamburger-menu-icon-wrapper {
grid-row-gap: 7px;
flex-direction: column;
justify-content: center;
align-items: center;
transition: opacity .3s;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.hamburger-menu-icon-wrapper:hover {
opacity: .7;
}
.flex-horizontal.align-center.footer-bottom-logo-wrapper {
flex-direction: column;
}
.flex-horizontal.header-menu {
padding-bottom: 20px;
}
.flex-horizontal.children-wrap {
margin-bottom: 10px;
}
.buttons-row {
grid-column-gap: 16px;
}
.cart-button-image {
max-width: 23px;
}
.mg-bottom-0 {
font-size: 14px;
}
.text-link.color-accent-1.text-decoration-none.w--current {
flex: 1;
}
.btn-secondary {
padding: 16px 22px;
}
.footer-bottom-grid {
grid-row-gap: 35px;
text-align: center;
grid-template-columns: 1fr;
}
.input {
min-height: 50px;
}
.add-cart-default-state {
grid-template-columns: 92px 1fr;
}
.popular-products-wrapper {
border-bottom: 1px solid #e2e6eb;
margin-bottom: 40px;
padding-bottom: 40px;
}
.footer-top {
padding-top: 70px;
padding-bottom: 70px;
}
.footer-newsletter-form-block {
min-height: 112px;
}
.grid-3-columns {
grid-template-columns: 1fr;
}
.header-nav-menu-wrapper---fade-top-mobile {
z-index: 2;
height: 165px;
background-color: #20283f;
display: block;
position: -webkit-sticky;
position: sticky;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.mg-top-15px---mbl {
margin-top: 15px;
}
.heading-h2-size {
font-size: 22px;
}
.dropdown-column-wrapper {
width: 100%;
position: static;
overflow: visible;
}
.nav-content {
flex-wrap: wrap;
}
.mg-bottom-12px {
margin-bottom: 10px;
}
.mg-bottom-34px {
margin-bottom: 28px;
}
.cart-quantity {
margin-right: 6px;
}
.mg-bottom-24px {
margin-bottom: 20px;
}
.pay-btn.cart {
height: 48px;
}
.hamburger-menu-bar {
width: 18px;
height: 2px;
margin-top: 0;
margin-bottom: 0;
}
.header-nav-list-item.middle {
flex-direction: column;
align-items: flex-start;
margin-bottom: 35px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.btn-primary {
padding: 16px 22px;
}
.grid-4-columns.section-card-products-grid {
grid-column-gap: 30px;
}
.grid-4-columns.shop-grid {
grid-row-gap: 60px;
}
.cart-button-content {
margin-left: 8px;
display: none;
}
.header-content-wrapper.header-top {
padding-top: 20px;
padding-bottom: 20px;
}
.header-search {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.header-search.show-on-mbl {
z-index: 1;
}
.header-nav-menu-list {
z-index: 0;
flex-direction: column;
align-items: stretch;
position: relative;
}
.popular-products-sidebar-image-wrapper {
max-width: 88px;
}
.card-product-content {
padding-left: 20px;
padding-right: 20px;
}
.section-17 {
padding-top: 82px;
padding-bottom: 82px;
}
.section-17.breadcrumbs {
padding-top: 24px;
padding-bottom: 24px;
}
.section-18 {
padding-top: 82px;
padding-bottom: 82px;
}
.section-18.hero {
padding-top: 100px;
padding-bottom: 100px;
}
.display-2 {
font-size: 28px;
}
.sidebar-wrapper {
position: static;
}
.mg-bottom-68px {
margin-bottom: 50px;
}
.section-19 {
padding-top: 82px;
padding-bottom: 82px;
}
.card-promotion-content {
max-width: 450px;
padding-left: 24px;
padding-right: 24px;
}
.card-promotion-images {
margin-top: -24%;
}
.section-20 {
padding-top: 82px;
padding-bottom: 82px;
}
.section-20.breadcrumbs {
padding-top: 24px;
padding-bottom: 24px;
}
.section-21 {
padding-top: 82px;
padding-bottom: 82px;
}
.section-21.breadcrumbs {
padding-top: 24px;
padding-bottom: 24px;
}
.section-22, .section-23, .section-24 {
padding-top: 82px;
padding-bottom: 82px;
}
.section-24.breadcrumbs {
padding-top: 24px;
padding-bottom: 24px;
}
.display-4 {
font-size: 28px;
}
.display-5 {
font-size: 18px;
}
.rich-text-about-product {
margin-bottom: 0;
}
.grid-14 {
grid-column-gap: 36px;
grid-row-gap: 36px;
}
.accordion-wrapper {
width: 100%;
}
.use-case-wrapper {
padding: 20px;
}
.use-case.full-width {
flex-direction: row;
}
.use-case-image-link, .columns-6 {
flex-direction: column;
}
.image-64 {
margin-top: 40px;
margin-bottom: 40px;
}
.column-28 {
order: 0;
}
.client-page-main-screen__properties {
flex-direction: row;
}
}
@media screen and (max-width: 479px) {
h1 {
font-size: 33px;
line-height: 40px;
}
h2 {
font-size: 1.75rem;
line-height: 44px;
}
h3 {
font-size: 1.4375rem;
line-height: 36px;
}
li {
font-size: .875rem;
}
.section {
padding-bottom: 4em;
}
.section.is--hero {
margin-bottom: 3em;
}
.section.is--grey {
padding: 4em 0;
}
.section.is--grey.is--shape-border {
padding-top: 0;
}
.section.is--grey.dn {
display: none;
}
.section.is--grey.launch-engin-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627ad2f37fbe4e41e5fb6750_noroot.png");
background-position: 100% 110%;
background-repeat: no-repeat;
background-size: contain;
}
.section.is--grey.library, .section.is--dark.behind-scenes {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.section.is--footer {
padding-top: 2em;
}
.section.is--100vh {
min-height: auto;
padding-top: 0;
}
.section.is--100vh.apps-section {
height: 100vh;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627acdc875574ebef3f1993b_commercial_apps.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
align-items: flex-start;
padding-top: 4em;
}
.section.is--green.blueprint-page-main-screen__contact-us {
padding-left: 24px;
padding-right: 24px;
}
.section.is--inst {
margin-bottom: 3em;
}
.section.is--inst.flex-center {
min-height: 30vh;
}
.section.is--thank-you {
margin-bottom: 3em;
}
.section.register {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.section.smart-home-page__mobiile-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/6336ab8f6c05b1a67fa91ab2_bg-grid%2Bsplash%20(1).png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
}
.section.steps {
padding-bottom: 4em;
display: block;
}
.container {
padding-left: 20px;
padding-right: 20px;
}
.container.is--nav {
padding-right: 19px;
}
.container.is--pt2 {
padding-top: 0;
padding-bottom: 0;
}
.container.is--pt2.is--pb2 {
flex-wrap: wrap;
padding-bottom: 0;
display: flex;
}
.container.is--pt2.is--pb2.our-clients {
padding-bottom: 0;
}
.container.is--more-space {
height: auto;
padding: 2em 1.25em 3em;
}
.container.is--footer {
padding-top: 2em;
}
.container.flex-center.h-none {
padding-bottom: 3em;
}
.container.is--pb2 {
padding-top: 0;
padding-bottom: 4em;
}
.container.is--pb2.more-cases {
padding-top: 6em;
}
.container.is--pb2.pricing-container {
padding-bottom: 0;
}
.container.behind-scenes {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.h2z {
max-width: 100%;
font-size: 28px;
line-height: 34px;
}
.h2z.is--white {
font-size: 33px;
line-height: 40px;
}
.h2z.is--white.is--centered.smart-home-page__h1, .h2z.is--white.is--centered.about-page__h1 {
width: 100%;
font-size: 33px;
line-height: 40px;
}
.subtitle {
font-size: .875em;
}
.lead-text._w-60 {
width: 100%;
}
.h2 {
font-size: 2em;
}
.h2.smart-home-page__h3 {
font-size: 23px;
line-height: 32px;
}
.h3.mb-10 {
font-size: 2em;
}
.h3.h3--center {
text-align: center;
font-size: 1.9em;
}
.h4.is--medium {
text-align: center;
}
.h4.price-usd-addon-design {
padding-left: 0;
padding-right: 0;
}
.h5 {
width: 100%;
}
.h5.is--red, .h5._100 {
width: auto;
}
.primary-button {
width: 100%;
text-align: center;
margin: 1em auto;
padding-left: 32px;
padding-right: 32px;
font-size: .875em;
display: block;
position: relative;
}
.primary-button.is--hero {
width: 100%;
max-width: none;
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
margin-right: auto;
}
.primary-button.is--hero.smart-home-page__web-demo-button {
width: 100%;
max-width: none;
direction: ltr;
letter-spacing: .05em;
text-transform: uppercase;
white-space: nowrap;
margin-top: 64px;
margin-bottom: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
text-decoration: none;
}
.primary-button.is--hero.smart-home-page--button {
width: 100%;
max-width: none;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.primary-button.is--hero.smart-city-page__button {
width: 100%;
max-width: none;
direction: ltr;
letter-spacing: .05em;
text-transform: uppercase;
white-space: nowrap;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
text-decoration: none;
}
.primary-button.is--nav {
color: var(--main-dark--midnight-blue);
border-radius: 0;
}
.primary-button.is--nav:hover {
color: var(--white);
}
.primary-button.is--nav-2 {
border-radius: 0;
}
.primary-button.is--nav-2:hover {
color: var(--white);
}
.primary-button.is--thank-you {
width: 100%;
text-align: center;
margin-bottom: 1.2em;
}
.secondary-button {
width: 100%;
text-align: center;
}
.secondary-button.is--ml16 {
width: 100%;
text-align: center;
margin-left: 0;
}
.secondary-button.is--ml16.product-launch-but {
max-width: none;
margin-left: auto;
margin-right: auto;
display: block;
}
.secondary-button.smart-home-page__horizontal-list__button {
margin-top: 0;
}
.ghost-button.is--hero {
width: 100%;
text-align: center;
margin-left: 0;
}
.link.is--nav {
color: var(--main-dark--midnight-blue);
margin-left: auto;
margin-right: auto;
font-size: 1.2em;
line-height: 1;
}
.small-link.is--white {
font-size: 1.1em;
}
.hero-video {
height: 100%;
}
.navbar {
display: block;
}
.navbar.is--2 {
z-index: 500;
display: none;
}
.navbar.is--2.is--clients {
z-index: 40;
}
.h1__wrapper.mb-20.business {
margin-top: 70px;
}
.lead-text__wrapper.mb-80 {
max-width: 100%;
margin-bottom: 1em;
}
.lead-text__wrapper._w-60.is--centered.mb-60 {
width: 100%;
}
.lead-text__wrapper._w-57 {
max-width: 100%;
}
.lead-text__wrapper._w-57.case-studies__lead-text {
width: 100%;
}
.lead-text__wrapper._w-50, .lead-text__wrapper.mb-40._w-70 {
max-width: 100%;
}
.button__wrapper {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
align-items: center;
margin-top: 2em;
margin-bottom: 2em;
display: block;
}
.button__wrapper.hidden {
display: none;
}
.grid {
flex: 0 auto;
align-items: center;
}
.grid.is--horisontal.contact-us__blog {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
}
.grid.smart-home-page--grid {
width: 100%;
}
.grid.pricing-page--grid {
width: 100%;
padding-top: 0;
}
.grid.insta-hero {
padding-top: 3em;
}
.grid.about-home-page--grid {
width: 100%;
padding-top: 0;
}
.lead-text-small {
max-width: 100%;
}
.lead-text-small.is--white {
font-size: 1em;
}
.lead-text-small.mt-40 {
align-self: flex-start;
margin-top: 0;
padding-left: 20px;
}
.spacer-20 {
display: block;
}
.spacer-60 {
height: 2em;
}
.spacer-120 {
height: 5em;
}
.grid__item {
display: block;
}
.grid__item.is--70.ml-20 {
margin-left: 0;
}
.grid__item.relative.flex-stretch {
width: 100%;
height: 20em;
}
.grid__item.ml-100.is--80 {
margin-top: 50px;
}
.grid__item.is--85, .grid__item.product-hero-main, .grid__item.product-hero-main.features, .grid__item.smart-city-hero-main, .grid__item.privacy, .grid__item.about-hero-main {
max-width: 100%;
}
.grid__item.business-hero-main {
max-width: 100%;
padding-bottom: 0;
}
.grid__item.ncp-hero-main {
max-width: 100%;
}
.typed-words {
min-height: 100px;
padding-left: 0;
display: block;
}
.nav__logo {
max-width: 6em;
padding-top: 0;
padding-left: 0;
}
.nav__logo.w--current {
width: 8.125em;
max-width: 100%;
padding-top: 0;
}
.nav-menu {
height: 100vh;
background-color: #f2f5f5;
}
.nav__links {
margin-left: auto;
margin-right: auto;
}
.menu-button {
padding-right: 0;
}
.menu-button.w--open {
color: var(--main-dark--midnight-blue);
}
.menu-button.is--2.open {
z-index: 50;
font-size: 24px;
}
.img {
object-fit: contain;
}
.img.absolute-img {
position: relative;
}
.img.absolute-img.platform-components {
width: 100%;
margin-bottom: 4em;
}
.subtitle__wrapper {
width: 100%;
font-size: 14px;
line-height: 19px;
}
.subtitle__wrapper._w-80.mb-40 {
width: 100%;
}
.subtitle__wrapper.is--80 {
max-width: 100%;
}
.h__wrapper {
align-self: flex-start;
}
.h__wrapper.mb-40 {
margin-bottom: 1em;
}
.text__wrapper.mb-60 {
max-width: 100%;
}
.text__wrapper.mb-100._w-70 {
width: 100%;
}
.text__wrapper.w70 {
width: 70%;
}
.text__wrapper.register {
max-width: 100%;
}
.green__span.smart-home-page__h1__green {
font-size: 33px;
line-height: 40px;
}
.green__span.smart-home-page__h1__green.smart-home-page__h2__green {
font-size: 28px;
line-height: 24px;
}
.item__wrapper {
width: 80%;
max-width: 100%;
margin-left: 0;
margin-right: auto;
padding-top: 0%;
}
.items__wrapper {
grid-row-gap: 1em;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.full-screen-img__wrapper {
padding-top: 60%;
}
.icon.mb-30, .title__wrapper.mb-20 {
margin-bottom: 1em;
}
.title__wrapper.mb-80 {
margin-bottom: 2em;
}
.cards__grid {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.cards__grid.author-block__page-client {
grid-column-gap: 4em;
grid-row-gap: 4em;
}
.text__wrapper-1-colum.mb-80 {
margin-bottom: 0;
}
.img-50 {
padding-top: 0%;
}
.img-50.getting-started__img-50-2 {
max-width: 100%;
padding-top: 0;
}
.cards__grid4 {
grid-template-rows: auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
.number__wrapper.main-dark {
width: 3em;
height: 3em;
}
.numbers__grid {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.footer__social {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
justify-content: stretch;
display: flex;
}
.footer__center {
grid-row-gap: 3.125em;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.footer__links {
grid-row-gap: 1.4em;
}
.collection-item {
width: 100%;
justify-content: flex-start;
margin-bottom: 40px;
}
.collection-list.clients__block {
grid-row-gap: 1em;
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.link__img.mb--20, .link__img.mb--20.main__clients {
height: auto;
}
.cms__wrapper {
font-size: 16px;
overflow: auto;
}
.cms__wrapper.smart-city__cases {
margin-bottom: 0;
}
.blog__img.mb-20 {
height: auto;
padding-top: 0%;
}
.collection-item__blog {
justify-content: flex-start;
}
.collection-item__blog.collection-item__in-blog-page.mb-40 {
margin-bottom: 0;
}
.grid-table__block {
grid-template-columns: minmax(17.5em, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr);
}
.grid-table__block.header {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(17.5em, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr);
grid-auto-columns: 1fr;
display: none;
}
.grid-table__block.dn {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: minmax(17.5em, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr);
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
}
.grid-table__block.dn.footer-mob {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(17.5em, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr);
grid-auto-columns: 1fr;
display: grid;
}
.grid-table__block.footer {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(17.5em, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr);
grid-auto-columns: 1fr;
display: none;
}
.grid-table__block.body {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: minmax(17.5em, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr);
grid-auto-columns: 1fr;
display: none;
}
.grid-table__block.body-mob {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: minmax(17.5em, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr);
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
}
.grid-table__block.body-mob.footer-mob {
grid-template-rows: auto;
}
.grid-table__block.footer_3, .grid-table__block.header_3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(17.5em, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr);
grid-auto-columns: 1fr;
display: none;
}
.section-hero__pricing {
background-position: 50%;
}
.grid-block__tabs {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.accordeon-item-content {
display: none;
}
.image-7 {
width: 30px;
}
.link-block.arrow-block__blog {
top: auto;
bottom: 10px;
left: auto;
right: auto;
}
.grid-block {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.grid-block.grid-3x3 {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
flex-direction: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: flex;
}
.content__wrapper.clients {
margin-top: 3em;
}
.icon__item.getting-started {
padding-top: 0;
}
.needs__card {
padding-top: .675em;
padding-left: 1.175em;
padding-right: 1.175em;
}
.needs__grid {
grid-row-gap: 2.5em;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.basics__grid {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.basics__grid._3-grid {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.image-9.mb-10 {
width: 100%;
height: 100%;
max-width: none;
}
.content__block.mb-40 {
margin-top: 2.5em;
}
.content__block.mb-40._w-iframe {
max-width: 100%;
}
.section-hero {
background-position: 50%;
}
.production-cards__grid {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.icon-production {
margin-left: 0;
padding-top: 0%;
}
.icon-production.plan_card_icon {
padding-top: 0%;
}
.bg__image {
width: 100%;
max-width: 100vw;
object-fit: cover;
display: block;
position: relative;
}
.bg__image.is--right {
height: 25em;
background-position: 80% 0;
}
.bg__image.mob-image {
display: none;
}
.content__50 {
max-width: 100%;
margin-left: 0%;
}
.content__50-reverse {
max-width: 100%;
flex-direction: column;
margin-left: 0%;
}
.picture__grid {
width: 100%;
grid-template-columns: 1fr;
}
.image__card {
width: 100%;
padding-top: 0;
}
.author__wrapper.flex-vert {
padding-left: 0;
}
.pricing__link {
margin-bottom: .5em;
}
.author__img.mb-10 {
width: 30%;
}
.short-text__wrapper.mb-40 {
margin-bottom: 20px;
}
.section-hero__about {
background-position: 50%;
}
.img__wrapper {
padding-top: 0%;
}
.stack__top.is--centered {
text-align: left;
}
.stack__top.is--centered.mb-50.mb-min {
margin-bottom: 1em;
}
.left-img {
padding-top: 0%;
}
.bussines-plan-picture__grid {
grid-template-columns: 1fr;
}
.cases-menu__trigger {
display: none;
transform: translate(0);
}
.icon-3 {
color: var(--white);
font-size: 2em;
}
.icon-4 {
z-index: 50;
-webkit-text-fill-color: inherit;
object-fit: cover;
background-clip: border-box;
font-family: Linearicons, sans-serif;
position: relative;
}
.bread-crumbs__wrapper.mt-20.mb-60, .bread-crumbs__wrapper.mb-60.mt-20, .bread-crumbs__wrapper.mb-60.blog_breadcrumbs, .bread-crumbs__wrapper.align--left.mb-40 {
display: none;
}
.bg__image-right {
width: 100%;
height: 18.75em;
max-width: 100vw;
position: absolute;
top: 0%;
}
.btn__wrapper.flex-hor-desktop {
flex-direction: row;
align-items: baseline;
margin-bottom: 8em;
}
.line-absolute.grey {
height: 21.6em;
bottom: 8.9em;
left: 1.5em;
}
.line-absolute-2.grey {
height: 80%;
bottom: 12.3em;
left: 1.5em;
}
.cms__instagram-list {
grid-row-gap: 2.5em;
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
.block-qoute__wrapper {
flex-direction: column;
}
.block-qoute__item {
width: 100%;
}
.bubble {
margin-top: -10px;
margin-left: auto;
margin-right: auto;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.clients__item-button, .popup__wrapper.pmw {
display: none;
}
.background__pop-up {
height: 100vh;
background-color: rgba(81, 81, 82, .97);
position: fixed;
}
.close__pop-up {
z-index: 200;
margin-top: 4em;
top: 2%;
right: 3%;
}
.content__pop-up {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.content__pop-up.long_popup {
top: 4em;
}
.list.popup-list {
padding-bottom: 4em;
}
.image-13 {
filter: none;
}
.bold-text-3, .heading {
line-height: 1;
}
.button {
height: 60px;
padding-left: 60px;
padding-right: 60px;
display: block;
}
.div-block {
display: block;
}
.container-2 {
max-width: none;
}
.centered-heading {
margin-bottom: 24px;
}
.nav-menu-two {
flex-direction: column;
}
.section-3 {
position: relative;
}
.section-3.product-hero {
background-image: linear-gradient(106.56deg, #0f3045, #144767);
}
.section-3.product-hero.grid {
background-image: linear-gradient(106.56deg, #0f3045, #144767);
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.div-block-2 {
padding: 160px 24px 90px;
}
.div-block-2.product-tablet-hero, .div-block-2.smart-city-hero {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.div-block-2.hvac-hero {
background-image: none;
background-repeat: repeat;
background-size: auto;
}
.div-block-2.about-tablet-hero {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.div-block-2.blueprint-page-main-screen__wrapper {
padding-top: 128px;
padding-bottom: 72px;
}
.div-block-2.ncp-hero, .div-block-2.provisioning-hero {
background-image: none;
background-repeat: repeat;
background-size: auto;
padding-top: 60px;
}
.div-block-2.agri-hero {
background-position: 40% 110%;
background-size: 400px;
padding-bottom: 140px;
}
.div-block-3 {
height: auto;
max-height: 100%;
min-height: 280px;
padding-top: 0;
padding-right: 0;
display: none;
overflow: visible;
}
.image-15 {
width: 734px;
display: none;
position: absolute;
top: -63px;
left: 24px;
overflow: hidden;
}
.section-4 {
height: auto;
padding-bottom: 68px;
padding-left: 24px;
padding-right: 24px;
position: relative;
}
.slider {
max-height: 200px;
min-height: 200px;
min-width: 100%;
}
.image-16 {
display: none;
}
.section-5.animated-section {
min-height: auto;
padding: 44px 24px 4em;
position: relative;
}
.div-block-4 {
height: auto;
}
.image-19 {
display: none;
}
.smart-home-page__comment__content__link {
margin-bottom: 1em;
}
.section-6 {
padding-bottom: 128px;
padding-left: 24px;
padding-right: 24px;
position: relative;
}
.section-6.section_build {
padding-bottom: 44px;
padding-left: 24px;
padding-right: 24px;
}
.section-6.section_pricing {
padding-bottom: 3em;
padding-left: 0;
padding-right: 0;
}
.section-6.section_marketing {
padding-bottom: 44px;
padding-left: 24px;
padding-right: 24px;
}
.grid-2-copy.smart-home-page__grid, .grid-2-copy.add-on__grid {
grid-auto-flow: row;
justify-content: stretch;
align-items: start;
display: block;
}
.smart-home-page__grid__item {
flex-direction: row;
justify-content: flex-start;
}
.smart-home-page__grid__item.hide {
display: none;
}
.section-7 {
height: auto;
padding-bottom: 128px;
padding-left: 24px;
padding-right: 24px;
position: relative;
}
.section-7.smart-home-page__mobiile-section {
background-position: 0%;
background-size: cover;
padding-bottom: 64px;
padding-left: 24px;
padding-right: 24px;
position: relative;
}
.column {
display: none;
}
.smart-home-page__apps {
margin-top: 0;
display: block;
}
.smart-home-page__apps.is--grey {
padding-bottom: 44px;
padding-left: 24px;
padding-right: 24px;
}
.smart-home-page__apps.is--grey.smart-city-cta {
padding-top: 60px;
padding-bottom: 60px;
}
.smart-home-page__aqua__items {
flex-direction: column;
margin-top: 1em;
padding-right: 0;
display: block;
}
.div-block-12.smart-home-page__aqua__items__first {
min-height: 360px;
margin-bottom: 16px;
}
.div-block-12.smart-home-page__aqua__items__first.pro_card {
min-height: auto;
margin-bottom: 24px;
}
.div-block-13.smart-home-page__aqua__items__four {
background-image: linear-gradient(145.3deg, #597ef7, #9c7ab6);
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.div-block-14.smart-home-page__aqua__items__second {
min-height: 360px;
padding-bottom: 24px;
}
.div-block-14.smart-home-page__aqua__items__second.business_card {
max-height: none;
min-height: auto;
object-fit: contain;
display: block;
}
.div-block-14.smart-home-page__aqua__items__second-copy {
min-height: auto;
padding-bottom: 24px;
}
.div-block-14.smart-home-page__aqua__items__second-copy.business_card {
max-height: none;
min-height: auto;
object-fit: contain;
display: block;
}
.div-block-14.add-on__aqua__items__second {
min-height: auto;
padding-bottom: 24px;
}
.div-block-14.add-on__aqua__items__second.business_card {
max-height: none;
min-height: auto;
object-fit: contain;
display: block;
}
.smart-home-page__aqua__item__title {
font-size: 23px;
line-height: 32px;
}
.smart-home-page__aqua__item__text {
font-size: 14px;
line-height: 19px;
}
.column-2 {
margin-bottom: 0;
padding-right: 0;
}
.column-2.pro_card {
margin-bottom: 30px;
}
.smart-home-page__aqua__items__third {
min-height: auto;
}
.section-9 {
min-height: auto;
padding: 44px 24px 128px;
position: relative;
}
.section-v {
padding-left: 0;
padding-right: 0;
display: none;
}
.section-v.section-13-copy {
padding-top: 4em;
}
.smart-home-page__notifications__title.h1._w-80 {
max-width: 100%;
}
.smart-home-page__notifications__title.h1.smart-home-page__h2 {
max-width: none;
}
.demand-response-text {
font-size: 16px;
line-height: 28px;
}
.demand-response-text._w-80 {
max-width: 100%;
font-size: 16px;
line-height: 24px;
}
.demand-response-text._w-60 {
max-width: 100%;
}
.section-11 {
padding: 60px 0 44px;
position: relative;
}
.smart-home-page__horizontal-list__item {
margin-bottom: 48px;
padding-right: 0;
}
.smart-home-page__horizontal-list__item__desc {
font-size: 14px;
line-height: 19px;
}
.column-3 {
margin-bottom: 48px;
padding-right: 0;
}
.section-12 {
min-height: auto;
padding: 44px 24px 128px;
position: relative;
}
.section-13 {
padding-bottom: 6em;
padding-left: 24px;
padding-right: 24px;
position: relative;
}
.smart-home-page__success-launch__list {
display: block;
}
.smart-home-page__success-launch__list__item--wrapper {
width: 100%;
grid-row-gap: 16px;
margin-bottom: 16px;
}
.section-14 {
min-height: auto;
padding: 44px 24px 4em;
position: relative;
}
.section-15 {
min-height: auto;
background-color: #294a77;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/633f41814e02f40a221d052d_bg.png");
background-position: 0 0;
background-size: 100% 100%;
flex-direction: column;
margin-top: 0;
padding-bottom: 128px;
padding-left: 24px;
padding-right: 24px;
display: block;
}
.section-15.product-cta {
padding-bottom: 4em;
}
.div-block-15 {
max-width: none;
}
.div-block-15.cta-text {
max-width: 100%;
}
.link-block-2 {
left: 24px;
}
.image-23 {
width: 100%;
height: auto;
}
.div-block-16 {
flex-direction: column-reverse;
}
.image-24 {
width: 100%;
margin-top: 48px;
margin-bottom: 48px;
display: none;
}
.image-24.smart-home-page__manage-mobile-img {
display: block;
}
.div-block-17 {
width: 100%;
}
.image-25 {
margin-top: 20px;
margin-bottom: -24px;
display: block;
position: static;
}
.image-29 {
margin-top: 64px;
margin-left: auto;
margin-right: auto;
}
.div-block-20 {
display: block;
}
.image-30 {
width: 100%;
height: auto;
margin-bottom: 20px;
display: block;
position: static;
}
.heading-5 {
margin-bottom: 24px;
font-size: 28px;
line-height: 32px;
}
.heading-5.smart-home-page__h3 {
margin-bottom: 16px;
padding-bottom: 0;
}
.heading-6 {
margin-bottom: 24px;
font-size: 28px;
line-height: 34px;
}
.image-31 {
position: static;
}
.image-32 {
width: 100%;
height: auto;
object-fit: fill;
margin-left: 0;
margin-right: 0;
padding-right: 0;
position: static;
}
.column-7, .div-block-21, .column-8 {
padding-left: 0;
padding-right: 0;
}
.div-block-22 {
height: 400px;
max-width: none;
color: var(--neutral-100);
background-color: #e7eaec;
margin-top: 0;
position: relative;
top: auto;
right: -29px;
overflow: visible;
}
.image-36 {
width: auto;
height: 400px;
max-width: none;
margin-top: 0;
margin-left: -28px;
display: block;
position: static;
bottom: 0;
}
.section-16 {
padding-left: 24px;
padding-right: 24px;
}
.image-37 {
padding-left: 0;
padding-right: 0;
}
.section-13-copy {
padding-bottom: 0;
padding-left: 24px;
padding-right: 24px;
position: relative;
}
.grid-4 {
flex-direction: column;
display: flex;
}
.container_split {
margin-top: 2em;
margin-bottom: 4em;
}
.image-39 {
display: block;
}
.image-39.product-img-mob {
max-width: 100%;
margin-top: 10px;
margin-left: 0;
margin-right: 0;
display: block;
}
.text-block-3 {
padding-left: 0;
}
.image-41 {
display: none;
}
.plan_card_text {
font-size: 14px;
line-height: 19px;
}
.product-page__list__item {
font-size: .875rem;
}
.column-13, .column-13.prodict-smartphone {
padding-bottom: 0;
}
.image-45 {
top: 3em;
}
.columns {
padding-bottom: 2em;
}
.columns.product-smartphone {
padding-bottom: 0;
}
.business-card-image {
display: block;
position: relative;
top: 0%;
}
.pro-card-image {
width: 100%;
max-width: 100%;
position: relative;
bottom: 0;
left: auto;
right: auto;
}
.product-hero-img {
width: 100%;
min-width: auto;
display: block;
top: auto;
bottom: auto;
left: auto;
right: auto;
}
.column-14, .column-15, .column-16, .column-17, .column-18 {
padding-top: 20px;
}
.section-vd {
padding: 4em 0;
}
.plan_card_label {
font-size: 14px;
line-height: 19px;
}
.product-mobile {
padding-left: 0;
padding-right: 0;
}
.column-19 {
display: none;
}
.product-col-mob {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.column-20, .column-21 {
display: none;
}
.column-22 {
margin-bottom: 20px;
}
.column-22.stars {
min-height: auto;
padding-left: 40px;
padding-right: 40px;
}
.column-22.badges {
margin-bottom: 60px;
}
.column-22.badges.last {
margin-bottom: 20px;
}
.div-block-27 {
width: 100%;
position: absolute;
overflow: auto;
}
.popup__pww.pmw, .popup__prww.pmw, .popup__bww, .popup__bww.pmw, .popup__bmw, .popup__bmw.pmw, .popup__pmw, .popup__pmw.pmw {
display: none;
}
.generic_text_link {
font-size: 1em;
line-height: 20px;
}
.smart-text-block {
margin-top: 20px;
}
.smart-text-block p {
width: 100%;
font-size: 1rem;
}
.smart-city__list__item {
font-size: .875rem;
}
.smart-city__grid-6 {
grid-row-gap: 0px;
flex-direction: column;
display: flex;
}
.section-module {
padding: 60px 0;
position: relative;
}
.section-module.section_build {
padding-bottom: 44px;
padding-left: 24px;
padding-right: 24px;
}
.section-module.section_pricing {
padding-bottom: 3em;
padding-left: 24px;
padding-right: 24px;
}
.section-intro.is--hero {
margin-bottom: 3em;
}
.section-intro.is--grey, .section-intro.is--grey.is--shape-border {
padding-top: 0;
}
.section-intro.is--100vh {
min-height: auto;
}
.section-intro.is--inst {
margin-bottom: 3em;
}
.section-intro.is--inst.flex-center {
min-height: 30vh;
}
.section-intro.is--thank-you {
margin-bottom: 3em;
}
.container-intro {
padding-top: 4em;
padding-bottom: 4em;
}
.container-intro.is--pt2 {
padding-top: 6em;
}
.container-intro.is--pt2.is--pb2 {
flex-wrap: wrap;
align-content: stretch;
align-items: center;
padding-bottom: 6em;
display: flex;
}
.container-intro.is--more-space {
padding-top: 6em;
padding-bottom: 6em;
}
.container-intro.flex-center.h-none {
padding-bottom: 3em;
}
.subtitle__wrapper-intro, .subtitle__wrapper-intro._w-80.mb-40 {
width: 100%;
}
.subtitle__wrapper-intro.is--80 {
max-width: 100%;
}
.smart-city-page__grid__item {
flex-direction: row;
justify-content: flex-start;
}
.smart-city-column {
padding-left: 0;
padding-right: 0;
}
.technology-text {
width: 100%;
margin-bottom: 40px;
}
.smart-city-page__tech {
margin-top: auto;
display: block;
}
.smart-city-page__tech.is--grey {
padding-bottom: 44px;
padding-left: 24px;
padding-right: 24px;
}
.case-study__hero {
background-image: linear-gradient(106.56deg, #0f3045, #144767);
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
position: relative;
}
.case-study__hero-text-grid {
height: 55vh;
padding-top: 8em;
padding-bottom: 134px;
padding-left: 24px;
}
.case-study__hero-text-grid.product-tablet-hero, .case-study__hero-text-grid.smart-city-hero {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.pricing__hero {
position: relative;
}
.div-pricing__hero {
padding-top: 8em;
padding-bottom: 2em;
padding-left: 24px;
}
.div-pricing__hero.product-tablet-hero, .div-pricing__hero.smart-city-hero {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.pricing-tabs {
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}
.pricing-tabs.is--pt2 {
padding-top: 6em;
}
.pricing-tabs.is--pt2.is--pb2 {
flex-wrap: wrap;
align-content: stretch;
align-items: center;
padding-bottom: 6em;
display: flex;
}
.pricing-tabs.is--more-space {
padding-top: 6em;
padding-bottom: 6em;
}
.pricing-tabs.flex-center.h-none {
padding-bottom: 3em;
}
.price-tab {
align-self: center;
}
.pricing-menu {
width: 12em;
margin-left: auto;
margin-right: auto;
display: flex;
}
.pricing-card-grid {
grid-column-gap: 42px;
grid-row-gap: 42px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.icon-button {
padding-top: 12px;
padding-left: 30px;
padding-right: 30px;
}
.integrations-block {
font-size: 14px;
}
.smart-city__grid-3 {
grid-row-gap: 0px;
flex-direction: column;
display: flex;
}
.text-block-4 {
display: block;
}
.img-case {
object-fit: contain;
}
.grid-block-3__tabs {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.pricing-menu-2 {
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.demand-response-content {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.section-demand-response {
padding-bottom: 4em;
padding-left: 24px;
padding-right: 24px;
position: relative;
}
.smart-home-text {
font-size: 16px;
line-height: 28px;
}
.smart-home-text._w-80 {
max-width: 100%;
font-size: 16px;
line-height: 24px;
}
.hnac-marketing-img {
margin-top: 64px;
margin-left: auto;
margin-right: auto;
}
.hvac-page-mob-img {
width: 100%;
height: auto;
max-width: 95%;
margin: 16px 16px 16px 8px;
}
.plan-card-pro.smart-home-page__aqua__items__first {
margin-bottom: 16px;
}
.plan-card-pro.smart-home-page__aqua__items__first.pro_card {
min-height: auto;
margin-top: 40px;
margin-bottom: 24px;
}
.is--white.card-feature_headline {
font-size: 19px;
line-height: 28px;
}
.pricing-page__add-ons {
padding-top: 4em;
padding-bottom: 4em;
display: block;
}
.pricing-page__add-ons.is--grey {
padding-bottom: 44px;
padding-left: 24px;
padding-right: 24px;
}
.card__add-on.smart-home-page__aqua__items__first {
margin-bottom: 16px;
}
.card__add-on.smart-home-page__aqua__items__first.pro_card {
min-height: auto;
margin-top: 24px;
}
.card__add-on.localization__aqua__items__first {
margin-bottom: 16px;
}
.card__add-on.localization__aqua__items__first.pro_card {
min-height: auto;
margin-top: 24px;
}
.card__add-on.localization {
margin-bottom: 16px;
}
.card__add-on.localization.pro_card {
min-height: auto;
margin-top: 24px;
}
.card__add-on.localization.long {
margin-bottom: 24px;
}
.card__add-on.demand-response {
margin-bottom: 16px;
}
.card__add-on.demand-response.pro_card {
min-height: auto;
margin-top: 24px;
}
.card__add-on.marketing-addon.long {
margin-bottom: 24px;
}
.add-on__item__text {
font-size: 14px;
line-height: 19px;
}
.card__add-on-2.smart-home-page__aqua__items__second {
min-height: auto;
padding-bottom: 24px;
}
.card__add-on-2.smart-home-page__aqua__items__second.business_card {
max-height: none;
min-height: auto;
object-fit: contain;
display: block;
}
.card__add-on-2.smart-home-page__aqua__items__second-copy {
min-height: auto;
padding-bottom: 24px;
}
.card__add-on-2.smart-home-page__aqua__items__second-copy.business_card {
max-height: none;
min-height: auto;
object-fit: contain;
display: block;
}
.card__add-on-2.add-on__aqua__items__second {
min-height: auto;
padding-bottom: 24px;
}
.card__add-on-2.add-on__aqua__items__second.business_card {
max-height: none;
min-height: auto;
object-fit: contain;
display: block;
}
.card__add-on-2.voice-assistants {
min-height: auto;
padding-bottom: 24px;
}
.card__add-on-2.voice-assistants.business_card {
max-height: none;
min-height: auto;
object-fit: contain;
display: block;
}
.content__wrapper-techsupport.clients {
margin-top: 3em;
}
.img-blog-homepage {
object-fit: contain;
}
.img-blog-homepage.absolute-img {
position: relative;
}
.item__wrapper-homepage {
width: 80%;
max-width: 100%;
margin-left: 0;
margin-right: auto;
padding-top: 0%;
}
.tech-support-div {
padding-top: 8em;
padding-bottom: 134px;
padding-left: 24px;
}
.tech-support-div.product-tablet-hero, .tech-support-div.smart-city-hero, .tech-support-div.hvac-hero {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.section-hero-blog.is--hero {
margin-bottom: 3em;
}
.section-hero-blog.is--grey, .section-hero-blog.is--grey.is--shape-border {
padding-top: 0;
}
.section-hero-blog.is--grey.dn {
display: none;
}
.section-hero-blog.is--100vh {
min-height: auto;
}
.section-hero-blog.is--inst {
margin-bottom: 3em;
}
.section-hero-blog.is--inst.flex-center {
min-height: 30vh;
}
.section-hero-blog.is--thank-you, .section-hero-case.is--hero {
margin-bottom: 3em;
}
.section-hero-case.is--grey, .section-hero-case.is--grey.is--shape-border {
padding-top: 0;
}
.section-hero-case.is--grey.dn {
display: none;
}
.section-hero-case.is--100vh {
min-height: auto;
}
.section-hero-case.is--inst {
margin-bottom: 3em;
}
.section-hero-case.is--inst.flex-center {
min-height: 30vh;
}
.section-hero-case.is--thank-you {
margin-bottom: 3em;
}
.grid-block-2__tabs {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.price-title__wrapper.mb-20 {
margin-bottom: 1em;
}
.price-subtitle__wrapper, .price-subtitle__wrapper._w-80.mb-40 {
width: 100%;
}
.price-subtitle__wrapper.is--80, .price-features.mb-60 {
max-width: 100%;
}
.price-features.mb-100._w-70 {
width: 100%;
}
.price-features.w70 {
width: 70%;
}
.smart-home-page__success-launch__list__item--wrapper-copy, .price-features_list {
width: 100%;
grid-row-gap: 16px;
margin-bottom: 16px;
}
.addon-card_img {
width: 100%;
height: 60%;
left: 0%;
}
.addon-card_img.voice {
height: 40%;
}
.remote-hvac-mob {
width: 130%;
max-width: 130%;
margin-top: -24px;
display: block;
left: auto;
}
.column-24 {
margin-bottom: 60px;
}
.awards {
margin-top: 3em;
margin-bottom: 3em;
}
.column-25 {
margin-bottom: 60px;
padding-left: 60px;
padding-right: 60px;
}
.column-26 {
padding-left: 60px;
padding-right: 60px;
}
.block-qoute__about-wrapper {
flex-direction: column;
}
.slide-3 {
padding-left: 0;
padding-right: 0;
}
.section-old.is--hero {
margin-bottom: 3em;
}
.section-old.is--grey.is--shape-border {
padding-top: 0;
}
.section-old.is--grey.dn {
display: none;
}
.section-old.is--grey.launch-engin-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627ad2f37fbe4e41e5fb6750_noroot.png");
background-position: 100% 110%;
background-repeat: no-repeat;
background-size: contain;
}
.section-old.is--100vh {
min-height: auto;
padding-top: 0;
}
.section-old.is--100vh.apps-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627acdc875574ebef3f1993b_commercial_apps.png");
background-position: 0 200%;
background-repeat: no-repeat;
background-size: contain;
padding-bottom: 8em;
}
.section-old.is--inst {
margin-bottom: 3em;
}
.section-old.is--inst.flex-center {
min-height: 30vh;
}
.section-old.is--thank-you, .section-logos.is--hero {
margin-bottom: 3em;
}
.section-logos.is--grey.is--shape-border {
padding-top: 0;
}
.section-logos.is--grey.dn {
display: none;
}
.section-logos.is--grey.launch-engin-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627ad2f37fbe4e41e5fb6750_noroot.png");
background-position: 100% 110%;
background-repeat: no-repeat;
background-size: contain;
}
.section-logos.is--100vh {
min-height: auto;
padding-top: 0;
}
.section-logos.is--100vh.apps-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627acdc875574ebef3f1993b_commercial_apps.png");
background-position: 0 200%;
background-repeat: no-repeat;
background-size: contain;
padding-bottom: 8em;
}
.section-logos.is--inst {
margin-bottom: 3em;
}
.section-logos.is--inst.flex-center {
min-height: 30vh;
}
.section-logos.is--thank-you, .section-awards.is--hero {
margin-bottom: 3em;
}
.section-awards.is--grey.is--shape-border {
padding-top: 0;
}
.section-awards.is--grey.dn {
display: none;
}
.section-awards.is--grey.launch-engin-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627ad2f37fbe4e41e5fb6750_noroot.png");
background-position: 100% 110%;
background-repeat: no-repeat;
background-size: contain;
}
.section-awards.is--100vh {
min-height: auto;
padding-top: 0;
}
.section-awards.is--100vh.apps-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627acdc875574ebef3f1993b_commercial_apps.png");
background-position: 0 200%;
background-repeat: no-repeat;
background-size: contain;
padding-bottom: 8em;
}
.section-awards.is--inst {
margin-bottom: 3em;
}
.section-awards.is--inst.flex-center {
min-height: 30vh;
}
.section-awards.is--thank-you, .section-copy.is--hero {
margin-bottom: 3em;
}
.section-copy.is--grey.is--shape-border {
padding-top: 0;
}
.section-copy.is--grey.dn {
display: none;
}
.section-copy.is--grey.launch-engin-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627ad2f37fbe4e41e5fb6750_noroot.png");
background-position: 100% 110%;
background-repeat: no-repeat;
background-size: contain;
}
.section-copy.is--100vh {
min-height: auto;
padding-top: 0;
}
.section-copy.is--100vh.apps-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627acdc875574ebef3f1993b_commercial_apps.png");
background-position: 0 200%;
background-repeat: no-repeat;
background-size: contain;
padding-bottom: 8em;
}
.section-copy.is--inst {
margin-bottom: 3em;
}
.section-copy.is--inst.flex-center {
min-height: 30vh;
}
.section-copy.is--thank-you, .section-stack.is--hero {
margin-bottom: 3em;
}
.section-stack.is--grey.is--shape-border {
padding-top: 0;
}
.section-stack.is--grey.dn {
display: none;
}
.section-stack.is--grey.launch-engin-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627ad2f37fbe4e41e5fb6750_noroot.png");
background-position: 100% 110%;
background-repeat: no-repeat;
background-size: contain;
}
.section-stack.is--100vh {
min-height: auto;
padding-top: 0;
}
.section-stack.is--100vh.apps-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627acdc875574ebef3f1993b_commercial_apps.png");
background-position: 0 200%;
background-repeat: no-repeat;
background-size: contain;
padding-bottom: 8em;
}
.section-stack.is--inst {
margin-bottom: 3em;
}
.section-stack.is--inst.flex-center {
min-height: 30vh;
}
.section-stack.is--thank-you, .section-cases.is--hero {
margin-bottom: 3em;
}
.section-cases.is--grey.is--shape-border {
padding-top: 0;
}
.section-cases.is--grey.dn {
display: none;
}
.section-cases.is--grey.launch-engin-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627ad2f37fbe4e41e5fb6750_noroot.png");
background-position: 100% 110%;
background-repeat: no-repeat;
background-size: contain;
}
.section-cases.is--100vh {
min-height: auto;
padding-top: 0;
}
.section-cases.is--100vh.apps-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627acdc875574ebef3f1993b_commercial_apps.png");
background-position: 0 200%;
background-repeat: no-repeat;
background-size: contain;
padding-bottom: 8em;
}
.section-cases.is--inst {
margin-bottom: 3em;
}
.section-cases.is--inst.flex-center {
min-height: 30vh;
}
.section-cases.is--thank-you, .section-numbers.is--hero {
margin-bottom: 3em;
}
.section-numbers.is--grey.is--shape-border {
padding-top: 0;
}
.section-numbers.is--grey.dn {
display: none;
}
.section-numbers.is--grey.launch-engin-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627ad2f37fbe4e41e5fb6750_noroot.png");
background-position: 100% 110%;
background-repeat: no-repeat;
background-size: contain;
}
.section-numbers.is--100vh {
min-height: auto;
padding-top: 0;
}
.section-numbers.is--100vh.apps-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627acdc875574ebef3f1993b_commercial_apps.png");
background-position: 0 200%;
background-repeat: no-repeat;
background-size: contain;
padding-bottom: 8em;
}
.section-numbers.is--inst {
margin-bottom: 3em;
}
.section-numbers.is--inst.flex-center {
min-height: 30vh;
}
.section-numbers.is--thank-you, .section-duplicate.is--hero {
margin-bottom: 3em;
}
.section-duplicate.is--grey.is--shape-border {
padding-top: 0;
}
.section-duplicate.is--grey.dn {
display: none;
}
.section-duplicate.is--grey.launch-engin-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627ad2f37fbe4e41e5fb6750_noroot.png");
background-position: 100% 110%;
background-repeat: no-repeat;
background-size: contain;
}
.section-duplicate.is--100vh {
min-height: auto;
padding-top: 0;
}
.section-duplicate.is--100vh.apps-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627acdc875574ebef3f1993b_commercial_apps.png");
background-position: 0 200%;
background-repeat: no-repeat;
background-size: contain;
padding-bottom: 8em;
}
.section-duplicate.is--inst {
margin-bottom: 3em;
}
.section-duplicate.is--inst.flex-center {
min-height: 30vh;
}
.section-duplicate.is--thank-you {
margin-bottom: 3em;
}
.hero-about {
position: relative;
}
.hero-about.about-hero {
background-image: linear-gradient(#0f3045, #144767);
background-position: 0 0;
}
.lead-text-about._w-60 {
width: 100%;
}
.design-service-text {
font-size: 16px;
line-height: 28px;
}
.design-service-text._w-80 {
max-width: 100%;
font-size: 16px;
line-height: 24px;
}
.design-service-img {
margin-top: 40px;
}
.column-pricing {
padding-left: 0;
padding-right: 0;
}
.image-mob {
display: block;
}
.section6 {
padding-bottom: 128px;
padding-left: 24px;
padding-right: 24px;
position: relative;
}
.section6.section_build {
padding-bottom: 44px;
padding-left: 24px;
padding-right: 24px;
}
.section6.section_pricing {
padding-bottom: 3em;
padding-left: 24px;
padding-right: 24px;
}
.column-marketing, .column-marketing.prodict-smartphone {
padding-bottom: 0;
}
.grid-icons {
flex: 0 auto;
align-items: center;
}
.grid-icons.is--horisontal.contact-us__blog {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
}
.grid-icons.smart-home-page--grid, .grid-icons.pricing-page--grid {
width: 100%;
padding-top: 0;
}
.grid-icons.insta-hero {
padding-top: 3em;
}
.grid-icons.about-home-page--grid {
width: 100%;
padding-top: 0;
}
.breadcrumbs.is--pt2 {
padding-top: 0;
padding-bottom: 0;
}
.breadcrumbs.is--pt2.is--pb2 {
flex-wrap: wrap;
align-content: stretch;
align-items: center;
padding-bottom: 0;
display: flex;
}
.breadcrumbs.is--pt2.is--pb2.our-clients {
padding-bottom: 0;
}
.breadcrumbs.is--more-space {
height: auto;
padding: 2em 1.25em 3em;
}
.breadcrumbs.is--footer {
padding-top: 2em;
}
.breadcrumbs.flex-center.h-none {
padding-bottom: 3em;
}
.breadcrumbs.is--pb2 {
padding-top: 0;
padding-bottom: 4em;
}
.breadcrumbs.is--pb2.more-cases {
padding-top: 6em;
}
.breadcrumbs.is--pb2.pricing-container {
padding-bottom: 0;
}
.heading-8 {
max-width: 100%;
font-size: 18px;
font-weight: 400;
line-height: 32px;
}
.transit {
padding-bottom: 4em;
}
.transit.is--hero {
margin-bottom: 3em;
}
.transit.is--grey.is--shape-border {
padding-top: 0;
}
.transit.is--grey.dn {
display: none;
}
.transit.is--grey.launch-engin-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627ad2f37fbe4e41e5fb6750_noroot.png");
background-position: 100% 110%;
background-repeat: no-repeat;
background-size: contain;
}
.transit.is--footer {
padding-top: 2em;
}
.transit.is--100vh {
min-height: auto;
padding-top: 0;
}
.transit.is--100vh.apps-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627acdc875574ebef3f1993b_commercial_apps.png");
background-position: 0 200%;
background-repeat: no-repeat;
background-size: contain;
padding-bottom: 8em;
}
.transit.is--inst {
margin-bottom: 3em;
}
.transit.is--inst.flex-center {
min-height: 30vh;
}
.transit.is--thank-you {
margin-bottom: 3em;
}
.section-copy {
padding-bottom: 4em;
}
.section-copy.is--hero {
margin-bottom: 3em;
}
.section-copy.is--grey.is--shape-border {
padding-top: 0;
}
.section-copy.is--grey.dn {
display: none;
}
.section-copy.is--grey.launch-engin-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627ad2f37fbe4e41e5fb6750_noroot.png");
background-position: 100% 110%;
background-repeat: no-repeat;
background-size: contain;
}
.section-copy.is--footer {
padding-top: 2em;
}
.section-copy.is--100vh {
min-height: auto;
padding-top: 0;
}
.section-copy.is--100vh.apps-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627acdc875574ebef3f1993b_commercial_apps.png");
background-position: 0 200%;
background-repeat: no-repeat;
background-size: contain;
padding-bottom: 8em;
}
.section-copy.is--inst {
margin-bottom: 3em;
}
.section-copy.is--inst.flex-center {
min-height: 30vh;
}
.section-copy.is--thank-you {
margin-bottom: 3em;
}
.transit1 {
padding-bottom: 4em;
}
.transit1.is--hero {
margin-bottom: 3em;
}
.transit1.is--grey.is--shape-border {
padding-top: 0;
}
.transit1.is--grey.dn {
display: none;
}
.transit1.is--grey.launch-engin-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627ad2f37fbe4e41e5fb6750_noroot.png");
background-position: 100% 110%;
background-repeat: no-repeat;
background-size: contain;
}
.transit1.is--footer {
padding-top: 2em;
}
.transit1.is--100vh {
min-height: auto;
padding-top: 0;
}
.transit1.is--100vh.apps-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627acdc875574ebef3f1993b_commercial_apps.png");
background-position: 0 200%;
background-repeat: no-repeat;
background-size: contain;
padding-bottom: 8em;
}
.transit1.is--inst {
margin-bottom: 3em;
}
.transit1.is--inst.flex-center {
min-height: 30vh;
}
.transit1.is--thank-you {
margin-bottom: 3em;
}
.transit2 {
padding-bottom: 4em;
}
.transit2.is--hero {
margin-bottom: 3em;
}
.transit2.is--grey.is--shape-border {
padding-top: 0;
}
.transit2.is--grey.dn {
display: none;
}
.transit2.is--grey.launch-engin-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627ad2f37fbe4e41e5fb6750_noroot.png");
background-position: 100% 110%;
background-repeat: no-repeat;
background-size: contain;
}
.transit2.is--footer {
padding-top: 2em;
}
.transit2.is--100vh {
min-height: auto;
padding-top: 0;
}
.transit2.is--100vh.apps-section {
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/627acdc875574ebef3f1993b_commercial_apps.png");
background-position: 0 200%;
background-repeat: no-repeat;
background-size: contain;
padding-bottom: 8em;
}
.transit2.is--inst {
margin-bottom: 3em;
}
.transit2.is--inst.flex-center {
min-height: 30vh;
}
.transit2.is--thank-you {
margin-bottom: 3em;
}
.heading-9 {
text-align: left;
}
.marketing-text {
font-size: 16px;
line-height: 28px;
}
.marketing-text._w-80 {
max-width: 100%;
font-size: 16px;
line-height: 24px;
}
.section-vd-grey {
padding: 4em 24px;
}
.no-widening {
padding-left: 0;
padding-right: 0;
}
.section-bp-hero {
min-height: 720px;
min-width: auto;
background-image: url("https://assets-global.website-files.com/6272e11601c9e296becde07b/64ad29ed3010a3d3a7ba8e0e_image_2x.webp"), url("https://assets-global.website-files.com/6272e11601c9e296becde07b/64abf606ec963b6c34c01591_blueprints-grid-mobile.webp"), linear-gradient(140deg, var(--main-dark--midnight-blue) 0.7%, var(--additional));
background-position: 100% 100%, 0 0, 0 0;
background-repeat: no-repeat, repeat, repeat;
background-size: cover, cover, auto;
position: relative;
}
.section-bp-hero.product-hero {
background-image: linear-gradient(106.56deg, #0f3045, #144767);
}
.blueprints-cards {
grid-template-columns: 1fr;
justify-items: center;
}
.hero_image_bp {
height: auto;
max-height: 100%;
min-height: auto;
padding-top: 0;
padding-right: 0;
display: block;
overflow: visible;
}
.bp-gallery-hero {
height: auto;
max-height: 100%;
min-height: 280px;
padding-top: 0;
padding-right: 0;
display: none;
overflow: visible;
}
.section-hero-case-2.is--hero {
margin-bottom: 3em;
}
.section-hero-case-2.is--grey, .section-hero-case-2.is--grey.is--shape-border {
padding-top: 0;
}
.section-hero-case-2.is--grey.dn {
display: none;
}
.section-hero-case-2.is--100vh {
min-height: auto;
}
.section-hero-case-2.is--inst {
margin-bottom: 3em;
}
.section-hero-case-2.is--inst.flex-center {
min-height: 30vh;
}
.section-hero-case-2.is--thank-you {
margin-bottom: 3em;
}
.more_bp {
grid-template-columns: 1fr;
}
.bp_hero_content_wrapper {
padding: 160px 24px 0;
}
.bp_hero_content_wrapper.product-tablet-hero, .bp_hero_content_wrapper.smart-city-hero, .bp_hero_content_wrapper.hvac-hero, .bp_hero_content_wrapper.about-tablet-hero {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.bp_hero_content_wrapper.blueprint-page-main-screen__wrapper {
padding-top: 128px;
padding-bottom: 72px;
}
.div-block-2-copy {
padding: 160px 24px 90px;
}
.div-block-2-copy.product-tablet-hero, .div-block-2-copy.smart-city-hero, .div-block-2-copy.hvac-hero, .div-block-2-copy.about-tablet-hero {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.div-block-2-copy.blueprint-page-main-screen__wrapper {
padding-top: 128px;
padding-bottom: 72px;
}
.bp-hero-container {
padding: 160px 24px 90px;
}
.bp-hero-container.product-tablet-hero, .bp-hero-container.smart-city-hero, .bp-hero-container.hvac-hero, .bp-hero-container.about-tablet-hero {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.bp-hero-container.blueprint-page-main-screen__wrapper {
padding-top: 128px;
padding-bottom: 72px;
}
.grid-of-3 {
flex: 0 auto;
align-items: center;
}
.grid-of-3.is--horisontal.contact-us__blog {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
}
.grid-of-3.smart-home-page--grid, .grid-of-3.pricing-page--grid {
width: 100%;
padding-top: 0;
}
.grid-of-3.insta-hero {
padding-top: 3em;
}
.grid-of-3.about-home-page--grid {
width: 100%;
padding-top: 0;
}
.popup__promw, .popup__promw.pmw {
display: none;
}
.grid-wrapper {
margin-bottom: 40px;
}
.pick-your-plan {
display: block;
}
.pick-your-plan.is--grey {
padding-bottom: 44px;
padding-left: 24px;
padding-right: 24px;
}
.two-plan-grid {
grid-template-columns: 1fr;
margin-top: 0;
}
.sticky-button {
margin-bottom: 40px;
}
.plan-card {
margin-top: 40px;
}
.custom-subtitle {
font-size: 1rem;
font-weight: 400;
line-height: 1.5rem;
}
.dropdown-toggle-2.nav-item {
width: auto;
margin-left: 0;
margin-right: 0;
padding-left: 0;
display: block;
}
.container-4 {
flex-wrap: nowrap;
flex: 0 auto;
justify-content: space-between;
}
.brand {
flex: 1;
}
.navbar-2 {
justify-content: space-between;
align-items: center;
padding-left: 0;
padding-right: 0;
display: none;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.dropdown-3.nav_dropdown-1 {
margin-left: 0;
padding-left: 20px;
display: block;
}
.log-in-button.button {
height: auto;
}
.nav-menu-2 {
height: 90vh;
object-fit: fill;
background-color: #fff;
flex: 1;
justify-content: flex-start;
display: flex;
}
.container-buttons {
background-color: #fff;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
position: -webkit-sticky;
position: sticky;
bottom: 0;
}
.button-2.button-primary {
margin-left: 0;
}
.dropdown-4.nav_dropdown-1 {
margin-left: 0;
padding-left: 20px;
display: block;
}
.nav-menu-3 {
height: 90vh;
object-fit: fill;
background-color: #fff;
flex: 1;
justify-content: flex-start;
display: flex;
}
.header {
width: 100%;
display: block;
}
.nav-bar-dropdown-mobile {
height: 90vh;
display: none;
position: -webkit-sticky;
position: sticky;
}
.lottie-animation-2 {
text-align: right;
}
.list-item {
background-color: #fff;
padding-top: 10px;
padding-bottom: 10px;
position: fixed;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.list-item-nav._2nd-level.industries {
margin-bottom: 0;
}
.image-5 {
max-width: 80%;
}
.list-3 {
width: 100%;
height: auto;
position: static;
}
.div-block-38 {
width: 60px;
height: 64px;
justify-content: flex-end;
align-self: center;
display: flex;
position: static;
top: 0%;
bottom: 0%;
left: auto;
right: 0%;
}
.navbar-sales, .navbar-home, .navbar-free {
justify-content: space-between;
align-items: center;
padding-left: 0;
padding-right: 0;
display: none;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.grid-diagram {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.grid-diagram.grid-3x3 {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
flex-direction: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: flex;
}
.grid-diagram2 {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.grid-diagram2.grid-3x3 {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
flex-direction: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: flex;
}
.benefits-ncp {
margin-top: 0;
display: block;
}
.benefits-ncp.is--grey {
padding-bottom: 44px;
padding-left: 24px;
padding-right: 24px;
}
.benefits-ncp.is--grey.smart-city-cta {
padding-top: 60px;
padding-bottom: 60px;
}
.grid-diagram3 {
grid-row-gap: 0em;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
align-content: start;
align-items: start;
}
.grid-diagram3.grid-3x3 {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
flex-direction: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: flex;
}
._w-70 {
max-width: 199%;
}
.number__steps {
width: 32px;
height: 32px;
}
.number__steps.main-dark {
width: 3em;
height: 3em;
}
.arrows {
max-width: 100%;
}
.columns-5 {
flex-direction: column;
}
.card__feature.smart-home-page__aqua__items__first {
margin-bottom: 16px;
}
.card__feature.smart-home-page__aqua__items__first.pro_card {
min-height: auto;
margin-top: 24px;
}
.card__feature.localization__aqua__items__first {
margin-bottom: 16px;
}
.card__feature.localization__aqua__items__first.pro_card {
min-height: auto;
margin-top: 24px;
}
.card__feature.localization {
margin-bottom: 16px;
}
.card__feature.localization.pro_card {
min-height: auto;
margin-top: 24px;
}
.card__feature.localization.long {
margin-bottom: 24px;
}
.card__feature.demand-response {
margin-bottom: 16px;
}
.card__feature.demand-response.pro_card {
min-height: auto;
margin-top: 24px;
}
.card__feature.marketing-addon.long {
margin-bottom: 24px;
}
.feature-card_img {
width: 100%;
height: 60%;
left: 0%;
}
.feature-card_img.voice {
height: 40%;
}
.ncp-rich-text p {
font-size: 16px;
line-height: 24px;
}
.ncp-rich-text h3 {
font-size: 19px;
line-height: 28px;
}
.grid-steps {
background-color: #fff;
flex-direction: column;
padding-top: .5em;
padding-bottom: .5em;
padding-right: 0;
}
.number__steps-copy.main-dark {
width: 3em;
height: 3em;
}
.icon_steps {
display: none;
}
.icon_steps.icon-mob {
margin-bottom: 10px;
display: block;
}
.icon_steps_lin {
font-size: 40px;
line-height: 32px;
}
.steps_subtitle {
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.steps_subtitle.mb-20 {
font-size: 16px;
line-height: 24px;
}
.ncp-lead-text__wrapper.mb-80 {
max-width: 100%;
margin-bottom: 1em;
}
.ncp-lead-text__wrapper._w-60.is--centered.mb-60 {
width: 100%;
}
.ncp-lead-text__wrapper._w-57 {
max-width: 100%;
}
.ncp-lead-text__wrapper._w-57.case-studies__lead-text {
width: 100%;
}
.ncp-lead-text__wrapper._w-50 {
max-width: 100%;
}
.ncp-lead-text__wrapper._w-80 {
width: 100%;
}
.ncp-lead-text__wrapper._w-70 {
max-width: 100%;
}
.is--grey {
background-color: var(--neutral-100);
}
.image-53 {
margin-top: 10px;
display: block;
}
.steps_text {
width: 100%;
font-size: 14px;
line-height: 19px;
}
.steps_text._w-80.mb-40 {
width: 100%;
}
.steps_text.is--80 {
max-width: 100%;
}
.image-54 {
width: 50%;
margin-left: -20px;
}
.ncp-image-mob {
padding-left: 0;
}
.ncp-img-mob {
width: 50%;
margin-top: -20px;
margin-left: -15px;
}
.column-27 {
padding-left: 0;
padding-right: 0;
}
.arrows-mob {
max-width: 100%;
}
.steps-subtitle {
font-size: 16px;
line-height: 24px;
}
.number__steps__tail {
width: 160px;
top: 127px;
left: -64px;
}
.steps_icon {
height: 40px;
}
.number__steps_white {
width: 32px;
height: 32px;
margin-top: 5px;
}
.number__steps_white.main-dark {
width: 3em;
height: 3em;
}
.grid-steps-diagram {
grid-row-gap: 0em;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
align-content: start;
align-items: start;
}
.grid-steps-diagram.grid-3x3 {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
flex-direction: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: flex;
}
.grid-block-4__tabs {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.grid-table__block_3 {
grid-template-columns: minmax(17.5em, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr);
}
.grid-table__block_3.header {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(17.5em, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr);
grid-auto-columns: 1fr;
display: none;
}
.grid-table__block_3.dn {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: minmax(17.5em, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr);
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
}
.grid-table__block_3.dn.footer-mob {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(17.5em, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr);
grid-auto-columns: 1fr;
display: grid;
}
.grid-table__block_3.footer {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(17.5em, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr);
grid-auto-columns: 1fr;
display: none;
}
.grid-table__block_3.body {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: minmax(17.5em, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr);
grid-auto-columns: 1fr;
display: none;
}
.grid-table__block_3.body-mob {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: minmax(17.5em, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr) minmax(210px, 1.5fr);
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
}
.grid-table__block_3.body-mob.footer-mob {
grid-template-rows: auto;
}
.subtitle__wrapper_card {
width: 100%;
font-size: 14px;
line-height: 19px;
}
.subtitle__wrapper_card._w-80.mb-40 {
width: 100%;
}
.subtitle__wrapper_card.is--80, .box {
max-width: 100%;
}
.box-block {
flex-direction: column;
}
._w-80 {
width: 100%;
}
.grid-steps-provisioning {
grid-row-gap: 0em;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
align-content: start;
align-items: start;
}
.grid-steps-provisioning.grid-3x3 {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
flex-direction: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: flex;
}
.number__steps__tail-provision {
width: 160px;
display: none;
top: 127px;
left: -64px;
}
.number__steps_prov {
margin-top: 5px;
}
.number__steps_prov.main-dark {
width: 3em;
height: 3em;
}
.icon_prov {
display: block;
}
.icon_prov.icon-mob {
margin-bottom: 10px;
display: block;
}
.icon_prov.final-icon {
margin-top: 0;
}
.diagram-text.assigned, .diagram-text.connects, .diagram-text.authtoken {
display: none;
}
.integration-cards {
flex-direction: column;
}
.number__steps_transp {
width: 32px;
height: 32px;
margin-top: 5px;
}
.number__steps_transp.main-dark {
width: 3em;
height: 3em;
}
.integr-card {
width: 100%;
}
.subset-columns {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.behind-scenes-img {
margin-left: -10px;
display: block;
}
.image-wrapper.cart-item-image-wrapper {
margin-bottom: 16px;
margin-right: 0;
}
.footer-menu-grid {
grid-template-columns: auto auto;
}
.cart-item-content {
margin-right: 0;
}
.cart-item-price {
color: #66696c;
font-size: 16px;
line-height: 18px;
}
.dropdown-menu-grid {
grid-template-columns: auto;
}
.related-products-wrapper {
padding-top: 40px;
}
.cart-footer {
padding-left: 20px;
padding-right: 20px;
}
.divider {
margin-top: 32px;
margin-bottom: 32px;
}
.divider._0px {
margin-top: 0;
margin-bottom: 0;
}
.grid-1-column.sidebar-sections {
grid-template-columns: 1fr;
}
.empty-state.cart-empty {
padding-left: 20px;
padding-right: 20px;
}
.cart-button-wrapper {
margin-left: 20px;
}
.section-store {
padding-top: 70px;
padding-bottom: 70px;
}
.section-store.pd-120px {
padding-top: 60px;
padding-bottom: 60px;
}
.section-store.hero {
padding-top: 48px;
}
.section-store.hero.v3 {
padding-top: 40px;
}
.section-store.breadcrumbs {
display: none;
}
.section-store.pd-80px {
padding-top: 60px;
padding-bottom: 60px;
}
.card {
border-radius: 10px;
}
.card.product-details {
padding-left: 10px;
}
.card.dropdown {
padding-top: 30px;
padding-bottom: 30px;
}
.card.product-main-details {
padding-bottom: 40px;
padding-left: 10px;
padding-right: 10px;
}
.card.link-card.search-item {
padding-left: 24px;
padding-right: 24px;
}
.card.hero {
padding: 50px 24px;
}
.card.hero.product-category {
background-image: none;
background-repeat: repeat;
background-size: auto;
background-attachment: scroll;
padding-bottom: 24%;
}
.cart-item-main-content {
flex-direction: column;
}
.header-logo-link {
max-width: 150px;
}
.product-information-item-wrapper {
flex-wrap: wrap;
}
.inner-container.product-details-right {
padding-right: 10px;
}
.inner-container.categoty-page {
max-width: 100%;
}
.cart-header {
padding-left: 20px;
padding-right: 20px;
}
.product-images-wrapper {
margin-bottom: 0;
padding-bottom: 20px;
}
.footer-best-product-image-wrapper {
max-width: 60px;
}
.error-message.cart-error {
margin-left: 20px;
margin-right: 20px;
}
.cart-list {
padding-left: 20px;
padding-right: 20px;
}
.dropdown-categories-grid {
grid-row-gap: 40px;
grid-template-columns: 1fr;
}
.grid-2-columns.title-and-buttons {
grid-column-gap: 20px;
grid-row-gap: 16px;
grid-template-columns: 1fr;
}
.grid-2-columns.popular-products-sidebar-grid {
grid-column-gap: 20px;
}
.grid-2-columns.gap-32px.shop-discounts-grid {
grid-template-columns: 1fr;
}
.hamburger-menu-wrapper {
margin-left: 15px;
}
.flex-horizontal.align-center.header-top-links, .buttons-row {
flex-direction: column;
}
.cart-button-image {
max-width: 20px;
}
.btn-secondary {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.text-center---mbp {
text-align: left;
}
.input, .input.quantity {
padding-left: 20px;
padding-right: 20px;
}
.add-cart-default-state {
grid-template-columns: 1fr;
}
.footer-top {
padding-bottom: 60px;
}
.grid-3-columns {
grid-template-columns: 1fr;
}
.cart-container {
border-radius: 0;
}
.links-divider {
width: 100%;
height: 1px;
margin: 10px 0;
}
.heading-h2-size {
font-size: 20px;
}
.mg-bottom-34px {
margin-bottom: 22px;
}
.mg-bottom-24px {
margin-bottom: 16px;
}
.header-nav-list-item {
width: 100%;
text-align: left;
}
.btn-primary {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.grid-4-columns {
grid-template-columns: 1fr;
}
.popular-products-sidebar-image-wrapper {
max-width: 70px;
}
.card-product-content {
padding-left: 24px;
padding-right: 24px;
}
.ext_button__wrapper {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
align-items: center;
margin-top: 2em;
margin-bottom: 2em;
display: block;
}
.ext_button__wrapper.hidden {
display: none;
}
.section-17, .section-18 {
padding-top: 70px;
padding-bottom: 70px;
}
.section-18.hero {
padding-top: 48px;
}
.section-18.hero.v2 {
padding-top: 40px;
}
.display-2 {
font-size: 24px;
}
.section-19 {
padding-top: 70px;
padding-bottom: 70px;
}
.card-promotion-images {
margin-top: -18%;
}
.section-20, .section-21, .section-22, .section-23, .section-24 {
padding-top: 70px;
padding-bottom: 70px;
}
.display-4 {
font-size: 24px;
}
.rich-text-hard-description {
padding-left: 0;
}
.grid-13 {
grid-auto-flow: row;
}
.navbar-store {
justify-content: space-between;
align-items: center;
padding-left: 0;
padding-right: 0;
display: none;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.grid-14 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr 1fr;
}
.use-case-wrapper {
border-radius: 12px;
}
.use-case, .use-case.full-width {
flex-direction: column;
}
.use-case-text.half-size {
width: 100%;
}
.use-case-image-link {
flex-direction: column;
}
.text-block-4-copy, .hover-button {
display: block;
}
.client-page-main-screen__properties {
flex-direction: column;
}
}
#w-node-_64f1c2a5-346d-5332-878a-bc1b16587b6f-ba92cf1f, #w-node-_3fa2c26e-0f3e-0ccd-a9b6-53dd833dfba7-ba92cf1f, #w-node-_1ca13755-9006-db66-940a-c9c9e376dce4-ba92cf1f, #w-node-_66b5b8ec-005a-5225-bbd9-90fdd6b38bfe-ba92cf1f, #w-node-e47a04c1-f383-f572-c04d-ae04fca183c0-ba92cf1f, #w-node-_52d24528-b22d-cc73-96f6-b0da141b6009-141b5ffc, #w-node-_52d24528-b22d-cc73-96f6-b0da141b601e-141b5ffc, #w-node-_52d24528-b22d-cc73-96f6-b0da141b6033-141b5ffc, #w-node-_52d24528-b22d-cc73-96f6-b0da141b604f-141b5ffc, #w-node-_52d24528-b22d-cc73-96f6-b0da141b6050-141b5ffc, #w-node-_52d24528-b22d-cc73-96f6-b0da141b6064-141b5ffc, #w-node-_52d24528-b22d-cc73-96f6-b0da141b6079-141b5ffc, #w-node-_1b6ee523-96be-2a61-d417-91a86a04f201-d5d4ad60, #w-node-_318bf718-56f8-1fc7-308e-ff597018908f-70189082, #w-node-_318bf718-56f8-1fc7-308e-ff59701890a4-70189082, #w-node-_318bf718-56f8-1fc7-308e-ff59701890b9-70189082, #w-node-_318bf718-56f8-1fc7-308e-ff59701890d5-70189082, #w-node-_318bf718-56f8-1fc7-308e-ff59701890d6-70189082, #w-node-_318bf718-56f8-1fc7-308e-ff59701890ea-70189082 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_318bf718-56f8-1fc7-308e-ff59701890ff-70189082 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-_94235bb9-ca8c-7ab1-c43b-541da45999ac-477b6bd3 {
align-self: center;
justify-self: center;
}
#w-node-_8a8c455c-5569-1b6a-27cd-94a89a34b254-9a34b247, #w-node-_8a8c455c-5569-1b6a-27cd-94a89a34b255-9a34b247, #w-node-_8a8c455c-5569-1b6a-27cd-94a89a34b269-9a34b247, #w-node-_8a8c455c-5569-1b6a-27cd-94a89a34b29a-9a34b247, #w-node-_8a8c455c-5569-1b6a-27cd-94a89a34b29b-9a34b247, #w-node-_8a8c455c-5569-1b6a-27cd-94a89a34b2af-9a34b247, #w-node-_8a8c455c-5569-1b6a-27cd-94a89a34b2c4-9a34b247, #w-node-_0d53d1a0-eb10-48bf-c6f9-d6b48b41d0b1-d62eaf16, #w-node-_0d53d1a0-eb10-48bf-c6f9-d6b48b41d0c1-d62eaf16, #w-node-_0d53d1a0-eb10-48bf-c6f9-d6b48b41d0db-d62eaf16, #w-node-_6f2b3841-ee0e-5c1c-3d92-a743aaa47ed8-d62eaf16, #w-node-_6f2b3841-ee0e-5c1c-3d92-a743aaa47ee4-d62eaf16, #w-node-_6f2b3841-ee0e-5c1c-3d92-a743aaa47ef0-d62eaf16, #w-node-_6f2b3841-ee0e-5c1c-3d92-a743aaa47efb-d62eaf16, #w-node-f0aac2ff-c684-5de0-b21f-ed0566333881-d62eaf16, #w-node-f0aac2ff-c684-5de0-b21f-ed056633388c-d62eaf16, #w-node-f0aac2ff-c684-5de0-b21f-ed0566333898-d62eaf16, #w-node-f0aac2ff-c684-5de0-b21f-ed05663338a6-d62eaf16, #w-node-a314c420-536d-40f1-3e09-32ba30dbc6c0-6786e775, #w-node-_8e7755c5-381c-2b06-6dd4-5ee5ab76e558-6786e775, #w-node-_9d6d955a-6031-8fc3-fa8a-72a2bff2a0df-6786e775, #w-node-_3fe6bc75-34d3-0432-e2bb-8823715359ab-6786e775, #w-node-_4787db84-561a-9a5c-a364-792270bf0a37-6786e775, #w-node-ac4539f4-f9be-350f-170b-2afc58bb1920-6786e775, #w-node-_72ab8b1c-9c0b-c686-b40c-f3a06d4a0843-6786e775, #w-node-_4df27b1e-3775-ad62-50ac-99aa885992e6-6786e775, #w-node-_4df27b1e-3775-ad62-50ac-99aa885992ee-6786e775, #w-node-_4df27b1e-3775-ad62-50ac-99aa88599306-6786e775, #w-node-_4df27b1e-3775-ad62-50ac-99aa885992fe-6786e775, #w-node-_4df27b1e-3775-ad62-50ac-99aa885992f6-6786e775, #w-node-_4df27b1e-3775-ad62-50ac-99aa8859930e-6786e775, #w-node-a56c49fd-dd24-5417-0dd4-bdcb9532551c-6786e775, #w-node-_4015cdb2-aa1d-3a68-dcd7-61b2a14f6a40-6786e775, #w-node-bb937fe3-7533-c830-e249-d44df3297f4b-6786e775, #w-node-_90fd4a87-68e9-a612-0ff3-2b8193913ad8-3e721667, #w-node-_90fd4a87-68e9-a612-0ff3-2b8193913ada-3e721667, #w-node-_90fd4a87-68e9-a612-0ff3-2b8193913add-3e721667, #w-node-_90fd4a87-68e9-a612-0ff3-2b8193913adf-3e721667, #w-node-_85861d81-a00a-8875-ae19-e7ace51bd1f8-3e721667 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ce020034-6369-1848-8c0f-ddaa5151c60d-0a432222 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
}
#w-node-_2a1fbc86-6f00-1768-914b-64f12c7ae518-0a432222, #w-node-aa5e3585-e380-4d22-10c0-48fabdb5c138-0a432222, #w-node-ff1f5c01-2f56-ce64-ba32-619fc89546c5-0a432222, #w-node-ea81beb9-1b9c-580a-bb82-e0d6891bcda0-0a432222, #w-node-_78048164-6e08-9c04-0850-7adc9bd1ed85-0a432222, #w-node-_40834f50-25f9-f6b8-0851-7f8c4abfd531-0a432222, #w-node-_3ec2d761-bda9-4bff-3760-f64ea85bec3b-0a432222, #w-node-_2e5b3740-25e8-1658-da6a-1c2a394e3dc2-0a432222, #w-node-_9cfe324d-7f5d-8e3e-79b2-8300b7131fc0-360949d6, #w-node-_9cfe324d-7f5d-8e3e-79b2-8300b7131fcf-360949d6, #w-node-_9cfe324d-7f5d-8e3e-79b2-8300b7131fdf-360949d6, #w-node-_9cfe324d-7f5d-8e3e-79b2-8300b7131fef-360949d6, #w-node-af3feade-a00b-bb91-b14b-c2cbcef7a8a0-360949d6, #w-node-af3feade-a00b-bb91-b14b-c2cbcef7a8ab-360949d6, #w-node-af3feade-a00b-bb91-b14b-c2cbcef7a8dd-360949d6, #w-node-af3feade-a00b-bb91-b14b-c2cbcef7a8c3-360949d6, #w-node-af3feade-a00b-bb91-b14b-c2cbcef7a8b7-360949d6, #w-node-af3feade-a00b-bb91-b14b-c2cbcef7a8cf-360949d6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2e2daba2-f165-edff-9616-d04533ea0593-4b3d4460, #w-node-_680628d3-ddb2-9bc6-2013-1ea9de2878ea-4b3d4460, #w-node-_35ffaf44-51c1-1e2c-bbb5-8e4c9807ffe1-4b3d4460, #w-node-_4503c029-5cf1-9e38-1bea-00d90326ad90-4b3d4460, #w-node-_797db8bb-1af8-cdcb-ab5c-5cd2d2dc7738-4b3d4460, #w-node-c060c77f-d6ae-20dc-f294-05edb90f9247-4b3d4460, #w-node-_676938f3-f957-faf6-dbd8-d22331bba4a5-4b3d4460, #w-node-f60ed429-5264-ed6e-7ed5-cba9e6ffdd0e-4b3d4460, #w-node-b0fcadb6-41eb-2f94-9c21-de83081206e1-4b3d4460, #w-node-_08ac0aac-f252-a657-8208-bca3d1096d5e-4b3d4460 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
justify-self: auto;
}
#w-node-e70a879a-e0df-0003-75e7-028dd38b85a6-28dd9791 {
align-self: stretch;
}
#w-node-bfbe558e-8c0e-21e4-c061-901bcae07ff3-28dd9791, #w-node-bfbe558e-8c0e-21e4-c061-901bcae07ff8-28dd9791, #w-node-bfbe558e-8c0e-21e4-c061-901bcae07ffd-28dd9791, #w-node-_6b49bdcf-88ac-f194-c923-2f3a659aac23-bc9297dd, #w-node-_1b845565-d122-7ffd-e4e3-ce5301068fec-bc9297dd, #w-node-_985f3f40-9f50-c328-c20f-a1ac5abd9259-bc9297dd {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
justify-self: auto;
}
#w-node-_289139e2-f7ae-229e-a92a-4e2480393c76-bc9297dd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fac47103-4aed-651b-1bae-7b01dd01880e-bc9297dd, #w-node-fac47103-4aed-651b-1bae-7b01dd018813-bc9297dd, #w-node-fac47103-4aed-651b-1bae-7b01dd018827-bc9297dd, #w-node-fac47103-4aed-651b-1bae-7b01dd018818-bc9297dd, #w-node-fac47103-4aed-651b-1bae-7b01dd018822-bc9297dd, #w-node-fac47103-4aed-651b-1bae-7b01dd01881d-bc9297dd, #w-node-_8d7373a1-4aa3-3c0f-8004-a23f4d02ede8-bc9297dd, #w-node-_0cd524ec-2bcc-5e5f-c521-edf994dbe0fb-bc9297dd, #w-node-bd766530-bb24-d2a8-ba7d-8100d95ae445-bc9297dd {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
justify-self: auto;
}
#w-node-_3ec2d761-bda9-4bff-3760-f64ea85bec3b-bc9297dd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8d7373a1-4aa3-3c0f-8004-a23f4d02ee19-bc9297dd, #w-node-_8d7373a1-4aa3-3c0f-8004-a23f4d02ee1e-bc9297dd, #w-node-_8d7373a1-4aa3-3c0f-8004-a23f4d02ee23-bc9297dd, #w-node-_8d7373a1-4aa3-3c0f-8004-a23f4d02ee28-bc9297dd, #w-node-_8d7373a1-4aa3-3c0f-8004-a23f4d02ee2d-bc9297dd, #w-node-_8d7373a1-4aa3-3c0f-8004-a23f4d02ee32-bc9297dd, #w-node-b984ea2a-bcd7-9cdb-4619-1f9f1ae44fc5-bc9297dd, #w-node-_1b8acbf1-3267-a144-dd06-2c37c630744d-bc9297dd, #w-node-_1184e9c8-9fda-0a43-7c6a-85b6e7964eb0-bc9297dd, #w-node-_40ba8a5e-72ff-4764-655c-08abec364674-bc9297dd, #w-node-f27a8dff-7d37-5e1d-ae7d-6b7d75db327f-bc9297dd, #w-node-c8118b1f-78f5-dfd3-4df8-3b016881d275-bc9297dd, #w-node-b21387f3-c5d0-a91c-98ab-77410e036b7b-bc9297dd, #w-node-_8774abdc-4196-488b-c8d8-da9c077e8c72-bc9297dd {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
justify-self: auto;
}
#w-node-_78048164-6e08-9c04-0850-7adc9bd1ed85-bc9297dd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a08b212d-97c3-2f22-1d97-8681c97d74bb-bc9297dd, #w-node-a08b212d-97c3-2f22-1d97-8681c97d74c0-bc9297dd, #w-node-a08b212d-97c3-2f22-1d97-8681c97d74c5-bc9297dd, #w-node-a08b212d-97c3-2f22-1d97-8681c97d74ca-bc9297dd, #w-node-a08b212d-97c3-2f22-1d97-8681c97d74cf-bc9297dd, #w-node-a08b212d-97c3-2f22-1d97-8681c97d74d4-bc9297dd, #w-node-a020fd1e-d386-0ec4-f69e-0f9d8ff40bf8-bc9297dd, #w-node-_5ce3abc7-88cb-4af1-0b01-863572bb5811-bc9297dd {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
justify-self: auto;
}
#w-node-_36edd14d-1d1b-28f8-392d-354938bc003c-bc9297dd {
align-self: stretch;
}
#w-node-_2e2daba2-f165-edff-9616-d04533ea0593-f0059b0d, #w-node-_4503c029-5cf1-9e38-1bea-00d90326ad90-f0059b0d, #w-node-f2cb74ed-48e5-26d3-96dd-f0c74007af15-f0059b0d, #w-node-_08ac0aac-f252-a657-8208-bca3d1096d5e-f0059b0d, #w-node-_3f882212-7bf1-3146-8bbf-d2fa2c539e35-f0059b0d, #w-node-f60ed429-5264-ed6e-7ed5-cba9e6ffdd0e-f0059b0d, #w-node-b7d55161-c4a5-aed7-c28e-0a13151768d8-f0059b0d, #w-node-_270b52bf-9785-1113-5fc6-db0327f0fa8a-f0059b0d, #w-node-_0835dcbe-f55b-5aa6-f4d8-c25bbfb47814-f0059b0d, #w-node-ae510390-c5c0-d324-115b-7a82b6356dad-f0059b0d {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
justify-self: auto;
}
#w-node-_7427c97d-b883-1ae1-69f8-b72064f6d418-f0059b0d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d05f867c-140c-6d3b-9e45-cc8ed909a5a9-f0059b0d {
align-self: stretch;
}
#w-node-_47604768-480a-5719-1d04-af0db70312c2-03ee21e2, #w-node-_47604768-480a-5719-1d04-af0db70312d0-03ee21e2, #w-node-_47604768-480a-5719-1d04-af0db70312dc-03ee21e2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_07c9c7ef-3194-855f-0809-ff05cf371752-03ee21e2, #w-node-_07c9c7ef-3194-855f-0809-ff05cf371760-03ee21e2, #w-node-_07c9c7ef-3194-855f-0809-ff05cf37176c-03ee21e2 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-_07c9c7ef-3194-855f-0809-ff05cf371777-03ee21e2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_07c0fb37-219a-9d97-1d07-bb32adbb9c11-6aa4dabe, #w-node-_07c0fb37-219a-9d97-1d07-bb32adbb9c3b-6aa4dabe, #w-node-_07c0fb37-219a-9d97-1d07-bb32adbb9c6b-6aa4dabe, #w-node-_07c0fb37-219a-9d97-1d07-bb32adbb9cd5-6aa4dabe {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: stretch;
justify-self: stretch;
}
#w-node-_5c031a13-d413-dea2-5afe-7eafff3f89c2-6aa4dabe {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5c031a13-d413-dea2-5afe-7eafff3f89c3-6aa4dabe {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
justify-self: stretch;
}
#w-node-_5c031a13-d413-dea2-5afe-7eafff3f89c9-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f89cf-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f89dc-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f89df-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f89e0-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f89e1-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f89e3-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f89e8-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f89e9-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f89ea-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f89f0-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f89f4-6aa4dabe, #w-node-_9fa11d0b-2192-9f1b-1d48-34a1d40aee22-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f89fa-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8a02-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8a06-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8a0d-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8a14-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8a39-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8a3d-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8a3f-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8a41-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8a51-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8a56-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8a57-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8a58-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8a5f-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8a64-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8a6b-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8a72-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8a80-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8a84-6aa4dabe, #w-node-_9e9db1fd-889b-9cfb-1b99-3d9698027d06-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8a8a-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8aa0-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8aa3-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8aa4-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8aa5-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8aa7-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8aac-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8aad-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8aae-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ab0-6aa4dabe, #w-node-_435d0962-63f6-2e97-a365-e2964f2e9842-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8abb-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8abf-6aa4dabe, #w-node-_93619b5f-673f-0e5f-7af9-dfe35d08c4fd-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8acb-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8acf-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ad3-6aa4dabe {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ae4-6aa4dabe {
order: 0;
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5c031a13-d413-dea2-5afe-7eafff3f8adf-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ae1-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ae2-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8adb-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ae8-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8aea-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8aec-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8aee-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8af2-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8af4-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8af6-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b11-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b14-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b15-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b16-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b18-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b1e-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b1f-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b20-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b22-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b28-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b29-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b2a-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b2c-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b2f-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b30-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b31-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b33-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b3a-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b3e-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b42-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b4a-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b4e-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b50-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b56-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b7d-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b81-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b83-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8b85-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ba5-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8bab-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8bac-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8bad-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8baf-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8bce-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8bd1-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8bd2-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8bd3-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8bd5-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8bd9-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8bdd-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8be1-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8be9-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8bed-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8bf1-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8bf5-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8bfd-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c01-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c03-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c05-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c15-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c18-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c19-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c1a-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c1c-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c23-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c27-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c2b-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c33-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c3a-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c3e-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c42-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c55-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c58-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c59-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c5a-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c5c-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c60-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c66-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c6c-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c7f-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c82-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c83-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c84-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c86-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c8a-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c8b-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c8c-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c8e-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c92-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c93-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c94-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c96-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c9a-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c9c-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8c9e-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8cba-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8cc8-6aa4dabe {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5c031a13-d413-dea2-5afe-7eafff3f8cc9-6aa4dabe {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
justify-self: stretch;
}
#w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ccc-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ccf-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8cd5-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8cd8-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8cd9-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8cda-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8cdc-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ce1-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ce2-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ce3-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ce9-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ced-6aa4dabe, #w-node-_4f0b3edc-237c-4829-0532-bd027213f85c-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8cf3-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8cfb-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8cff-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8d0d-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8d32-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8d36-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8d38-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8d3a-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8d4a-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8d4f-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8d50-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8d51-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8d58-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8d5d-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8d64-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8d6b-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8d79-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8d7d-6aa4dabe, #w-node-dfbcc350-d621-01d3-1f9c-3000e6c39836-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8d83-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8d99-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8d9c-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8d9d-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8d9e-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8da0-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8da5-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8da6-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8da7-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8da9-6aa4dabe, #w-node-_1f6b5505-5a9b-c1e8-667a-a0c586088866-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8db4-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8db8-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8dc0-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8dc4-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8dc8-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8dcc-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8dd4-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8dd8-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8dda-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ddb-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8de1-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8de3-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8de5-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8de7-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8deb-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ded-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8def-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e0a-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e0d-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e0e-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e0f-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e11-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e17-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e18-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e19-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e1b-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e21-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e22-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e23-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e25-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e28-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e29-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e2a-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e2c-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e33-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e37-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e3b-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e43-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e47-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e49-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e4f-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e74-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e78-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e7a-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e7c-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8e9c-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ea2-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ea3-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ea4-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8eb1-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8eb4-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8eb5-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8eb6-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8eb8-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ebc-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ec0-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ec4-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ecc-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ed0-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ed4-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ed8-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ee0-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ee4-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ee6-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ee8-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ef8-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8efb-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8efc-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8efd-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8eff-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f06-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f0a-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f0e-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f16-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f1d-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f21-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f25-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f38-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f3b-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f3c-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f3d-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f3f-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f43-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f49-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f4f-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f62-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f65-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f66-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f67-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f69-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f6d-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f6e-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f6f-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f71-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f75-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f76-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f77-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f79-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f7d-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f7f-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f81-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f9c-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f9d-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8fa0-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8fa3-6aa4dabe {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ac1be8ff-e18f-6cdb-6ed7-4b50b251a884-81c6bdb7, #w-node-ac1be8ff-e18f-6cdb-6ed7-4b50b251a894-81c6bdb7, #w-node-ac1be8ff-e18f-6cdb-6ed7-4b50b251a8a4-81c6bdb7, #w-node-ac1be8ff-e18f-6cdb-6ed7-4b50b251a8b3-81c6bdb7 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-c5cbf14a-8d2c-8a28-a875-fef7d6c54c10-81c6bdb7, #w-node-c5cbf14a-8d2c-8a28-a875-fef7d6c54c1b-81c6bdb7, #w-node-c5cbf14a-8d2c-8a28-a875-fef7d6c54c4c-81c6bdb7 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_73c8b4a8-a0c7-4637-349f-a950aa739295-f9959fc7, #w-node-_73c8b4a8-a0c7-4637-349f-a950aa73929a-f9959fc7, #w-node-_73c8b4a8-a0c7-4637-349f-a950aa73929c-f9959fc7, #w-node-_07490a6c-c24d-1f6b-61f8-730ff24998e4-f9959fc7, #w-node-_73c8b4a8-a0c7-4637-349f-a950aa7392af-f9959fc7, #w-node-_73c8b4a8-a0c7-4637-349f-a950aa7392b2-f9959fc7, #w-node-_73c8b4a8-a0c7-4637-349f-a950aa7392c2-f9959fc7, #w-node-_73c8b4a8-a0c7-4637-349f-a950aa7392c5-f9959fc7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_73c8b4a8-a0c7-4637-349f-a950aa7392d4-f9959fc7 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
justify-self: stretch;
}
#w-node-_8e827030-9f3f-e7cc-6a90-2c5b85d99299-85d9928c, #w-node-_8e827030-9f3f-e7cc-6a90-2c5b85d992b8-85d9928c, #w-node-_8e827030-9f3f-e7cc-6a90-2c5b85d992cd-85d9928c, #w-node-_8e827030-9f3f-e7cc-6a90-2c5b85d992e9-85d9928c, #w-node-_8e827030-9f3f-e7cc-6a90-2c5b85d992ea-85d9928c, #w-node-_8e827030-9f3f-e7cc-6a90-2c5b85d992fe-85d9928c, #w-node-_8e827030-9f3f-e7cc-6a90-2c5b85d99313-85d9928c, #w-node-_6ebdf396-ebc1-1384-a542-5b82d1d57689-f9959fe0, #w-node-_6ebdf396-ebc1-1384-a542-5b82d1d5768c-f9959fe0, #w-node-_6ebdf396-ebc1-1384-a542-5b82d1d57692-f9959fe0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb491-f9959fe0 {
grid-area: span 4 / span 1 / span 4 / span 1;
justify-self: stretch;
}
#w-node-_01ad94de-5852-4d53-e1b5-dfffd7559ecc-f9959fe0, #w-node-_2c6a9810-15af-8a2b-fb65-4cb5ffad0610-f9959fe0, #w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb4b6-f9959fe0, #w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb4ba-f9959fe0, #w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb4c4-f9959fe0, #w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb4da-f9959fe0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb4e7-f9959fe0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb4f0-f9959fe0, #w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb4f3-f9959fe0, #w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb4fb-f9959fe0, #w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb4fe-f9959fe0, #w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb506-f9959fe0, #w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb509-f9959fe0, #w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb519-f9959fe0, #w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb51b-f9959fe0, #w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb51d-f9959fe0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb521-f9959fe0 {
align-self: stretch;
}
#w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb525-f9959fe0, #w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb558-f9959fe0, #w-node-f6e66d54-94b7-6c82-2a79-b3f658b9427e-f9959fe0, #w-node-_2a4da1bf-3e54-7e1b-1260-db037e6b2000-f9959fe0, #w-node-c996b121-22af-9764-453f-cf53891076ca-f9959fe0, #w-node-_486209d8-5491-fdd4-85da-9a5bb3681f0f-f9959fe0, #w-node-_5b2dd45f-9631-26c4-b3ec-bc07b8e46e48-f9959fe0, #w-node-cf823832-b1c0-0c9b-ee14-5cc6e235ce50-f9959fe0, #w-node-cf823832-b1c0-0c9b-ee14-5cc6e235ce51-f9959fe0, #w-node-cf823832-b1c0-0c9b-ee14-5cc6e235ce53-f9959fe0, #w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb5cf-f9959fe0, #w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb5d2-f9959fe0, #w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb5d4-f9959fe0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb5d9-f9959fe0 {
align-self: stretch;
}
#w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb629-f9959fe0, #w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb637-f9959fe0, #w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb645-f9959fe0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb653-f9959fe0 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb66e-f9959fe0, #w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb67a-f9959fe0, #w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb67b-f9959fe0, #w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb67d-f9959fe0, #w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb67f-f9959fe0, #w-node-a0544cc8-265c-1a42-720d-2a0f446ae0e2-0a64dca6, #w-node-a0544cc8-265c-1a42-720d-2a0f446ae0e7-0a64dca6, #w-node-a0544cc8-265c-1a42-720d-2a0f446ae0e9-0a64dca6, #w-node-a0544cc8-265c-1a42-720d-2a0f446ae0ec-0a64dca6, #w-node-a0544cc8-265c-1a42-720d-2a0f446ae0fc-0a64dca6, #w-node-a0544cc8-265c-1a42-720d-2a0f446ae0ff-0a64dca6, #w-node-a0544cc8-265c-1a42-720d-2a0f446ae10f-0a64dca6, #w-node-a0544cc8-265c-1a42-720d-2a0f446ae112-0a64dca6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a0544cc8-265c-1a42-720d-2a0f446ae121-0a64dca6 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
justify-self: stretch;
}
#w-node-_7b71a7ce-31e4-203d-0bdc-09ec9a2c98b4-086216c9, #w-node-_7b71a7ce-31e4-203d-0bdc-09ec9a2c98bb-086216c9, #w-node-_7b71a7ce-31e4-203d-0bdc-09ec9a2c98be-086216c9, #w-node-_7b71a7ce-31e4-203d-0bdc-09ec9a2c98ce-086216c9, #w-node-_7b71a7ce-31e4-203d-0bdc-09ec9a2c98d1-086216c9, #w-node-_7b71a7ce-31e4-203d-0bdc-09ec9a2c98e1-086216c9, #w-node-_7b71a7ce-31e4-203d-0bdc-09ec9a2c98e4-086216c9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7b71a7ce-31e4-203d-0bdc-09ec9a2c98f3-086216c9 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: stretch;
justify-self: auto;
}
#w-node-_01519e0a-1a26-db4e-b560-6f0112e664c9-635b5f91, #w-node-_01519e0a-1a26-db4e-b560-6f0112e664ce-635b5f91, #w-node-_01519e0a-1a26-db4e-b560-6f0112e664d0-635b5f91, #w-node-_01519e0a-1a26-db4e-b560-6f0112e664d3-635b5f91, #w-node-_01519e0a-1a26-db4e-b560-6f0112e664e3-635b5f91, #w-node-_01519e0a-1a26-db4e-b560-6f0112e664e6-635b5f91, #w-node-_01519e0a-1a26-db4e-b560-6f0112e664f6-635b5f91, #w-node-_01519e0a-1a26-db4e-b560-6f0112e664f9-635b5f91 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_01519e0a-1a26-db4e-b560-6f0112e66508-635b5f91 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
justify-self: stretch;
}
#w-node-e1c73d3f-d797-ebc6-fafb-662d37ca3212-fffefd31, #w-node-f2a1156e-4fd2-46f3-1047-82a1e0e172d6-fffefd31, #w-node-_13ce99de-3e75-7b2c-6a13-f4aeb58dde95-fffefd31, #w-node-_481b5754-9e3d-d620-b51d-bac72aef9e71-fffefd31, #w-node-_520d4372-7cb7-bcb6-d3d8-a578a0a22d5e-fffefd31, #w-node-_6c065265-9760-3b6a-9ea9-792afccf84ee-fffefd31, #w-node-e47f35c9-2358-886f-a9cb-38d1afa0a799-fffefd31, #w-node-_30bbd763-f01c-b64c-1920-8a165ca27dae-fffefd31, #w-node-_27bb08e4-59ea-e64a-0cb4-5bd49a8be15d-fffefd31, #w-node-_7f04e006-9b1b-1546-fe94-9b3b1dc132ed-fffefd31, #w-node-_79bd9d22-f4fe-6414-a7cf-fe4be5cc8c5c-fffefd31, #w-node-e9f06d9c-1a62-72d7-5f5d-010ee72ea810-fffefd31, #w-node-e9f06d9c-1a62-72d7-5f5d-010ee72ea818-fffefd31, #w-node-e9f06d9c-1a62-72d7-5f5d-010ee72ea820-fffefd31 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d05f867c-140c-6d3b-9e45-cc8ed909a5a9-fffefd31 {
align-self: stretch;
}
@media screen and (min-width: 1920px) {
#w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb519-f9959fe0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (min-width: 1440px) {
#w-node-_73c8b4a8-a0c7-4637-349f-a950aa7392d4-f9959fc7 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
justify-self: stretch;
}
#w-node-_6ebdf396-ebc1-1384-a542-5b82d1d57689-f9959fe0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a0544cc8-265c-1a42-720d-2a0f446ae121-0a64dca6, #w-node-_01519e0a-1a26-db4e-b560-6f0112e66508-635b5f91 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
justify-self: stretch;
}
#w-node-_520d4372-7cb7-bcb6-d3d8-a578a0a22d5e-fffefd31 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_27bb08e4-59ea-e64a-0cb4-5bd49a8be15d-fffefd31, #w-node-_7f04e006-9b1b-1546-fe94-9b3b1dc132ed-fffefd31, #w-node-_79bd9d22-f4fe-6414-a7cf-fe4be5cc8c5c-fffefd31, #w-node-e9f06d9c-1a62-72d7-5f5d-010ee72ea810-fffefd31, #w-node-e9f06d9c-1a62-72d7-5f5d-010ee72ea818-fffefd31, #w-node-e9f06d9c-1a62-72d7-5f5d-010ee72ea820-fffefd31 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
}
@media screen and (max-width: 991px) {
#w-node-ac1be8ff-e18f-6cdb-6ed7-4b50b251a8b3-81c6bdb7 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-c5cbf14a-8d2c-8a28-a875-fef7d6c54c10-81c6bdb7 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-c5cbf14a-8d2c-8a28-a875-fef7d6c54c1b-81c6bdb7, #w-node-c5cbf14a-8d2c-8a28-a875-fef7d6c54c4c-81c6bdb7 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_6ebdf396-ebc1-1384-a542-5b82d1d5768c-f9959fe0 {
order: 9999;
}
#w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb4e7-f9959fe0 {
grid-column: span 1 / span 1;
}
#w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb653-f9959fe0 {
grid-column: span 3 / span 3;
}
}
@media screen and (max-width: 767px) {
#w-node-_07c9c7ef-3194-855f-0809-ff05cf371752-03ee21e2, #w-node-ac1be8ff-e18f-6cdb-6ed7-4b50b251a884-81c6bdb7 {
align-self: start;
}
#w-node-_73c8b4a8-a0c7-4637-349f-a950aa739295-f9959fc7 {
order: 9999;
}
#w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb491-f9959fe0 {
grid-row: span 1 / span 1;
justify-self: auto;
}
#w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb4e7-f9959fe0 {
grid-column: span 2 / span 2;
}
#w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb519-f9959fe0 {
order: 9999;
}
#w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb67a-f9959fe0 {
justify-self: center;
}
#w-node-a0544cc8-265c-1a42-720d-2a0f446ae0e2-0a64dca6, #w-node-_7b71a7ce-31e4-203d-0bdc-09ec9a2c98b4-086216c9, #w-node-_01519e0a-1a26-db4e-b560-6f0112e664c9-635b5f91 {
order: 9999;
}
}
@media screen and (max-width: 479px) {
#w-node-af3feade-a00b-bb91-b14b-c2cbcef7a8ab-360949d6, #w-node-_47604768-480a-5719-1d04-af0db70312dc-03ee21e2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_07c9c7ef-3194-855f-0809-ff05cf371752-03ee21e2, #w-node-_07c9c7ef-3194-855f-0809-ff05cf371760-03ee21e2, #w-node-_07c9c7ef-3194-855f-0809-ff05cf37176c-03ee21e2 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-_07c9c7ef-3194-855f-0809-ff05cf371777-03ee21e2, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f89c2-6aa4dabe {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5c031a13-d413-dea2-5afe-7eafff3f89c3-6aa4dabe {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
justify-self: stretch;
}
#w-node-_5c031a13-d413-dea2-5afe-7eafff3f8cc8-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8ccc-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8dd4-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8dd8-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8de1-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8de3-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f16-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f9c-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8f9d-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8fa0-6aa4dabe, #w-node-_5c031a13-d413-dea2-5afe-7eafff3f8fa3-6aa4dabe {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ac1be8ff-e18f-6cdb-6ed7-4b50b251a884-81c6bdb7, #w-node-ac1be8ff-e18f-6cdb-6ed7-4b50b251a894-81c6bdb7, #w-node-ac1be8ff-e18f-6cdb-6ed7-4b50b251a8a4-81c6bdb7, #w-node-ac1be8ff-e18f-6cdb-6ed7-4b50b251a8b3-81c6bdb7 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-c5cbf14a-8d2c-8a28-a875-fef7d6c54c10-81c6bdb7, #w-node-c5cbf14a-8d2c-8a28-a875-fef7d6c54c1b-81c6bdb7, #w-node-c5cbf14a-8d2c-8a28-a875-fef7d6c54c4c-81c6bdb7 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb4e7-f9959fe0 {
grid-column: span 1 / span 1;
}
#w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb623-f9959fe0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_5a7ce9aa-d914-3c54-dff0-97cebb9cb653-f9959fe0 {
grid-column: span 2 / span 2;
}
}
@font-face {
font-family: 'Linearicons';
src: url('https://uploads-ssl.webflow.com/6272e11601c9e296becde07b/632c3786b787b098208b65a3_Linearicons.woff2') format('woff2'), url('https://uploads-ssl.webflow.com/6272e11601c9e296becde07b/632c376a033fb91313a81593_Linearicons.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}