html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: 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;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: rgba(0, 0, 0, 0) !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-webflow-badge, .w-webflow-badge * {
z-index: auto;
visibility: visible;
box-sizing: border-box;
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;
width: auto;
min-width: 0;
max-width: none;
height: auto;
min-height: 0;
max-height: none;
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;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
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 {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input:-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 {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
-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: " ";
pointer-events: none;
border: solid rgba(0, 0, 0, 0);
width: 0;
height: 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: " ";
pointer-events: none;
border: solid rgba(0, 0, 0, 0);
width: 0;
height: 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 {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
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 {
text-align: center;
clear: both;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
height: 40px;
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 {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
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 {
cursor: pointer;
background-color: rgba(255, 255, 255, .4);
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
width: 80px;
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);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
-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 {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: 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 {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: 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 {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow-x: auto;
overflow-y: hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid rgba(0, 0, 0, .4);
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid 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 {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: 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;
}
.w-code-component > * {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
:root {
--dim-grey: #545860;
--deep-sky-blue: #309bff;
--dark-slate-blue: #12496f;
--midnight-blue: #0b2436;
--light-grey: #d3d5d8;
--white: white;
--white-smoke: #ebebeb;
--dim-grey-2: rgba(84, 88, 96, .4);
--orange-red: #ff6404;
--deep-pink: #e5006b;
--pc-industrial\: rgba(18, 73, 111, .8);
--pc-commercial\: rgba(0, 164, 235, .61);
--pc-horeca\: rgba(229, 0, 107, .5);
--pc-home\: rgba(0, 164, 235, .5);
--pc-ecomix\: rgba(255, 100, 4, .65);
--pc-inline\: rgba(98, 129, 156, .83);
--pc-pointofentry\: rgba(36, 93, 140, .8);
--pc-aquabox\: rgba(229, 0, 107, .6);
--gray-51: rgba(235, 235, 235, .51);
--dark-slate-blue-2: rgba(18, 73, 111, .55);
--gold: #fcd50e;
--black: black;
--dim-grey-box\: rgba(84, 88, 96, .15);
--gainsboro: #e7e8e9;
--bolt-blue: #12496f;
--ro-blue: rgba(33, 150, 243, .04);
--ro-blue-2: rgba(0, 0, 0, .12);
--light-red: #ff6872;
--light-black: #333537;
--heavy-gold: #fee59a;
--light-grey-brown: #cccbca;
--light-brown: #aba9a6;
--color: white;
--light-brown-2: #d8d8d8;
--eco-blue: #112146;
--heading: CeraPRO-Bold, sans-serif;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-form-formrecaptcha {
margin-bottom: 8px;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
outline-offset: 2px;
border-radius: 50%;
outline: 2px solid #3b79c3;
}
.w-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec;
}
.w-pagination-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-page-count {
text-align: center;
width: 100%;
margin-top: 20px;
}
.w-users-userloginformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.w-users-userformheader {
text-align: center;
}
.w-users-userformbutton {
text-align: center;
width: 100%;
}
.w-users-userformfooter {
justify-content: space-between;
margin-top: 12px;
display: flex;
}
.w-users-userformerrorstate {
margin-left: 20px;
margin-right: 20px;
position: absolute;
top: 100%;
left: 0%;
right: 0%;
}
.w-users-usersignupformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.w-users-userformsuccessstate {
display: none;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-users-usersignupverificationmessage {
display: none;
}
.w-users-userresetpasswordformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.w-users-userformpagewrap {
flex-direction: column;
justify-content: center;
align-items: stretch;
max-width: 340px;
height: 100vh;
margin-left: auto;
margin-right: auto;
display: flex;
}
.w-users-userupdatepasswordformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.w-users-useraccountwrapper {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-users-blockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-users-blockcontent {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
margin-bottom: 20px;
padding: 20px;
}
.w-users-useraccountformsavebutton {
text-align: center;
margin-right: 8px;
}
.w-users-useraccountformcancelbutton {
text-align: center;
color: #333;
background-color: #d3d3d3;
}
.w-embed-youtubevideo {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
background-position: 50%;
background-size: cover;
width: 100%;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
position: relative;
}
.w-embed-youtubevideo:empty {
min-height: 75px;
padding-bottom: 56.25%;
}
.w-commerce-commercecheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
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-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-commercecheckoutblockcontent {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 20px;
}
.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-commerceboldtextblock {
font-weight: 700;
}
.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-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-commercecheckoutlabel {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutemailinput {
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutemailinput::placeholder {
color: #999;
}
.w-commerce-commercecheckoutemailinput:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingaddresswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutshippingcountryselector {
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingcountryselector::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcountryselector:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingfullname {
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingfullname::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingfullname:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstreetaddress {
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddress:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional {
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.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 {
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingcity::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstateprovince {
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstateprovince::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstateprovince:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingzippostalcode {
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingzippostalcode: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-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-commercecheckoutbillingaddresswrapper {
margin-top: 16px;
margin-bottom: 20px;
}
.w-commerce-commercecheckoutbillingcountryselector {
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingcountryselector::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcountryselector:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingfullname {
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingfullname::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingfullname:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstreetaddress {
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddress:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional {
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingcity {
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingcity::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstateprovince {
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstateprovince::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstateprovince:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingzippostalcode {
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingzippostalcode:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutpaymentinfowrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutcardnumber {
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardnumber::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutcardexpirationdate {
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardexpirationdate::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutcardsecuritycode {
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.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-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-commercecartapplepaybutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
align-items: center;
height: 38px;
min-height: 30px;
margin-bottom: 8px;
padding: 0;
text-decoration: none;
display: flex;
}
.w-commerce-commercecartapplepayicon {
width: 100%;
height: 50%;
min-height: 20px;
}
.w-commerce-commercecartquickcheckoutbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
justify-content: center;
align-items: center;
height: 38px;
margin-bottom: 8px;
padding: 0 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
margin-right: 8px;
display: block;
}
.w-commerce-commercecheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.w-commerce-commercecartwrapper {
display: inline-block;
position: relative;
}
.w-commerce-commercecartopenlink {
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-commercecartopenlinkicon {
margin-right: 8px;
}
.w-commerce-commercecartopenlinkcount {
color: #3898ec;
text-align: center;
background-color: #fff;
border-radius: 9px;
min-width: 18px;
height: 18px;
margin-left: 8px;
padding-left: 6px;
padding-right: 6px;
font-size: 11px;
font-weight: 700;
line-height: 18px;
display: inline-block;
}
.w-commerce-commercecartcontainerwrapper {
z-index: 1001;
background-color: rgba(0, 0, 0, .8);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.w-commerce-commercecartcontainerwrapper--cartType-modal {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
flex-direction: row;
justify-content: flex-end;
align-items: stretch;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
background-color: rgba(0, 0, 0, 0);
position: absolute;
top: 100%;
bottom: auto;
left: 0;
right: auto;
}
.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
background-color: rgba(0, 0, 0, 0);
position: absolute;
top: 100%;
bottom: auto;
left: auto;
right: 0;
}
.w-commerce-commercecartcontainer {
background-color: #fff;
flex-direction: column;
width: 100%;
min-width: 320px;
max-width: 480px;
display: flex;
overflow: auto;
box-shadow: 0 5px 25px rgba(0, 0, 0, .25);
}
.w-commerce-commercecartheader {
border-bottom: 1px solid #e6e6e6;
flex: none;
justify-content: space-between;
align-items: center;
padding: 16px 24px;
display: flex;
position: relative;
}
.w-commerce-commercecartheading {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.w-commerce-commercecartcloselink {
width: 16px;
height: 16px;
}
.w-commerce-commercecartformwrapper {
flex-direction: column;
flex: 1;
display: flex;
}
.w-commerce-commercecartform {
flex-direction: column;
flex: 1;
justify-content: flex-start;
display: flex;
}
.w-commerce-commercecartlist {
-webkit-overflow-scrolling: touch;
flex: 1;
padding: 12px 24px;
overflow: auto;
}
.w-commerce-commercecartitem {
align-items: flex-start;
padding-top: 12px;
padding-bottom: 12px;
display: flex;
}
.w-commerce-commercecartiteminfo {
flex-direction: column;
flex: 1;
margin-left: 16px;
margin-right: 16px;
display: flex;
}
.w-commerce-commercecartproductname {
font-weight: 700;
}
.w-commerce-commercecartoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none;
}
.w-commerce-commercecartquantity {
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 60px;
height: 38px;
margin-bottom: 10px;
padding: 8px 6px 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecartquantity::placeholder {
color: #999;
}
.w-commerce-commercecartquantity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecartfooter {
border-top: 1px solid #e6e6e6;
flex-direction: column;
flex: none;
padding: 16px 24px 24px;
display: flex;
}
.w-commerce-commercecartlineitem {
flex: none;
justify-content: space-between;
align-items: baseline;
margin-bottom: 16px;
display: flex;
}
.w-commerce-commercecartordervalue {
font-weight: 700;
}
.w-commerce-commercecartcheckoutbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 2px;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: block;
}
.w-commerce-commercecartemptystate {
flex: 1;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.w-commerce-commercecarterrorstate {
background-color: #ffdede;
flex: none;
margin: 0 24px 24px;
padding: 10px;
}
.w-commerce-commercepaypalcheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
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 {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
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-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingcountryselector, .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-commercecheckoutbillingcountryselector, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode {
font-size: 16px;
}
.w-commerce-commercecartcontainerwrapper--cartType-modal {
flex-direction: row;
justify-content: center;
align-items: stretch;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
flex-direction: row;
justify-content: center;
align-items: stretch;
display: flex;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.w-commerce-commercecartquantity {
font-size: 16px;
}
}
body {
color: var(--dim-grey);
flex-direction: column;
margin-right: 0;
font-family: CeraPRO-Regular, sans-serif;
font-size: 1.25vw;
line-height: 1.5;
display: flex;
}
h1 {
margin-top: .4em;
margin-bottom: .4em;
font-size: 4.1em;
font-weight: 600;
line-height: 1;
}
h2 {
letter-spacing: -1px;
text-transform: uppercase;
margin-top: .8em;
margin-bottom: .4em;
font-family: CeraPRO-Bold, sans-serif;
font-size: 2.6em;
font-weight: 700;
line-height: 1;
}
h3 {
margin-top: 20px;
margin-bottom: 10px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 1.8em;
font-weight: 700;
line-height: 1.2;
}
h4 {
letter-spacing: 3px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: .72em;
font-weight: 300;
line-height: 1.1;
}
p {
margin-bottom: 0;
font-size: 1em;
font-weight: 400;
}
a {
color: var(--deep-sky-blue);
font-size: 1em;
font-weight: 500;
text-decoration: none;
}
a:hover {
color: var(--dark-slate-blue);
}
ul {
margin-top: 0;
margin-bottom: 10px;
padding-left: 30px;
font-size: 1.2em;
}
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
font-size: 1.2em;
}
li {
font-size: .9em;
}
img {
max-width: 100%;
display: inline-block;
}
label {
margin-bottom: 0;
display: block;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin-bottom: 10px;
padding: 10px 20px;
font-size: 1.2em;
line-height: 22px;
}
.container {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
max-width: 90%;
padding-top: 2em;
display: flex;
}
.container.top {
margin-top: 100px;
margin-bottom: 20px;
}
.container.inside {
margin-top: 100px;
margin-bottom: 40px;
}
.container.inside.main {
margin-top: 100px;
margin-bottom: 100px;
}
.container.add {
margin-bottom: 220px;
}
.container.in-hero {
height: 100%;
}
.container.short {
padding-bottom: 0;
}
.container.center {
align-items: center;
}
.container.b-container {
margin-left: auto;
margin-right: auto;
}
.container.container-blog.author-publications {
display: none;
}
.container.form-wrap {
align-items: center;
}
.section {
flex-direction: column;
position: relative;
}
.section.darkblue {
background-color: var(--midnight-blue);
color: var(--light-grey);
}
.section.white {
background-color: var(--white);
}
.section.video {
background-color: var(--dark-slate-blue);
padding: 60px 10%;
}
.section.mainpoint {
color: var(--dark-slate-blue);
padding: 140px 15%;
}
.section.mainpoint.dark {
background-color: var(--dark-slate-blue);
color: var(--white);
}
.section.full-height {
align-self: flex-start;
width: 100%;
min-height: 80svh;
}
.section.first {
padding-top: 60px;
}
.section.first.s-ecomix {
padding-top: 0;
}
.section.first.test {
display: none;
}
.section.gray {
background-color: var(--white-smoke);
}
.section.firs-short, .section.showpage {
padding-top: 60px;
}
.section.dark {
color: var(--white);
background-color: #000;
}
.section.shide {
display: none;
}
.section.light {
background-color: var(--white);
}
.viewbox {
flex-direction: column;
justify-content: center;
display: flex;
}
.footer-flex-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: rgba(255, 255, 255, .77);
text-align: left;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 40px;
display: grid;
}
.footer-logo-link {
align-items: center;
width: 140px;
display: flex;
}
.footer-heading {
margin-top: 0;
font-size: 14px;
line-height: 1.5;
}
.footer-link {
color: var(--light-grey);
margin-bottom: 10px;
font-size: 14px;
text-decoration: none;
display: block;
}
.footer-link:hover {
color: var(--deep-sky-blue);
text-decoration: underline;
}
.hero-content {
z-index: 30;
text-shadow: 0 3px 4px var(--dim-grey-2);
margin-top: 60px;
position: relative;
}
.btn-primary-light {
border: 2px solid var(--dim-grey);
color: var(--dim-grey);
cursor: pointer;
background-color: rgba(0, 0, 0, 0);
border-radius: 4px;
flex: 0 auto;
justify-content: flex-start;
align-self: auto;
padding: .8em 1.6em .7em;
font-family: CeraPRO-Bold, sans-serif;
font-size: .8em;
display: flex;
}
.btn-primary-light:hover {
background-color: var(--dim-grey);
color: var(--white);
}
.btn-primary-light.corner_left-top {
border: 2px solid var(--dark-slate-blue);
border-top-left-radius: 0;
align-self: center;
margin-top: 0;
}
.btn-primary-light.corner_left-top.invert {
background-color: var(--white);
color: var(--dark-slate-blue);
}
.btn-primary-light.corner_left-top.invert:hover {
background-color: var(--deep-sky-blue);
color: var(--white);
}
.btn-primary-light.stroke {
border: 2px solid var(--deep-sky-blue);
background-color: var(--white);
color: var(--deep-sky-blue);
border-top-left-radius: 0;
padding: .8em 1.6em;
font-size: .8em;
font-weight: 600;
}
.btn-primary-light.stroke:hover {
border-color: var(--dark-slate-blue);
color: var(--dark-slate-blue);
}
.btn-primary-light.corner_left-center {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
border-top-left-radius: 0;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.btn-primary-light.connect {
border-bottom-left-radius: 0;
height: 100%;
font-size: 14px;
}
.btn-primary-light.small {
padding: .5em 1em;
font-size: 12px;
}
.btn-primary-light.big {
font-size: 1.3em;
}
.btn-primary-light.big-stroke {
border: 3px solid var(--dark-slate-blue);
background-color: var(--white);
color: var(--dark-slate-blue);
align-self: auto;
font-family: CeraPRO-Bold, sans-serif;
font-size: 1em;
font-weight: 700;
}
.btn-primary-light.big-stroke:hover {
background-color: var(--dark-slate-blue);
color: var(--white);
}
.btn-primary-light.small-accent {
border-color: var(--orange-red);
background-color: var(--orange-red);
color: var(--white);
padding: .5em 1em;
font-size: 14px;
}
.btn-primary-light.small-accent:hover {
border-color: var(--deep-sky-blue);
background-color: var(--deep-sky-blue);
}
.btn-primary-light.accent {
border-color: var(--orange-red);
background-color: var(--orange-red);
color: var(--white);
margin-top: 0;
}
.btn-primary-light.accent:hover {
border-color: var(--deep-sky-blue);
background-color: var(--deep-sky-blue);
}
.btn-primary-light.accent.btn-primary-light-pdf {
width: 125px;
}
.btn-primary-light.solid {
background-color: var(--dark-slate-blue);
color: var(--white);
}
.btn-primary-light.solid:hover {
border-color: var(--deep-sky-blue);
background-color: var(--deep-sky-blue);
}
.btn-primary-light.accent-blue {
border-color: var(--deep-sky-blue);
background-color: var(--deep-sky-blue);
color: var(--white);
margin-top: 0;
}
.btn-primary-light.accent-blue:hover {
border-color: var(--dark-slate-blue);
background-color: var(--dark-slate-blue);
}
.btn-primary-light.accent-blue.line {
align-self: stretch;
}
.btn-primary-light.self-width {
align-self: flex-start;
}
.btn-primary-light.accent-red {
border-color: var(--deep-pink);
background-color: var(--deep-pink);
color: var(--white);
margin-top: 0;
}
.btn-primary-light.accent-red:hover {
border-color: var(--dark-slate-blue);
background-color: var(--dark-slate-blue);
}
.btn-primary-light.accent-red.line {
align-self: stretch;
}
.navbar {
z-index: 1500;
background-color: rgba(0, 0, 0, 0);
justify-content: space-between;
width: 100%;
display: none;
}
.banner-container {
background-image: linear-gradient(rgba(84, 88, 96, 0) 42%, rgba(38, 41, 48, .7)), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0, 50%;
background-size: auto, cover;
flex-direction: row;
align-items: center;
width: 100%;
height: 25vw;
padding-left: 20%;
display: flex;
overflow: hidden;
}
.heading_dark {
color: #fff;
font-size: .6em;
}
.heading_dark.withcap {
margin-top: 0;
font-size: 1.3em;
}
.heading_dark.category {
font-size: 3em;
}
.button_menu {
z-index: 1500;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px;
display: flex;
}
.button_menu.w--open {
z-index: 500;
}
.button_menu.clear {
z-index: 1550;
box-shadow: none;
text-shadow: 0 2px 6px var(--dim-grey-2);
background-color: rgba(0, 0, 0, 0);
}
.menu_sign {
color: var(--dark-slate-blue);
text-transform: uppercase;
text-shadow: 0 0 0 var(--dim-grey-2);
font-size: .6em;
font-weight: 500;
}
.frosted-glass {
z-index: 1002;
background-color: rgba(84, 88, 96, .75);
border-radius: 100px 0 0;
width: 40%;
height: 100%;
position: fixed;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.frosted-glass.frosted {
display: flex;
}
.menu_main-item {
flex-direction: column;
justify-content: center;
display: flex;
}
.menu-items {
z-index: 12;
color: var(--white);
letter-spacing: -2px;
text-transform: uppercase;
flex: 1;
align-self: flex-start;
width: 100%;
margin-left: 0;
margin-right: 0;
padding: .5em 0;
font-family: CeraPRO-Bold, sans-serif;
font-size: 1.8em;
font-weight: 700;
line-height: 1;
}
.menu-items:hover {
color: var(--dim-grey);
}
.menu-items:focus {
color: rgba(255, 255, 255, .48);
}
.menu-items:visited {
color: rgba(255, 255, 255, .64);
}
.brand {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
}
.footer-text {
color: var(--light-grey);
font-size: 14px;
}
.content-two-column {
grid-template-rows: auto;
width: 100%;
}
.indenter {
height: 60px;
padding-top: 60px;
padding-right: 10%;
}
.indenteer-line {
background-color: var(--light-grey);
background-image: linear-gradient(to right, var(--dim-grey), var(--deep-sky-blue));
height: 4px;
}
.photo-line {
grid-template-rows: auto;
grid-template-columns: 2fr 1fr 1fr;
height: 400px;
margin-top: 30px;
margin-bottom: 30px;
}
.photo-line.right {
grid-template-columns: 1fr 1fr 2fr;
}
.text.big {
font-size: 2em;
font-weight: 300;
line-height: 1.4;
}
.pic {
overflow: hidden;
}
.in_pic {
object-fit: cover;
object-position: 0% 0%;
height: 100%;
max-height: 100%;
}
.in_pic.side {
object-position: 50% 100%;
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
display: flex;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.section-stick {
grid-column-gap: 0px;
grid-row-gap: 16px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.category-banner {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
border-radius: 0;
grid-template: "Backpic Backpic"
"Sign ."
". ."
/ 1fr auto;
grid-auto-columns: 1fr;
height: 100vh;
display: grid;
position: -webkit-sticky;
position: sticky;
top: 60px;
}
.product-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: var(--dim-grey);
grid-template-rows: minmax(200px, 1fr);
grid-template-columns: 1fr 1fr;
grid-auto-rows: .25fr;
grid-auto-columns: 1fr;
grid-auto-flow: row dense;
display: grid;
overflow: hidden;
}
.product-grid.two {
grid-template-columns: 1fr;
}
.subheading {
font-size: 1.1em;
font-weight: 500;
line-height: 1.5;
}
.subheading.hero {
font-size: 1.1em;
font-weight: 300;
}
.subheading.main-hero {
font-size: 1.4vw;
}
.sidecontent {
z-index: 3;
background-color: rgba(18, 73, 111, .44);
flex-direction: column;
grid-template-rows: minmax(300px, 2fr) minmax(auto, .25fr) minmax(auto, .5fr);
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 40px 40px 40px 60px;
display: flex;
position: relative;
}
.sidecontent.industrial {
z-index: 5;
background-color: var(--pc-industrial\);
}
.sidecontent.commercial {
background-color: var(--pc-commercial\);
}
.sidecontent.horeca {
background-color: var(--pc-horeca\);
}
.sidecontent.domestic {
background-color: var(--pc-home\);
}
.sidecontent.ecomix {
background-color: var(--pc-ecomix\);
}
.sidecontent.inline {
background-color: var(--pc-inline\);
}
.sidecontent.point {
background-color: var(--pc-pointofentry\);
}
.sidecontent.box {
background-color: var(--pc-aquabox\);
opacity: 1;
}
.heading {
margin-top: 20px;
margin-bottom: 20px;
font-size: 3.6em;
}
.heading.productcard {
text-transform: none;
font-size: 2.4em;
}
.heading.main-hero {
font-size: 4.8vw;
}
.headbox {
flex-direction: column;
align-items: flex-start;
max-width: 80%;
padding-top: 3em;
display: flex;
}
.headbox.headbox-detail {
align-items: flex-start;
padding-bottom: 1em;
}
.heading-section {
padding-bottom: 0;
}
.home-hero {
background-image: linear-gradient(rgba(84, 88, 96, .74), rgba(84, 88, 96, 0));
height: 80vh;
min-height: 680px;
}
.home-hero.height {
background-image: linear-gradient(rgba(18, 73, 111, .73), rgba(84, 88, 96, .3));
height: auto;
min-height: 60vh;
padding-top: 8em;
}
.prd-spec-wrap {
padding-bottom: 4em;
padding-left: 4em;
padding-right: 4em;
display: block;
}
.cardbox {
flex-direction: column;
padding-bottom: 60px;
padding-left: 30px;
padding-right: 20%;
display: flex;
}
.cardbox.name {
padding-bottom: 0;
}
.prd-pic-wrap {
flex-direction: column;
display: flex;
position: relative;
}
.productcard-table {
grid-column-gap: 16px;
grid-row-gap: 10px;
background-color: var(--gray-51);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-bottom: 40px;
display: grid;
position: relative;
}
.banner-catalog {
background-image: linear-gradient(rgba(84, 88, 96, .32), rgba(18, 73, 111, .84));
height: 75vh;
min-height: 640px;
}
.paragraph.small {
font-size: .75em;
}
.heading-2 {
letter-spacing: -2px;
}
.productcard-buttons {
grid-column-gap: .75em;
grid-row-gap: .75em;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
position: relative;
}
.table-item {
background-color: rgba(0, 0, 0, 0);
flex-direction: column;
justify-content: flex-end;
max-width: 16em;
display: flex;
}
.tab-item-sign {
opacity: .6;
margin-bottom: 0;
padding-top: 0;
}
.tab-item-value {
margin-bottom: 0;
font-size: 2.4em;
font-weight: 800;
line-height: 1;
}
.tab-item-units {
opacity: .6;
margin-bottom: 0;
font-size: .7em;
font-weight: 700;
}
.nav-logo-white {
opacity: 0;
max-width: 140px;
}
.input-label {
letter-spacing: .2em;
text-transform: uppercase;
font-size: .7em;
font-weight: 400;
}
.sidecontent-card-hero {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--white-smoke);
flex-direction: column;
grid-template-rows: 1.5fr .25fr .25fr;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-content: space-between;
justify-content: flex-end;
height: 100%;
padding-top: 21%;
padding-left: 10%;
padding-right: 20px;
display: grid;
}
.download-item {
justify-content: space-between;
align-items: center;
padding-top: 20px;
display: flex;
}
.listrecomend-four {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-content: stretch;
justify-content: stretch;
align-items: stretch;
padding-top: 10px;
padding-bottom: 10px;
display: grid;
}
.product-list-item {
flex-direction: column;
display: flex;
}
.product-list-item.product-list-item-new {
margin-bottom: 3em;
}
.full-logo {
padding-top: 40px;
padding-bottom: 40px;
}
.full-logo-img {
width: 80%;
}
.hide {
flex: 0 auto;
display: none;
}
.tabpic {
object-fit: contain;
max-height: 480px;
margin-top: 20px;
margin-bottom: 20px;
}
.text-block {
display: inline-block;
}
.text-block.bold {
font-weight: 700;
}
.box {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
}
.box-pic {
z-index: 2;
align-items: flex-end;
height: 100%;
overflow: hidden;
}
.box-content {
grid-column-gap: 0px;
grid-row-gap: 16px;
-webkit-backdrop-filter: blur(11px);
backdrop-filter: blur(11px);
color: var(--light-grey);
background-color: rgba(18, 73, 111, .75);
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1.25fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: static;
overflow: hidden;
}
.sign-landing {
z-index: 1;
padding: 60px;
display: flex;
}
.feature-slide {
grid-column-gap: 0px;
grid-template-rows: auto;
align-content: center;
height: 100%;
overflow: hidden;
}
.feature-pic {
background-color: var(--white);
justify-content: center;
align-items: center;
height: 100%;
overflow: hidden;
}
.feature-text {
color: var(--light-grey);
background-color: #0b2436;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-left: 40px;
padding-right: 10%;
display: flex;
}
.feature-slider {
background-color: var(--midnight-blue);
flex: 1;
height: 70vh;
}
.pic-inside {
object-fit: cover;
align-self: flex-start;
width: 100%;
height: 100%;
display: block;
}
.cat-banner-list {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.cat-banner-item-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template: "."
"."
"." 1fr
"." .25fr
/ 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
height: 70vh;
display: grid;
overflow: hidden;
}
.banner-text {
z-index: 5;
color: var(--white);
background-color: rgba(18, 73, 111, .7);
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 60px;
display: flex;
position: relative;
}
.banner-pic {
z-index: 2;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.banner-link-area {
z-index: 200;
position: relative;
}
.banner-pic-in {
object-fit: contain;
height: 100%;
}
.hero-grid {
grid-column-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
margin-top: 60px;
padding-bottom: 40px;
padding-left: 5%;
padding-right: 5%;
}
.category-nav {
flex-direction: row;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
padding-left: 2em;
padding-right: 2em;
display: flex;
position: relative;
}
.category-nav.hide {
display: flex;
}
.heading-5 {
margin-top: 0;
}
.nav-logo-navy {
opacity: 1;
}
.dimensions-item {
padding-top: 0;
padding-bottom: 10px;
}
.linkarea {
z-index: 10;
grid-column-gap: 16px;
grid-row-gap: 0px;
background-color: rgba(0, 0, 0, 0);
grid-template-rows: auto auto;
grid-template-columns: 1.75fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
position: relative;
}
.linkarea.left {
grid-column-gap: 0px;
grid-template-columns: 1fr 1fr;
}
.pic-hero-fix {
z-index: -2;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 100%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
width: 100%;
height: 100vh;
min-height: 600px;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.hero-rich p {
font-size: 1.2em;
font-weight: 600;
line-height: 1.5;
}
.listing-pic {
z-index: 1;
position: relative;
overflow: hidden;
}
.listing-pic.centervertical {
align-items: center;
display: flex;
}
.listing-item {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 2.25fr;
grid-auto-columns: 1fr;
height: 50vh;
min-height: 360px;
display: grid;
overflow: hidden;
}
.listing-item.two {
grid-template-columns: 1fr 1fr;
}
.listing-item.fullheight {
grid-template-rows: auto minmax(180px, .75fr);
height: 100vh;
}
.listing-sign {
z-index: 2;
filter: contrast(200%);
color: var(--white);
background-image: linear-gradient(rgba(84, 88, 96, 0), rgba(84, 88, 96, .8) 78%, #545860);
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding-bottom: 30px;
padding-left: 30px;
display: flex;
position: relative;
}
.listing-sign.left {
background-image: linear-gradient(270deg, rgba(84, 88, 96, 0), rgba(84, 88, 96, .8) 78%, #545860);
justify-content: center;
}
.listing-sign.centervertical {
justify-content: center;
}
.heading-cap {
letter-spacing: 3px;
text-transform: uppercase;
order: -1;
margin-bottom: 16px;
font-size: .8em;
font-weight: 500;
}
.heading-cap.small {
opacity: .6;
font-size: .7em;
}
.navigation-products-item {
cursor: pointer;
flex-direction: column;
align-items: center;
padding-left: 5px;
padding-right: 5px;
display: flex;
}
.navigation-ico {
width: 34px;
padding-top: 4px;
}
.descriptor-history {
padding-top: 15px;
position: relative;
}
.descriptor-history p {
font-size: 1.1em;
}
.about-table {
color: var(--white);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
}
.section-mainpoint {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--dark-slate-blue);
color: var(--white);
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 100%;
height: 100vh;
display: grid;
overflow: hidden;
}
.mainpoint-rich p {
font-size: 1.4em;
font-weight: 600;
}
.hero-camera {
perspective: 1000px;
width: 100%;
height: 100vh;
position: -webkit-sticky;
position: sticky;
top: 0;
overflow: hidden;
}
.navchanger_white-in {
height: .1px;
}
.navchanger_navy {
height: 1px;
}
.expandmat {
background-color: rgba(0, 164, 235, .4);
height: 320px;
}
.navchanger_white-out {
height: .1px;
}
.small-link-nav {
color: var(--dark-slate-blue);
text-align: center;
padding-bottom: 10px;
font-size: .7em;
line-height: 1.2;
}
.photo-holder {
width: 100%;
display: none;
overflow: hidden;
}
.photo-flow {
grid-column-gap: 40px;
grid-template-rows: auto;
grid-template-columns: minmax(272px, 1fr) 1fr 1fr 1fr 1fr;
width: 250vw;
height: 380px;
}
.pic-inside-flow {
overflow: hidden;
}
.image-flow {
object-fit: cover;
height: 100%;
}
.hero-landing-section {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
min-height: 100vh;
padding-top: 4em;
display: grid;
}
.hero-landing-content {
background-color: var(--dark-slate-blue-2);
color: var(--white);
margin-top: 60px;
padding: 40px 40px 40px 10%;
}
.landing-heading {
flex-direction: column;
padding-bottom: 40px;
display: flex;
}
.landing-h1 {
margin-top: 0;
margin-bottom: 0;
font-size: 3em;
}
.landing-h1.bottom {
margin-bottom: 20px;
}
.certifcate-list {
grid-column-gap: 8px;
grid-row-gap: 60px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.mat {
background-image: linear-gradient(rgba(18, 73, 111, 0), rgba(34, 36, 41, .8));
}
.menu-box {
z-index: 10;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
height: 100vh;
padding-left: 15%;
padding-right: 15%;
display: grid;
position: relative;
}
.menu-link {
color: var(--white);
align-self: center;
padding-top: 10px;
font-size: .7em;
}
.menu-link:hover {
color: var(--deep-sky-blue);
}
.menu-links-social {
justify-content: space-between;
align-items: center;
display: flex;
}
.heading-thin {
font-weight: 200;
}
.request-box {
justify-content: center;
width: 100%;
max-width: 940px;
display: flex;
}
.request-box.request-box-detail {
max-width: 100%;
margin-top: 1em;
}
.input-field {
border: 1px solid var(--light-grey);
height: 50px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 14px;
}
.certificate-item-content {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-columns: 1fr .3fr;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 16px;
display: flex;
}
.certificate-item-content.longername {
grid-template-columns: 1fr;
}
.certificate-heading {
font-size: 1em;
}
.certificate-heading.longername {
font-size: .9em;
}
.picture-colage {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
overflow: hidden;
}
.pic2 {
z-index: 2;
position: relative;
}
.bluemat {
background-color: rgba(0, 164, 235, .26);
}
.cap {
order: -1;
display: flex;
}
.recomend-heading {
margin-top: 10px;
margin-bottom: 0;
font-size: 1em;
}
.contact-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding-bottom: 60px;
display: grid;
}
.contact-wrapper {
width: 100%;
display: flex;
}
.contact-item {
flex-direction: column;
display: flex;
}
.preview-list-image {
aspect-ratio: 16 / 9;
object-fit: contain;
object-position: 0% 50%;
width: 100%;
height: 100%;
}
.recomend-linkbox {
grid-column-gap: 16px;
grid-row-gap: 5px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.recomend-picture {
border: 1px solid var(--light-grey);
justify-content: center;
height: 200px;
display: flex;
}
.recomend-image {
object-fit: contain;
height: 100%;
}
.recomend-content {
grid-column-gap: 16px;
grid-row-gap: 0px;
color: var(--dim-grey);
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
}
.bolder {
font-weight: 900;
}
.heading-indenter {
letter-spacing: 0;
text-transform: none;
font-size: 1.8em;
}
.footer-col {
flex-direction: column;
display: flex;
}
.dl-item {
display: flex;
}
.dl-item.download-item-js {
margin-top: 10px;
}
.dl-item-link {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--dim-grey);
color: var(--white);
border-radius: 4px;
grid-template-rows: auto;
grid-template-columns: 1.75fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 1em;
display: flex;
}
.dl-item-link:hover {
background-color: var(--dark-slate-blue);
color: var(--light-grey);
}
.deco-button {
justify-content: center;
align-items: center;
transition: background-color .2s;
display: flex;
}
.deco-button:hover {
background-color: var(--deep-sky-blue);
}
.menu-lang {
justify-content: flex-start;
align-items: flex-start;
}
.menu-lang.footer-lang {
margin-top: 40px;
display: none;
}
.menu-link-lang {
color: var(--white);
align-self: center;
padding-top: 10px;
padding-right: 20px;
}
.menu-link-lang:hover {
color: var(--deep-sky-blue);
}
.menu-link-lang.active-lang {
opacity: .24;
}
.fiximage {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.holder-fix {
z-index: 0;
opacity: .8;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
color: var(--white);
background-color: rgba(229, 0, 107, .31);
flex-direction: column;
justify-content: center;
align-items: center;
padding: 69px 20%;
display: flex;
position: relative;
top: 320px;
}
.search-line {
grid-column-gap: 8px;
grid-row-gap: 8px;
-webkit-text-fill-color: inherit;
background-color: rgba(0, 0, 0, 0);
background-clip: border-box;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
justify-items: start;
max-width: 60ch;
height: 40px;
margin-bottom: 0;
display: flex;
}
.search-result-item {
grid-column-gap: .75em;
grid-row-gap: .75em;
background-color: var(--white);
border-radius: 4px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
min-height: 340px;
padding: 2em;
display: flex;
overflow: hidden;
box-shadow: 0 1px 9px rgba(84, 88, 96, .16);
}
.case-photo-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 40vw;
height: 30vw;
overflow: hidden;
}
.case-photo-line {
grid-column-gap: 16px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.nav-header {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.header-mats {
background-image: linear-gradient(rgba(255, 255, 255, .62), rgba(255, 255, 255, 0));
}
.header-mats.frosted {
background-color: rgba(255, 255, 255, .7);
background-image: none;
height: 100%;
}
.links-holder {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.listing-pic-in {
object-fit: contain;
width: 100%;
max-width: 340px;
max-height: 340px;
}
.listing-pic-in.line {
object-fit: contain;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
position: static;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.listing-pic-in.fullheight {
max-width: none;
height: 100%;
max-height: none;
}
.category-pic {
overflow: hidden;
}
.category-pic-in {
object-fit: cover;
width: 100%;
height: 100%;
}
.big-banner-content {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto;
grid-template-columns: 1.25fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.big-banner-sign {
grid-row-gap: 1em;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
background-color: rgba(18, 73, 111, .7);
flex-direction: column;
align-items: flex-start;
padding: 60px 60px 60px 10%;
display: flex;
}
.section-fix {
background-color: var(--white);
flex-direction: column;
display: flex;
}
.section-fix.feature {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50% 0;
background-size: cover;
background-attachment: fixed;
flex: 0 auto;
grid-template-rows: .75fr 1fr 1fr 1fr .75fr;
grid-template-columns: 1fr 1fr 1fr .25fr;
grid-auto-columns: 1fr;
height: 80vh;
padding-top: 60px;
padding-bottom: 60px;
display: grid;
overflow: hidden;
}
.case-content {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.f-two-cell {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 2em;
padding-bottom: 1em;
display: grid;
}
.f-two-cell.compact {
width: 60%;
}
.f-two-cell.ro-f-two-cell {
grid-column-gap: 16px;
grid-row-gap: 16px;
padding-top: 0;
padding-bottom: 0;
}
.f-two-cell.f-two-cell-catalog {
grid-column-gap: 16px;
grid-row-gap: 16px;
padding-bottom: 0;
}
.certificate-rich {
max-height: 120px;
overflow: hidden;
}
.certificate-rich p {
font-size: .7em;
}
.product-lightbox {
flex-direction: column;
flex: 0 auto;
align-items: center;
width: 100%;
height: 70svh;
display: flex;
}
.pc-product-image {
object-fit: contain;
max-width: none;
height: 100%;
}
.tab-size-menu {
grid-column-gap: .75em;
grid-row-gap: .75em;
flex-direction: column;
justify-content: center;
display: flex;
}
.prd-head-wrap {
z-index: 100;
grid-column-gap: 1em;
grid-row-gap: 1em;
text-align: center;
flex-direction: column;
align-items: center;
padding-top: 2em;
padding-left: 4em;
padding-right: 4em;
display: flex;
position: relative;
}
.prd-head-wrap.prd-head-wrap-new {
padding-top: 1em;
padding-bottom: 1em;
}
.footer {
background-color: var(--dim-grey);
text-align: center;
align-items: flex-start;
}
.heading-12 {
color: rgba(84, 88, 96, .8);
}
.product-card-rt-bolder {
font-size: 16px;
}
.product-card-rt-bolder blockquote {
font-size: .7em;
line-height: 1em;
}
.product-card-rt-bolder img {
z-index: -1;
position: relative;
}
.product-card-rt-bolder h2 {
letter-spacing: 0;
text-transform: none;
font-size: 2.4em;
}
.product-card-rt-bolder p {
font-size: 1.1em;
}
.product-card-rt-bolder ul, .product-card-rt-bolder ol {
font-size: 1.2em;
}
.link-downloads {
font-size: 16px;
font-weight: 400;
line-height: 1.3;
}
.tab-item-value_big {
color: var(--white);
background-color: rgba(0, 0, 0, 0);
margin-bottom: 0;
font-size: 3vw;
font-weight: 700;
line-height: 1;
}
.link-overview {
color: rgba(255, 255, 255, .8);
letter-spacing: -1px;
text-transform: uppercase;
margin-top: 40px;
font-size: 1.4em;
font-weight: 700;
text-decoration: none;
}
.link-overview:hover {
color: #61cfff;
}
.link-overview.last {
margin-top: 20px;
}
.navbox {
grid-column-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 5% minmax(158px, 220px) auto .25fr 10%;
justify-content: space-between;
align-items: center;
width: 100%;
height: 60px;
padding-left: 4em;
padding-right: 4em;
display: flex;
}
.navbox.search {
grid-template-columns: 5% minmax(158px, .25fr) auto .25fr minmax(100px, 10%);
}
.brandholder {
position: relative;
}
.empty-state, .empty-state-2 {
display: none;
}
.cat-banner-item {
position: relative;
}
.video-products {
text-align: center;
}
.prd-pic-list {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-rows: auto auto auto;
grid-template-columns: 100px 1fr 1fr;
align-items: center;
display: flex;
}
.lightbox-thumbnail {
background-color: var(--white);
width: 100%;
height: 100%;
}
.prd-thumb-list {
grid-row-gap: 5px;
grid-template-rows: minmax(20px, 80px);
grid-template-columns: 1fr;
grid-auto-rows: minmax(20px, 80px);
grid-auto-columns: 1fr;
height: 80px;
display: flex;
}
.prd-thumb-wrap {
margin-top: 1.2em;
margin-bottom: 1.2em;
position: relative;
}
.parameters-tab-hero {
color: var(--white);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
padding-bottom: 60px;
padding-left: 5%;
padding-right: 5%;
position: relative;
}
.tab-item-value_med {
margin-bottom: 0;
font-size: 2.2em;
font-weight: 800;
line-height: 1;
}
.rtb-features p {
font-size: 1.2em;
line-height: 1.4;
}
.client-quote {
grid-column-gap: 16px;
grid-row-gap: 36px;
text-align: center;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.background-banner {
background-image: url("https://assets-global.website-files.com/605102305a586b6fafbbdc0a/6115108a8fac2d29d8e194d7_industrial.jpg");
background-position: 50%;
background-size: cover;
height: 116%;
position: absolute;
top: auto;
bottom: auto;
left: 0%;
right: 0%;
}
.background-banner.team-banner {
background-image: url("https://assets-global.website-files.com/605102305a586b6fafbbdc0a/616d7b73bd9d82a16596a8e3_2.webp");
}
.pin-stripe {
background-color: #f3f6fc;
width: 1px;
}
.wrapper {
z-index: 10;
width: 100%;
max-width: 1400px;
position: relative;
}
.wrapper.no-padding {
padding-left: 0;
padding-right: 0;
}
.stripe-container {
justify-content: space-between;
width: 100%;
height: 100%;
display: flex;
}
.stripe-wrapper {
z-index: 5;
justify-content: center;
width: 100vw;
min-width: auto;
margin-left: auto;
margin-right: auto;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: auto;
right: auto;
overflow: hidden;
}
.dual-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.hover-link {
color: #fff;
letter-spacing: 3px;
text-transform: uppercase;
background-color: rgba(255, 255, 255, 0);
border: 1px solid #fff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 11px;
text-decoration: none;
display: flex;
}
.section-bottom-cover {
z-index: 20;
background-color: #fff;
height: 0%;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.video-info {
grid-column-gap: 16px;
grid-row-gap: 19px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-left: 24px;
display: grid;
}
.background-cover {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
overflow: hidden;
}
.image-overlay {
z-index: 1;
background-color: rgba(18, 73, 111, .28);
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.image-overlay.dark-overylay {
background-color: rgba(9, 11, 25, .45);
}
.subtitle {
z-index: 10;
color: #090b19;
letter-spacing: 4px;
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
position: relative;
}
.subtitle.white {
color: #fff;
}
.hover-link-wrapper {
z-index: 100;
opacity: 1;
justify-content: center;
align-items: center;
width: 148px;
height: 148px;
padding: 24px;
display: flex;
position: absolute;
top: auto;
bottom: 5vw;
left: auto;
right: 0;
}
.hover-link-wrapper.video-link-wrapper {
margin-left: -24px;
position: relative;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.section_large {
z-index: 10;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 120px 5vw;
display: flex;
position: relative;
}
.section_large.video-section {
z-index: 10;
color: #fff;
padding-top: 100px;
padding-bottom: 100px;
}
.listbox {
border: 1px solid var(--light-grey);
background-color: var(--white);
height: 50px;
padding-right: 25px;
font-size: 1em;
}
.listbox.ro-listbox {
border-radius: 12px;
}
.listbox.ro-field-step-2-dropbox {
border-radius: 12px;
width: 250px;
margin-bottom: 0;
padding-left: 10px;
}
.textarea-box {
border: 1px solid var(--light-grey);
min-height: 100px;
font-size: .9em;
}
.back-button {
z-index: 990;
opacity: .8;
background-color: rgba(255, 255, 255, .62);
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
align-items: center;
width: 50px;
height: 40px;
padding-left: 4px;
font-size: .8em;
font-weight: 600;
transition: opacity .2s;
display: flex;
position: fixed;
top: 220px;
box-shadow: 0 6px 6px rgba(84, 88, 96, .15);
}
.back-button:hover {
opacity: 1;
}
.overview-image {
object-fit: contain;
width: 100%;
height: 100%;
}
.feature-mask {
height: 60vh;
}
.landing-h1-bottom {
margin-top: 0;
font-size: 2em;
}
.landing-h1-bottom.up {
margin-top: 20px;
margin-bottom: 0;
}
.category-list {
z-index: 1;
position: relative;
}
.category-list.ecomix {
background-color: #d8966e;
flex-direction: column;
justify-content: space-between;
}
.category-list.domestic {
background-color: rgba(61, 105, 124, .53);
}
.category-list.horeca {
background-color: #aa8583;
}
.category-list.commercial {
background-color: rgba(84, 88, 96, .59);
}
.category-list.industrial {
background-color: #1f303c;
}
.category-list.inline {
background-color: #2d7ea1;
}
.category-list.point {
background-color: #245d8c;
}
.category-list.aquabox {
background-color: #899ec8;
}
.table-item-table {
grid-column-gap: 16px;
grid-row-gap: 7px;
flex-direction: column;
grid-template-rows: minmax(50px, 1fr);
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
min-height: 100px;
display: grid;
}
.top-name-partner {
grid-template-rows: auto;
grid-template-columns: .25fr .75fr 1fr;
}
.partner-grid-holder {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto minmax(40px, 76px) auto auto;
grid-template-columns: 5% 1fr 1fr 1fr 1fr 5%;
padding-bottom: 60px;
}
.grid-pic-fullwidth {
height: 62vh;
}
.grid-pic-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.grid-pic-image.full {
min-height: 420px;
}
.grid-sign-blue {
color: var(--white);
background-color: rgba(18, 73, 111, .8);
padding: 60px 60px 60px 10%;
}
.grid-sign-blue.frosted {
z-index: 2;
padding: 1.2em 4em;
position: relative;
}
.grid-sign-blue.frosted.test {
display: none;
}
.partner-item-content {
grid-column-gap: 1em;
grid-row-gap: 1em;
background-color: var(--white);
flex-direction: column;
align-self: auto;
align-items: flex-start;
padding: 3em;
display: flex;
box-shadow: 0 5px 10px 2px rgba(84, 88, 96, .15);
}
.partner-item-content.frosted.longer {
margin-left: -50px;
margin-right: -60px;
padding-left: 116px;
}
.quote-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 5% 1fr 1.5fr 5%;
grid-template-areas: ". Picture Quote"
". Picture .";
margin-top: 100px;
padding-bottom: 100px;
}
.quote-content {
padding-left: 40px;
}
.quote-autor {
margin-top: 60px;
}
.clip {
position: relative;
overflow: hidden;
}
.banner-wrapper {
justify-content: center;
display: flex;
position: relative;
overflow: hidden;
}
.banner-content {
justify-content: center;
align-items: center;
width: 100%;
min-height: 400px;
margin-left: auto;
display: flex;
position: relative;
overflow: hidden;
}
.button-2 {
color: #fff;
text-align: center;
letter-spacing: 3px;
text-transform: uppercase;
background-color: #090b19;
border: 1px solid #090b19;
border-radius: 100px;
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 16px 28px;
font-size: 11px;
text-decoration: none;
transition: all .4s cubic-bezier(.25, .46, .45, .94);
display: flex;
position: relative;
overflow: hidden;
}
.button-2:hover {
color: #090b19;
background-color: #e2e7f1;
border-color: #e2e7f1;
}
.grid-three-colummn {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1.25fr 1.25fr 1.25fr 1.25fr 1.25fr;
grid-auto-columns: 1fr;
display: none;
}
.grid-three-colummn.short {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1.25fr 1.25fr 1.25fr 1.25fr 1.25fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-container-fullwidth {
padding: 60px 5% 100px;
}
.collection-list-2 {
grid-column-gap: 30px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.certificate-preview-link {
grid-column-gap: 1em;
grid-row-gap: 1em;
text-align: center;
flex-direction: column;
grid-template-rows: 62px auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.certificate-preview-link:hover {
color: var(--white);
}
.certificate-preview-pic {
width: 180px;
}
.grid-just-sign {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr 1fr 1fr 1.5fr;
}
.button-line {
grid-column-gap: .5em;
grid-row-gap: .5em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
justify-items: start;
display: flex;
}
.history-wrap {
overflow: hidden;
}
.ico-image {
object-fit: contain;
height: 80%;
}
.history-item {
padding-top: 40px;
padding-left: 60px;
padding-right: 60px;
}
.slide-big-image {
z-index: 50;
background-color: var(--white);
height: 60vh;
min-height: 560px;
}
.slide-image-wrap {
width: 100%;
height: 100%;
overflow: hidden;
}
.slide-image-in {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
}
.left-arrow {
padding-left: 20%;
}
.right-arrow {
padding-right: 20%;
display: flex;
}
.linkicon-text {
align-items: center;
padding-left: 4px;
font-size: .9em;
font-weight: 600;
display: flex;
}
.linkicon {
color: var(--dark-slate-blue);
flex-direction: row;
width: 100%;
display: flex;
}
.linkicon:hover {
text-decoration: underline;
}
.linkicon.white {
color: var(--white);
margin-top: 10px;
}
.icobox {
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
display: flex;
overflow: hidden;
}
.icobox.white {
background-color: var(--white);
border-radius: 2em 2em 2em 0;
width: 50px;
height: 50px;
padding: 10px;
}
.link-block {
flex-direction: column;
padding-top: 10px;
display: flex;
}
.link-block-pic {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.image-link {
object-fit: contain;
flex: 1;
}
.mask {
min-height: 500px;
}
.slide-nav {
height: 80px;
}
.square-arrow {
background-color: rgba(18, 73, 111, .8);
width: 80px;
height: 60px;
position: absolute;
top: 40%;
bottom: 0%;
left: auto;
right: 0%;
}
.square-arrow.left {
top: 40%;
bottom: 0%;
left: 0%;
right: auto;
}
.hero-content-wrap {
z-index: 30;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: stretch;
align-items: center;
justify-items: start;
height: 100%;
margin-top: 60px;
display: grid;
position: relative;
}
.hero-subbox-wrap {
grid-column-gap: 16px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: start;
max-width: 80ch;
height: 100%;
display: grid;
}
.success-message {
text-align: left;
background-color: rgba(0, 0, 0, 0);
}
.success-message.success-download {
max-width: 60ch;
}
.headbox-in {
flex-direction: column;
display: flex;
}
.menu-link-copy {
color: var(--white);
text-align: left;
font-size: 1em;
}
.menu-link-copy:hover {
color: var(--deep-sky-blue);
}
.map-wrapper {
min-height: 500px;
max-height: 800px;
}
.contact-grid {
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
}
.map {
height: 100%;
}
.simple-rich {
width: 80ch;
}
.simple-rich h2 {
margin-top: 40px;
}
.simple-rich h1 {
font-size: 3.6em;
}
.link-column {
grid-column-gap: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(80px, 160px) 1fr;
}
.iframe-embed {
height: 170%;
}
.field-label {
text-align: left;
}
.rich-minion {
padding-top: 20px;
}
.rich-minion blockquote {
border-left-style: none;
padding-left: 0;
font-size: .8em;
}
.image {
object-fit: contain;
width: 100%;
height: 100%;
}
.search-url {
color: var(--dark-slate-blue-2);
font-size: .7em;
}
.search-desc {
color: var(--dim-grey);
}
.search-pic {
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.search-desc-grid {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
align-items: center;
display: flex;
}
.navsearch {
background-color: rgba(0, 0, 0, 0);
width: 60px;
display: none;
position: fixed;
top: 0%;
bottom: auto;
left: auto;
right: 0;
}
.navmenu {
background-color: var(--dark-slate-blue-2);
opacity: 1;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
height: 100%;
padding-top: 60px;
padding-left: 25%;
padding-right: 25%;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.search-button {
z-index: 99;
justify-content: center;
align-items: center;
height: 60px;
padding-top: 11px;
}
.search-button.w--open {
z-index: 99;
background-color: rgba(0, 0, 0, 0);
}
.image-2 {
width: 100%;
max-width: none;
height: 100%;
position: relative;
}
.top-banner-wrapper {
z-index: 99;
position: relative;
top: 60px;
bottom: auto;
left: 0%;
right: 0%;
overflow: hidden;
}
.top-banner {
background-color: var(--dark-slate-blue);
}
.top-banner-sign {
color: var(--white);
width: 1024px;
max-width: 90%;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
}
.top-banner-sign:hover {
color: var(--deep-sky-blue);
}
.top-banner-sign-content {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: center;
align-items: center;
height: 60px;
display: flex;
}
.donate-icon {
max-height: 100%;
}
.banner-line-wrapper {
display: none;
}
.banner-line-container {
cursor: pointer;
overflow: hidden;
}
.modal-wrapper {
z-index: 600;
flex-direction: column;
width: 100%;
height: 100vh;
display: none;
position: fixed;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.modal-container {
background-color: var(--white);
margin: 10% 20%;
padding: 60px;
position: relative;
overflow: scroll;
}
.modal-mat {
background-color: rgba(18, 73, 111, .94);
width: 100%;
height: 100%;
position: absolute;
}
.modal-close {
cursor: pointer;
width: 80px;
height: 80px;
position: fixed;
top: 6%;
bottom: auto;
left: auto;
right: 0%;
}
.sign-up-form {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.form-holder {
padding: 4em 0;
}
.lang-holder {
color: var(--dark-slate-blue);
align-items: center;
font-size: .6em;
font-weight: 500;
display: flex;
}
.searsh-drop-hold {
z-index: 1500;
justify-content: center;
align-items: center;
position: static;
}
.lang-toggle {
justify-content: space-around;
margin-left: 0;
margin-right: 0;
padding: 0;
display: flex;
}
.brand-wrap {
align-items: center;
max-width: 140px;
height: 60px;
display: flex;
}
.brand-hold {
grid-column-gap: 4px;
align-items: center;
margin-top: -8px;
display: flex;
}
.navhold {
background-color: var(--white);
justify-content: space-between;
height: 60px;
display: flex;
}
.lang-list {
list-style-type: none;
}
.lang-link {
grid-column-gap: 6px;
color: var(--dark-slate-blue);
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 12px 16px;
display: flex;
}
.lang-link.w--current {
opacity: .5;
}
.lang-link.hide {
display: none;
}
.flag-wrap {
width: 24px;
height: 24px;
}
.flag-item {
width: 100%;
height: 100%;
}
.lang-drop-list {
padding-bottom: 0;
}
.lang-drop-list.w--open {
background-color: var(--white);
padding-top: 10px;
padding-bottom: 10px;
top: 50px;
left: -6px;
}
.hero-buttons-group {
grid-column-gap: 1em;
align-items: flex-start;
display: flex;
}
.hero-buttons-group.hero-buttons-groupcalculator {
margin-top: 1em;
}
.banner-nav-wrap {
z-index: 1500;
background-color: rgba(0, 0, 0, 0);
display: none;
position: fixed;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.bnr-nav {
position: relative;
}
.bnt-nav-cont-wrap {
background-color: #ebebeb;
width: 100%;
height: 100%;
display: flex;
position: fixed;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
overflow: hidden;
}
.bnr-tease {
z-index: 3;
width: 5em;
height: 5em;
margin-bottom: 100px;
padding: 0;
transition: all .2s;
}
.bnr-tease:hover {
width: 6em;
height: 6em;
}
.bnr-tease.w--open {
background-color: rgba(0, 0, 0, 0);
}
.tease-hint-wrap {
background-color: var(--gold);
width: 100%;
height: 100%;
transition: all .2s;
display: flex;
overflow: hidden;
box-shadow: 0 0 8px rgba(20, 40, 54, .78);
}
.tease-flag {
flex-direction: column;
justify-content: space-between;
width: 16px;
display: flex;
}
.flag-hold {
width: 100%;
height: 50%;
}
.flag-hold.yellow {
background-color: var(--gold);
}
.flag-hold.blue {
background-color: var(--deep-sky-blue);
}
.tease-pic {
align-items: center;
width: 100%;
padding: .6em;
display: flex;
}
.map-holder {
justify-content: center;
align-items: center;
width: 100%;
height: 80vh;
min-height: 400px;
display: flex;
position: relative;
overflow: hidden;
}
.top-flag {
color: var(--dark-slate-blue);
text-align: left;
flex-direction: row;
justify-content: space-between;
align-items: center;
display: flex;
}
.top-flag-line {
flex-direction: row;
align-items: center;
width: 100%;
height: 50%;
display: flex;
}
.top-flag-line.yellow {
background-color: var(--gold);
padding: 2em;
}
.top-flag-line.blue {
background-color: var(--deep-sky-blue);
}
.map-in {
flex: 0 auto;
justify-content: space-around;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.map-in-img {
object-fit: contain;
width: 100%;
height: 100%;
}
.tease-close {
justify-content: center;
align-self: center;
align-items: center;
width: 50%;
min-width: 60px;
height: 50%;
min-height: 60px;
margin-left: -11em;
display: flex;
position: relative;
}
.image-4 {
width: 100%;
}
.box-yellow {
background-color: var(--gold);
align-self: stretch;
width: 16vh;
min-width: 16vh;
height: 16vh;
min-height: 16vh;
padding: 1em;
display: flex;
}
.flag-logo {
padding: 3em;
}
.button-holder {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: row;
display: flex;
}
.block-header {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
padding: 4em 2em 2em;
}
.block-content {
margin-bottom: 2em;
padding: 2em;
}
.user-account-wrapper {
padding: 1em;
}
.form-footer {
justify-content: flex-start;
}
.form-header {
display: flex;
}
.navbox-item {
justify-content: flex-end;
align-items: center;
height: 100%;
display: flex;
}
.close {
width: 50px;
height: 50px;
}
.search-dropdown-wrap {
display: none;
}
.search-dropdown-wrap.w--open {
z-index: 1400;
background-color: rgba(0, 0, 0, 0);
padding-right: 60px;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.search-toggle {
z-index: 1500;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
}
.search-item {
background-color: rgba(0, 0, 0, 0);
flex: 1;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.search-item.hide {
display: none;
}
.nav-item-btn {
z-index: 1500;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
padding: 2px;
display: flex;
position: relative;
}
.nav-item-btn.hide {
display: none;
}
.grid {
grid-template-rows: auto;
grid-template-columns: .25fr .25fr 1fr .5fr 1fr 1fr 1fr;
}
.rich-text-block {
padding-top: 5px;
font-weight: 700;
}
.hero-info {
grid-column-gap: 2em;
justify-content: space-between;
padding-top: .5em;
padding-bottom: 1em;
padding-left: 18em;
display: flex;
position: relative;
}
.hero-info-left {
align-items: center;
display: flex;
}
.hero-info-right {
align-items: center;
width: 60%;
display: flex;
}
.product-category-wrap {
padding-top: 2em;
padding-bottom: 2em;
}
.product-category-item {
background-color: var(--light-grey);
flex-direction: column;
justify-content: space-around;
display: flex;
}
.pc-item-left {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
min-height: 56vh;
max-height: 100vh;
display: flex;
position: relative;
top: 0;
overflow: hidden;
}
.pc-item-right {
flex-direction: column;
align-items: stretch;
width: 100%;
display: flex;
}
.pc-item-right.ind-temp {
background-color: var(--pc-industrial\);
}
.tag-parametr {
grid-column-gap: .4em;
background-color: var(--white-smoke);
color: var(--dark-slate-blue);
border-radius: 2em;
flex: none;
padding: .2em .5em;
font-size: .8em;
font-weight: 600;
display: flex;
}
.tag-parametr.dark {
color: var(--dim-grey);
background-color: rgba(98, 129, 156, .23);
font-size: .5em;
}
.tag-parmetn-units {
opacity: .5;
}
.pc-item-cover {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.pc-item-info {
z-index: 5;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.pc-item-txtbox {
grid-column-gap: 1.75em;
grid-row-gap: 1.75em;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
color: var(--white);
flex-direction: column;
min-height: 380px;
padding: 4em;
display: flex;
}
.pi-wrap {
display: none;
overflow: hidden;
}
.pi-wrap.show {
display: block;
}
.pi-list {
grid-column-gap: 2%;
grid-row-gap: 2vw;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-content: stretch;
justify-content: space-around;
padding: 2%;
display: flex;
}
.pi-item {
width: 23%;
padding: 0;
}
.pi-item.c-two-pa {
width: 48%;
}
.pi-item.c-full-pa {
width: 100%;
}
.pi-item.c-three-pa {
width: 32%;
}
.pi-item-in {
background-color: var(--white-smoke);
color: var(--white);
border-radius: 1em;
flex-direction: column;
justify-content: space-between;
min-height: 36vw;
padding-top: 1.6em;
padding-left: .8em;
padding-right: .8em;
transition: all .3s cubic-bezier(.455, .03, .515, .955);
display: flex;
position: relative;
box-shadow: 0 2px rgba(255, 255, 255, .31), inset 0 1px 6px rgba(0, 0, 0, .38);
}
.pi-item-in:hover {
border: 6px solid var(--deep-sky-blue);
color: var(--white);
border-radius: 0;
}
.pi-item-img {
flex: 1;
justify-content: space-around;
align-items: center;
width: 100%;
max-height: 30vw;
display: flex;
position: relative;
overflow: visible;
}
.pi-item-info {
flex-direction: column;
flex: none;
align-items: center;
display: flex;
position: relative;
}
.pi-item-info.light {
align-items: flex-start;
}
.pi-item-info.light.temp {
align-items: center;
}
.plist-heading {
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 1.4em;
}
.plist-heading.small {
text-align: left;
font-size: .7em;
}
.plist-label {
letter-spacing: .2em;
text-transform: uppercase;
font-size: .5em;
font-weight: 600;
display: none;
}
.pi-item-img-in {
object-fit: contain;
width: 100%;
height: 100%;
display: block;
position: relative;
}
.pi-category-name {
letter-spacing: .2em;
text-transform: uppercase;
font-size: .6em;
font-weight: 600;
display: none;
}
.pc-title {
display: none;
}
.pi-item-bg {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50% 80%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 100%;
position: absolute;
}
.pc-item-ico {
background-color: rgba(255, 255, 255, .64);
border-top-left-radius: 40px;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
width: 80px;
height: 80px;
padding: 15px 15px 15px 10px;
position: relative;
}
.btn-flex-line {
grid-column-gap: 1em;
display: flex;
}
.btn-secondary {
border: 2px solid var(--white);
color: var(--white);
background-color: rgba(0, 0, 0, 0);
border-radius: 0 4em 4em;
align-self: flex-start;
padding: .8em 1.6em;
font-size: .8em;
transition: background-color .2s, border-color .2s, color .2s;
}
.btn-secondary:hover {
background-color: var(--deep-sky-blue);
color: var(--white);
}
.btn-secondary.stroke {
border: 2px solid var(--deep-sky-blue);
background-color: var(--white);
color: var(--deep-sky-blue);
border-top-left-radius: 0;
padding: 10px 15px;
font-size: 1em;
}
.btn-secondary.stroke:hover {
border-color: var(--dark-slate-blue);
color: var(--dark-slate-blue);
}
.header-pc {
z-index: 600;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-color: rgba(255, 255, 255, .8);
justify-content: space-between;
align-items: center;
height: 74px;
padding: 0 5%;
display: flex;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.pcm-wrap {
z-index: 1000;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.pcm-list {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
}
.pcm-list.wrap {
grid-row-gap: 0px;
flex-wrap: wrap;
align-content: flex-start;
justify-content: center;
align-items: center;
}
.pcm-item {
align-items: center;
display: flex;
}
.pcm-contain {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.pcm-item-label {
text-align: center;
max-width: 100px;
font-size: 12px;
line-height: .8;
display: flex;
}
.pcm-ico-in {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 2em;
height: 2em;
display: none;
}
.pcm-ico {
justify-content: center;
align-items: center;
padding: 1.2em;
display: flex;
}
.pcm-holder {
z-index: 1100;
background-color: var(--white);
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: -webkit-sticky;
position: sticky;
top: -1px;
bottom: auto;
left: 0%;
right: 0%;
}
.pcm-holder.no--sticky {
position: relative;
}
.pcm-drop-hold {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-color: rgba(255, 255, 255, .8);
display: none;
position: relative;
overflow: scroll;
}
.pcm-drop-hold.hide {
display: flex;
}
.pcm-drop-hold.show {
margin-top: 232px;
display: block;
}
.pis-list {
grid-column-gap: .5em;
grid-row-gap: 2em;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
flex-wrap: wrap;
align-content: flex-start;
justify-content: flex-start;
width: 100%;
padding: 1em 5% 2em;
display: flex;
}
.pis-item {
align-self: flex-start;
width: 16%;
min-width: 8vw;
max-width: 24vw;
display: flex;
}
.pis-item-wrap {
grid-column-gap: .25em;
grid-row-gap: .25em;
color: var(--dim-grey);
display: flex;
}
.pis-item-wrap:hover {
color: var(--deep-sky-blue);
}
.pis-item-wrap.line-pis-item-wrap {
align-items: center;
}
.pis-item-pic {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 50px;
height: 50px;
}
.pis-item-pic.pis-item-pic-line {
object-fit: contain;
}
.pc-holder-big {
background-color: var(--pc-industrial\);
flex-direction: column;
display: flex;
}
.pc-shortlist {
background-color: rgba(255, 255, 255, .9);
padding: 2.5em 5%;
display: flex;
}
.pls-subtag {
height: 20px;
margin-bottom: -5px;
font-size: .6em;
font-weight: 700;
display: none;
}
.pcm-item-link {
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 60px;
height: 40px;
padding-top: 6px;
padding-bottom: 6px;
display: flex;
position: relative;
}
.pcm-item-link.wrap {
height: 50px;
padding: 6px 8px 6px 0;
overflow: hidden;
}
.pcm-dropdown {
max-height: 80vh;
position: absolute;
top: 40px;
left: 0%;
right: 0%;
overflow: scroll;
}
.pcm-dropdown.relative {
width: 100vw;
position: relative;
top: auto;
}
.pcm-dropdown.wrap {
top: 58px;
}
.pcm-dropdown.pcm-dropdown-ua {
top: 50px;
}
.pcm-dropdown-contain {
background-color: var(--white);
flex-direction: column;
justify-content: space-around;
width: 100%;
padding-top: 1em;
display: none;
}
.pcm-dropdown-contain.active {
display: block;
}
.pcm-dropdown-contain.show {
display: flex;
}
.pis-category {
display: none;
}
.pcm-title.pcm-title-ua {
font-size: 10px;
line-height: 1;
}
.pcm-link-area {
width: 100%;
height: 100%;
position: absolute;
}
.area-holder {
z-index: 100;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.mc-family-title, .mc-wrap {
display: none;
}
.mc-list {
grid-column-gap: .5em;
grid-row-gap: .5em;
background-color: var(--dim-grey-box\);
border-radius: 1em 1em 1em 0;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding: 2em;
display: grid;
}
.mc-item {
justify-content: space-around;
padding: 4px;
display: flex;
position: relative;
}
.mc-item-link {
text-align: center;
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.mc-item-link.w--current {
align-items: stretch;
padding: 4px;
}
.mc-title-in {
display: none;
}
.mc-contain {
padding-top: 1em;
padding-bottom: 1em;
}
.mc-options-txt {
color: var(--dim-grey);
font-size: 12px;
}
.subc-wrap {
width: 100%;
}
.subc-item {
border-bottom: 1px solid var(--light-grey);
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.subc-title {
letter-spacing: .4px;
text-transform: uppercase;
font-size: .5em;
font-weight: 600;
line-height: 1;
}
.subc-empty {
display: none;
}
.pcm-buttons {
grid-column-gap: 1em;
grid-row-gap: .5em;
justify-content: center;
align-self: stretch;
align-items: flex-start;
min-width: 200px;
display: flex;
}
.cat-hold {
display: flex;
}
.sub-list-hold {
grid-column-gap: .5em;
grid-row-gap: 2em;
flex-wrap: wrap;
align-content: flex-start;
justify-content: flex-start;
width: 100%;
padding: 1em 5%;
display: flex;
}
.subc-title-wrap {
text-align: right;
justify-content: flex-end;
align-items: center;
width: 6vw;
padding-right: 1em;
display: flex;
}
.ab-catbanner-hold {
margin-bottom: 4em;
}
.ab-catsign {
padding: 3em 15%;
}
.h2-trivia {
text-align: center;
text-transform: none;
margin-top: 37px;
font-size: 2vw;
font-weight: 500;
}
.ab-cat-list {
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.ab-cat-item {
min-height: 18vh;
overflow: hidden;
}
.collection-list-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.ab-cat-item-wrap {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
flex-direction: column;
height: 100%;
padding: 2em 20%;
display: flex;
}
.ab-cat-item-sign {
color: var(--dim-grey);
text-align: center;
letter-spacing: .5px;
text-transform: uppercase;
flex-direction: column;
align-items: center;
line-height: 1;
display: flex;
position: relative;
}
.btn-embed {
height: 32px;
padding-bottom: 2em;
}
.ab-cat-desc {
font-size: .8em;
position: relative;
}
.ab-cat-bg {
opacity: .45;
mix-blend-mode: multiply;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.cover-sign-wrap {
width: 70%;
}
.cover-heading {
font-size: 4vw;
}
.tabs-menu {
justify-content: space-around;
display: flex;
}
.ab-tab {
background-color: var(--dim-grey);
color: var(--white);
flex: 1;
justify-content: center;
padding: 1.2em;
display: flex;
}
.ab-tab:hover {
color: var(--deep-sky-blue);
}
.ab-tab.w--current {
background-color: var(--dark-slate-blue);
}
.ab-area, .ab-area-in {
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.ab-cat-bgcolor {
opacity: .4;
mix-blend-mode: color;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.pcm-holder-in {
grid-column-gap: 3em;
grid-row-gap: 3em;
background-color: var(--white-smoke);
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
padding-left: 4em;
padding-right: 4em;
display: flex;
}
.pcm-safearea {
width: 160px;
}
.pcm-safearea.left {
width: 170px;
}
.drop-toggle-ico {
justify-content: center;
align-items: center;
display: flex;
}
.searsh-ico {
height: 100%;
}
.lang-drop-hold {
justify-content: flex-start;
margin-left: 0;
margin-right: 0;
display: flex;
}
.code-hide {
height: 0;
display: none;
}
.home-banner-link {
z-index: 900;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.pc-item-sign-item {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
flex: 1;
justify-content: space-around;
align-self: flex-start;
align-items: center;
padding: .8em 1.6em .8em 5%;
font-size: 1.8em;
font-weight: 600;
display: flex;
}
.pc-item-sign-wrap {
z-index: 350;
background-color: var(--dark-slate-blue-2);
justify-content: space-around;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 120px;
overflow: hidden;
}
.tip-message-wrap {
z-index: 1000;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 100%;
padding-top: 16px;
display: none;
position: fixed;
top: auto;
bottom: 0%;
overflow: hidden;
}
.tip-message-wrap.hide {
display: none;
}
.tip-message-item {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
border-style: solid solid none;
border-top-width: 2px;
border-top-color: var(--dark-slate-blue);
border-right-width: 2px;
border-right-color: var(--dark-slate-blue);
border-left-width: 2px;
border-left-color: var(--dark-slate-blue);
background-color: var(--white);
border-top-left-radius: 1em;
border-top-right-radius: 1em;
align-items: center;
padding: 1em 2.2em;
display: flex;
position: relative;
}
.ftr-copy-wrap {
border-top: 1px solid var(--light-grey);
justify-content: space-between;
padding-top: 1em;
padding-bottom: 4em;
display: flex;
}
.ftr-copy-wrap.ftr-copy-wrap-2 {
padding-bottom: 0;
}
.tip-message-txt {
text-align: left;
max-width: 40ch;
font-size: .8em;
font-weight: 500;
}
.tep-message-cta {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
font-size: .8em;
display: flex;
}
.ctl-pages-wrap {
flex-direction: column;
justify-content: space-around;
display: flex;
}
.ctl-page-holder {
flex-direction: column;
flex: 1;
min-height: 60vh;
display: flex;
}
.ctl-page-holder.section, .ctl-page-holder.cover {
background-color: var(--dim-grey);
color: var(--white);
}
.ctl-page-in {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
padding: 6em;
display: flex;
}
.ctl-temp-nav-wrap {
z-index: 500;
background-color: var(--white);
justify-content: space-between;
display: none;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.ctl-nav-block {
align-items: center;
padding: 1em;
display: flex;
}
.global-tag-in {
display: block;
}
.global-tag {
display: none;
}
.ctl-tipbox {
grid-column-gap: 2em;
grid-row-gap: 2em;
background-color: var(--dim-grey);
color: var(--white);
margin-bottom: 2em;
padding: 2em;
font-weight: 600;
display: flex;
}
.ctl-pic-wrap {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 40vh;
min-height: 300px;
max-height: 480px;
display: flex;
}
.ctl-image {
object-fit: contain;
max-width: none;
height: 100%;
}
.cnf-prod-item {
grid-column-gap: 2em;
grid-row-gap: 2em;
display: flex;
}
.go-product-wrap {
height: 100%;
}
.go-product-list {
flex-direction: column;
height: 100%;
display: flex;
}
.go-section {
flex-direction: column;
padding-top: 1em;
display: flex;
}
.go-page-wrap {
height: 100%;
overflow: hidden;
}
.go-page-wrap.gray {
background-color: var(--white-smoke);
}
.go-page-wrap.gray.last {
padding-bottom: 6em;
}
.go-page-wrap.blue {
background-color: rgba(36, 93, 140, .15);
}
.go-page-wrap.dark-gray {
background-color: var(--light-grey);
}
.go-hero {
flex-direction: column;
padding-top: 1em;
padding-left: 4em;
padding-right: 4em;
display: flex;
}
.go-select-list {
grid-column-gap: 1em;
grid-row-gap: 1em;
background-color: var(--white-smoke);
justify-content: space-between;
padding: .5em 2.4em;
font-size: 1.6em;
display: flex;
}
.go-select-list.transparent {
color: var(--white);
background-color: rgba(0, 0, 0, 0);
justify-content: flex-start;
padding: 0;
font-size: 1em;
}
.go-select-list.short {
font-size: 1.4em;
}
.go-select-item {
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
font-weight: 600;
display: flex;
}
.temp-assets {
display: none;
}
.go-paragraph-bold {
color: var(--dark-slate-blue);
font-family: CeraPRO-Bold, sans-serif;
font-weight: 700;
}
.go-prodcard-wrap {
height: 100%;
}
.go-prodcard-item {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex: 1;
margin-bottom: 0;
display: flex;
position: relative;
}
.go-prodcard-item.hide {
display: none;
}
.go-prodcard-item.hide.last {
display: flex;
}
.go-prodcard-col {
flex-direction: column;
justify-content: flex-start;
width: 50%;
padding-top: 2em;
padding-bottom: 2em;
display: flex;
}
.go-prodcard-col.gray {
background-color: var(--white-smoke);
}
.go-prodcard-col.left {
background-color: var(--white-smoke);
align-items: center;
width: 40%;
padding-top: 3em;
padding-bottom: 2em;
padding-left: 3em;
position: relative;
}
.go-h3 {
color: var(--dark-slate-blue);
font-family: CeraPRO-Bold, sans-serif;
}
.go-heading-wrap {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
max-width: 80ch;
padding-top: 4em;
padding-bottom: 1em;
padding-left: 4em;
display: flex;
}
.go-heading-wrap.small-indent {
padding-top: 0;
}
.go-part-label {
background-color: var(--dim-grey);
color: var(--white);
border-radius: 2em;
align-self: flex-start;
align-items: center;
padding: .6em 1.2em;
font-size: .8em;
font-weight: 600;
display: flex;
}
.go-part-title {
color: var(--dark-slate-blue);
font-family: CeraPRO-Bold, sans-serif;
}
.go-tabcontent-wrap {
padding-left: 5em;
padding-right: 5em;
font-size: .8em;
}
.go-tabco-item {
border-bottom: 1px dashed var(--dim-grey-2);
grid-template-rows: auto;
grid-template-columns: .25fr .75fr 80px 160px;
grid-auto-columns: 1fr;
min-height: 40px;
padding-left: .8em;
display: grid;
}
.go-tabco-item.hide {
display: none;
}
.go-tabco-item.hide.last {
grid-auto-columns: 1fr;
display: grid;
}
.go-tabco-item.short {
grid-template-columns: .25fr .75fr;
}
.go-tabco-row {
padding-top: 1em;
padding-bottom: 1.6em;
}
.go-tabco-row.price {
padding-top: 1em;
}
.go-tabco-row-title {
color: var(--dark-slate-blue);
font-size: 1.4em;
font-weight: 600;
}
.go-custombox-wrap {
border: 2px solid var(--white-smoke);
border-radius: 0 1em 0 0;
overflow: hidden;
}
.go-custombox-head-wrap {
justify-content: space-between;
align-items: center;
padding: 1em 2em;
display: flex;
}
.go-custombox-footer {
background-color: var(--white-smoke);
justify-content: space-between;
padding: .8em 2em;
display: flex;
}
.go-custombox-body {
justify-content: space-between;
align-items: center;
padding-bottom: 1em;
padding-left: 2em;
padding-right: 2em;
display: flex;
position: relative;
}
.go-custombox-name {
width: 60%;
}
.go-custombox-addinfo {
grid-column-gap: .5em;
grid-row-gap: .5em;
flex-direction: column;
align-items: flex-end;
width: 30%;
font-size: .8em;
display: flex;
}
.go-grid-in {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 480px 180px;
align-items: stretch;
overflow: hidden;
}
.go-grid-wrap {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
padding-bottom: 4em;
padding-left: 4em;
display: flex;
}
.go-grid-cell {
border-bottom: 1px solid var(--light-grey);
align-items: center;
padding-top: .6em;
padding-bottom: .4em;
font-size: .8em;
display: flex;
}
.go-grid-cell.value {
color: var(--dark-slate-blue);
font-weight: 600;
}
.go-grid-cell.full {
font-size: 1.25em;
font-weight: 600;
}
.go-footnotes-wrap {
padding: 2em 8em;
}
.go-footnotes-list {
padding-top: 4em;
padding-bottom: 4em;
font-size: .75em;
}
.go-footnote {
list-style-type: decimal;
}
.go-starthero-wrap {
grid-column-gap: 1em;
grid-row-gap: 1em;
display: flex;
position: relative;
}
.go-hero-left {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
width: 50%;
min-height: 300px;
display: flex;
}
.go-hero-right {
justify-content: space-around;
width: 50%;
max-height: 40vh;
display: flex;
}
.pic-simple {
justify-content: space-around;
width: 100%;
height: 100%;
display: flex;
overflow: hidden;
}
.img-simple {
object-fit: contain;
width: 100%;
max-width: none;
height: 100%;
}
.img-simple.cover {
object-fit: cover;
object-position: 100% 100%;
}
.go-selector-wrap {
margin-bottom: 2em;
}
.go-selector-list {
grid-column-gap: 1em;
grid-row-gap: 1em;
justify-content: space-between;
align-items: center;
display: flex;
}
.go-pack-list {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
display: flex;
}
.go-pack-item {
border: 3px solid var(--light-grey);
border-radius: 0 1em 1em;
flex-direction: column;
justify-content: space-around;
padding: 2em;
transition: border-color .2s;
display: flex;
position: relative;
}
.go-pack-item:hover {
border-color: var(--deep-sky-blue);
}
.go-pack-item-wrap {
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 1em;
padding-bottom: 1em;
display: flex;
}
.go-preview-wrap {
grid-column-gap: 2em;
grid-row-gap: 2em;
justify-content: center;
align-items: flex-end;
display: flex;
}
.go-preview-item {
text-align: center;
font-size: .7em;
font-weight: 500;
}
.go-preview-col-list {
grid-column-gap: 2em;
grid-row-gap: 2em;
align-items: center;
display: flex;
}
.go-pack-title-wrap {
color: var(--dark-slate-blue);
font-size: 1.8em;
font-weight: 600;
}
.go-arrow {
width: 40px;
height: 40px;
transform: rotate(180deg);
}
.go-pack-link {
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.go-pack-options-list {
grid-column-gap: 1em;
grid-row-gap: 1em;
justify-content: flex-start;
display: flex;
}
.go-pack-options-item {
font-size: .75em;
font-weight: 600;
}
.go-prodcadr-pic {
mix-blend-mode: multiply;
width: 22rem;
position: relative;
}
.go-selector-form {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
display: flex;
}
.go-preview-pic {
width: 72px;
height: 72px;
}
.form-go-customize {
justify-content: space-between;
display: flex;
}
.form-go-customize-in {
flex: 1;
justify-content: space-around;
display: flex;
}
.form-go-box {
flex: 1;
}
.form-go-colum {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
flex: 1;
display: flex;
}
.go-field-small-wrap {
grid-column-gap: 1em;
grid-row-gap: 1em;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
font-size: .8em;
display: flex;
position: relative;
}
.go-fieldsmall {
border-style: none none solid;
border-width: 1px;
border-color: var(--light-grey) black;
width: 60%;
margin-bottom: 0;
}
.go-fieldsmall-label {
color: var(--dim-grey-2);
text-align: right;
white-space: normal;
width: 30%;
font-weight: 400;
}
.form-go-colum-wrap {
flex-direction: column;
align-items: flex-end;
padding-left: 4em;
display: flex;
position: relative;
}
.go-field-big {
color: var(--dark-slate-blue);
background-color: rgba(235, 235, 235, .5);
border-style: none;
margin-bottom: 0;
font-size: 1.8em;
}
.go-field-label {
color: var(--dim-grey-2);
font-size: .8em;
font-weight: 400;
}
.go-field-wrap {
flex-direction: column;
flex: 1;
display: flex;
position: relative;
}
.go-h1-small {
font-size: 2em;
}
.go-selector-select {
border: 3px solid var(--dark-slate-blue);
background-color: var(--white);
border-radius: 5px;
justify-content: flex-start;
align-items: center;
height: 4em;
margin-bottom: 0;
font-size: 1.2em;
font-weight: 600;
}
.go-selector-select:hover {
border-color: var(--deep-sky-blue);
color: var(--deep-sky-blue);
}
.go-prodcard-dimension {
text-align: center;
font-size: .8em;
}
.go-fieldprice {
border-style: none none solid;
border-width: 1px 1px 2px;
border-color: var(--light-grey) black var(--dim-grey-2);
background-color: rgba(0, 0, 0, 0);
margin-bottom: 0;
font-size: 1.2em;
font-weight: 600;
}
.go-fieldprice.big {
font-size: 1.6em;
font-weight: 700;
}
.go-field-price {
grid-column-gap: 1em;
grid-row-gap: 1em;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
font-size: .8em;
display: flex;
position: relative;
}
.go-field-price.hide {
display: none;
}
.go-fieldprice-label {
white-space: nowrap;
}
.go-tabco-sign {
color: var(--dark-slate-blue-2);
grid-template-rows: auto;
grid-template-columns: .25fr .75fr 80px 160px;
grid-auto-columns: 1fr;
padding-top: .4em;
padding-bottom: .4em;
font-size: .8em;
font-weight: 600;
display: grid;
}
.go-tabco-item-cell {
align-items: center;
display: flex;
}
.go-tabco-item-cell.bold {
font-family: CeraPRO-Bold, sans-serif;
font-weight: 600;
}
.go-tabco-item-cell.center {
justify-content: center;
min-height: 39px;
font-weight: 700;
}
.paragraph-big {
margin-bottom: 0;
font-size: 1.4em;
font-weight: 600;
}
.paragraph-big.small {
font-size: .75em;
}
.paragraph-big.big {
font-size: 1.5em;
}
.paragraph-big.big.bold {
font-family: CeraPRO-Bold, sans-serif;
}
.go-square-wrap {
background-color: var(--dark-slate-blue);
color: var(--white);
align-self: flex-start;
padding: 1em;
font-size: 1.2em;
}
.ls-category-wrap {
padding: 4em;
}
.ls-category-list {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.ls-category-item {
position: relative;
}
.ls-category-item-in {
grid-column-gap: 1em;
grid-row-gap: 1em;
align-items: center;
font-weight: 600;
display: flex;
}
.ls-category-item-pic {
width: 60px;
height: 60px;
}
.ls-area, .ls-area-in {
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.donate-banner {
background-color: var(--midnight-blue);
}
.donate-sign-item {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: center;
align-items: center;
height: 120px;
font-size: 1.25em;
display: flex;
}
.button-donate {
background-color: var(--gold);
color: var(--dark-slate-blue);
border-radius: 0 2em 2em;
padding: .8em 1.6em;
font-weight: 600;
}
.button-donate:hover {
background-color: var(--deep-sky-blue);
}
.search-box {
height: 48px;
}
.search-result-wrapper {
margin-top: 2em;
}
.search-result-list {
grid-column-gap: 2em;
grid-row-gap: 4em;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.search-desc-info {
grid-column-gap: .5em;
grid-row-gap: .5em;
flex-direction: column;
display: flex;
}
.field-search {
border: 2px solid var(--gainsboro);
border-radius: 3px;
height: 100%;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 14px;
}
.home-profile-wrap {
background-color: var(--light-grey);
}
.profile-wrap {
padding: 4em;
}
.profile-box-wrap {
grid-column-gap: 1.25em;
grid-row-gap: 1.25em;
background-color: var(--white);
flex-direction: column;
padding: 4em;
display: flex;
}
.go-col-wrap {
display: flex;
}
.go-col {
width: 50%;
}
.go-col.gray {
background-color: var(--white-smoke);
width: 40%;
}
.go-col.content {
padding-top: 8em;
padding-bottom: 8em;
padding-left: 1em;
}
.go-col-snap {
margin-bottom: 60px;
position: -webkit-sticky;
position: sticky;
top: 140px;
}
.go-col-in {
flex-direction: column;
display: flex;
}
.go-qrcode-wrap {
align-items: center;
display: flex;
}
.go-qrcode-wrap.hide {
display: none;
}
.go-qrcode-in {
width: 80px;
height: 80px;
padding: .8em;
}
.go-tools-wrap {
display: flex;
position: fixed;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.go-tools-wrap.active {
display: flex;
}
.go-tools-in {
border-top: 2px solid var(--dark-slate-blue);
border-left: 2px solid var(--dark-slate-blue);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background-color: rgba(255, 255, 255, .4);
border-top-left-radius: 1.5em;
padding: 2em 3em 3em 2em;
}
.btn-flex-col {
grid-column-gap: .5em;
grid-row-gap: .5em;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.go-switch-wrap {
grid-column-gap: .5em;
grid-row-gap: .5em;
cursor: pointer;
align-items: center;
padding-top: .4em;
padding-bottom: .4em;
display: flex;
}
.switch-wrap {
border: 2px solid var(--dim-grey);
border-radius: 13px;
justify-content: flex-start;
align-items: center;
width: 40px;
height: 22px;
padding-left: 1px;
padding-right: 1px;
transition: all .2s;
display: flex;
}
.switch-wrap.active {
justify-content: flex-end;
}
.switch-point {
background-color: var(--dark-slate-blue);
border-radius: 10px;
width: 16px;
height: 16px;
}
.switch-sign-wrap {
align-items: flex-start;
height: 24px;
transition: all .2s;
display: flex;
overflow: hidden;
}
.switch-sign-wrap.active {
align-items: flex-end;
}
.switch-sign-in {
grid-column-gap: .5em;
grid-row-gap: .5em;
flex-direction: column;
padding-top: .4em;
padding-bottom: .4em;
font-size: .6em;
font-weight: 500;
display: flex;
overflow: hidden;
}
.f-big-wrap {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-direction: column;
padding-top: 2em;
display: flex;
}
.f-tree-cell {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.f-section {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-direction: column;
display: flex;
}
.f-box-shadow {
box-shadow: 0 3px 16px 1px var(--dim-grey-2);
max-width: 1280px;
padding: 4em;
}
.f-box-wrap {
justify-content: center;
padding: 4em;
display: flex;
}
.go-hero-desc-wrap {
max-width: 80ch;
margin-bottom: 2em;
}
.paragraph-small {
color: var(--dim-grey);
font-size: .7em;
}
.paragraph-small.small {
font-size: .75em;
}
.paragraph-small.gray {
opacity: .4;
}
.go-tabco-footnote {
opacity: .65;
padding-top: 1em;
font-size: .8rem;
}
.go-field-label-decor {
z-index: 20;
background-color: var(--deep-sky-blue);
color: var(--white);
border-radius: 2em;
padding: .4em .8em;
font-size: .8em;
font-weight: 500;
position: absolute;
top: -1.1em;
bottom: auto;
left: 1em;
right: auto;
}
.go-selector-select-copy {
border: 3px solid var(--dark-slate-blue);
background-color: var(--white);
border-radius: 5px;
justify-content: flex-start;
align-items: center;
height: 4em;
margin-bottom: 0;
font-size: 1.2em;
font-weight: 600;
}
.go-selector-select-copy:hover {
border-color: var(--deep-sky-blue);
color: var(--deep-sky-blue);
}
.mc-item-pic {
width: 80px;
height: 80px;
}
.go-tabco-row-price-wrap {
color: var(--dark-slate-blue);
justify-content: flex-end;
font-size: 1.4em;
font-weight: 600;
display: flex;
}
.gp-tabco-price-in {
flex-direction: column;
width: 40%;
display: flex;
}
.ico-close {
background-color: var(--dark-slate-blue);
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
padding: 5px;
display: flex;
}
.button-close {
border: 2px solid var(--dark-slate-blue);
cursor: pointer;
position: absolute;
top: -12px;
bottom: auto;
left: -12px;
right: auto;
}
.button-close:hover {
border: 2px solid var(--deep-sky-blue);
}
.field-compact {
border-style: none none solid;
border-width: 1px;
border-color: black black var(--dim-grey);
height: 40px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-size: .8em;
}
.go-boxinfo-wrap {
padding-top: 6em;
padding-left: 4em;
padding-right: 4em;
}
.go-body {
font-size: 1rem;
}
.go-page-break {
height: 0;
padding-top: 4em;
padding-bottom: 4em;
}
.delete-temp {
height: 800px;
display: flex;
position: relative;
}
.go-tabco-apend {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-bottom: 1px dashed var(--dim-grey-2);
grid-template-rows: auto;
grid-template-columns: 80px 160px;
grid-auto-columns: 1fr;
display: grid;
}
.go-tabco-composite {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 240px;
grid-auto-columns: 1fr;
display: grid;
}
.go-cover-wrap {
flex-direction: column;
height: 1397.5px;
padding-top: 4em;
padding-bottom: 4em;
display: none;
}
.go-cover-wrap.active {
width: 1080px;
display: flex;
}
.go-cover-in {
flex-direction: column;
flex: 1;
justify-content: space-between;
display: flex;
}
.go-cover-in-logo {
flex: none;
align-self: flex-end;
padding-right: 4em;
}
.go-cover-in-pic {
z-index: 4;
border-top-left-radius: 80px;
justify-content: flex-end;
align-self: flex-end;
width: 900px;
display: flex;
position: relative;
overflow: hidden;
}
.go-cover-in-sign {
z-index: 5;
grid-column-gap: 1em;
grid-row-gap: 1em;
color: var(--white);
background-color: rgba(18, 73, 111, .8);
border-top-right-radius: 80px;
flex-direction: column;
align-self: flex-start;
width: 760px;
margin-top: -8em;
padding: 8em 4em;
display: flex;
position: relative;
}
.go-cover-in-site {
color: var(--dark-slate-blue);
padding-left: 4em;
font-weight: 500;
}
.go-cover-sign-h {
font-size: 4rem;
line-height: 1;
}
.go-cover-midle {
flex-direction: column;
display: flex;
position: relative;
}
.please-wait-wrap {
z-index: 1000;
background-color: var(--white);
flex-direction: column;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.please-wait-wrap.active {
display: flex;
}
.please-wait-in {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.please-wait-sign {
color: var(--dark-slate-blue);
font-size: 1.5rem;
font-weight: 500;
}
.go-page-holder {
flex-direction: column;
display: flex;
position: relative;
}
.go-page-holder.print {
width: 1080px;
height: 1397.5px;
padding-top: 5em;
padding-bottom: 5em;
overflow: hidden;
}
.go-page-holder.print.skip {
display: none;
}
.site-name-text {
font-size: 1.6rem;
}
.go-branding-wrap {
justify-content: space-between;
padding: 1em 4em;
display: none;
}
.go-branding-wrap.print {
cursor: none;
flex-direction: column;
padding-top: 2em;
padding-bottom: 2em;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.go-branding-site {
color: var(--dark-slate-blue);
font-weight: 500;
}
.go-brandin-bottom {
justify-content: space-between;
align-items: center;
display: flex;
}
.go-branding-top {
border-bottom: 1px solid var(--dim-grey-2);
justify-content: space-between;
align-items: center;
padding-bottom: 1em;
display: flex;
}
.go-branding-text {
font-size: .8rem;
display: flex;
}
.go-branding-value {
font-weight: 700;
}
.banner-video-full {
background-image: linear-gradient(rgba(84, 88, 96, .32), rgba(18, 73, 111, .84));
height: 75vh;
min-height: 640px;
}
.h1-label {
border: 4px solid var(--deep-sky-blue);
background-color: var(--deep-sky-blue);
color: var(--white);
border-radius: 20px;
padding-left: 6px;
padding-right: 6px;
font-size: .25em;
position: absolute;
}
.menu-beta {
background-color: var(--deep-sky-blue);
color: var(--white);
text-transform: none;
border-radius: 20px;
margin-left: -8px;
padding: 3px 5px;
font-size: 9px;
}
.menu-beta.violet {
background-color: #35123d;
}
.menu-beta.orange {
background-color: var(--orange-red);
}
.rich-text-block-2 {
font-weight: 400;
}
.mob-tab-wrap {
display: none;
}
.countdown-row {
grid-column-gap: 1em;
grid-row-gap: 1em;
background-color: var(--white);
box-shadow: 0 3px 13px -2px var(--dim-grey-2);
margin-top: -22px;
padding: 2em 3em;
display: flex;
position: relative;
}
.countdown-block {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
align-items: center;
width: 100px;
display: flex;
}
.countdown-detail {
letter-spacing: 2px;
text-transform: uppercase;
font-size: .75em;
}
.countdown-time {
font-family: CeraPRO-Bold, sans-serif;
font-size: 2em;
font-weight: 700;
}
.hero-container {
align-items: center;
margin-top: 8em;
display: flex;
position: relative;
}
.hr-title-box {
grid-column-gap: 1em;
grid-row-gap: 1em;
background-color: var(--pc-industrial\);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
color: var(--white);
flex-direction: column;
align-items: flex-start;
width: 70%;
margin-right: -30%;
padding: 4em 6%;
display: flex;
}
.hr-video {
flex: 1;
height: 100%;
min-height: 400px;
}
.hr-video-box {
width: 100%;
height: 90svh;
}
.fs-socialshare_icon {
width: 28px;
height: 28px;
}
.fs-socialshare_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 16px;
display: flex;
}
.fs-socialshare_link {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.fs-socialshare_link:hover {
opacity: .6;
}
.fs-socialshare_link.is-telegram {
background-color: #435785;
}
.fs-socialshare_link.is-pinterest {
background-color: #b4282b;
}
.fs-socialshare_link.is-reddit {
background-color: #d55e0e;
}
.h2-main {
text-transform: none;
font-size: 3.4em;
}
.wb-topic-box {
flex-direction: column;
align-items: center;
display: flex;
position: relative;
}
.wb-topic-wrap {
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.wb-label {
background-color: var(--deep-sky-blue);
color: var(--white);
border-radius: 3em;
padding: .5em 1.4em;
font-family: CeraPRO-Bold, sans-serif;
font-weight: 700;
position: relative;
}
.wb-label.center {
margin-top: -18px;
}
.wb-label.left {
margin-bottom: -19px;
margin-left: 2em;
}
.wb-topic-sign {
background-color: var(--pc-industrial\);
color: var(--white);
text-align: center;
justify-content: center;
min-width: 50vw;
padding: 3em 2em;
display: flex;
}
.wb-speaker-box {
grid-column-gap: 5em;
grid-row-gap: 5em;
padding-top: 2em;
padding-bottom: 2em;
display: flex;
}
.wb-speaker-wrap {
flex-direction: column;
align-items: flex-start;
padding-bottom: 2em;
display: flex;
position: relative;
}
.wb-speaker-pic {
padding-left: 3em;
}
.wb-speaker-sign {
background-color: var(--pc-industrial\);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: var(--white);
padding: 1.5em;
position: absolute;
top: auto;
bottom: 10%;
left: 0%;
right: auto;
}
.wb-speaker-name {
letter-spacing: 2px;
text-transform: uppercase;
font-family: CeraPRO-Bold, sans-serif;
font-size: 1.4em;
font-weight: 700;
}
.wb-fin-container {
grid-column-gap: 2em;
grid-row-gap: 2em;
align-items: center;
padding-bottom: 6em;
display: flex;
}
.wb-col-left {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-direction: column;
width: 50%;
padding: 4em 4em 4em 5%;
display: flex;
}
.wb-col-right {
grid-column-gap: .75em;
grid-row-gap: .75em;
flex-direction: column;
align-items: flex-start;
width: 50%;
padding-right: 4em;
display: flex;
}
.wb-steps {
font-size: 1.4em;
}
.wb-heading-indent {
padding-top: 2em;
}
.wb-title {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.wb-label-line {
grid-column-gap: .25em;
grid-row-gap: .25em;
background-color: var(--deep-sky-blue);
letter-spacing: 2px;
text-transform: uppercase;
align-items: center;
margin-bottom: -17px;
padding: .5em 1.4em .5em .5em;
font-size: 1.2em;
display: flex;
}
.wb-ico {
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
}
.wb-ico-circle {
background-color: #ff0004;
border-radius: 12px;
width: 16px;
height: 16px;
}
.wb-content {
grid-column-gap: .5em;
grid-row-gap: .5em;
flex-direction: column;
display: flex;
}
.tip-message-h {
font-family: CeraPRO-Bold, sans-serif;
font-size: 1.3em;
font-weight: 700;
}
.form-compact-wrap {
grid-column-gap: 1em;
grid-row-gap: 1em;
background-color: var(--white);
flex-direction: column;
justify-content: space-between;
max-width: 60ch;
padding: 3em;
box-shadow: 0 6px 9px rgba(18, 73, 111, .19);
}
.form-compact-holder {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
flex-direction: column;
align-items: stretch;
display: flex;
}
.bh-wrap {
padding-top: 2em;
padding-bottom: 4em;
}
.bh-list {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-flow: wrap;
grid-template-rows: minmax(40vh, 1fr);
grid-template-columns: 1fr 1fr;
grid-auto-rows: 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
padding-left: 5%;
padding-right: 5%;
display: grid;
}
.bh-item {
border-radius: 8px;
position: relative;
overflow: hidden;
}
.bh-item.fullwidth {
width: 100%;
}
.bh-item.bh-two {
width: 49%;
}
.bh-item-wrap {
flex-direction: column;
justify-content: space-around;
height: 100%;
display: flex;
}
.bh-item-wrap.fullwidth {
justify-content: center;
width: 72em;
height: 50vh;
}
.bh-video-wrap {
height: 100%;
max-height: 400px;
}
.bh-video-el {
height: 100%;
}
.bh-sign-box {
grid-column-gap: 1em;
grid-row-gap: 1em;
background-color: var(--pc-industrial\);
color: var(--white);
flex-direction: row;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
padding: 1em 2.5em 2.5em;
display: grid;
position: relative;
}
.bh-sign-box.fullwidth {
align-items: flex-start;
min-width: 40%;
max-width: 50%;
}
.bh-pic-wrap {
justify-content: flex-end;
height: 100%;
max-height: 400px;
display: flex;
}
.bh-sign-desc {
font-size: .8em;
}
.img-simple-cover {
object-fit: cover;
object-position: 100% 50%;
width: 100%;
max-width: none;
height: 100%;
}
.btn-primary-dark {
border: 2px solid var(--white);
color: var(--white);
cursor: pointer;
background-color: rgba(0, 0, 0, 0);
border-radius: 4px;
align-self: flex-start;
padding: .8em 1.6em .7em;
font-family: CeraPRO-Bold, sans-serif;
font-size: .8em;
transition: background-color .2s, border-color .2s, color .2s;
}
.btn-primary-dark:hover {
border-color: var(--deep-sky-blue);
background-color: var(--deep-sky-blue);
border-radius: 4px;
}
.btn-primary-dark.corner_left-top {
border: 2px solid var(--dark-slate-blue);
border-top-left-radius: 0;
margin-top: 0;
}
.btn-primary-dark.corner_left-top.invert {
background-color: var(--white);
color: var(--dark-slate-blue);
}
.btn-primary-dark.corner_left-top.invert:hover {
background-color: var(--deep-sky-blue);
color: var(--white);
}
.btn-primary-dark.stroke {
border: 2px solid var(--deep-sky-blue);
background-color: var(--white);
color: var(--deep-sky-blue);
border-top-left-radius: 0;
padding: .8em 1.6em;
font-size: .8em;
font-weight: 600;
}
.btn-primary-dark.stroke:hover {
border-color: var(--dark-slate-blue);
color: var(--dark-slate-blue);
}
.btn-primary-dark.corner_left-center {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
border-top-left-radius: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.btn-primary-dark.connect {
border-bottom-left-radius: 0;
height: 100%;
}
.btn-primary-dark.small {
font-size: .6em;
}
.btn-primary-dark.big {
font-size: 1.3em;
}
.img-simple-contain {
object-fit: contain;
width: 100%;
height: 100%;
}
.body-gray {
background-color: var(--white-smoke);
}
.search-line-result {
grid-column-gap: .5em;
grid-row-gap: .5em;
-webkit-text-fill-color: inherit;
background-color: rgba(0, 0, 0, 0);
background-clip: border-box;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
justify-items: start;
max-width: 60ch;
height: 40px;
margin-bottom: 0;
display: flex;
}
.bh-pichero-wrap {
width: 60%;
height: 40%;
position: absolute;
top: 0;
bottom: auto;
right: auto;
}
.bh-btn-embed {
z-index: 10;
position: relative;
}
.mc-item-current {
border: 2px solid var(--deep-sky-blue);
border-radius: 0 8px 8px;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.pc-buttons-box {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
flex-direction: column;
align-items: flex-start;
margin-top: 1em;
display: flex;
}
.pf-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--white-smoke);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
overflow: hidden;
}
.pf-wrap.show {
display: block;
}
.pf-list {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-content: stretch;
justify-content: space-around;
padding: 2em;
display: grid;
}
.pf-list.two {
grid-template-columns: 1fr 1fr;
}
.pf-item {
height: 40vh;
min-height: 540px;
padding: 0;
}
.pf-item.c-two-pa {
width: 48%;
}
.pf-item.c-full-pa {
width: 100%;
}
.pf-item.c-three-pa {
width: 32%;
}
.pf-item-in {
background-color: var(--white);
color: var(--white);
border-radius: 0 1em 1em;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding: 1.6em;
transition: all .3s cubic-bezier(.455, .03, .515, .955);
display: flex;
position: relative;
box-shadow: 0 2px 7px rgba(0, 0, 0, .2);
}
.pf-item-in:hover {
color: var(--white);
}
.pi-item-info-copy {
flex-direction: column;
align-self: flex-start;
align-items: center;
display: flex;
position: relative;
}
.pi-item-info-copy.light {
align-items: flex-start;
}
.pi-item-info-copy.light.temp {
align-items: center;
}
.pf-item-img {
width: 100%;
height: 300px;
display: flex;
position: relative;
overflow: visible;
}
.pi-item-bg-copy {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50% 80%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
position: absolute;
}
.pf-category-name {
color: var(--dim-grey);
letter-spacing: .2em;
text-transform: uppercase;
font-size: .6em;
font-weight: 600;
display: block;
}
.pf-head {
color: var(--dim-grey);
text-align: left;
margin-top: 0;
margin-bottom: 0;
font-size: 1.2em;
}
.pf-head.small {
color: var(--dark-slate-blue);
text-align: left;
font-size: .7em;
}
.pl-container {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 18em 1.75fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
position: relative;
}
.pl-container.pl-container-line {
width: 100%;
}
.pl-side-left {
margin-top: 2em;
position: -webkit-sticky;
position: sticky;
top: 4em;
}
.pl-side-left.pl-side-left-filter {
margin-top: 1em;
margin-right: 1em;
top: 2em;
}
.pl-side-left.pl-side-left-filter.pl-side-left-filter-sert {
margin-top: 0;
}
.pl-cat-filter-wrap {
font-size: .8em;
position: -webkit-sticky;
position: sticky;
top: 60px;
}
.pl-cat-filter-item {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.pl-cat-filter-check {
grid-column-gap: 1em;
grid-row-gap: 1em;
align-items: center;
padding: 1em 2em;
display: flex;
}
.pl-cat-filter-ico {
width: 32px;
margin-right: .5em;
}
.pis-sort-critera {
font-size: .7em;
display: none;
}
.pl-cat-filter-sign {
font-size: .8em;
}
.pf-item-head {
justify-content: space-between;
align-items: center;
display: flex;
}
.bl-list {
grid-column-gap: 1.75em;
grid-row-gap: 1.75em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-bottom: 4em;
display: grid;
}
.bl-item {
background-color: var(--white);
border-radius: 8px;
flex-direction: column;
justify-content: space-between;
display: flex;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.bl-item-wrap {
grid-column-gap: 1em;
grid-row-gap: 1em;
color: var(--dim-grey);
flex-direction: column;
display: flex;
}
.bl-heading {
font-size: 1.2em;
line-height: 1.2;
}
.bl-info {
font-size: .8em;
}
.vid-tab {
z-index: 10;
display: flex;
}
.vid-tab-content {
align-self: stretch;
width: 70%;
padding-top: 0;
padding-bottom: 0;
padding-right: 1em;
}
.vid-tab-menu {
border: 2px solid var(--dark-slate-blue);
background-color: var(--white);
border-radius: .5em;
flex-direction: column;
width: 30%;
height: 50vh;
max-height: 600px;
display: flex;
overflow: scroll;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.tv-wrap {
display: none;
}
.tv-linkname {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
justify-items: start;
display: flex;
}
.bl-category-wrap {
padding-top: 1em;
padding-bottom: 1em;
}
.bl-category-list {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-wrap: wrap;
display: flex;
}
.tv-box {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
display: flex;
}
.tv-box-label {
background-color: var(--deep-sky-blue);
color: var(--white);
border-radius: 2em;
padding: .6em 1.8em;
font-family: CeraPRO-Bold, sans-serif;
font-size: 11px;
display: flex;
}
.field-box {
padding-bottom: 1.6em;
}
.bl-pic-box {
flex: 0 auto;
justify-content: center;
align-self: stretch;
align-items: center;
display: flex;
}
.bl-head-box {
grid-column-gap: 0em;
grid-row-gap: 1em;
background-color: var(--white-smoke);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: grid;
box-shadow: inset 0 -2px 10px rgba(0, 0, 0, .2);
}
.bl-head-box-left {
min-height: 30svh;
padding: 2em .9em 2em 4em;
}
.form-filter {
height: 90vh;
min-height: 400px;
padding-bottom: 4em;
overflow: scroll;
}
.filter-count {
grid-column-gap: .5em;
grid-row-gap: 0em;
flex-wrap: wrap;
font-size: .8em;
display: none;
}
.pf-sub-wrap {
display: none;
overflow: hidden;
}
.pf-sub-list {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-wrap: wrap;
display: flex;
overflow: hidden;
}
.sub-cat-wrap {
display: none;
}
.pf-checlbox {
grid-column-gap: .5em;
flex-direction: row;
align-items: center;
margin-bottom: 0;
padding-top: .6em;
padding-bottom: .6em;
padding-left: 0;
font-family: CeraPRO-Bold, sans-serif;
display: flex;
}
.text-counter {
color: var(--dark-slate-blue);
font-family: CeraPRO-Bold, sans-serif;
font-weight: 400;
}
.form-filter-block {
padding-left: 4em;
padding-right: 1em;
}
.pf-reset {
justify-content: flex-end;
padding-top: .8em;
padding-bottom: .2em;
font-size: .8em;
display: flex;
}
.pf-empty {
flex-direction: column;
align-items: center;
padding-top: 5em;
padding-bottom: 5em;
display: flex;
}
.pf-check {
display: none;
}
.pf-sub-checkbox {
color: rgba(84, 88, 96, .82);
padding: .4em 4.3em;
}
.checkbox {
display: none;
}
.pf-radiobutton {
border-radius: 4em;
flex-direction: row;
align-items: center;
padding: .6em 1.2em;
font-family: CeraPRO-Bold, sans-serif;
display: flex;
}
.pf-radiobutton.pf-radiobutton-new {
padding-left: 0;
}
.pf-radiobutton.fs-cmsfilter_active {
background-color: var(--deep-sky-blue);
color: var(--white);
border-radius: 4px;
}
.pf-radiobutton.pf-radiobutton-filter {
background-color: var(--dim-grey);
color: var(--white);
cursor: pointer;
border-radius: 4px;
width: 100%;
}
.pf-radiobutton.pf-radiobutton-filter:hover {
opacity: .8;
}
.pf-radiobutton.pf-radiobutton-filter.fs-cmsfilter_active {
background-color: var(--deep-sky-blue);
}
.radio-button-hide {
display: none;
}
.h1-line {
margin-top: 0;
margin-bottom: 0;
font-size: 2em;
}
.h1-line.bottom {
margin-bottom: 20px;
}
.radio-ghost {
display: none;
}
.bl-item-image {
justify-content: center;
align-items: center;
display: flex;
overflow: hidden;
}
.bl-image-in {
object-fit: cover;
width: 100%;
height: 240px;
overflow: hidden;
}
.bl-image-in.bl-image-media {
object-fit: contain;
}
.tab-link {
background-color: var(--white-smoke);
color: var(--dim-grey);
padding: 1em;
}
.tab-link.w--current {
background-color: var(--pc-commercial\);
color: var(--dark-slate-blue);
font-family: CeraPRO-Bold, sans-serif;
}
.vid-tab-pane-in {
z-index: 1;
justify-content: center;
align-items: center;
width: 70%;
height: 100%;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.vid-wrap {
position: relative;
}
.faq-wrap {
width: 70%;
padding-left: 1em;
}
.faq-list {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
margin: 4em 15%;
display: flex;
}
.faq-list.faq-blog-list {
margin: 0 0%;
}
.faq-item {
padding: 0;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.faq-item:hover {
background-color: var(--white);
}
.faq-quest {
cursor: pointer;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.faq-quest:hover {
color: var(--deep-sky-blue);
}
.faq-item-answer {
transition: all .2s;
overflow: hidden;
}
.faq-tag {
border-radius: 2em;
padding: .5em 1em .4em;
font-size: .8em;
}
.h3-faq {
margin-top: 0;
font-size: 1.6em;
}
.faq-box {
background-color: var(--white);
box-shadow: 0 2px 8px 0 var(--dim-grey-box\);
padding: 1.2em;
}
.faq-holder {
flex-direction: row;
align-items: flex-start;
padding-top: 1em;
padding-bottom: 4em;
display: flex;
}
.faq-left {
flex-direction: column;
width: 30%;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 100px;
}
.faq-form {
background-color: var(--white);
margin-bottom: 0;
padding: 2em;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.e-sputnik-wrap {
width: 50%;
}
.subscribe-box {
flex-direction: row;
padding-top: 3em;
display: flex;
}
.subscribe-left {
width: 50%;
}
.anchor-box {
grid-column-gap: 1em;
grid-row-gap: 1em;
border-radius: 4px;
padding: .5em 1em;
display: flex;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.anchor-link {
color: var(--dim-grey);
padding: .8em;
font-family: CeraPRO-Bold, sans-serif;
font-size: .8em;
}
.hero-line-box {
grid-column-gap: 1em;
grid-row-gap: 1em;
border-style: none none solid;
border-width: 1px;
border-color: black black var(--dim-grey-2);
flex-direction: row;
align-items: center;
min-height: 80svh;
display: flex;
position: relative;
}
.inputbox-hiden.inputbox-hiden-adv {
display: none;
}
.input-adv-camp {
border: 1px solid var(--light-grey);
height: 50px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 1em;
display: none;
}
.ap-section {
position: relative;
}
.ap-section-wrap {
padding: 10em 24%;
}
.ap-card-wrap {
grid-column-gap: 1em;
grid-row-gap: 1em;
text-align: center;
flex-direction: column;
align-items: center;
padding: 3em;
display: flex;
box-shadow: 0 6px 12px rgba(0, 0, 0, .2);
}
.ap-image-left {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: auto;
overflow: hidden;
}
.ap-image-right {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
justify-content: center;
align-items: flex-end;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: auto;
right: 0%;
overflow: hidden;
}
.ap-hero-wrap {
text-align: center;
flex-direction: column;
align-items: center;
padding: 5em 12em;
display: flex;
}
.ap-image-left-in {
justify-content: flex-start;
width: 20vw;
display: flex;
}
.ap-image-right-in {
justify-content: flex-end;
width: 20vw;
display: flex;
}
.sh-model-wrap {
color: var(--light-grey);
background-color: #121418;
align-items: center;
height: 580px;
display: flex;
overflow: hidden;
}
.sh-model-wrap.hide {
display: none;
}
.sh-model-left {
width: 40%;
padding: 4em;
}
.sh-model-right {
width: 60%;
height: 100%;
}
.sh-hero {
z-index: 5;
color: var(--light-grey);
text-align: center;
background-color: #030303;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 300vh;
min-height: 800px;
padding-top: 50px;
display: flex;
position: relative;
}
.sh-hero-pic {
z-index: 2;
flex-direction: column;
align-items: center;
width: 100%;
height: 100vh;
min-height: 800px;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 50px;
bottom: 0%;
left: 0%;
right: 0%;
overflow: hidden;
}
.sh-pic-in {
flex-direction: row;
align-items: stretch;
display: flex;
position: relative;
}
.sh-hero-texts {
z-index: 3;
color: var(--white);
max-width: 80ch;
position: relative;
}
.ap-hero-text {
width: 80ch;
}
.form-block {
background-color: var(--white);
width: 100%;
margin-bottom: 0;
padding: 1em 2em 2em;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.form-block.header-d-catalog {
height: auto;
max-height: 90vh;
padding-top: 2em;
overflow: auto;
}
.em-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.hero-colomn {
grid-column-gap: 1em;
grid-row-gap: 1em;
display: flex;
}
.hero-col-left {
width: 50%;
display: flex;
}
.hero-col-right {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
align-items: flex-start;
width: 50%;
padding: 0 4em 0 2em;
display: flex;
}
.info-holder {
padding-left: 4em;
padding-right: 4em;
}
.element-wrap {
padding-top: 4em;
}
.pcm-item-label-ua {
color: var(--dark-slate-blue);
text-align: center;
max-width: 20ch;
font-size: 10px;
font-weight: 600;
line-height: 1.1;
display: flex;
}
.radio-button-label {
flex: 1;
}
.p-emb {
color: var(--light-grey);
display: none;
}
.sp-image-left {
justify-content: flex-start;
display: flex;
overflow: hidden;
}
.sp-image-right {
justify-content: flex-end;
padding-left: 21.3em;
display: flex;
}
.price-box {
background-color: var(--white);
box-shadow: 0 5px 10px 4px var(--dim-grey-box\);
flex-direction: column;
flex: 1;
padding: 2em;
display: flex;
}
.price-value {
font-family: CeraPRO-Bold, sans-serif;
font-size: 2em;
font-weight: 600;
}
.price-value.tips {
font-size: 1.4em;
}
.price-holder {
background-color: var(--orange-red);
color: var(--white);
border-radius: 6px;
flex-direction: column;
align-self: flex-start;
align-items: flex-start;
height: 50px;
padding: 1em 2.5em;
display: flex;
overflow: hidden;
box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
}
.price-viewer {
grid-column-gap: 1em;
grid-row-gap: 1em;
background-color: var(--white);
flex-direction: column;
justify-content: space-between;
align-items: stretch;
max-width: 60ch;
height: auto;
max-height: 90vh;
padding: 2em;
display: flex;
position: relative;
overflow: auto;
}
.price-viewer.hide {
display: none;
position: relative;
}
.price-infobox {
margin-top: 1em;
}
.price-tease {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
justify-content: space-around;
align-self: stretch;
align-items: center;
display: flex;
}
.price-tease.hide {
display: none;
}
.btn-buy {
text-align: center;
border-radius: 4px;
flex: 1;
padding: .8em;
font-size: 1.2em;
box-shadow: 1px 3px 4px rgba(0, 0, 0, .2);
}
.btn-buy:hover {
background-color: var(--dark-slate-blue);
color: var(--white);
}
.sh-slide {
flex-direction: column;
align-items: center;
padding-left: 8em;
padding-right: 8em;
display: flex;
}
.sh-slide.hide {
display: none;
}
.slide-wrap {
margin-bottom: 4em;
display: flex;
box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
}
.slide-wrap.after {
margin-top: 4em;
margin-bottom: 0;
}
.slide-right {
flex-direction: column;
justify-content: center;
width: 50%;
padding: 4em;
display: flex;
}
.slide-left {
justify-content: center;
align-items: center;
width: 45%;
display: flex;
}
.slide-image {
justify-content: space-around;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.slide-image-in {
position: relative;
}
.sh-slide-full {
flex-direction: column;
align-items: center;
padding: 3em 8em;
display: flex;
}
.sh-slide-full.black {
color: var(--light-grey);
background-color: #030303;
background-image: url("https://assets-global.website-files.com/605102305a586b6fafbbdc0a/645ce55dd83c806a8007d43a_big-two.webp");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
background-attachment: fixed;
height: 100vh;
min-height: 600px;
padding-bottom: 0;
}
.sh-slide-full.black.way {
background-image: url("https://assets-global.website-files.com/605102305a586b6fafbbdc0a/645dd2a96c5fd39678b0598d_way.png");
background-position: 50%;
justify-content: center;
height: 160vh;
min-height: 900px;
margin-bottom: 4em;
}
.sh-slide-full.hide {
display: none;
}
.sh-slide-full.black-no-pic {
color: var(--light-grey);
background-color: #030303;
padding-bottom: 0;
display: none;
}
.sh-slide-full.black-no-pic.way {
background-image: url("https://assets-global.website-files.com/605102305a586b6fafbbdc0a/645dd2a96c5fd39678b0598d_way.png");
background-position: 50%;
justify-content: center;
height: 160vh;
min-height: 900px;
}
.center-info {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
text-align: center;
background-color: rgba(30, 30, 32, .86);
flex-direction: column;
align-items: center;
width: 60ch;
margin-top: 13em;
padding: 2.4em;
display: flex;
}
.slide-grid {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-bottom: 4em;
display: grid;
}
.slide-grid-cell {
background-color: var(--white);
flex-direction: column;
justify-content: flex-start;
display: flex;
box-shadow: 0 2px 9px rgba(0, 0, 0, .2);
}
.slide-grid-cell.two.middle {
justify-content: center;
}
.slide-grid-cell.full.dark {
color: var(--white);
background-color: #070208;
}
.cell-info {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
align-items: stretch;
padding: 2em 2em 1em;
display: flex;
}
.cell-info.bottom {
padding-top: 1em;
padding-bottom: 2em;
}
.cell-pic {
flex-direction: column;
flex: 1;
justify-content: flex-end;
min-height: 250px;
max-height: 460px;
display: flex;
overflow: hidden;
}
.cell-pic.bottom {
flex: 1;
}
.cell-pic.top {
justify-content: flex-start;
}
.cell-pic.bottom-padding {
padding-bottom: 2em;
}
.input-info {
opacity: .72;
margin-top: -4px;
font-size: .8em;
}
.input-info.input-info-phone {
margin-top: 6px;
}
.price-form-wrap.hide {
display: none;
}
.f-one-cell {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 1em;
padding-bottom: 1em;
display: grid;
}
.f-one-cell.compact {
width: 60%;
}
.form-block-in {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
max-width: 60ch;
margin-bottom: 0;
display: flex;
position: relative;
}
.slide-image-abs {
position: absolute;
}
.compare-wrap {
grid-column-gap: 4em;
grid-row-gap: 4em;
justify-content: space-around;
display: flex;
}
.sh-hero-head {
z-index: 3;
background-image: linear-gradient(to bottom, var(--orange-red), white);
color: var(--white);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
padding-top: 8em;
position: absolute;
}
.sh-main-text-wrap {
z-index: 4;
background-image: linear-gradient(rgba(24, 23, 22, 0), #181716);
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 4em;
padding-bottom: 8em;
display: flex;
position: relative;
}
.sh-main-text {
margin-bottom: 0;
font-family: CeraPRO-Bold, sans-serif;
font-size: 2.4em;
line-height: 1.1;
}
.sh-main-text.small {
font-size: .75em;
}
.sh-main-text.big {
font-size: 1.5em;
}
.sh-main-text.big.bold {
font-family: CeraPRO-Bold, sans-serif;
}
.heading-13 {
background-image: linear-gradient(to bottom, var(--orange-red), white);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.sh-safety-frame {
background-image: linear-gradient(#030303, rgba(6, 5, 5, 0) 18%, rgba(20, 19, 18, 0) 70%, #030303);
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.sh-slide-full-text {
flex-direction: column;
align-items: stretch;
width: 100%;
display: flex;
}
.sh-num {
color: var(--orange-red);
margin-bottom: 0;
font-size: 2em;
font-weight: 600;
}
.sh-num.small {
font-size: .75em;
}
.sh-num.big {
font-size: 1.5em;
}
.sh-num.big.bold {
font-family: CeraPRO-Bold, sans-serif;
}
.sh-val {
margin-bottom: 0;
font-size: 1.4em;
font-weight: 600;
line-height: 1;
}
.sh-val.small {
font-size: .75em;
}
.sh-val.big {
font-size: 1.5em;
}
.sh-val.big.bold {
font-family: CeraPRO-Bold, sans-serif;
}
.sh-val.light {
opacity: .55;
font-size: 1em;
}
.main-num {
font-size: 3.4em;
}
.front-head {
text-align: center;
letter-spacing: 0;
text-transform: none;
font-family: CeraPRO-Regular, sans-serif;
}
.sh-cap {
border-bottom: 1px solid var(--light-grey);
opacity: .55;
font-family: CeraPRO-Regular, sans-serif;
font-size: 1em;
line-height: 2;
}
.com-val-wrap {
flex-direction: column;
display: flex;
}
.cn-list {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.sh-block {
padding-bottom: 4em;
padding-left: 4em;
padding-right: 4em;
}
.sh-block-in {
flex-direction: column;
align-items: center;
display: flex;
}
.cn-hero-wrap {
background-color: #c4c4c4;
flex-direction: column;
justify-content: space-between;
align-items: center;
min-height: 350svh;
margin-bottom: 4em;
display: flex;
}
.cn-hero-head {
z-index: 2;
color: var(--white);
text-align: center;
flex-direction: column;
align-items: center;
max-width: 80ch;
margin-top: 14em;
display: flex;
position: absolute;
}
.cn-hero-info {
z-index: 3;
grid-column-gap: 1em;
grid-row-gap: 1em;
color: var(--white);
text-align: center;
flex-direction: column;
align-items: center;
max-width: 70ch;
margin-bottom: 12em;
display: flex;
position: relative;
}
.cn-case-wrap {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.cn-case-list {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-direction: column;
display: flex;
}
.cn-case-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--white);
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
grid-auto-columns: 1fr;
display: grid;
box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}
.cn-video-item {
z-index: 9;
border-radius: 1em;
flex-direction: column;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}
.cn-video-in {
min-height: 46svw;
}
.cn-video-text {
padding-bottom: 2em;
padding-left: 2em;
padding-right: 2em;
}
.cn-card-item {
z-index: 9;
background-color: var(--white);
flex-direction: column;
display: flex;
position: relative;
box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}
.cn-hero-cap {
background-color: var(--gold);
box-shadow: inset -1px -3px 5px -4px var(--dark-slate-blue-2), inset 0 2px 5px 0 rgba(255, 255, 255, .62), 0 0 12px 3px rgba(252, 213, 14, .42);
color: #000;
border-radius: 2em;
padding: .8em 1.6em;
font-family: CeraPRO-Bold, sans-serif;
line-height: 1;
}
.lib-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.lib-item {
flex-direction: column;
display: flex;
box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}
.lib-item-info {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
flex: 1;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 2em;
padding-left: 2em;
padding-right: 2em;
display: flex;
}
.cn-card-text--wide {
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding-top: 2em;
padding-left: 2em;
padding-right: 2em;
display: grid;
position: relative;
}
.cn-card-pic--wide {
justify-content: center;
display: flex;
}
.cn-card-text {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
align-items: flex-start;
padding-top: 2em;
padding-left: 2em;
padding-right: 2em;
display: flex;
}
.cn-hero-back {
position: -webkit-sticky;
position: sticky;
top: 40px;
}
.cn-card-pic {
flex: 1;
align-items: center;
display: flex;
}
.cn-card-text--bottom {
flex-direction: column;
padding-bottom: 2em;
padding-left: 2em;
padding-right: 2em;
display: flex;
}
.cn-size-item {
align-items: center;
display: flex;
position: relative;
}
.cn-size-info {
background-color: var(--dim-grey-box\);
flex-direction: column;
justify-content: center;
align-items: flex-end;
padding-left: 2em;
padding-right: 2em;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: auto;
right: 0%;
}
.cn-size-info.left {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: var(--white);
align-items: flex-start;
top: 0%;
bottom: 0%;
left: 0%;
right: auto;
}
.cn-size-val {
font-family: CeraPRO-Bold, sans-serif;
font-size: 3em;
}
.sh-block-head {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.ch-gradient {
z-index: 10;
background-image: linear-gradient(rgba(0, 0, 0, 0) 79%, #c4c4c4);
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.cn-case-info {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
padding-top: 2em;
padding-bottom: 2em;
padding-right: 2em;
display: flex;
}
.slider {
height: 100%;
}
.cn-slide-pic {
object-fit: cover;
height: 100%;
}
.cn-video-button {
z-index: 10;
}
.cn-card-video {
width: 100%;
}
.lib-item-title {
letter-spacing: 0;
text-transform: none;
font-family: CeraPRO-Bold, sans-serif;
font-size: 1.6em;
}
.nav-ua-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: var(--dim-grey);
flex: 1;
justify-content: flex-start;
align-items: center;
padding-left: 2em;
padding-right: 2em;
display: flex;
}
.nav-link-item {
color: var(--dark-slate-blue);
font-size: 14px;
line-height: 1;
}
.nav-link-item:hover {
color: var(--deep-sky-blue);
}
.nav-link-item.w--current {
opacity: .5;
}
.chat-block {
background-color: #fff;
border-radius: 8px;
width: 80%;
padding: 15px;
}
.whatsapp-container {
z-index: 30;
border: 4px solid var(--white);
cursor: pointer;
background-image: linear-gradient(#57d163, #23b33a);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
transition: all .3s cubic-bezier(.45, .182, .111, .989);
display: flex;
position: relative;
}
.whatsapp-container:hover {
background-color: #383838;
transform: scale(1.05);
}
.whatsapp-chat {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .16);
border-radius: 20px;
flex-direction: column;
width: 300px;
height: 315px;
margin-bottom: 16px;
display: none;
overflow: hidden;
}
.whatsapp-block {
z-index: 120;
opacity: 1;
flex-direction: column;
align-items: flex-start;
position: fixed;
top: auto;
bottom: 65px;
left: 10px;
}
.small-whatsapp-icon {
margin-right: 10px;
}
.live-chat-text {
color: #fff;
text-decoration: none;
}
.live-chat-bottom-text {
font-size: 10px;
}
.live-chat-bottom-text.block {
margin-bottom: 5px;
font-size: 12px;
}
.live-icon-chat {
margin-right: 0;
}
.live-chat-link {
border-radius: 0;
justify-content: center;
align-items: center;
height: 25%;
text-decoration: none;
display: flex;
}
.live-chat-top-text {
letter-spacing: 0;
font-size: 12px;
font-weight: 500;
position: static;
}
.live-chat-top-text.block {
color: #b0b0b0;
margin-bottom: 10px;
font-size: 12px;
}
.live-icon {
background-color: #00b94a;
border-radius: 100%;
width: 15px;
height: 15px;
position: absolute;
top: 2px;
bottom: auto;
left: auto;
right: -2px;
}
.chat-section {
background-color: var(--dim-grey-2);
height: 50%;
padding: 16px 20px;
}
.close-live-chat-container {
cursor: pointer;
justify-content: center;
align-items: center;
width: 10%;
height: 100%;
display: flex;
}
.livechat-button {
background-image: linear-gradient(#57d163, #23b33a);
border-radius: 0 200px 200px;
justify-content: center;
align-items: center;
width: 80%;
height: 42px;
font-size: 16px;
text-decoration: none;
display: flex;
}
.top-section {
justify-content: space-between;
align-items: center;
height: 25%;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.top-chat-avatar {
border: 1px solid var(--dim-grey);
border-radius: 25px;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
display: flex;
}
.ab-cat-ico {
width: 80px;
}
.cell-pic-in {
object-fit: cover;
width: 100%;
height: 100%;
}
.cell-pic-in.contain {
object-fit: contain;
}
.cell-pic-in.full {
width: auto;
height: 100%;
}
.us-hero-deco {
height: 100%;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
overflow: hidden;
}
.us-hero-text {
z-index: 2;
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-direction: column;
align-items: flex-start;
width: 50%;
padding: 4em;
display: flex;
position: relative;
}
.us-hero-lottie {
height: 100%;
}
.us-box {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
margin-bottom: 8em;
display: flex;
}
.us-box.hide {
display: none;
}
.us-box.us-box-media {
margin-bottom: 0;
}
.page-nav {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.text-box {
max-width: 60ch;
}
.stream-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.stram-wrap {
width: 520px;
height: 520px;
}
.dl-list {
grid-column-gap: .5em;
grid-row-gap: .5em;
flex-direction: column;
display: flex;
}
.dl-box {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
display: flex;
}
.tab-item {
border: 1px solid var(--gainsboro);
background-color: var(--gainsboro);
text-align: center;
border-radius: 2em;
padding: .5em 1.1em .4em;
font-size: 12px;
}
.tab-item.w--current {
border: 1px solid var(--deep-sky-blue);
color: var(--deep-sky-blue);
background-color: rgba(0, 164, 235, .12);
font-family: CeraPRO-Bold, sans-serif;
}
.btn-tab {
border: 1px solid var(--gainsboro);
background-color: var(--gainsboro);
color: var(--dim-grey);
border-radius: 2em;
justify-content: center;
align-items: center;
padding: .5em 1.2em;
font-size: 12px;
display: flex;
}
.btn-tab:hover {
border: 1px solid var(--deep-sky-blue);
color: var(--deep-sky-blue);
background-color: rgba(0, 164, 235, .12);
}
.btn-tab.download-btn-scroll.hide-prd-item-download-js {
display: block;
}
._404-box {
margin-top: 8em;
}
.tabs-content {
padding-bottom: 4em;
}
.grid-three-colummn-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1.25fr 1.25fr 1.25fr 1.25fr 1.25fr;
display: flex;
}
.grid-three-colummn-copy.short {
grid-template-rows: auto auto;
}
.head-tab-in {
grid-column-gap: 2em;
grid-row-gap: 2em;
align-items: center;
padding-top: 2.4em;
padding-bottom: 2.4em;
display: flex;
}
.partner-grid-holder-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-rows: auto auto minmax(40px, 76px) auto auto;
grid-template-columns: 5% 1fr 1fr 1fr 1fr 5%;
align-items: flex-start;
padding-bottom: 60px;
display: flex;
}
.hs-card-item {
background-color: var(--white);
flex-direction: column;
padding: 2em;
display: flex;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.hs-year {
font-family: CeraPRO-Bold, sans-serif;
font-size: 5em;
font-weight: 700;
}
.hs-info {
font-size: 1.7em;
}
.hs-list {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.hs-wrap {
padding: 4em;
}
.prd-topinfo-wrap {
z-index: 1000;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: rgba(255, 255, 255, .9);
justify-content: space-between;
align-items: center;
height: 50px;
padding-left: 4em;
padding-right: 4em;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.prd-topinfo-wrap.hide {
display: none;
}
.prd-topinfo-wrap.dark {
color: var(--white);
background-color: rgba(0, 0, 0, .9);
}
.prd-topinfo-wrap.second-floor {
top: 39px;
}
.prd-topinfo-title {
color: var(--dim-grey);
font-family: CeraPRO-Bold, sans-serif;
font-size: 1.4em;
}
.prd-prop-wrap {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
display: grid;
}
.prd-item {
grid-column-gap: 2em;
grid-row-gap: 2em;
border-top: 1px solid var(--light-grey);
align-items: flex-start;
padding-top: 4em;
padding-bottom: 4em;
display: flex;
}
.prd-item.prd-item-download-js.hide-prd-item-download-js {
display: none;
}
.prd-item-title {
width: 30%;
position: -webkit-sticky;
position: sticky;
top: 8em;
}
.prd-item-half {
justify-content: space-around;
align-items: flex-start;
width: 50%;
display: flex;
}
.h1-prd {
margin-top: 0;
margin-bottom: 0;
font-size: 3em;
}
.prd-info-70 {
grid-column-gap: .5px;
grid-row-gap: .5px;
flex-direction: column;
align-items: stretch;
width: 70%;
display: block;
}
.h2--no-padding {
margin-top: 0;
margin-bottom: 0;
}
.prd-size-tabs {
grid-column-gap: 2em;
grid-row-gap: 2em;
display: flex;
}
.dwl-wrap-list {
grid-column-gap: .5em;
grid-row-gap: .5em;
flex-direction: column;
display: flex;
}
.rod-hero-wrap {
grid-column-gap: 1em;
grid-row-gap: 1em;
justify-content: space-around;
min-height: 70svh;
display: flex;
}
.rod-box-left {
grid-column-gap: .5em;
grid-row-gap: .5em;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: flex-start;
padding-left: 4em;
display: flex;
}
.rod-box-right {
flex-direction: column;
flex: none;
justify-content: space-around;
width: 50%;
min-height: 50vw;
display: flex;
}
.sh-slide-4 {
flex-direction: column;
align-items: center;
padding: 3em 4em;
display: flex;
}
.sh-slide-4.black {
color: var(--light-grey);
background-color: #030303;
background-image: url("https://assets-global.website-files.com/605102305a586b6fafbbdc0a/645ce55dd83c806a8007d43a_big-two.webp");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
background-attachment: fixed;
height: 100vh;
min-height: 600px;
padding-bottom: 0;
}
.sh-slide-4.black.way {
background-image: url("https://assets-global.website-files.com/605102305a586b6fafbbdc0a/645dd2a96c5fd39678b0598d_way.png");
background-position: 50%;
justify-content: center;
height: 160vh;
min-height: 900px;
margin-bottom: 4em;
}
.sh-slide-4.hide {
display: none;
}
.sh-slide-4.black-no-pic {
color: var(--light-grey);
background-color: #030303;
padding-bottom: 0;
display: none;
}
.sh-slide-4.black-no-pic.way {
background-image: url("https://assets-global.website-files.com/605102305a586b6fafbbdc0a/645dd2a96c5fd39678b0598d_way.png");
background-position: 50%;
justify-content: center;
height: 160vh;
min-height: 900px;
}
.rod-box-wrap {
flex-direction: column;
align-items: center;
display: flex;
}
.rod-infobox {
grid-column-gap: 1em;
grid-row-gap: 1em;
text-align: center;
flex-direction: column;
align-items: center;
max-width: 80ch;
display: flex;
}
.price-pic-wrap {
border-bottom: 1px solid var(--dim-grey);
}
.rod-box-wrap-copy {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: row;
align-items: center;
display: flex;
}
.rod-box-wrap-copy.reverse {
grid-column-gap: 1em;
grid-row-gap: 1em;
padding-top: 6em;
padding-bottom: 6em;
}
.rod-pic-copy {
aspect-ratio: 16 / 9;
width: 50%;
display: flex;
position: relative;
}
.rod-pic-copy.video-text-1 {
padding-right: 20px;
}
.rod-infobox-copy {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
align-items: flex-start;
width: 50%;
max-width: 80ch;
display: flex;
}
.rod-infobox-copy.video-text {
padding-left: 20px;
}
.rod-infobox-copy.video-text-1 {
padding-right: 20px;
}
.bcv {
height: 100%;
}
.cn-hero-back-photo {
position: -webkit-sticky;
position: sticky;
top: 40px;
overflow: hidden;
}
.ch-hero-photogrid {
grid-column-gap: .5em;
grid-row-gap: .5em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.ch-hero-photogrid-in {
object-fit: cover;
height: 100%;
}
.em-hero-head {
z-index: 2;
color: var(--white);
text-align: center;
background-color: rgba(36, 93, 140, .86);
border-radius: 2em;
flex-direction: column;
align-items: center;
max-width: 80ch;
margin-top: 10em;
padding: 2.5em;
display: flex;
position: absolute;
}
.cn-hero-wrap-copy {
flex-direction: column;
justify-content: space-between;
align-items: center;
min-height: 150svh;
margin-bottom: 4em;
display: flex;
}
.sh-full-wrap {
min-height: 350svh;
}
.sh-full-picback {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.sh-full-text-wrap {
z-index: 20;
color: var(--white);
background-color: rgba(11, 36, 54, .85);
flex-direction: column;
justify-content: center;
padding-left: 6em;
padding-right: 6em;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.quick-stack {
grid-column-gap: 0px;
grid-row-gap: 0px;
padding: 0;
}
.sh-full-picback-in {
object-fit: cover;
height: 100%;
}
.sh-full-box {
flex-direction: column;
align-items: center;
height: 100svh;
padding-left: 4em;
padding-right: 4em;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.sh-block-copy {
padding-bottom: 4em;
padding-left: 4em;
padding-right: 4em;
position: relative;
}
.statistic-infobox {
flex-direction: column;
align-items: flex-end;
width: 30%;
display: flex;
}
.statistic-infobox.left {
align-items: flex-start;
width: auto;
}
.sh-full-text-content {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
align-items: flex-start;
width: 70%;
display: flex;
}
.link-dark {
color: var(--gold);
}
.link-dark:hover {
color: #64d0ff;
}
.label-dark {
opacity: .7;
letter-spacing: 1px;
text-transform: uppercase;
flex-wrap: wrap;
font-size: 12px;
display: flex;
}
.statistic-big-value {
color: #ff8235;
margin-top: -20px;
margin-bottom: -20px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 4.4em;
}
.statistic-big-value.bigger {
font-size: 7em;
}
.rod-vid {
border: 4px solid var(--light-grey);
border-radius: 1em;
width: 50%;
height: 60svh;
max-height: 380px;
display: flex;
overflow: hidden;
}
.rod-vid-in {
width: 100%;
height: 100%;
}
.button-flex-line {
grid-column-gap: 1em;
grid-row-gap: 1em;
display: flex;
}
.slide-grid-separete-in {
grid-column-gap: 2em;
grid-row-gap: 2em;
background-color: var(--white);
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.cell-info-sep {
grid-column-gap: .5em;
grid-row-gap: .5em;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 3em;
display: flex;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.cell-info-sep.bottom {
padding-top: .25em;
padding-bottom: 2em;
}
.cell-pic-sep {
flex-direction: column;
flex: 1;
justify-content: flex-end;
min-height: 250px;
display: flex;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.cell-pic-sep.bottom {
flex: 1;
}
.cell-pic-sep.top {
justify-content: flex-start;
}
.cell-info-ico {
width: 80px;
height: 80px;
}
.cell-info-ico.yellow {
background-color: var(--gold);
padding: 10px;
}
.cell-info-ico-in {
width: 100%;
height: 100%;
}
.sh-full-text-box {
grid-column-gap: 1em;
grid-row-gap: 1em;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.label-primary-dark {
background-color: var(--deep-sky-blue);
box-shadow: inset 0 7px 8px -4px var(--white);
color: #000;
padding: 5px 16px;
}
.prag-medium {
font-size: 1.4em;
line-height: 1.3;
}
.txt-scondary {
opacity: .6;
}
.h3-card {
margin-top: 0;
margin-bottom: 0;
font-size: 1.3em;
}
.h1-small {
font-size: 3.2em;
}
.hm-hero-wrap {
flex-direction: row;
display: flex;
}
.hm-hero-left {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
width: 50%;
padding: 4em 2em 4em 4em;
display: flex;
}
.hm-hero-right {
justify-content: flex-start;
width: 50%;
padding-top: 4em;
padding-bottom: 4em;
padding-right: 4em;
display: flex;
}
.hn-hero-video {
background-color: var(--white);
border-radius: .5em;
align-items: flex-start;
width: 100%;
padding: 1em;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.hn-hero-video-in {
z-index: 5;
width: 100%;
height: 100%;
}
.hm-hero-fog {
background-image: linear-gradient(to right, var(--white), rgba(255, 255, 255, 0) 26%);
display: none;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.play-pause-button {
z-index: 100;
}
.btn-col {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.ct-wrap.hide {
display: none;
}
.ct-list {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 2em;
display: grid;
}
.ct-item {
grid-column-gap: 1em;
grid-row-gap: 1em;
background-color: var(--white);
text-align: center;
flex-direction: column;
justify-content: space-between;
align-items: center;
display: flex;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.ct-item-info {
grid-column-gap: .5em;
grid-row-gap: .5em;
flex-direction: column;
align-self: stretch;
align-items: center;
padding-bottom: 1.6em;
padding-left: 1.6em;
padding-right: 1.6em;
display: flex;
}
.ct-hero {
grid-column-gap: 0px;
grid-row-gap: 16px;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 100%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.ct-hero.hide-ct-hero {
display: none;
}
.ct-hero-left {
justify-content: space-around;
width: 20%;
display: flex;
}
.ct-hero-right {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
width: 70ch;
display: flex;
}
.ct-more-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.ct-more-wrap {
padding-bottom: 8em;
}
.ct-more-item {
flex-direction: column;
justify-content: flex-end;
align-items: center;
}
.ct-more-ico {
width: 80px;
height: 80px;
}
.ct-container {
padding-top: 4em;
}
.author-list {
grid-column-gap: 1em;
grid-row-gap: 1em;
display: flex;
}
.div-block {
width: 80px;
height: 80px;
}
.div-block-2 {
grid-column-gap: .5em;
grid-row-gap: .5em;
flex-direction: column;
align-items: center;
display: flex;
}
.div-block-3 {
grid-column-gap: .5em;
grid-row-gap: .5em;
flex-direction: column;
display: flex;
}
.bl-author-list {
grid-column-gap: .5em;
grid-row-gap: .5em;
flex-direction: row;
justify-content: flex-start;
padding: .5em 1em 1em;
display: flex;
}
.bl-author-item {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.bl-author-pic {
width: 32px;
height: 32px;
}
.navbox-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 5% minmax(158px, 220px) auto .25fr 10%;
justify-content: space-between;
align-items: center;
padding-left: 4em;
padding-right: 4em;
display: flex;
}
.navbox-copy.search {
grid-template-columns: 5% minmax(158px, .25fr) auto .25fr minmax(100px, 10%);
}
.menu-box-copy {
z-index: 10;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.menu_main-item-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
}
.mn-item {
color: var(--dim-grey);
padding: 8px;
font-size: 12px;
line-height: 1;
}
.mn-item:hover {
color: var(--deep-sky-blue);
}
.mn-item.w--current {
color: var(--light-grey);
}
.mn-item.label {
display: flex;
}
.mn-item.accent {
border: 2px solid var(--orange-red);
background-color: var(--orange-red);
color: var(--white);
border-radius: 4px;
padding-left: 13px;
padding-right: 13px;
font-family: CeraPRO-Bold, sans-serif;
font-weight: 400;
}
.mn-item.accent:hover {
border-color: var(--deep-sky-blue);
background-color: var(--deep-sky-blue);
}
.mn-item.accent.blue {
background-color: var(--deep-sky-blue);
}
.mn-item.stroke {
border: 2px solid var(--dim-grey);
border-radius: 4px;
padding-left: 13px;
padding-right: 13px;
}
.mn-item.stroke:hover {
border-color: var(--deep-sky-blue);
}
.mn-item.stroke.blue {
background-color: var(--deep-sky-blue);
}
.mn-item.stroke.btn-catalog {
align-items: center;
display: flex;
}
.mn-item.drop {
padding: 0;
}
.mn-item.drop.gray {
background-color: var(--white-smoke);
border-radius: 20px;
}
.mn-item.mn-item-im {
color: var(--dark-slate-blue);
background-color: #e7eff4;
border-radius: 4px;
}
.mn-item.mn-item-im:hover {
opacity: .7;
}
.navhold-copy {
background-color: var(--white);
flex-direction: column;
display: flex;
}
.menu-beta-copy {
background-color: var(--deep-sky-blue);
text-transform: none;
border-radius: 20px;
padding: 4px 8px;
font-size: .5em;
position: relative;
top: -9px;
}
.button_menu-copy {
z-index: 1500;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px;
display: none;
}
.button_menu-copy.w--open {
z-index: 500;
}
.button_menu-copy.clear {
z-index: 1550;
box-shadow: none;
text-shadow: 0 2px 6px var(--dim-grey-2);
background-color: rgba(0, 0, 0, 0);
}
.ec-nav-top {
z-index: 1500;
background-color: var(--white-smoke);
align-items: center;
width: 100%;
height: 24px;
display: flex;
position: relative;
}
.ec-nav-top.hide {
display: none;
}
.drop-toggle-ico-copy {
justify-content: center;
align-items: center;
width: 100%;
max-width: 24px;
height: 100%;
max-height: 24px;
display: flex;
}
.lang-drop-hold-copy {
height: 100%;
margin-left: 0;
margin-right: 0;
padding-right: 0;
display: flex;
}
.lang-toggle-copy {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: row;
justify-content: space-around;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 0;
display: flex;
}
.bl-text {
padding-bottom: 1em;
padding-left: 1em;
padding-right: 1em;
}
.lang-drop-list-copy {
flex-direction: column;
display: flex;
}
.lang-drop-list-copy.w--open {
background-color: var(--white);
padding-top: 10px;
padding-bottom: 10px;
}
.dropdown {
margin-left: auto;
margin-right: 4em;
display: flex;
}
.dropdown-toggle {
grid-column-gap: 8px;
grid-row-gap: 8px;
padding: 0;
display: flex;
}
.ec-nav {
z-index: 2000;
background-color: var(--white);
position: relative;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.ec-nav-wrap {
z-index: 1000;
grid-column-gap: 1em;
grid-row-gap: 1em;
background-color: var(--white);
justify-content: space-between;
align-items: center;
height: 50px;
padding-left: 4em;
padding-right: 1em;
display: flex;
position: relative;
}
.ec-nav-brand {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
height: 30px;
}
.ec-nav-menu {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex: 1;
justify-content: space-between;
display: flex;
}
.ec-nav-menu-wrap {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex: 1;
justify-content: space-between;
align-items: center;
height: 100%;
display: flex;
}
.ap-card-full {
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.f-one-cell-copy {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-bottom: 1em;
display: flex;
}
.f-one-cell-copy.compact {
width: 60%;
}
.ins-preview {
width: 300px;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.insp-preview-list {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.placeholder {
width: 200px;
height: 200px;
}
.inspo-features {
display: flex;
}
.div-block-4 {
width: 380px;
}
.fs-cc-banner_buttons-wrapper {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: row;
flex: none;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
display: flex;
}
.fs-cc-banner_container {
align-items: center;
width: 100%;
max-width: 62.5rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.fs-cc-manager_component {
z-index: 999;
display: none;
position: fixed;
top: auto;
bottom: 1.25rem;
left: 1.25rem;
right: auto;
}
.fs-cc-prefs_checkbox {
z-index: 1;
opacity: 0;
cursor: pointer;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.fs-cc-banner_close-icon {
width: 1.5rem;
height: 1.5rem;
}
.fs-cc-prefs_trigger {
display: none;
}
.fs-cc-prefs_close {
z-index: 1;
color: #333;
cursor: pointer;
background-color: #f5f6ff;
border-radius: 100%;
padding: .625rem;
font-size: 1.25rem;
text-decoration: none;
position: absolute;
top: -.75rem;
bottom: auto;
left: auto;
right: -.75rem;
box-shadow: -1px 1px 12px rgba(51, 51, 51, .1);
}
.fs-cc-prefs_option {
border-bottom: 1px solid rgba(51, 51, 51, .15);
padding-top: 1rem;
padding-bottom: 1rem;
}
.fs-cc-prefs_space-small {
margin-bottom: .75rem;
}
.fs-cc-manager_trigger {
display: none;
}
.fs-cc-prefs_title {
color: #021a69;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.2em;
}
.fs-cc-prefs_checkbox-label {
display: none;
}
.fs-cc-prefs_text {
color: #021a69;
font-size: .75rem;
}
.fs-cc-prefs_buttons-wrapper {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
margin-top: 2rem;
margin-right: -.5rem;
display: flex;
}
.fs-cc-prefs_space-medium {
margin-bottom: 2.5rem;
}
.fs-cc-prefs_checkbox-field {
background-color: #ccc;
border-radius: 999rem;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
width: 2.75rem;
height: 1.5rem;
margin-bottom: 0;
padding: .125rem;
display: flex;
position: relative;
}
.fs-cc-prefs_label {
color: var(--dark-slate-blue);
margin-top: 0;
margin-bottom: 0;
margin-right: 2rem;
font-size: 1rem;
font-weight: 700;
}
.fs-cc-prefs_content {
height: 100%;
padding: 2.5rem 2rem;
overflow: scroll;
}
.fs-cc-banner_button {
color: #fff;
text-align: center;
background-color: #4353ff;
border: 2px solid #4353ff;
border-radius: 999rem;
min-width: 8.75rem;
margin-left: 1rem;
padding: .625rem 1.25rem;
font-size: 1rem;
}
.fs-cc-banner_button.fs-cc-button-alt {
color: #4353ff;
background-color: #f5f5f5;
border-color: #4353ff;
}
.fs-cc-prefs_form {
background-color: #fff;
border-radius: 1rem;
width: 100%;
max-width: 36rem;
height: 100%;
max-height: 70vh;
margin-bottom: 0;
position: relative;
}
.fs-cc-prefs_close-icon {
color: #021a7c;
width: 1rem;
height: 1rem;
}
.fs-cc-banner_close {
opacity: 1;
cursor: pointer;
background-color: #fff;
border-radius: 999rem;
margin-left: .75rem;
padding: .625rem;
box-shadow: 1px 1px 12px rgba(0, 0, 0, .1);
}
.fs-cc-prefs_overlay {
z-index: -1;
background-color: rgba(3, 5, 36, .6);
width: 100%;
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.fs-cc-manager_icon {
width: 2rem;
height: 2rem;
}
.fs-cc-banner_text {
color: #616161;
margin-right: 1.5rem;
}
.fs-cc-banner_text-link {
color: #4353ff;
border-bottom: 2px solid #4353ff;
font-weight: 400;
text-decoration: none;
}
.fs-cc-banner_trigger {
display: none;
}
.fs-cc-manager_button {
color: #333;
cursor: pointer;
background-color: #fff;
border-radius: 999rem;
flex-direction: column;
padding: .625rem;
transition: color .2s;
display: flex;
}
.fs-cc-manager_button:hover {
color: #4353ff;
}
.fs-cc-prefs_component {
z-index: 997;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: 0;
padding: 2rem;
display: none;
position: fixed;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.fs-cc-banner_component {
z-index: 998;
background-color: #f5f5f5;
border-top: 1px solid rgba(67, 83, 255, .16);
padding: 1.5rem 2rem;
display: none;
position: fixed;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.fs-cc-prefs_toggle-wrapper {
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: .5rem;
display: flex;
}
.fs-cc-prefs_button {
background-color: #4353ff;
border: 2px solid #4353ff;
border-radius: 999rem;
margin-right: .5rem;
padding: .625rem 1.5rem;
font-size: .875rem;
font-weight: 700;
}
.fs-cc-prefs_button.fs-cc-button-alt {
color: #4353ff;
background-color: #fff;
border-color: #4353ff;
}
.fs-cc-prefs_submit-hide {
display: none;
}
.fs-cc-prefs_toggle {
background-color: #fff;
border-radius: 999px;
width: 1.25rem;
height: 1.25rem;
}
.fs-cc-prefs_space-medium-copy {
grid-column-gap: .75em;
grid-row-gap: .75em;
margin-bottom: 2.5rem;
display: flex;
}
.ct-item-pic {
max-height: 40svh;
}
.subct-item-link {
padding-top: 2em;
}
.sub-title {
letter-spacing: -1px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: CeraPRO-Bold, sans-serif;
font-size: 1.3em;
}
.ct-list-hold {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 2em;
display: grid;
}
.ct-list-hold.ct-list-hold-line {
grid-column-gap: 1em;
grid-row-gap: 1em;
padding-top: 1em;
}
.pc-nav-list {
grid-column-gap: 1em;
grid-row-gap: 1em;
display: flex;
}
.rich-text-block-3 {
flex-direction: column;
width: 100%;
height: 100svh;
display: flex;
position: relative;
}
.ep-wrap {
align-items: flex-start;
display: flex;
}
.ep-left {
flex-direction: column;
justify-content: space-around;
width: 60%;
height: 100svh;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.ep-right {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
width: 40%;
padding: 4em 4em 4em 2em;
display: flex;
}
.quantity {
border-width: 2px;
border-color: var(--dim-grey);
border-radius: 4px;
margin-bottom: 0;
}
.cart-add-line {
grid-column-gap: .5em;
grid-row-gap: .5em;
align-items: center;
display: flex;
}
.ep-parameters {
background-color: var(--white-smoke);
border-radius: 4px;
padding: 1.5em;
font-size: .8vw;
display: none;
}
.cart-link {
background-color: var(--white);
flex-direction: column;
align-items: center;
margin-top: 2em;
margin-bottom: 1em;
padding: 2em;
display: flex;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.ec-nav-brand-copy {
z-index: 2000;
grid-column-gap: 6px;
grid-row-gap: 6px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 130px;
height: 38px;
margin-top: -7px;
display: flex;
}
.logo-label {
border: 2px solid var(--dark-slate-blue);
color: var(--dark-slate-blue);
text-transform: uppercase;
border-radius: 3px;
padding: 3px 8px 0;
font-family: CeraPRO-Bold, sans-serif;
}
.mn-item-drop {
padding: 8px;
font-size: 12px;
line-height: 1;
}
.mn-item-drop:hover {
color: var(--dim-grey);
}
.mn-item-drop:focus {
color: rgba(255, 255, 255, .48);
}
.mn-item-drop:visited {
color: rgba(255, 255, 255, .64);
}
.mn-item-drop.label {
display: flex;
}
.mn-item-drop.accent {
background-color: var(--orange-red);
color: var(--white);
border-radius: 4px;
padding-top: 11px;
padding-left: 13px;
padding-right: 13px;
font-family: CeraPRO-Bold, sans-serif;
font-weight: 400;
}
.mn-item-drop.accent.blue {
background-color: var(--deep-sky-blue);
}
.mn-item-drop.stroke {
border: 2px solid var(--dim-grey);
border-radius: 4px;
padding-top: 11px;
padding-left: 13px;
padding-right: 13px;
font-family: CeraPRO-Bold, sans-serif;
}
.mn-item-drop.stroke.blue {
background-color: var(--deep-sky-blue);
}
.mn-drop-toggle {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-direction: row;
padding: 8px;
display: flex;
}
.mn-drop-toggle.w--open {
padding: 8px;
}
.mn-drop-toggle.block {
padding-left: 16px;
}
.mn-drop-ico {
margin-right: 0;
position: relative;
}
.mn-drop-list {
grid-column-gap: .5em;
grid-row-gap: .5em;
background-color: var(--white);
padding: 1em;
top: 33px;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.mn-drop-list.w--open {
overflow: hidden;
}
.search-button-2 {
width: 30px;
height: 30px;
display: block;
position: absolute;
}
.lang {
min-width: 20px;
}
.dropdown-list {
background-color: var(--white);
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.ec-nav-linklist {
grid-column-gap: .5em;
grid-row-gap: .5em;
display: flex;
}
.mobile-indenter {
display: none;
}
.nav-logo-navy-mob {
opacity: 1;
width: 100%;
height: 100%;
display: none;
}
.ec-price-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--white);
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-bottom: 1em;
padding: 1.6em;
line-height: 1;
display: grid;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.ec-price-amount {
color: var(--orange-red);
}
.ec-head {
grid-column-gap: .5em;
grid-row-gap: .5em;
flex-direction: column;
display: flex;
}
.check-accept {
font-size: 14px;
}
.checkout-form {
font-size: 16px;
}
.field-label-2 {
display: none;
}
.collection-list-4 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-list-5 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-item {
background-color: var(--white);
flex-direction: column;
justify-content: space-between;
align-items: stretch;
padding: 26px;
display: flex;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.link-block-2 {
color: var(--dark-slate-blue);
text-align: center;
flex-direction: column;
justify-content: space-between;
align-items: center;
display: flex;
}
.step-wrap {
opacity: .6;
flex-direction: column;
justify-content: flex-start;
min-height: 80svh;
padding-top: 1em;
padding-bottom: 1em;
display: none;
}
.step-wrap.active {
opacity: 1;
justify-content: space-around;
display: flex;
}
.wizard-results {
background-color: rgba(0, 0, 0, 0);
}
.step-container {
grid-column-gap: 1em;
grid-row-gap: 1em;
display: flex;
}
.wz-tab-wrap {
align-self: center;
display: none;
}
.wz-tab-item {
grid-column-gap: .5em;
grid-row-gap: .5em;
background-color: var(--gray-51);
text-align: right;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding-left: 14px;
font-size: 14px;
display: grid;
}
._w-tab-list {
flex-direction: column;
width: 40ch;
padding-bottom: 2em;
display: flex;
}
.wz-select {
border: 1px #000;
margin-bottom: 0;
font-family: CeraPRO-Bold, sans-serif;
}
.step-container-left {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
align-items: flex-start;
width: 50%;
display: flex;
}
.step-container-right {
width: 50%;
}
.stepline-item {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
font-size: 12px;
display: flex;
}
.stepline-item.pass {
opacity: .4;
}
.stepline-point {
background-color: var(--dim-grey);
color: var(--white);
border-radius: 16px;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 14px;
display: flex;
}
.stepline-list {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.wz-answer-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row dense;
padding-bottom: 2em;
display: grid;
}
.wz-answer-grid.three {
grid-template-columns: 1fr 1fr 1fr;
}
.wz-answer-item {
grid-column-gap: 1em;
grid-row-gap: 1em;
background-color: var(--gray-51);
text-align: center;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding: 2em;
font-family: CeraPRO-Bold, sans-serif;
font-size: 18px;
display: flex;
}
.wz-buttons-line {
grid-column-gap: .5em;
grid-row-gap: .5em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
justify-items: start;
display: flex;
}
.wz-radio-button {
flex: none;
width: 18px;
height: 18px;
margin-top: 0;
margin-left: 0;
}
.wz-ico {
flex-flow: column;
flex: none;
justify-content: flex-start;
width: 140px;
max-height: 180px;
display: flex;
}
.wz-ico.small {
width: 80px;
max-height: 80px;
}
.wz-number {
width: 128px;
height: 64px;
margin-bottom: 0;
font-size: 24px;
}
.wz-container {
flex: 1;
justify-content: center;
align-items: center;
display: flex;
}
.wz-container-in {
grid-column-gap: 1em;
grid-row-gap: 1em;
background-color: var(--gray-51);
align-items: center;
padding: 3em;
display: flex;
}
.wz-product-item {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--white);
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
margin-bottom: 0;
padding: 0 16px;
font-size: 18px;
display: flex;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.wz-config-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--white);
border-radius: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 8px;
padding: 16px;
display: grid;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.wz-config-grid.hide {
display: none;
}
.wz-config-item {
grid-column-gap: .5em;
grid-row-gap: .5em;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.wz-config-item.pass {
opacity: .4;
}
.wz-config-item.pass.current {
border: 2px solid var(--deep-sky-blue);
opacity: 1;
border-radius: 12px;
}
.wz-config-sign {
font-size: 12px;
line-height: 1;
}
.wz-product-info {
grid-column-gap: .5em;
grid-row-gap: .5em;
text-align: center;
flex-direction: column;
align-items: center;
font-family: CeraPRO-Regular, sans-serif;
font-size: 16px;
display: flex;
}
.wz-image {
flex: none;
width: 180px;
height: 180px;
}
.wz-home-result-wrap {
margin-bottom: 2em;
font-size: 14px;
}
.wz-home-result-list {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
display: flex;
}
.wz-home-result-list.grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.wz-home-result-item.gray {
background-color: var(--dim-grey-2);
}
.wz-home-result-info {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 60ch;
display: flex;
}
.wx-head-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
justify-items: start;
display: grid;
}
.wz-home-holder-item {
grid-column-gap: 0em;
grid-row-gap: 1em;
background-color: var(--white);
grid-template-rows: auto;
grid-template-columns: .25fr 1fr .25fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.wz-home-holder-item.gray {
padding-top: 10px;
padding-bottom: 10px;
}
.wz-home-holder-item.two-col {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-columns: .25fr 1fr;
}
.wz-home-holder-item.two-col.hide {
display: none;
}
.div-block-5 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.wz-price {
grid-column-gap: 6px;
grid-row-gap: 6px;
justify-content: flex-start;
align-items: center;
font-family: CeraPRO-Bold, sans-serif;
font-size: 24px;
display: flex;
}
.wz-step-line {
grid-column-gap: .5em;
grid-row-gap: .5em;
display: none;
}
.heading-cap-copy {
letter-spacing: 3px;
text-transform: uppercase;
order: 1;
font-family: CeraPRO-Bold, sans-serif;
font-size: .8em;
font-weight: 500;
}
.div-block-7 {
background-color: var(--orange-red);
color: var(--white);
border-radius: 4px;
padding: 10px 20px;
font-family: CeraPRO-Bold, sans-serif;
}
.hero-store {
justify-content: space-around;
min-height: 40svh;
display: flex;
}
.hero-store-left {
flex: 1;
padding: 4em;
}
.hero-store-right {
flex: 1;
display: flex;
}
.wz-ico-steps {
flex: none;
justify-content: flex-end;
width: 48px;
height: 48px;
display: flex;
}
.div-block-8 {
grid-column-gap: 6px;
grid-row-gap: 6px;
align-items: flex-end;
display: flex;
}
.logo-sputnik {
font-size: 14px;
}
.div-block-9 {
justify-content: space-between;
display: flex;
}
.store-category {
padding-top: 2em;
padding-bottom: 2em;
}
.wz-check {
flex: none;
width: 32px;
height: 32px;
margin-left: 0;
}
.wz-decor {
align-items: center;
display: flex;
}
.wz-pdf {
display: none;
}
.wz-pdf-page {
border: 1px solid var(--light-grey);
flex-direction: column;
width: 794px;
height: 1120px;
padding: 40px;
display: flex;
position: relative;
}
.wz-pdf-page.auto-height {
height: auto;
}
.wz-pdf-page.full-width {
padding-left: 0;
padding-right: 0;
}
.wz-page-in {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
flex: 1;
justify-content: flex-start;
font-size: 11px;
display: flex;
position: relative;
}
.wz-page-in.bottom {
justify-content: flex-end;
}
.wz-page-in.grid {
grid-column-gap: 10px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-content: start;
align-items: start;
padding-top: 20px;
display: grid;
}
.wz-page-in.center {
justify-content: center;
}
.wz-buttons {
grid-column-gap: 1em;
grid-row-gap: 1em;
display: flex;
}
.pdf-heading {
letter-spacing: -2px;
text-transform: uppercase;
font-family: CeraPRO-Bold, sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 1;
}
.pdf-heading.indent {
padding-top: 16px;
}
.wz-page-scheme-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
display: flex;
}
.wz-page-scheme-img {
justify-content: center;
max-height: 90px;
display: flex;
}
.wz-page-row {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-right: 1px solid var(--white-smoke);
border-bottom: 1px solid var(--white-smoke);
border-left: 1px solid var(--white-smoke);
grid-template-rows: auto;
grid-template-columns: 1fr .25fr;
grid-auto-columns: 1fr;
align-items: center;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
display: grid;
}
.wz-page-row.cell-4 {
border-bottom: 1px solid var(--white-smoke);
grid-template-columns: .25fr 1fr .25fr .25fr;
}
.wz-page-row.cell-3 {
grid-template-columns: 1fr .5fr .25fr;
}
.wz-page-cell {
padding-top: 4px;
padding-bottom: 4px;
}
.wz-page-cell.right {
text-align: right;
}
.pdf-heading-2 {
margin-top: 12px;
margin-bottom: 6px;
font-size: 16px;
line-height: 1;
}
.pdf-heading-2.black {
color: var(--dark-slate-blue);
font-family: CeraPRO-Bold, sans-serif;
font-size: 24px;
}
.wz-card-item {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.wz-card-cell {
flex-direction: column;
justify-content: center;
padding: 4px 8px;
display: flex;
}
.wz-card-cell.label {
justify-content: center;
margin-bottom: -18px;
font-size: 10px;
display: flex;
}
.wz-loader {
z-index: 3000;
background-color: var(--white);
flex-direction: column;
justify-content: center;
display: none;
position: fixed;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.wz-loader.active {
display: flex;
}
.wz-loader-box {
flex-direction: column;
align-items: center;
padding-left: 4em;
padding-right: 4em;
display: flex;
}
.pdf-branding {
flex: 0 auto;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.pdf-pic {
height: 390px;
display: flex;
}
.pdf-logo-top {
height: 36px;
}
.pdf-cover-pic {
justify-content: flex-start;
display: flex;
}
.pdf-cover-pic.small {
height: 400px;
}
.footer-row {
color: var(--white);
text-align: left;
flex-direction: column;
align-items: flex-start;
padding-bottom: 1em;
display: flex;
}
.footer-row-in {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-self: stretch;
align-items: flex-start;
display: grid;
}
.price-sign {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
}
.div-block-11 {
padding-top: 1em;
padding-left: 1em;
padding-right: 1em;
}
.div-block-12 {
order: 1;
align-self: flex-end;
align-items: flex-end;
width: 300px;
height: 300px;
display: flex;
}
.div-block-13 {
flex-direction: column;
display: flex;
}
.add-to-cart {
grid-column-gap: 16px;
grid-row-gap: 16px;
display: flex;
}
.default-state {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.block-content-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
display: flex;
}
.wz-components-list {
grid-column-gap: 1em;
grid-row-gap: 1em;
background-color: var(--dim-grey-box\);
flex-direction: column;
padding: 1.2em;
display: flex;
}
.wz-components-litem {
font-size: 12px;
}
.wz-components-item-add {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr .5fr .5fr;
grid-auto-columns: 1fr;
display: grid;
}
.wz-page-comp-row {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: .25fr .75fr .5fr .25fr;
grid-auto-columns: 1fr;
font-size: 12px;
display: grid;
}
.dw-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.dw-wrap {
padding: 4em;
}
.dw-item {
flex-direction: column;
display: flex;
}
.dw-item-link {
padding: 1em;
}
.dw-pic {
width: 40vw;
}
.pop-up-wrap {
z-index: 1001;
background-color: var(--dim-grey-2);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.pop-up-wrap.active {
display: flex;
}
.wz-price-cell {
padding-left: 5px;
}
.wz-home-result-component {
display: none;
}
.wz-components-label-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr .5fr .5fr;
grid-auto-columns: 1fr;
padding-left: 1.2em;
padding-right: 1.2em;
font-size: 10px;
display: grid;
}
.wz-component-cell {
flex-direction: column;
justify-content: flex-end;
display: flex;
}
.wz-component-cell.right {
align-items: flex-end;
}
.wz-component-cell.hide {
display: none;
}
.wz-tools-wrap {
display: none;
position: fixed;
top: 75px;
bottom: auto;
left: auto;
right: 0%;
}
.wz-tools-wrap.active {
display: flex;
}
.wz-tools-in {
border-top: 2px solid var(--dark-slate-blue);
border-bottom: 1px solid var(--dark-slate-blue);
border-left: 2px solid var(--dark-slate-blue);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background-color: rgba(255, 255, 255, .4);
border-top-left-radius: 1.5em;
border-bottom-left-radius: 1.5em;
padding: 2em 3em 3em 2em;
}
.wz-page-comp-sign {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--dim-grey-box\);
grid-template-rows: auto;
grid-template-columns: 1fr .5fr .25fr;
grid-auto-columns: 1fr;
align-items: end;
padding-left: 10px;
padding-right: 10px;
font-size: 9px;
display: grid;
}
.hero-grid-regular {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.hero-g-content-wrap {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
align-items: flex-start;
padding: 4em;
display: flex;
}
.ax-hero-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: var(--white);
background-color: #000;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.ax-hero-head {
grid-column-gap: 1em;
grid-row-gap: 1em;
-webkit-text-fill-color: inherit;
background-clip: border-box;
flex-direction: column;
padding-top: 3em;
padding-bottom: 3em;
padding-left: 4em;
display: flex;
}
.ax-hero-graph {
border-bottom: 1px solid #fb8fff;
justify-content: flex-end;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.ax-hero-content {
padding: 4em;
overflow: hidden;
}
.ax-lottie {
width: 100%;
height: 100%;
}
.fog {
background-image: linear-gradient(to right, #000, rgba(0, 0, 0, 0) 31%);
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.ax-card {
grid-column-gap: 1em;
grid-row-gap: 1em;
-webkit-text-fill-color: inherit;
background-image: linear-gradient(#301341, #622964);
background-clip: border-box;
border-radius: 1em;
flex-direction: column;
max-width: 80ch;
padding: 2em;
display: flex;
box-shadow: inset 2px -6px 5px rgba(118, 48, 165, .64), inset 0 7px 11px -6px rgba(244, 210, 255, .53);
}
.ax-card-text {
text-shadow: 0 1px 6px rgba(236, 113, 255, .85);
-webkit-text-fill-color: transparent;
background-image: linear-gradient(#ffefff, #ffaaf9);
-webkit-background-clip: text;
background-clip: text;
}
.ax-h1 {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(135deg, #fc97ff, #fff);
-webkit-background-clip: text;
background-clip: text;
}
.ax-reg-wrap {
flex-direction: row;
display: flex;
}
.flex-col {
width: 50%;
position: relative;
}
.flex-col-content {
padding-left: 4em;
padding-right: 1em;
}
.flex-col-content.sticky {
position: -webkit-sticky;
position: sticky;
top: 100px;
}
.flex-row-wrap {
flex-direction: column;
display: flex;
}
.flex-row {
position: relative;
}
.flex-row-content {
padding-bottom: 4em;
padding-left: 4em;
padding-right: 4em;
}
.flex-row-content.sticky {
position: -webkit-sticky;
position: sticky;
top: 100px;
}
.flex-row-content.center {
flex-direction: column;
align-items: center;
display: flex;
}
.in-cell-grid-three {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.wz-page-cell-pic {
flex-direction: column;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-left: auto;
margin-right: auto;
padding-top: 6px;
padding-bottom: 6px;
display: flex;
}
.wz-pdf-card-wrap {
z-index: 5;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--white);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 520px;
padding: 20px;
display: grid;
position: relative;
bottom: 320px;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.wz-components-item-def {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr .5fr;
grid-auto-columns: 1fr;
display: grid;
}
.wz-page-bg {
width: 794px;
height: 1120px;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.pdf-title {
color: var(--white);
letter-spacing: -3px;
text-transform: uppercase;
font-family: CeraPRO-Bold, sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 1;
}
.pdf-branding-info {
flex-direction: column;
align-items: flex-end;
display: flex;
}
.wz-item-name {
font-family: CeraPRO-Bold, sans-serif;
font-size: 1.25em;
line-height: 1.2;
}
.text-line {
display: flex;
}
.ab-catsign-copy {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
align-items: flex-start;
padding: 3em 15%;
display: flex;
}
.form {
grid-column-gap: .5em;
grid-row-gap: .5em;
align-items: center;
display: flex;
}
.prd-topinfo-title-copy {
color: var(--dim-grey);
font-family: CeraPRO-Bold, sans-serif;
font-size: 1.4em;
}
.prd-topinfo-title-copy.w--current {
color: var(--white-smoke);
}
.wz-home-holder-item-copy {
grid-column-gap: 1em;
grid-row-gap: 1em;
border: 1px solid var(--white-smoke);
background-color: var(--white);
grid-template-rows: auto;
grid-template-columns: .25fr 1fr .25fr;
grid-auto-columns: 1fr;
padding: 2em;
display: grid;
}
.regular-hero-grid {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.regular-hero-grid._60h {
max-height: 60svh;
}
.regular-hero-cell-content {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
align-items: flex-start;
padding: 4em;
display: flex;
position: relative;
}
.regular-hero-cell-graph {
flex-direction: column;
justify-content: center;
display: flex;
overflow: hidden;
}
.language-option {
grid-column-gap: 5px;
grid-row-gap: 5px;
align-items: center;
font-family: CeraPRO-Bold, sans-serif;
font-size: 12px;
display: flex;
}
.language-option.hide {
display: none;
}
.catalog-review {
height: 20svh;
min-height: 140px;
max-height: 300px;
}
.form-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 1em;
display: grid;
}
.success-message-2 {
background-color: var(--white);
}
.cell-center {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.cell-center.cell-center-page {
align-items: flex-start;
}
.form-line {
grid-column-gap: .5em;
grid-row-gap: .5em;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: flex-end;
display: grid;
}
.grid-dump {
height: 1px;
}
.form-cell {
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template-rows: 16px 50px;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.rod-vid-copy {
border: 4px solid var(--light-grey);
border-radius: 1em;
width: 50%;
height: 60svh;
max-height: 720px;
display: flex;
overflow: hidden;
}
.regular-hero-cell-graph-copy {
flex-direction: column;
justify-content: center;
display: flex;
overflow: hidden;
}
.rich-big {
font-size: 1.5em;
}
.buttons-block-col {
grid-column-gap: .5em;
grid-row-gap: .5em;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
margin-top: 1em;
display: flex;
}
.mn-item-label {
flex-direction: row;
align-items: flex-start;
display: flex;
}
.wz-pdf-grid-photo {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
justify-items: stretch;
min-height: 440px;
}
.wz-grid-cell {
grid-column-gap: 3px;
grid-row-gap: 3px;
flex-direction: column;
font-size: 12px;
position: relative;
}
.wz-grid-cell-pic {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
overflow: hidden;
}
.ax-h1-copy {
background-image: linear-gradient(135deg, var(--orange-red), white);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.gallery-overview {
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;
}
.gallery-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.gallery-block {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.gallery-features-block {
margin-top: 16px;
margin-bottom: 24px;
}
.gallery-feature {
background-image: url("https://assets-global.website-files.com/62434fa732124a0fb112aab4/62434fa732124a700a12aad4_check%20circle.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 20px;
margin-bottom: 8px;
padding-left: 30px;
font-size: 14px;
line-height: 24px;
}
.gallery-grid {
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.gallery-image {
width: 100%;
}
.gallery-scroll {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.gallery-sticky {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 80px;
}
.gallery-link {
color: #1a1b1f;
margin-bottom: 35px;
font-size: 24px;
line-height: 32px;
text-decoration: none;
}
.gallery-link:hover {
color: rgba(26, 27, 31, .8);
}
.gallery-link.w--current {
font-weight: 600;
}
.gallery-image-wrapper {
position: relative;
}
.gallery-image-text {
color: #f5f7fa;
margin-bottom: 0;
position: absolute;
bottom: 16px;
left: 16px;
right: 16px;
}
.gallery-slider {
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.gallery-slide {
background-color: rgba(0, 0, 0, 0);
height: auto;
}
.gallery-slide-wrapper {
max-width: 47%;
margin-right: 6%;
}
.gallery-slide-image {
position: relative;
}
.gallery-slide-text {
color: #f5f7fa;
margin-bottom: 0;
line-height: 32px;
position: absolute;
bottom: 24px;
left: 24px;
right: 24px;
}
.gallery-slider-left {
justify-content: center;
align-items: center;
width: 40px;
display: flex;
left: -50px;
}
.gallery-slider-left:focus-visible {
outline-offset: 0px;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.gallery-slider-left[data-wf-focus-visible] {
outline-offset: 0px;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.slider-arrow-embed {
color: #1a1b1f;
}
.gallery-slider-right {
justify-content: center;
align-items: center;
width: 40px;
display: flex;
right: -50px;
}
.gallery-slider-right:focus-visible {
outline-offset: 0px;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.gallery-slider-right[data-wf-focus-visible] {
outline-offset: 0px;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.gallery-slide-nav {
display: none;
}
.pdf-subtitle {
color: var(--white);
text-transform: uppercase;
font-family: CeraPRO-Regular, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1;
}
.wz-page-box {
background-color: var(--deep-sky-blue);
padding: 30px 60px;
}
.ct-more-item-in {
grid-column-gap: 8px;
grid-row-gap: 16px;
color: var(--dim-grey);
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.mn-category-wrap {
padding-left: 4em;
}
.mn-category-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .5fr .5fr .25fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding-bottom: 1em;
display: grid;
}
.mn-category-left {
justify-content: flex-end;
display: flex;
}
.mn-category-title {
text-align: right;
font-family: CeraPRO-Bold, sans-serif;
font-size: 2em;
line-height: 1;
}
.gallery-wrap {
padding: 4em;
}
.gallery-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.gallery-item {
border-radius: 16px;
overflow: hidden;
}
.heading-cap-copy {
letter-spacing: 3px;
text-transform: uppercase;
order: -1;
font-size: .8em;
font-weight: 500;
}
.heading-cap-copy.small {
opacity: .6;
margin-bottom: -1em;
font-size: .7em;
}
.wz-vendorcode {
font-size: 10px;
display: none;
}
.wz-info {
line-height: 1.3;
}
.article-box {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
padding-top: 40px;
display: grid;
}
.article-side {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
display: flex;
}
.bl-heading-h1 {
font-size: 3em;
}
.article-side-stick {
position: -webkit-sticky;
position: sticky;
top: 100px;
}
.bl-item-info {
padding-left: 1em;
padding-right: 1em;
}
.wz-scheme-image {
max-width: 300px;
max-height: 580px;
display: none;
}
.wz-page-comp-sign-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--dim-grey-box\);
grid-template-rows: auto;
grid-template-columns: 1fr .25fr;
grid-auto-columns: 1fr;
align-items: end;
padding-left: 10px;
padding-right: 10px;
font-size: 9px;
display: grid;
}
.wz-page-comp-sign-3.blue {
background-color: var(--deep-sky-blue);
color: var(--white);
}
.wz-scheme {
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-around;
align-items: flex-end;
max-height: 400px;
padding-bottom: 18px;
padding-left: 60px;
padding-right: 60px;
display: flex;
position: relative;
overflow: hidden;
}
.wz-scheme-step {
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
display: flex;
position: relative;
}
.wz-scheme-bg {
flex-direction: column;
justify-content: flex-end;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
overflow: hidden;
}
.wz-scheme-step-img {
object-fit: contain;
width: 100%;
max-width: none;
max-height: 380px;
}
.wz-cell-sign-big {
font-family: CeraPRO-Bold, sans-serif;
font-size: 12px;
line-height: 1.2;
}
.wz-cell-sign-small {
font-size: 9px;
}
.wz-page-total {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--deep-sky-blue);
color: var(--white);
grid-template-rows: auto;
grid-template-columns: 1fr .25fr;
grid-auto-columns: 1fr;
align-items: center;
padding-left: 10px;
padding-right: 10px;
display: grid;
}
.wz-cell-sign-bigger {
font-family: CeraPRO-Bold, sans-serif;
font-size: 16px;
}
.wz-card-bottom {
flex-direction: column;
align-items: center;
display: flex;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.wz-pic-decor {
z-index: 1;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.wz-pic-decor.top {
top: 100px;
bottom: auto;
left: 0%;
right: 0%;
}
.wz-card-top {
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
height: 440px;
display: flex;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.wz-cart-points {
z-index: 5;
width: 400px;
margin-bottom: 40px;
padding-right: 40px;
position: relative;
}
.wz-card-title {
color: var(--deep-sky-blue);
text-align: center;
letter-spacing: -1px;
text-transform: uppercase;
justify-content: center;
align-items: center;
padding-bottom: 84px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 36px;
line-height: 1;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.wz-scheme-pic {
display: none;
}
.wz-scheme-pic.active {
display: block;
}
.wz-rich {
font-size: 16px;
}
.img-simple-back {
object-fit: contain;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
}
.rod-video {
z-index: 2;
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
}
.div-block-15 {
padding-top: 1em;
padding-bottom: 1em;
padding-left: 4em;
}
.ct-pic {
width: 80px;
}
.pdf-heading-copy {
color: var(--white);
text-align: center;
font-family: CeraPRO-Bold, sans-serif;
font-size: 64px;
font-weight: 400;
line-height: 1;
}
.div-block-16 {
position: absolute;
top: 238px;
}
.wz-options-in {
text-align: left;
width: 100%;
}
.wz-answer-prod-item {
grid-column-gap: 1em;
grid-row-gap: 1em;
background-color: var(--gray-51);
text-align: center;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding: 8px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 18px;
display: flex;
}
.wz-option-item {
grid-column-gap: 6px;
grid-row-gap: 6px;
background-color: var(--white);
color: var(--dim-grey);
border-radius: 2px;
grid-template-rows: auto;
grid-template-columns: 1fr .25fr;
grid-auto-columns: 1fr;
width: 100%;
padding: 4px;
font-size: 12px;
display: grid;
}
.wz-option-holder {
text-align: left;
width: 100%;
font-size: 14px;
}
.price-line {
grid-column-gap: 2px;
grid-row-gap: 2px;
display: flex;
}
.img-simple-square {
aspect-ratio: 1;
object-fit: contain;
width: 100%;
max-width: none;
height: 100%;
}
.lib-section {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
display: flex;
}
.lib-info {
padding: 12px;
}
.mn-banners2 {
display: block;
}
.nest, .nest.hide {
display: none;
}
.dm-banners {
display: flex;
}
.dm-banners-list {
width: 100%;
display: flex;
}
.dm-banners-item {
width: 50%;
max-width: 300px;
margin-left: 5px;
margin-right: 5px;
display: flex;
}
.hide-link {
display: none;
}
.mn-banner-url {
flex-flow: wrap;
width: 100%;
display: flex;
}
.mn-banner-img {
object-fit: contain;
border-radius: 8px;
width: 300px;
max-width: 100%;
height: 100px;
}
.nest-bc-collection-list {
display: flex;
}
.nest-bc-collection-item {
width: 50%;
max-width: 300px;
margin-left: 5px;
margin-right: 5px;
display: flex;
}
.sb-collection {
max-width: 90%;
margin-top: 1em;
margin-left: 4em;
margin-right: 4em;
}
.sb-collection-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.sb-item-url {
display: flex;
}
.sb-item-img {
object-fit: cover;
border-radius: 8px;
width: 300px;
max-width: 100%;
}
.b-container {
max-width: 90%;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
}
.offers-list {
background-image: linear-gradient(#e6e6e7, #e6e6e7);
border-top-left-radius: 1em;
border-top-right-radius: 1em;
border-bottom-right-radius: 1px;
flex-wrap: wrap;
justify-content: center;
margin: 1em 4em;
padding-top: 30px;
padding-bottom: 10px;
display: flex;
}
.offers-item {
border-top-left-radius: 1em;
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
justify-content: flex-start;
width: 110px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
padding: 5px;
display: flex;
}
.offer-item.w--current {
border: 2px solid var(--deep-sky-blue);
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
flex-wrap: wrap;
justify-content: center;
align-self: auto;
align-items: stretch;
line-height: 12px;
display: block;
}
.offer-img {
object-fit: contain;
width: 100px;
height: 100px;
padding: 5px;
}
.offer-name {
color: var(--dim-grey);
text-align: center;
margin: 5px;
font-size: 12px;
line-height: 120%;
overflow: hidden;
}
.offers-old {
display: none;
}
.header-menu-mobile {
justify-content: space-between;
display: flex;
}
.menu-button-2 {
height: 60px;
display: none;
position: absolute;
right: -50px;
}
.icon-3 {
display: none;
}
.header-menu-desctop {
justify-content: space-between;
width: 100%;
display: flex;
}
.top-navbar {
z-index: 9999;
background-image: linear-gradient(to bottom, var(--white), var(--white));
height: 60px;
padding-left: 4em;
padding-right: 4em;
display: flex;
}
.div-block-17, .top-navbar-toggle {
width: 100%;
display: flex;
}
.top-nav-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.top-nav-item-bb {
grid-column-gap: .5em;
grid-row-gap: .5em;
display: flex;
position: relative;
right: 0;
}
.top-partners-btn {
align-items: center;
display: flex;
}
.div-block-18 {
display: block;
}
.schemafaq, .schemafaqpage {
display: none;
}
.faq-page {
width: 100%;
max-width: 780px;
margin: 4em auto;
display: block;
}
.faq-item-question {
cursor: pointer;
width: 100%;
}
.faq-item-question-text {
margin-top: 0;
}
.faq-item-question-text:hover {
color: var(--deep-sky-blue);
}
.faq-item-answer-text {
font-size: 1em;
}
.faq-list-page {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-wrap: wrap;
display: flex;
}
.faq-item-page {
width: 100%;
padding: 1.2em;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.breadcrumbs {
flex-wrap: wrap;
align-items: center;
margin: 10px 5%;
padding-left: 0;
display: flex;
overflow: auto;
}
.breadcrumbs.breadcrumbs-product {
margin: 0 0 0 0%;
}
.breadcrumb-item {
margin-right: 10px;
display: flex;
}
.breadcrumb-link, .breadcrumb-link.w--current {
margin-right: 5px;
}
.breadcrumb-text {
color: var(--dim-grey);
font-size: 12px;
}
.breadcrumb-text.breadcrumb-text-last {
color: var(--black);
}
.breadcrumb-slash {
width: 0;
height: 0;
margin-left: 10px;
margin-right: 10px;
font-size: 12px;
}
.breadcrumbs-item {
display: flex;
}
.breadcrumb-position {
display: none;
}
.container-default {
max-width: 90%;
margin-bottom: 3em;
margin-left: auto;
margin-right: auto;
}
.h1-contacts {
margin-top: 0;
margin-bottom: 20px;
}
.requestbox-default {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
margin-top: 30px;
margin-bottom: 30px;
display: flex;
}
.recaptcha-default {
margin-top: 20px;
}
.recaptcha-default.recaptcha-default-pdf {
margin-top: 0;
}
.schemabrands {
display: block;
}
.schemaurl {
display: none;
}
.schemaurl.w--current, .schemacategory {
display: block;
}
.heading-cap {
margin-bottom: 0;
}
.schemadescription {
display: block;
}
.h1-hide {
display: none;
}
.h-content-list {
flex-direction: column;
height: auto;
display: none;
}
.h-content-css {
display: none;
}
.blog-products {
max-width: 90%;
margin-left: auto;
margin-right: auto;
}
.grid-list-product {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-wrap: nowrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-bottom: 3em;
display: flex;
}
.grid-item-product {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
justify-items: center;
display: flex;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.grid-link {
color: var(--dim-grey);
text-align: center;
flex-wrap: wrap;
justify-content: center;
width: 100%;
height: 100%;
font-family: CeraPRO-Bold, sans-serif;
display: flex;
}
.grid-link:hover {
color: var(--dim-grey);
}
.grid-name-btn {
cursor: pointer;
border: 2px solid #545860;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 137px;
height: 45px;
margin-top: 5px;
margin-bottom: 1.6em;
font-size: 14px;
display: flex;
}
.grid-name-btn:hover {
background-image: linear-gradient(to bottom, var(--dim-grey), var(--dim-grey));
color: var(--white);
}
.grid-name {
padding-left: 1.6em;
padding-right: 1.6em;
font-size: 1.3em;
line-height: 120%;
}
.grid-name:hover {
color: var(--dim-grey);
}
.grid-sub-name {
opacity: .7;
text-align: center;
text-transform: uppercase;
width: 100%;
padding-left: 1.6em;
padding-right: 1.6em;
font-size: 12px;
}
.grid-img {
object-fit: contain;
width: 100%;
height: 40svh;
}
.grid-3 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.about-bt {
color: var(--white);
background-image: linear-gradient(rgba(18, 73, 111, .8), rgba(18, 73, 111, .8));
width: 40%;
padding: .2em 4em 2em;
position: absolute;
}
.about-map-block {
position: relative;
}
.about-map-img {
float: right;
width: 80%;
padding-top: 60px;
}
.tab-top-block {
display: none;
}
.tab-heading-block {
color: var(--white);
background-image: linear-gradient(rgba(18, 73, 111, .8), rgba(18, 73, 111, .8));
width: 40%;
padding: 2.5em 3em;
}
.tab-heading-text {
margin-top: 0;
margin-bottom: 0;
}
.tab-content {
flex-direction: column;
display: flex;
}
.tab-heading {
color: var(--white);
background-color: rgba(18, 73, 111, .8);
align-self: center;
width: 40%;
margin-top: 0;
margin-bottom: 0;
padding: 40px;
}
.tab-head-info {
flex-wrap: nowrap;
margin-top: 10px;
margin-bottom: 10px;
display: flex;
}
.tab-html {
background-image: linear-gradient(to bottom, var(--white), var(--white));
color: var(--dim-grey);
width: 50%;
margin-top: -60px;
margin-left: auto;
margin-right: auto;
padding: 40px;
display: flex;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.tab-heading-r-text {
flex-direction: column;
align-self: center;
width: 60%;
margin-left: 20px;
padding: 20px;
display: flex;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.tab-sertifications {
margin-top: 3em;
}
.tab-history {
margin: 2em 4em;
}
.tab-iot-imgs {
grid-column-gap: 1%;
grid-row-gap: 1%;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-self: center;
margin-top: 3em;
margin-left: 1em;
margin-right: 1em;
display: flex;
}
.tab-iot-img {
object-fit: cover;
width: 32.3%;
height: 400px;
}
.about-adress {
margin: 200px 4em -40px;
}
.cookie-test {
flex-flow: row;
margin: 20px;
padding: 20px;
display: block;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.cookie-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
display: flex;
}
.cookie-div.deny {
display: none;
}
.div-all-info {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-around;
align-self: auto;
align-items: stretch;
width: 40%;
display: flex;
}
.testcc {
width: 100%;
display: flex;
}
.text-block-3 {
width: 60%;
}
.cookie-test2 {
justify-content: center;
align-items: center;
margin: 20px;
padding: 10px;
display: none;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.preferences-cookie {
flex-direction: column;
display: none;
}
.wz-cell-sign-midle {
font-family: CeraPRO-Bold, sans-serif;
font-size: 10px;
}
.fs-cc-banner2_component {
color: var(--white);
background-image: linear-gradient(#0540f2, #0540f2);
width: 28.125rem;
padding: 2em 2rem 2rem;
display: block;
position: fixed;
bottom: 0%;
right: 0%;
}
.fs-cc-banner2_container {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 60rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.fs-cc-banner2_buttons-wrapper {
margin-top: 1rem;
}
.fs-cc-banner2_text {
font-size: 1rem;
}
.fs-cc-banner2_text-link {
color: var(--white);
font-family: CeraPRO-Bold, sans-serif;
text-decoration: underline;
}
.fs-cc-prefs2_overlay {
z-index: -1;
background-image: linear-gradient(rgba(1, 4, 64, .9), rgba(1, 4, 64, .9));
width: 100%;
height: 100%;
font-size: 1rem;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.fs-cc-prefs2_close-2 {
background-color: var(--deep-sky-blue);
color: #fff;
cursor: pointer;
padding: .75rem;
font-size: 1.25rem;
text-decoration: none;
position: absolute;
top: 0;
bottom: auto;
left: auto;
right: 0;
box-shadow: -1px 1px 4px rgba(51, 51, 51, .1);
}
.fs-cc-prefs2_overlay-2 {
z-index: -1;
background-color: var(--dim-grey-2);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
color: var(--dim-grey);
-webkit-text-fill-color: inherit;
mix-blend-mode: normal;
background-clip: border-box;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.fs-cc-prefs2_form-wrapper-2 {
flex-direction: row;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding: 1.5rem;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.fs-cc-prefs2_checkbox-label-2 {
display: none;
}
.fs-cc-banner2_container-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 60rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.fs-cc-banner2_buttons-wrapper-2 {
flex: none;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 1rem;
display: flex;
}
.fs-cc-preferences2_close-icon {
color: #fff;
width: 1.5rem;
height: 1.5rem;
}
.fs-cc-prefs2_form-2 {
color: #fff;
background-color: #333;
width: 100%;
max-width: 25rem;
max-height: 85vh;
margin-bottom: 0;
position: relative;
}
.fs-cc-prefs2_buttons-wrapper-2 {
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 1rem;
display: flex;
}
.fs-cc-prefs2_label-2 {
color: var(--dim-grey);
margin-top: 0;
margin-bottom: 0;
margin-right: 2rem;
font-size: 1rem;
font-weight: 700;
}
.fs-cc-manager2_component-2 {
z-index: 999;
display: block;
position: fixed;
top: auto;
bottom: 1.25rem;
left: 1.25rem;
right: auto;
}
.fs-cc-prefs2_checkbox-2 {
z-index: 1;
border-width: 2px;
border-color: var(--deep-sky-blue);
cursor: pointer;
background-color: #fff;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.fs-cc-prefs2_checkbox-2.w--redirected-checked {
border-color: var(--deep-sky-blue);
background-color: var(--deep-sky-blue);
background-size: auto;
}
.fs-cc-prefs2_button-2 {
text-align: center;
background-color: #0540f2;
border: 1px solid #0540f2;
padding: .75rem 1.25rem;
font-weight: 700;
}
.fs-cc-prefs2_button-2.fs-cc-button-alt {
color: #0540f2;
background-color: #fff;
border-color: #0540f2;
}
.fs-cc-prefs2_option-2 {
border-bottom: 1px solid rgba(192, 192, 192, .3);
padding-top: 1rem;
padding-bottom: 1rem;
}
.fs-cc-banner2_button-2 {
border: 1px solid var(--white);
background-color: var(--deep-sky-blue);
color: var(--white);
text-align: center;
border-radius: 2px;
flex: 1;
min-width: 7.5rem;
margin-left: 0;
margin-right: 1rem;
padding: .5rem 1.25rem;
font-size: 16px;
font-weight: 700;
}
.fs-cc-banner2_button-2:hover {
color: var(--white);
}
.fs-cc-banner2_button-2.fs-cc-button-alt {
border-style: none;
border-color: var(--midnight-blue);
background-color: var(--bolt-blue);
color: var(--white);
margin-right: 0;
font-family: CeraPRO-Regular, sans-serif;
}
.fs-cc-prefs2_space-small-2 {
margin-bottom: .75rem;
}
.fs-cc-prefs2_submit-2 {
background-color: var(--deep-sky-blue);
text-align: center;
cursor: pointer;
border-radius: 2px;
justify-content: center;
align-items: center;
width: 100%;
padding: .75rem 1.25rem;
font-size: 16px;
font-weight: 700;
display: flex;
}
.fs-cc-prefs2_submit-2:hover {
color: var(--white);
}
.fs-cc-prefs2_component-2 {
z-index: 997;
opacity: 1;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding: 2rem;
display: flex;
position: fixed;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.fs-cc-prefs2_content-2 {
color: #000;
background-color: #fff;
height: 100%;
padding: 2.5rem 2rem;
}
.fs-cc-prefs2_title-2 {
color: #010440;
text-align: center;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.2em;
}
.fs-cc-prefs2_checkbox-field-2 {
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
margin-bottom: 0;
padding: .125rem;
display: flex;
position: relative;
}
.fs-cc-manager2_button {
border: 1px solid var(--deep-sky-blue);
color: #0540f2;
-webkit-text-stroke-color: var(--deep-sky-blue);
cursor: pointer;
background-color: #fff;
border-radius: 100%;
flex-direction: column;
width: 3rem;
padding: .5rem;
transition: color .2s;
display: flex;
}
.fs-cc-manager2_button:hover {
color: #4353ff;
}
.fs-cc-prefs2_toggle-wrapper-2 {
flex-direction: row;
justify-content: space-between;
align-items: center;
display: flex;
}
.fs-cc-banner2_text-link-2 {
color: #fff;
border-bottom: 2px solid #fff;
font-weight: 400;
text-decoration: none;
}
.fs-cc-banner2_component-2 {
z-index: 999;
background-color: var(--deep-sky-blue);
color: #fff;
width: 28.125rem;
padding: 2rem;
display: flex;
position: fixed;
top: auto;
bottom: 0%;
left: 0%;
right: auto;
}
.fs-cc-silver {
border: 1px solid var(--dim-grey);
background-color: var(--white);
color: var(--dim-grey);
text-align: center;
cursor: pointer;
border-radius: 2px;
justify-content: center;
align-items: center;
margin-left: 10px;
font-size: 16px;
display: flex;
}
.fs-cc-silver:hover {
color: var(--dim-grey);
padding-top: 0;
padding-bottom: 0;
line-height: 100%;
}
.text-block.bolt {
font-family: CeraPRO-Bold, sans-serif;
}
.image-6 {
width: 20px;
height: 20px;
position: absolute;
}
.dropdown-custom-img {
width: 20px;
height: 20px;
display: none;
position: absolute;
top: 35%;
right: 10px;
}
.drop-select {
display: block;
position: relative;
}
.breadcrumb-text-2 {
color: #545860;
font-size: 12px;
}
.breadcrumb-text-2.breadcrumb-text-last {
color: #000;
}
.collection-wizard-items {
margin-top: 10px;
margin-bottom: 2em;
}
.list-wizard-items {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: stretch;
display: grid;
}
.item-wizard-item {
flex-direction: column;
justify-content: space-between;
display: flex;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.container-wizard {
flex-flow: column;
max-width: 90%;
margin-left: auto;
margin-right: auto;
display: block;
}
.wizard-img {
object-fit: contain;
height: 250px;
padding-top: 1.6em;
padding-bottom: 1.6em;
}
.wizard-url {
justify-content: center;
width: 100%;
display: flex;
}
.wizard-d-link {
width: 100%;
padding-bottom: 1.6em;
padding-left: 1.6em;
padding-right: 1.6em;
}
.text-block-4 {
color: var(--dim-grey);
text-align: center;
font-family: CeraPRO-Bold, sans-serif;
line-height: 120%;
}
.div-block-20 {
display: none;
}
.component-wizard {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-top: 10px;
display: flex;
}
.cw-left-block {
background-image: linear-gradient(to bottom, var(--white-smoke), var(--white-smoke));
width: 48%;
margin-right: 1%;
}
.cw-right-block {
flex-direction: column;
justify-content: center;
margin-bottom: 2em;
display: flex;
}
.cw-sub-right {
display: flex;
}
.text-block-5 {
font-size: 1em;
}
.cw-right-text {
font-size: 1.25em;
}
.cw-right-html {
font-family: CeraPRO-Bold, sans-serif;
font-size: 1.25em;
}
.rich-text-block-4 {
font-size: 1.25em;
}
.cw-right-price {
background-image: linear-gradient(to bottom, var(--orange-red), var(--orange-red));
color: var(--white);
border-radius: 4px;
justify-content: center;
align-items: center;
width: 250px;
max-width: 250px;
margin-top: 20px;
margin-bottom: 20px;
padding: 20px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 2em;
line-height: 120%;
display: flex;
box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
}
.heading-14 {
margin-top: 0;
font-size: 3em;
}
.link {
display: block;
}
.find-solution {
border: 2px solid var(--deep-sky-blue);
background-image: linear-gradient(to bottom, var(--deep-sky-blue), var(--deep-sky-blue));
color: var(--white);
text-align: center;
border-radius: 4px;
width: 250px;
max-width: 250px;
margin-bottom: 2em;
padding: .8em 1.6em;
font-family: CeraPRO-Bold, sans-serif;
font-size: 14px;
display: inline-block;
box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
}
.find-solution:hover {
border-color: var(--midnight-blue);
background-image: linear-gradient(to bottom, var(--midnight-blue), var(--midnight-blue));
color: var(--white);
}
.video-heading {
margin-top: 0;
margin-bottom: 0;
}
.mob-toggle-catalog, .mob-catalog-btn-text, .top-mob-menu-block {
display: none;
}
.top-mm-wrap {
padding-left: 3em;
padding-right: 3em;
}
.top-mm-item {
border-bottom: 1px solid var(--dim-grey);
padding-top: 3px;
padding-bottom: 3px;
}
.img-toggle-menu, .top-mm-wrap-background {
display: none;
}
.top-mm-wrap-background.active {
display: block;
}
.top-mm-close, .close-mm-block {
display: none;
}
.wz-disclaimer {
background-color: rgba(255, 255, 255, .71);
padding: 10px 30px 30px;
font-size: 10px;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.pdf-table-main {
border: 2px solid var(--deep-sky-blue);
}
.pdf-tab-two-col {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.pdf-tab-two-col.one-col {
grid-template-columns: 1fr;
}
.wz-grid-cell-sign {
color: var(--white);
letter-spacing: -1px;
text-transform: uppercase;
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
padding: 36px 10px 10px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 20px;
line-height: 1;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.wz-price-box {
flex-flow: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
padding-top: 20px;
display: flex;
}
.download-catalog {
margin-left: auto;
margin-right: auto;
padding-top: 10px;
padding-bottom: 20px;
}
.line-box-shadow {
border-bottom: 1px solid var(--dim-grey);
width: 100%;
height: 1px;
}
.h1-product-line {
margin-top: 0;
margin-bottom: 10px;
}
.all-lines-products-hidden {
display: none;
}
.full-desc-line {
margin-bottom: 10px;
}
.pis-item-pic-line {
width: 80px;
height: 80px;
}
.products-line-container {
flex-flow: column;
margin-bottom: 3em;
margin-left: 5%;
margin-right: 5%;
display: flex;
}
.author-photo {
width: 50%;
height: 90%;
padding: 5%;
}
.author-job {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
font-size: 20px;
display: flex;
}
.author-job-title {
padding-right: 5px;
}
.author-social {
grid-column-gap: 1em;
grid-row-gap: 1em;
height: auto;
display: flex;
}
.rich-text-block-5 {
margin-bottom: 15px;
}
.author-embed {
margin-bottom: 10px;
}
.link-block-3, .author-link-detail {
justify-content: center;
align-items: center;
display: flex;
}
.section-info {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fbfcff;
justify-content: flex-start;
align-items: center;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 4em;
display: flex;
}
.section-info.section-info-calc {
padding-top: 2em;
padding-bottom: 2em;
}
.section-info-left {
flex-flow: column;
width: 50%;
display: flex;
}
.section-info-right {
justify-content: flex-end;
align-items: center;
width: 50%;
max-height: 350px;
display: flex;
}
.section-info-right-img {
object-fit: contain;
height: 100%;
max-height: 350px;
}
.section-info-left-h1 {
margin-top: 0;
}
.mn-item-shop {
display: none;
}
.rodms {
background-color: #e3f2fd;
border-radius: 12px;
margin-left: auto;
margin-right: auto;
}
.ro-step {
background-color: var(--white);
border-radius: 12px;
flex-flow: column;
display: block;
}
.ro-step.active {
display: flex;
}
.ro-form {
margin-bottom: 0;
margin-left: 24px;
margin-right: 24px;
padding-top: 24px;
padding-bottom: 24px;
}
.ro-title {
color: var(--black);
margin-top: 16px;
margin-bottom: 16px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 1.25rem;
}
.rodms-container {
margin: 1em 4em;
}
.ro-left-block {
width: 60%;
}
.ro-right-block {
width: 40%;
}
.ro-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
display: flex;
}
.ro-field {
margin-top: -5px;
margin-bottom: -5px;
}
.ro-field.f-right {
justify-content: flex-end;
display: flex;
}
.ro-field.f-left {
display: flex;
}
.ro-block-step {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.ro-field-step-info {
grid-column-gap: 16px;
grid-row-gap: 16px;
align-items: center;
margin-bottom: 16px;
display: flex;
}
.ro-field-step-label {
text-align: right;
width: 150px;
font-size: 16px;
}
.ro-field-step-label.input-label {
font-size: .7em;
}
.ro-field-step-input {
border-radius: 12px;
width: 150px;
height: 50px;
margin-bottom: 0;
padding: 0 10px;
}
.ro-btn-submit {
border: 1px solid var(--deep-sky-blue);
background-color: var(--white);
color: var(--deep-sky-blue);
border-radius: 4px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 16px;
}
.ro-btn-submit:hover {
background-color: var(--ro-blue);
}
.ro-block-left {
width: 60%;
}
.ro-block-right {
width: 40%;
}
.result-ro-block {
width: 60%;
margin-left: auto;
margin-right: auto;
}
.result-ro-field {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 100%;
margin-bottom: 16px;
display: flex;
}
.div-block-22 {
width: 150px;
}
.ro-field-left.input-field {
justify-content: center;
align-items: center;
width: 200px;
display: flex;
}
.ro-field-left-text {
font-size: 14px;
}
.ro-field-right.input-field {
justify-content: center;
align-items: center;
width: 200px;
display: flex;
}
.ro-field-right-text {
font-size: 14px;
}
.text-block-6 {
margin-bottom: 20px;
font-size: 12px;
line-height: 1.3;
}
.button-3 {
background-color: var(--ro-blue-2);
border-radius: 4px;
margin-left: auto;
margin-right: auto;
font-size: .875em;
}
.ro-warning {
display: none;
}
.ro-warning-list {
padding-left: 20px;
}
.ro-warning-item {
color: var(--light-red);
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
font-style: italic;
line-height: 1;
}
.ro-comment {
color: var(--light-red);
font-size: 16px;
}
.ro-warning-item-text {
color: var(--light-red);
font-size: 14px;
font-style: italic;
}
.download-report {
background-color: var(--orange-red);
color: var(--white);
cursor: pointer;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 50%;
margin-left: auto;
margin-right: auto;
padding-top: 15px;
padding-bottom: 15px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 16px;
line-height: 1;
display: flex;
}
.download-report:hover {
background-color: var(--deep-sky-blue);
color: var(--white);
}
.download-report.disabled-report {
background-color: var(--ro-blue-2);
color: var(--dim-grey);
cursor: not-allowed;
font-family: CeraPRO-Bold, sans-serif;
}
.download-report.disabled-report.hide {
display: none;
}
.pop-up-wrap-head-catalog {
z-index: 1001;
background-color: var(--dim-grey-2);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
display: none;
position: fixed;
top: 0%;
bottom: 0%;
left: 0;
right: 0%;
}
.pop-up-wrap-head-catalog.active {
justify-content: center;
align-items: center;
display: flex;
}
.add-result-ro {
width: 100%;
height: auto;
display: flex;
}
.ro-recaptcha {
margin-bottom: 16px;
}
.search-certificates-block {
margin-bottom: 0;
padding-left: 5%;
padding-right: 5%;
}
.certificates-form {
width: 50%;
}
.filter-input {
padding-top: 5px;
padding-bottom: 5px;
}
.filter-reset {
justify-content: flex-start;
align-items: center;
padding-bottom: 10px;
font-size: .8em;
display: flex;
}
.in-filter-input {
margin-bottom: 0;
}
.filter-field {
margin-bottom: 20px;
display: none;
}
.filter-field.filter-field-search, .filter-field.filter-field-clear-all, .filter-field.show, .filter-field.filter-field-sub {
display: block;
}
.filter-field-title {
margin-bottom: .5rem;
font-size: 16px;
}
.fs-filtercms_checkbox {
background-color: var(--dim-grey);
color: var(--white);
cursor: pointer;
border-radius: 4px;
margin-bottom: .6rem;
margin-right: .6rem;
padding-left: 0;
position: relative;
}
.fs-filtercms_checkbox:hover {
opacity: .8;
}
.fs-filtercms_checkbox.fs-cmsfilter_active {
background-color: var(--deep-sky-blue);
}
.fs-filtercms-check {
z-index: 1;
opacity: 0;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.fs-filtercms_check-label {
padding: .4rem .85rem .35rem;
}
.fs-filtercms_filter-list {
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
height: auto;
font-size: 14px;
display: flex;
}
.filter-form-block {
margin-bottom: 0;
display: none;
}
.filter-form-block.active, .filter-form-block.fshow {
display: block;
}
.filter-form {
border: 1px solid var(--white-smoke);
height: auto;
max-height: 100vh;
padding: 20px;
overflow: auto;
}
.fs_cmsfilter_clear-all {
color: var(--deep-sky-blue);
cursor: pointer;
font-size: 16px;
text-decoration: underline;
}
.f-stepline-list {
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 1em;
display: grid;
}
.f-stepline-list.f-stepline-list-detail {
grid-template-columns: 1fr 1fr 1fr;
}
.f-stepline-list.f-stepline-list-pop {
padding-top: 0;
padding-bottom: 1em;
}
.f-stepline-list.ro-f-stepline-list {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
padding-top: 0;
}
.f-stepline-item {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
font-size: 12px;
display: flex;
}
.f-stepline-item.active {
opacity: .4;
}
.f-stepline-point {
background-color: var(--dim-grey);
color: var(--white);
border-radius: 16px;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 14px;
display: flex;
}
.f-buttons-block {
justify-content: flex-end;
width: 100%;
margin-top: 2em;
display: flex;
}
.f-button-prev {
background-color: var(--orange-red);
color: var(--white);
cursor: pointer;
border-radius: 4px;
justify-content: center;
align-items: center;
padding: .8em 1.6em;
font-family: CeraPRO-Bold, sans-serif;
font-size: 14px;
line-height: 1;
display: flex;
}
.f-button-prev:hover {
background-color: var(--deep-sky-blue);
color: var(--white);
}
.f-button-next {
background-color: var(--orange-red);
color: var(--white);
cursor: pointer;
border-radius: 4px;
justify-content: center;
align-items: center;
padding: .8em 1.6em;
font-family: CeraPRO-Bold, sans-serif;
font-size: 14px;
line-height: 1;
display: flex;
}
.f-button-next:hover {
background-color: var(--deep-sky-blue);
}
.f-step-filed {
height: auto;
display: none;
}
.f-step-filed.active {
display: block;
}
.f-step-fileds-2 {
height: auto;
}
.f-buttons-block-prev {
align-items: center;
width: 11%;
margin-top: 1em;
display: flex;
}
.f-buttons-block-next {
justify-content: flex-end;
margin-top: 1em;
display: flex;
}
.f-buttons-block-next.d-f-buttons-block-next {
justify-content: flex-end;
}
.container-3 {
width: 100%;
}
.d-recaptcha {
margin-bottom: 0;
}
.filter-maximum-tds {
display: block;
}
.filter-maximum-tds.hide, .mob-filter-btn, .mob-filter-btn.hide {
display: none;
}
.image-7 {
position: absolute;
top: 0;
}
.close-popup-img {
cursor: pointer;
position: absolute;
top: 0;
right: 0;
}
.close-popup-img:hover {
opacity: .7;
}
.name-hide {
display: none;
}
.result-limit {
height: auto;
}
.rodmg-main-container {
width: 100%;
max-width: 940px;
margin: 2em auto;
}
.ro-next {
background-color: var(--orange-red);
color: var(--white);
cursor: pointer;
border-radius: 4px;
justify-content: center;
align-items: center;
padding: .8em 1.6em;
font-family: CeraPRO-Bold, sans-serif;
font-size: 14px;
line-height: 1;
display: flex;
}
.ro-next:hover {
background-color: var(--deep-sky-blue);
}
.ro-prev {
background-color: var(--orange-red);
color: var(--white);
cursor: pointer;
border-radius: 4px;
justify-content: center;
align-items: center;
padding: .8em 1.6em;
font-family: CeraPRO-Bold, sans-serif;
font-size: 14px;
line-height: 1;
display: flex;
}
.ro-prev:hover {
background-color: var(--deep-sky-blue);
}
.form-block-2 {
width: 100%;
margin-bottom: 0;
}
.ro-btns-block {
justify-content: space-between;
align-items: center;
margin-top: 1.5em;
display: flex;
}
.ro-btns-block.ro-btns-block-right {
justify-content: flex-end;
}
.ro-step-f {
display: none;
}
.ro-step-f.active {
outline-color: var(--white-smoke);
outline-offset: 0px;
outline-width: 1px;
outline-style: solid;
margin-bottom: 20px;
padding: 10px 35px 35px;
display: block;
}
.df-h2 {
margin-top: 0;
}
.input-field-wrap {
margin-bottom: 60px;
}
.field-label-3 {
color: #18264e;
letter-spacing: -.02em;
margin-bottom: 8px;
font-size: 14px;
line-height: 24px;
}
.input-field-2 {
color: #151e24;
border: 1px solid #e9ecf0;
border-radius: 12px;
width: 100%;
min-height: 48px;
margin-bottom: 0;
padding: 12px 16px;
font-size: 14px;
transition: all .25s;
box-shadow: 1px 1px 2px rgba(114, 129, 167, .04);
}
.input-field-2:hover {
border-color: #ccd5e0;
}
.input-field-2:focus {
border-color: #642eff;
}
.input-field-2::placeholder {
color: #a0a6b0;
}
.drainflowratecurrent {
font-family: CeraPRO-Bold, sans-serif;
font-size: 16px;
}
.range-field {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.range-embed {
width: 100%;
height: 40px;
}
.recycleflowratecurrent {
font-family: CeraPRO-Bold, sans-serif;
font-size: 16px;
}
.container-form {
flex-flow: column;
width: 90%;
max-width: 1120px;
margin: 2em auto;
display: block;
}
.container-form.hide {
display: none;
}
.container-ecosoft {
grid-column-gap: 2em;
grid-row-gap: 2em;
width: 90%;
max-width: 1120px;
margin: 2em auto;
display: flex;
}
.product-detail-right {
width: 65%;
}
.product-detail-left {
flex-flow: column;
width: 35%;
display: flex;
}
.product-artikle {
font-size: 12px;
}
.product-name {
margin-top: 15px;
margin-bottom: 0;
font-family: CeraPRO-Bold, sans-serif;
font-size: 24px;
line-height: 24px;
}
.product-list-image {
margin-top: 15px;
}
.product-toggle-list {
flex-flow: column;
margin-bottom: 15px;
display: flex;
}
.tab-toggle {
border: 1px solid var(--white-smoke);
cursor: pointer;
border-radius: 4px;
justify-content: flex-start;
align-items: center;
height: 44px;
padding-left: 10px;
padding-right: 10px;
display: flex;
position: relative;
}
.tab-toggle:hover {
border-color: var(--dim-grey);
}
.tab-toggle-name {
text-transform: uppercase;
padding-left: 10px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 16px;
}
.tab-toggle-arrow {
transition: transform .5s;
position: absolute;
right: 10px;
transform: rotate(90deg);
}
.tab-toggle-arrow.is-active-accordion {
transform: rotate(270deg);
}
.tab-toggle-content {
transition: max-height .5s;
display: none;
overflow: hidden;
}
.product-heading-info {
margin-bottom: 15px;
}
.ttc-rich {
padding-top: 10px;
font-size: 16px;
}
.product-toggle-item {
margin-bottom: 5px;
}
.product-price {
color: var(--orange-red);
margin-top: 10px;
margin-bottom: 15px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 36px;
line-height: 36px;
display: flex;
}
.product-price.hide {
display: none;
}
.product-full-price {
padding-left: 5px;
}
.product-btn-buy {
background-color: var(--orange-red);
color: var(--white);
cursor: pointer;
border-radius: 8px;
width: auto;
padding: 20px 40px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 20px;
line-height: 22px;
display: inline-block;
}
.product-btn-buy:hover {
background-color: var(--deep-sky-blue);
color: var(--white);
}
.product-btn-buy.hide, .product-btn-buy.hi {
display: none;
}
.product-overview-link {
background-color: var(--white-smoke);
color: var(--dim-grey);
border-radius: 4px;
justify-content: flex-start;
align-items: center;
height: 44px;
margin-top: 15px;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.product-overview-link:hover {
color: var(--dim-grey);
}
.product-overview-text {
text-transform: uppercase;
padding-left: 10px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 16px;
}
.body-2 {
cursor: pointer;
}
.product-image-list {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: stretch;
display: grid;
}
.product-image-item {
border: 1px solid var(--white-smoke);
border-radius: 4px;
display: block;
}
.product-image-item.hide {
display: none;
}
.gallery-load-more {
border: 2px solid var(--dim-grey);
cursor: pointer;
border-radius: 4px;
padding: 10px 20px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 16px;
}
.gallery-load-more:hover {
background-color: var(--dim-grey);
color: var(--white);
}
.gallery-load-more.hide {
cursor: pointer;
margin-top: 20px;
}
.gallery-load-more-btn {
justify-content: center;
align-items: center;
margin-top: 20px;
margin-bottom: 20px;
display: flex;
}
.gallery-load-more-btn.hide {
display: none;
}
.product-description {
margin-bottom: 20px;
}
.toggle-tabs-item {
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.toggle-tab-item {
border-top: 1px solid var(--white-smoke);
color: var(--gainsboro);
cursor: pointer;
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 32px;
display: flex;
}
.toggle-tab-content {
width: 100%;
margin-bottom: 20px;
padding: 0;
transition: max-height .5s;
display: none;
position: relative;
overflow: hidden;
}
.toggle-tab-content.is-active-accordion {
display: flex;
}
.toggle-tab-name {
color: var(--light-black);
}
.toggle-tab-arrow {
transition: transform .5s;
}
.toggle-tab-arrow.is-active-accordion {
transform-style: preserve-3d;
transform: rotateX(180deg)rotateY(0)rotateZ(0);
}
.product-model {
margin-bottom: 15px;
}
.product-model-heading {
margin-bottom: 10px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 16px;
}
.product-list-image-main {
width: 50%;
margin-top: 15px;
margin-bottom: 20px;
}
.product-list-image-main.product-list-image-main-top {
border: 1px solid var(--white-smoke);
border-radius: 4px;
width: 75%;
}
.product-description-rich {
font-size: 20px;
line-height: 20px;
}
.product-offers-list {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.product-offers-image {
object-fit: contain;
width: 100%;
height: 100%;
}
.product-offers-name {
text-align: center;
font-size: 12px;
line-height: 12px;
}
.product-offer-item {
border: 1px solid var(--white-smoke);
cursor: pointer;
border-radius: 4px;
flex-flow: column;
justify-content: space-between;
align-items: center;
height: 100%;
padding: 10px 5px;
display: flex;
}
.product-offer-item.w--current {
border-color: var(--deep-sky-blue);
cursor: not-allowed;
}
.product-overview-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.product-overview-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: space-between;
align-items: center;
display: flex;
}
.product-overview-item:nth-child(2n) {
flex-flow: row-reverse;
}
.product-overview-name {
margin-bottom: 16px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 32px;
line-height: 32px;
}
.product-overview-desc {
font-size: 16px;
line-height: 16px;
}
.product-overview-info {
flex-flow: column;
width: 35%;
display: flex;
}
.product-overview-picture {
width: 65%;
display: flex;
}
.product-heading {
margin-top: 0;
font-size: 32px;
line-height: 32px;
}
.product-items-block {
flex-flow: column;
width: 100%;
display: flex;
}
.schema-hide {
display: none;
}
.pop-up-wrap-product {
z-index: 9999;
background-color: var(--dim-grey-2);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.pop-up-wrap-product.active {
display: flex;
}
.pop-up-product-close {
cursor: pointer;
position: absolute;
top: 20px;
right: 20px;
}
.pop-up-product-close:hover {
opacity: .7;
}
.pop-price {
background-color: var(--orange-red);
color: var(--white);
border-radius: 4px;
flex-flow: column;
justify-content: center;
align-self: flex-start;
align-items: center;
padding: 1em 2.5em;
display: flex;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.pop-price.hide {
display: none;
}
.t-pop-price {
opacity: .6;
font-size: 12px;
line-height: 12px;
}
.sticky-block {
max-height: 90vh;
position: -webkit-sticky;
position: sticky;
top: 3em;
overflow: auto;
}
.mob-product-heading-menu {
display: none;
}
.schemavendorcode {
display: block;
}
.vendor-code-hide {
display: none;
}
.ro-heading {
margin-top: 0;
margin-bottom: 10px;
font-size: 32px;
}
.ro-paragraf {
margin-bottom: 15px;
font-size: 16px;
}
.ro-calculate {
background-color: var(--ro-blue-2);
color: var(--dim-grey);
cursor: pointer;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 10px;
padding: 15px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 16px;
line-height: 1;
display: flex;
}
.ro-calculate.ro-calculate-disabled {
text-align: center;
cursor: not-allowed;
display: block;
}
.ro-calculate.ro-calculate-enabled {
background-color: var(--orange-red);
color: var(--white-smoke);
display: none;
}
.ro-calculate.ro-calculate-enabled:hover {
background-color: var(--deep-sky-blue);
}
.product-gallery-image {
aspect-ratio: 1;
object-fit: contain;
width: 100%;
}
.cert-item.filter-product {
border: 1px solid var(--white-smoke);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding: 10px;
display: flex;
}
.ro-sub-text {
color: var(--black);
margin-top: -10px;
margin-bottom: 15px;
font-size: 12px;
}
.ec-nav-wrap-2 {
z-index: 1000;
grid-column-gap: 1em;
grid-row-gap: 1em;
background-color: #fff;
justify-content: space-between;
align-items: center;
height: 50px;
padding-left: 4em;
padding-right: 1em;
display: flex;
position: relative;
}
.ec-nav-2 {
z-index: 2000;
background-color: #fff;
position: relative;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.listbox-2 {
background-color: #fff;
border: 1px solid #d3d5d8;
height: 50px;
padding-right: 25px;
font-size: 1em;
}
.form-block-3 {
background-color: #fff;
width: 100%;
margin-bottom: 0;
padding: 1em 2em 2em;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.form-block-3.header-d-catalog {
height: auto;
max-height: 90vh;
padding-top: 2em;
overflow: auto;
}
.paragraph-small-2 {
color: #545860;
font-size: .7em;
}
.input-field-3 {
border: 1px solid #d3d5d8;
height: 50px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 14px;
}
.input-adv-camp-2 {
border: 1px solid #d3d5d8;
height: 50px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 1em;
display: none;
}
.mn-drop-list-2 {
grid-column-gap: .5em;
grid-row-gap: .5em;
background-color: #fff;
padding: 1em;
top: 33px;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.mn-drop-list-2.w--open {
overflow: hidden;
}
.mn-item-2 {
color: #545860;
padding: 8px;
font-size: 12px;
line-height: 1;
}
.mn-item-2:hover {
color: #309bff;
}
.mn-item-2.w--current {
color: #d3d5d8;
}
.mn-item-2.stroke {
border: 2px solid #545860;
border-radius: 4px;
padding-left: 13px;
padding-right: 13px;
}
.mn-item-2.stroke:hover {
border-color: #309bff;
}
.mn-item-2.stroke.btn-catalog {
align-items: center;
display: flex;
}
.mn-item-2.accent {
color: #fff;
background-color: #ff6404;
border: 2px solid #ff6404;
border-radius: 4px;
padding-left: 13px;
padding-right: 13px;
font-family: CeraPRO-Bold, sans-serif;
font-weight: 400;
}
.mn-item-2.accent:hover {
background-color: #309bff;
border-color: #309bff;
}
.mn-item-2.drop {
padding: 0;
}
.mn-item-2.drop.gray {
background-color: #ebebeb;
border-radius: 20px;
}
.pop-up-wrap-head-catalog-2 {
z-index: 1001;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: rgba(84, 88, 96, .4);
display: none;
position: fixed;
top: 0%;
bottom: 0%;
left: 0;
right: 0%;
}
.textarea-box-2 {
border: 1px solid #d3d5d8;
min-height: 100px;
font-size: .9em;
}
.menu-beta-2 {
color: #fff;
text-transform: none;
background-color: #309bff;
border-radius: 20px;
margin-left: -8px;
padding: 3px 5px;
font-size: 9px;
}
.menu-beta-2.violet {
background-color: #35123d;
}
.dropdown-list-2 {
background-color: #fff;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.ec-nav-menu-2 {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex: 1;
justify-content: space-between;
display: flex;
}
.field-search-2 {
border: 2px solid #e7e8e9;
border-radius: 3px;
height: 100%;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 14px;
}
.btn-primary-light-2 {
color: #545860;
white-space: nowrap;
cursor: pointer;
background-color: rgba(0, 0, 0, 0);
border: 2px solid #545860;
border-radius: 4px;
flex: none;
padding: .8em 1.6em .7em;
font-family: CeraPRO-Bold, sans-serif;
font-size: .8em;
transition: background-color .2s, border-color .2s, color .2s;
}
.btn-primary-light-2:hover {
color: #fff;
background-color: #545860;
}
.btn-primary-light-2.accent {
color: #fff;
background-color: #ff6404;
border-color: #ff6404;
margin-top: 0;
}
.btn-primary-light-2.accent:hover {
background-color: #309bff;
border-color: #309bff;
}
.btn-primary-light-2.accent.btn-primary-light-pdf {
width: 125px;
}
.mob-catalog-btn-text-2 {
display: none;
}
.rb-hero {
color: var(--white);
min-height: 100svh;
position: relative;
overflow: hidden;
}
.rb-hero-bg {
background-image: url("https://assets-global.website-files.com/605102305a586b6fafbbdc0a/6613a300df787eeb7b4a9908_robust-hero-bg.png");
background-position: 0 0;
background-size: 100% 100%;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.r-hero-bg-2 {
background-image: url("https://assets-global.website-files.com/605102305a586b6fafbbdc0a/6613a3a9e7d251d6f1154474_robust-hero-bg-2.png");
background-position: 0 0;
background-size: auto;
height: 700px;
margin-top: -160px;
}
.r-images {
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 50svh;
display: flex;
}
.r-images-left {
object-fit: contain;
object-position: 0% 50%;
}
.r-images-right {
object-fit: contain;
object-position: 100% 50%;
}
.r-sub-text {
color: var(--white);
text-align: center;
letter-spacing: -1px;
font-size: 20px;
position: absolute;
bottom: 25%;
left: 17em;
right: 17em;
}
.text-block-7 {
width: 60%;
margin-left: auto;
margin-right: auto;
display: block;
}
.heading-15 {
color: var(--heavy-gold);
text-align: center;
width: 69%;
margin: 0 auto -2em;
font-size: 4em;
}
.div-block-25 {
display: flex;
}
.rb-hero-text {
z-index: 1;
text-align: center;
flex-flow: column;
justify-content: space-between;
align-items: center;
min-height: 90svh;
padding: 60px 8em;
display: flex;
position: relative;
}
.div-block-27, .div-block-28 {
font-family: CeraPRO-Bold, sans-serif;
}
.light-gallery {
padding: 10px;
}
.filter-hide-prop {
display: none;
}
.html-embed-4 {
letter-spacing: -6px;
font-size: 5em;
}
.html-embed-5 {
letter-spacing: -4px;
font-family: CeraPRO-Regular, sans-serif;
font-size: 4em;
}
.ro-background-hero {
background-color: var(--black);
object-fit: cover;
height: 500px;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.subc-title-update {
display: none;
}
.robust-tabs {
border: 1px solid var(--dim-grey);
border-radius: 50px;
flex-flow: column;
align-items: center;
display: flex;
position: relative;
}
.robust-tab-link {
border-radius: 50px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.robust-tab-img {
display: none;
}
.robust-tab-text {
color: var(--white);
text-transform: uppercase;
font-size: 14px;
position: absolute;
}
.robust-pro-main {
padding-top: 150px;
padding-left: 2em;
padding-right: 2em;
position: relative;
}
.robust-pro-name {
color: var(--white);
text-transform: uppercase;
background-color: #ff6404;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-bottom-left-radius: 12px;
justify-content: center;
align-items: center;
height: 50px;
padding-left: 30px;
padding-right: 30px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 24px;
display: flex;
}
.robust-pro-image {
aspect-ratio: 1;
object-fit: cover;
}
.robust-pro-info {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: stretch;
width: 50%;
padding: 40px 40px 40px 60px;
display: flex;
}
.robust-pro-info-name {
color: var(--white);
letter-spacing: -4px;
text-transform: uppercase;
font-family: CeraPRO-Bold, sans-serif;
font-size: 3em;
line-height: 1;
}
.robust-pro-info-description {
color: var(--white);
margin-top: 20px;
font-family: CeraPRO-Regular, sans-serif;
font-size: 16px;
}
.robust-pro-block {
background-color: #121110;
border-radius: 12px;
justify-content: space-between;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.robust-pro-info-link {
justify-content: flex-end;
margin-top: 20px;
display: flex;
}
.robust-pro-info-image {
object-fit: contain;
transform-style: preserve-3d;
width: auto;
height: 38px;
}
.robust-kf-main {
background-color: var(--black);
padding: 150px 2em 2em;
position: relative;
}
.robust-kf-main.robust-kf-main-2 {
padding-top: 60px;
padding-bottom: 60px;
}
.rb-feature-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: grid;
position: relative;
}
.rb-feature-row.one {
grid-template-columns: 1fr;
}
.rb-card-wrap {
border: 1px solid var(--dim-grey);
background-color: #121110;
border-radius: 12px;
flex-flow: column;
justify-content: space-between;
width: 100%;
min-height: 340px;
display: flex;
position: relative;
overflow: hidden;
}
.rb-card-wrap.kf-item-40 {
width: 40%;
}
.rb-card-wrap.kf-item-60 {
width: 60%;
}
.rb-card-wrap.kf-item {
flex-flow: column;
justify-content: space-between;
display: flex;
}
.rb-card-wrap.kf-item.kf-item-3 {
background-image: url("https://assets-global.website-files.com/605102305a586b6fafbbdc0a/66167cd8ee0b681e140c81aa_Rectangle%203520%20(1).png");
background-position: 0 0;
background-size: 100% 100%;
}
.rb-feature-row-second {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
grid-auto-columns: 1fr;
margin-top: 16px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.image-9 {
border-radius: 12px;
}
.kf-item-image-1 {
object-fit: contain;
border-radius: 12px;
}
.kf-item-name-1 {
color: var(--white);
font-family: CeraPRO-Bold, sans-serif;
font-size: 20px;
line-height: 1;
position: absolute;
top: 20px;
left: 20px;
right: 20px;
}
.kf-item-image-absolute-1 {
border-radius: 12px;
position: absolute;
bottom: 0;
right: 0;
}
.kf-item-t-2-1 {
color: var(--heavy-gold);
font-family: CeraPRO-Bold, sans-serif;
font-size: 4.6em;
line-height: 1;
}
.kf-item-number {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
justify-items: stretch;
padding: 20px;
display: grid;
}
.kf-item-t-2-2 {
color: var(--heavy-gold);
font-size: 2.6em;
line-height: 1;
}
.kf-item-t {
align-items: flex-end;
display: flex;
}
.kf-item-top {
align-items: center;
height: 80px;
max-height: 80px;
display: flex;
position: relative;
}
.kf-item-top.kf-item-top-second {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: center;
align-items: center;
}
.image-12 {
max-width: 100%;
}
.image-13 {
object-fit: contain;
width: auto;
height: 100%;
}
.kf-item-line-1 {
color: var(--white);
margin-top: 20px;
font-family: CeraPRO-Bold, sans-serif;
line-height: 1;
}
.kf-item-line-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: space-between;
align-items: flex-end;
margin-top: 0;
display: flex;
}
.kf-item-line-desc {
color: var(--white);
padding-top: 10px;
font-size: 14px;
}
.kf-title {
color: var(--white);
text-transform: uppercase;
background-color: #7cc400;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
justify-content: center;
align-items: center;
height: 50px;
padding-left: 30px;
padding-right: 30px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 24px;
display: flex;
position: absolute;
top: -50px;
right: 40px;
}
.image-14 {
width: 27%;
height: 100%;
position: absolute;
}
.three-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
align-items: flex-end;
height: 100%;
display: flex;
}
.rb-card-info-text {
padding-bottom: 20px;
padding-left: 20px;
}
.image-15 {
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
width: 40%;
}
.image-16 {
width: 100%;
max-width: 200px;
height: auto;
}
.robust-line-main {
background-color: var(--black);
width: 100%;
padding-top: 250px;
position: relative;
}
.robust-line-ab-1, .robust-line-ab-2 {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.robust-line-image {
width: 100%;
max-width: 1146px;
margin-left: auto;
margin-right: auto;
display: block;
}
.robust-line-info {
flex-flow: column;
justify-content: center;
align-items: stretch;
width: 50%;
display: flex;
position: absolute;
bottom: 25px;
right: 25px;
}
.robust-line-title {
color: var(--white);
text-transform: uppercase;
margin-bottom: 20px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 46px;
line-height: 1;
}
.robust-line-description {
color: var(--white);
margin-bottom: 20px;
font-size: 18px;
line-height: 1.3;
}
.robust-line-url {
justify-content: center;
align-items: center;
}
.robust-line-url:hover {
opacity: .8;
}
.image-17 {
width: 30px;
height: 30px;
margin-left: 10px;
}
.text-block-8 {
color: var(--white);
text-transform: uppercase;
font-family: CeraPRO-Bold, sans-serif;
font-size: 18px;
}
.robust-line-picture {
width: 100%;
max-width: 1146px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.robust-compare-main {
background-color: var(--black);
}
.robust-compare-tabs {
width: 100%;
margin-bottom: 4em;
margin-left: auto;
margin-right: auto;
}
.robust-compare-tabs-menu {
margin-bottom: 20px;
}
.robust-compare-tabs-link {
color: var(--light-grey-brown);
text-transform: uppercase;
background-color: #1a1a1a;
border-radius: 50px;
margin-bottom: 10px;
margin-right: 10px;
padding: 15px 20px;
}
.robust-compare-tabs-link:hover {
color: var(--light-grey-brown);
}
.robust-compare-tabs-link.w--current {
color: var(--white);
background-color: #c98b2d;
font-family: CeraPRO-Bold, sans-serif;
}
.content-compare-list {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-flow: column;
display: flex;
}
.content-compare-item {
justify-content: flex-start;
align-items: center;
width: 100%;
display: none;
}
.robust-explore-main {
background-color: var(--black);
padding-top: 4em;
padding-bottom: 4em;
}
.explore-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
padding-bottom: 60px;
display: flex;
}
.explore-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: var(--white);
border-radius: 12px;
display: flex;
position: relative;
}
.explore-item.explore-item-1 {
color: var(--white);
background-color: #57544e;
}
.explore-item.explore-item-2 {
background-color: #705c3f;
}
.explore-item.explore-item-2:hover {
color: var(--white);
}
.explore-item.explore-item-3 {
background-color: #4d3e4d;
}
.explore-item.explore-item-3:hover {
color: var(--white);
}
.explore-item.explore-item-4 {
background-color: #455d79;
}
.explore-item.explore-item-4:hover {
color: var(--white);
}
.explore-heading {
color: var(--white);
text-transform: uppercase;
width: 80%;
max-width: 1146px;
margin-bottom: 25px;
margin-left: auto;
margin-right: auto;
font-family: CeraPRO-Bold, sans-serif;
font-size: 32px;
line-height: 1;
}
.explore-heading.explore-heading-black {
color: var(--black);
}
.explore-item-left {
flex-flow: column;
justify-content: space-between;
width: 50%;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
display: flex;
}
.explore-item-right {
width: 55%;
margin-bottom: -30px;
margin-right: -30px;
}
.explore-item-heading {
color: var(--white);
letter-spacing: -4px;
text-transform: uppercase;
font-size: 1.6em;
}
.explore-item-app {
margin-top: 1em;
margin-bottom: 1em;
}
.explore-item-app-item {
background-color: var(--light-grey-brown);
color: var(--black);
text-transform: uppercase;
border-radius: 4px;
justify-content: center;
align-items: center;
padding: 7px 10px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 18px;
line-height: 1;
display: flex;
}
.explore-item-app-list {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
margin-top: 10px;
display: flex;
}
.explore-item-app-heading {
color: var(--light-brown);
text-shadow: 0 1px 3px var(--black);
font-size: 16px;
line-height: 1;
}
.explore-link-img {
object-fit: contain;
transform-style: preserve-3d;
width: auto;
height: 38px;
}
.explore-img {
aspect-ratio: 1;
object-fit: contain;
object-position: 50% 100%;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
width: 50%;
}
.robust-embed-name {
color: var(--white);
letter-spacing: -1px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 2em;
line-height: 1;
}
.image-18 {
object-fit: contain;
transform-style: preserve-3d;
width: auto;
height: 38px;
}
.explore-item-icon {
object-fit: contain;
width: 17.25px;
height: 17.25px;
}
.explore-item-app-name {
padding-left: 5px;
font-size: 20px;
}
.robust-pro-block-main {
background-color: var(--black);
background-image: url("https://assets-global.website-files.com/605102305a586b6fafbbdc0a/6618fdf09742115ec1ed78b8_Noise%20%26%20Texture.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.app-solutions-main {
width: 100%;
overflow: hidden;
}
.app-solutions-main.app-solutions-main-2 {
background-color: var(--black);
}
.app-sol-slider {
background-color: var(--color);
height: 430px;
margin-left: auto;
margin-right: auto;
display: none;
overflow: visible;
}
.app-sol-slider-mask {
width: 50%;
overflow: visible;
}
.app-sol-slider-slide {
width: 680px;
height: 430px;
padding-left: 10px;
padding-right: 10px;
}
.slide-nav-2 {
background-color: #e8e8e8;
border-radius: 50px;
justify-content: center;
align-items: center;
width: 225px;
height: 60px;
display: flex;
}
.solutions-slider {
width: 100%;
height: 500px;
display: none;
overflow: hidden;
}
.solutions-slider-item {
width: 680px;
height: 10rem;
}
.loop.owl-carousel.owl-theme {
padding-bottom: 40px;
}
.item-loop {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: var(--white);
border-radius: 12px;
flex-flow: column;
grid-template-rows: 1fr .5fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 400px;
height: 100%;
max-height: 40svh;
margin-bottom: 20px;
display: grid;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.item-loop-info {
z-index: 2;
background-color: var(--white);
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
flex-flow: column;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: relative;
}
.item-loop-name {
padding-bottom: 15px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 32px;
line-height: 1;
}
.item-loop-description {
width: 80%;
font-size: 16px;
}
.item-loop-picture {
aspect-ratio: 3 / 2;
object-fit: cover;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
width: 100%;
height: 100%;
}
.loop-item-desc-icon {
display: flex;
}
.item-loop-link {
width: 90px;
height: 38px;
position: absolute;
bottom: 20px;
right: 20px;
}
.loop-slider-style {
height: 0;
}
.robust-hero-main {
grid-column-gap: 4em;
grid-row-gap: 4em;
background-color: var(--black);
justify-content: space-between;
align-items: center;
padding: 2em 4em;
display: flex;
}
.robust-hero-main.robust-hero-1500 {
background-image: url("https://assets-global.website-files.com/605102305a586b6fafbbdc0a/66192369df2553a78d338041_product%2001.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.robust-hero-main.robust-hero-1000std {
background-image: url("https://assets-global.website-files.com/605102305a586b6fafbbdc0a/6619489886b667c267b6617f_first_screen.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.robust-hero-main.robust-hero-4000 {
background-image: url("https://assets-global.website-files.com/605102305a586b6fafbbdc0a/66194999ed3299ff343d0967_first_screen%20(1).png");
background-position: 0 0;
background-size: 100% 100%;
}
.robust-hero-main.robust-hero-3000max {
background-image: url("https://assets-global.website-files.com/605102305a586b6fafbbdc0a/661949ebfe95ca1cacd0e3ef_DEVICES.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
background-attachment: scroll;
}
.robust-hero-picture {
width: 40%;
}
.robust-hero-info {
width: 50%;
}
.robust-hero-h1 {
color: var(--white);
letter-spacing: -4px;
margin-top: 0;
margin-bottom: .25em;
font-family: CeraPRO-Bold, sans-serif;
}
.robust-hero-p {
color: var(--light-grey);
margin-bottom: 2em;
font-size: 16px;
}
.rb-loop-link-item {
grid-column-gap: 0px;
grid-row-gap: 16px;
border: 1px solid var(--dim-grey-2);
border-radius: 12px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
max-width: 580px;
height: 100%;
max-height: 580px;
display: grid;
position: relative;
overflow: hidden;
}
.rb-loop-link-item.robust-model-item-1 {
background-color: #4d3e4d;
}
.rb-loop-link-item.robust-model-item-2 {
background-color: #705c3f;
}
.rb-loop-link-item.robust-model-item-3 {
background-color: #455d79;
}
.rb-loop-link-item.robust-model-item-4 {
background-color: #57544e;
}
.robust-model-picture {
aspect-ratio: 1;
object-fit: cover;
object-position: 0% 0%;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
width: 380px;
position: relative;
}
.rb-loop-info {
padding-top: 20px;
padding-left: 20px;
position: relative;
}
.robust-model-name {
color: var(--white);
text-transform: none;
margin-top: 0;
font-size: 2em;
}
.robust-model-app-list {
flex-flow: wrap;
font-size: 20px;
display: flex;
}
.robust-model-app-item {
color: var(--light-brown-2);
font-size: 16px;
}
.robust-detail-page {
background-color: var(--black);
}
.rb-main-block-media {
aspect-ratio: 1;
flex: 1;
overflow: hidden;
}
.rb-big-number-gradient {
z-index: 3;
color: var(--white);
-webkit-text-fill-color: transparent;
background-image: linear-gradient(133deg, #72bbff, #6c00f8);
-webkit-background-clip: text;
background-clip: text;
display: flex;
}
.rb-big-number-gradient.gold {
background-image: linear-gradient(133deg, #ffea72, #f8b24a 81%, #49022f 98%);
display: flex;
}
.rb-big-number {
letter-spacing: -17px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 10em;
line-height: .8;
}
.rb-big-number-lab {
letter-spacing: -3px;
font-family: CeraPRO-Regular, sans-serif;
font-size: 40px;
}
.rb-card-info_grid {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 16px;
background-color: rgba(0, 0, 0, .32);
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
position: relative;
}
.rb-card-info_grid.bottom {
align-items: end;
}
.rb-reg-ico {
aspect-ratio: 1;
width: 80px;
}
.rb-reg-ico.white {
color: var(--white);
}
.rb-reg-ico.blue {
color: var(--deep-sky-blue);
}
.rb-ico-wrap {
flex-flow: column;
justify-content: flex-end;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 20px;
display: flex;
}
.rb-hero-text-gradient {
z-index: 3;
background-image: linear-gradient(133deg, var(--heavy-gold), #da9446 67%, #5f1832);
color: var(--white);
text-transform: uppercase;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
max-width: 74ch;
}
.rb-hero-text-gradient.gold {
background-image: linear-gradient(133deg, #ffea72, #f8b24a 81%, #49022f 98%);
}
.h1-bold {
font-family: CeraPRO-Bold, sans-serif;
}
.rb-hero-h1 {
letter-spacing: -5px;
font-size: 4.5em;
}
.rb-card-bg {
z-index: 1;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.rb-hero-subtitle {
max-width: 60ch;
font-size: 1.5em;
}
.rb-nav-item {
color: var(--white);
border-radius: 50px;
padding: 25px 60px 20px;
}
.rb-nav-item:hover {
background-color: var(--dim-grey-2);
color: var(--white);
background-image: radial-gradient(circle at 0 0, rgba(210, 214, 221, 0), rgba(255, 255, 255, .49));
box-shadow: inset 0 7px 11px -4px rgba(255, 255, 255, .81);
}
.rb-nav {
border: 2px solid var(--dim-grey-2);
background-color: var(--dim-grey-2);
border-radius: 50px;
}
.text-span {
color: var(--gold);
}
.rb-cap-label {
background-color: var(--orange-red);
text-transform: uppercase;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
padding: 20px 40px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 2em;
}
.rb-cap-label.blue {
background-color: var(--deep-sky-blue);
}
.rb-container-wrap {
flex-flow: column;
align-items: flex-start;
display: flex;
}
.rb-container-wrap.indent {
align-items: stretch;
padding-top: 50px;
}
.img-calm {
width: 100%;
}
.rb-calm-wrap {
overflow: hidden;
}
.body-dark {
background-color: var(--black);
}
.text-span-2 {
font-family: CeraPRO-Regular, sans-serif;
}
.loop-heading {
margin-top: 0;
font-family: CeraPRO-Regular, sans-serif;
font-size: 1em;
}
.rb-loop-pic {
aspect-ratio: 1;
position: relative;
overflow: hidden;
}
.rb-loop-bg {
background-color: #1a1a1a;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.item-loop-picture-wrap {
z-index: 1;
position: relative;
overflow: hidden;
}
.reference-pdf-download {
display: none;
}
.reference-d {
width: 100%;
height: 100vh;
position: relative;
}
.reference-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.robust-compare-list {
grid-column-gap: 24px;
grid-row-gap: 24px;
align-items: stretch;
padding-bottom: 60px;
display: flex;
}
.robust-compare-item {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
width: 20%;
display: flex;
}
.robust-field {
text-align: center;
}
.ro-c-image {
object-fit: contain;
width: 100%;
height: 200px;
max-height: 200px;
}
.ro-c-name {
color: var(--black);
font-family: CeraPRO-Bold, sans-serif;
font-size: 24px;
line-height: 1.2;
}
.ro-c-val {
color: var(--black);
margin-bottom: 5px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 24px;
line-height: 1.2;
}
.ro-c-measure {
font-size: 14px;
line-height: 1.2;
}
.ro-c-name-block {
justify-content: center;
margin-top: 10px;
display: flex;
}
.ro-c-series {
color: var(--black);
font-family: CeraPRO-Regular, sans-serif;
font-size: 24px;
line-height: 1.2;
}
.heading-prerformans {
width: 50%;
margin-bottom: 20px;
}
.cci-name-block {
color: var(--light-grey-brown);
text-transform: uppercase;
font-size: 20px;
display: flex;
}
.cci-name {
font-family: CeraPRO-Bold, sans-serif;
}
.cci-name-line {
background-image: linear-gradient(133deg, var(--heavy-gold), #f8b24a 75%, #49022f);
color: var(--white);
border-radius: 50px;
height: 4px;
}
.cci-name-line.cci-name-line-46 {
width: 46%;
}
.cci-name-line.cci-name-line-38 {
width: 38%;
}
.cci-name-line.cci-name-line-56 {
width: 56%;
}
.cci-name-line.cci-name-line-94 {
width: 94%;
}
.cci-name-line.cci-name-line-100 {
width: 100%;
}
.cci-name-line.cci-name-line-50 {
width: 50%;
}
.cci-name-line.cci-name-line-65 {
width: 65%;
}
.cci-name-line.cci-name-line-60 {
width: 60%;
}
.cci {
grid-column-gap: 16px;
grid-row-gap: 16px;
align-items: center;
display: flex;
}
.cci-left {
width: 15%;
}
.cci-center {
width: 70%;
}
.cci-center.cci-center-pwq {
width: auto;
}
.cci-right {
width: 15%;
}
.cci-right-text {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(133deg, #ffeaa1, #f8b24a 75%, #49022f);
-webkit-background-clip: text;
background-clip: text;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.cci-right-t1 {
font-family: CeraPRO-Bold, sans-serif;
font-size: 28px;
line-height: 1;
}
.cci-right-t2 {
font-family: CeraPRO-Bold, sans-serif;
font-size: 18px;
line-height: 1;
}
.hero-ecomix {
border-radius: 10px;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
position: relative;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.top-eco-logo {
position: absolute;
top: 60px;
left: 50%;
transform: translate(-50%);
}
.top-eco-h1 {
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: CeraPRO-Bold, sans-serif;
font-size: 5em;
position: absolute;
top: 140px;
}
.top-eco-video {
border-radius: 10px;
height: 880px;
}
.eco-calc-main {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #b3b5b8;
border-radius: 10px;
width: 90%;
padding: 10px;
position: absolute;
top: 300px;
left: 5%;
right: 5%;
}
.eco-tabs-main {
border-radius: 10px;
}
.eco-tabs-list {
justify-content: space-between;
align-items: center;
display: flex;
}
.eco-tabs-item {
border: 1px solid var(--white);
cursor: pointer;
border-radius: 10px;
align-items: center;
width: 100%;
padding: 10px;
display: flex;
}
.eco-tabs-item.active {
background-color: var(--white);
border-top-left-radius: 10px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.eco-tabs-content {
background-color: var(--white);
border-radius: 0 10px 10px;
margin-top: -1px;
padding: 10px;
}
.eco-content-item {
border-radius: 10px;
padding: 10px;
display: none;
}
.eco-content-item.active {
background-color: var(--white);
display: block;
}
.eti-text {
color: var(--white);
font-size: 14px;
line-height: 1;
}
.eti-text.active {
color: var(--eco-blue);
}
.eti-number {
border: 1px solid var(--white);
color: var(--white);
border-radius: 50px;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
margin-right: 10px;
font-size: 14px;
line-height: 1;
display: flex;
}
.eti-number.active {
border-color: var(--eco-blue);
color: var(--eco-blue);
}
.eco-container {
width: auto;
max-width: none;
margin: 100px 72px 20px;
position: relative;
}
.eco-solution-list {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-image: url("https://assets-global.website-files.com/605102305a586b6fafbbdc0a/6643486043ff3faa7672ca9f_img.png");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: 417px 421px;
background-attachment: scroll;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 64px;
margin-bottom: 64px;
display: grid;
position: relative;
}
.eco-solution-item {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: rgba(235, 235, 235, .4);
border-radius: 16px;
padding: 24px;
}
.eco-h2 {
text-transform: uppercase;
width: 100%;
max-width: 722px;
margin-top: 0;
margin-bottom: 0;
font-family: CeraPRO-Bold, sans-serif;
font-size: 64px;
}
.eco-h2.center {
text-align: center;
max-width: 636px;
margin-left: auto;
margin-right: auto;
line-height: 72px;
}
.eco-h2.work-h1 {
color: var(--white);
text-align: center;
max-width: 636px;
margin-left: auto;
margin-right: auto;
padding-top: 40px;
padding-bottom: 60px;
}
.eco-h2.center-50 {
text-align: center;
max-width: 50%;
margin-left: auto;
margin-right: auto;
}
.esi-top {
justify-content: space-between;
align-items: flex-start;
margin-bottom: 56px;
display: flex;
}
.esi-center {
color: var(--eco-blue);
margin-bottom: 8px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 24px;
line-height: 30px;
}
.esi-bottom {
color: var(--dim-grey);
font-size: 16px;
line-height: 24px;
}
.esi-top-img {
object-fit: contain;
width: 64px;
height: 64px;
}
.esi-top-num {
color: var(--light-grey);
font-size: 32px;
line-height: 1;
}
.eco-sert-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.eco-sert-item {
justify-content: flex-start;
align-items: center;
display: flex;
}
.eco-sert-img {
object-fit: contain;
width: 48px;
height: 48px;
margin-right: 16px;
}
.eco-sert-text {
color: var(--black);
font-size: 14px;
line-height: 20px;
}
.eco-fon-1 {
display: none;
}
.eco-why-video {
border-radius: 8px;
margin-top: 64px;
}
.play-pause-button-2 {
width: 112px;
height: 112px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.eco-works {
background-color: #112146;
border-radius: 16px;
margin-top: 100px;
margin-left: 24px;
margin-right: 24px;
padding: 45px;
}
.eco-works-list {
flex-flow: column;
display: flex;
}
.eco-works-item {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
justify-items: stretch;
height: 100%;
display: grid;
}
.eco-works-item.active {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.eco-works-item-img {
object-fit: contain;
height: 580px;
}
.ewil-list {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.ewil-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.ewil-item-left {
grid-row-gap: 12px;
grid-template-rows: 1fr 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
justify-items: center;
display: grid;
position: relative;
}
.ewil-item-left-line {
border-left: 1px solid var(--white);
opacity: .3;
height: 100%;
}
.ewil-item-left-num {
color: var(--white);
border: 1px solid rgba(255, 255, 255, .3);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 12px;
line-height: 16px;
display: flex;
}
.ewil-item-left-num.active {
background-color: #ff6404;
border: 1px solid #ff6404;
}
.ewil-item-left-name {
opacity: .7;
color: var(--white);
font-size: 24px;
line-height: 32px;
}
.ewil-item-left-name.active {
opacity: 1;
font-family: CeraPRO-Bold, sans-serif;
}
.eco-fon-2 {
width: 400px;
max-width: 50%;
position: absolute;
top: -167px;
left: -100px;
}
.retail-list {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
margin-top: 60px;
display: grid;
}
.retail-item {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: rgba(235, 235, 235, .4);
border-radius: 16px;
padding: 40px;
}
.retail-item-top {
justify-content: space-between;
align-items: center;
display: flex;
}
.retail-item-bottom {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 24px;
display: grid;
}
.retail-item-ecoimage {
object-fit: contain;
width: auto;
height: 120px;
}
.retail-item-b-item {
position: relative;
}
.retail-item-b-item.retail-item-b-item-2 {
padding-bottom: 28px;
padding-left: 40px;
position: relative;
}
.retail-item-b-item.retail-item-b-item-1 {
padding-bottom: 28px;
padding-right: 40px;
}
.retail-item-b-item.retail-item-b-item-3 {
padding-top: 28px;
padding-right: 40px;
}
.retail-item-b-item.retail-item-b-item-4 {
padding-top: 28px;
padding-left: 40px;
}
.retail-item-prop-1 {
margin-bottom: 8px;
font-size: 14px;
line-height: 20px;
}
.retail-item-prop-2 {
color: var(--black);
margin-bottom: 8px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 36px;
line-height: 42px;
}
.retail-item-prop-3 {
color: var(--white);
text-align: center;
background-color: #ff6404;
border-radius: 80px;
flex-flow: wrap;
justify-content: center;
align-items: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
padding: 4px 12px;
font-size: 16px;
line-height: 24px;
display: flex;
}
.retail-item-prop-3.hidden {
opacity: 0;
}
.retail-item-prop-3-2 {
margin-left: 5px;
margin-right: 5px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 17px;
}
.retail-item-b-item-2-ab {
position: absolute;
bottom: 0;
left: 0;
}
.retail-item-b-item-3-ab {
position: absolute;
top: 0;
right: 0;
}
.retail-item-ecotext {
color: var(--black);
font-family: CeraPRO-Bold, sans-serif;
font-size: 40px;
line-height: 48px;
}
.eco-remove-list {
grid-column-gap: 47px;
grid-row-gap: 47px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.eco-remove-right {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.eco-h3 {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 24px;
font-size: 56px;
line-height: 64px;
}
.eco-remove-paragraph {
margin-bottom: 32px;
font-size: 24px;
line-height: 36px;
}
.eco-remove-image {
float: right;
object-fit: contain;
width: 312px;
height: 312px;
}
.err-item {
justify-content: flex-start;
align-items: center;
margin-bottom: 24px;
display: flex;
}
.err-item-img {
width: 64px;
height: 64px;
margin-right: 16px;
}
.err-item-name {
font-family: CeraPRO-Bold, sans-serif;
font-size: 26px;
line-height: 32px;
}
.eco-faq-list {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.eco-faq-item {
border: 1px solid #d3d5d8;
border-radius: 16px;
}
.eco-faq-question {
cursor: pointer;
justify-content: space-between;
align-items: center;
padding: 23px 24px;
display: flex;
position: relative;
}
.eco-faq-answer {
padding-bottom: 0;
padding-left: 24px;
padding-right: 24px;
overflow: hidden;
}
.eco-faq-answer.is-active-accordion {
margin-bottom: 23px;
}
.eco-faq-answer-text {
font-size: 16px;
line-height: 24px;
}
.eco-faq-question-text {
border-radius: 16px;
margin-top: 0;
margin-bottom: 0;
font-family: CeraPRO-Regular, sans-serif;
font-size: 17px;
line-height: 26px;
}
.eco-faq-question-text.is-active-accordion {
color: var(--eco-blue);
font-family: CeraPRO-Bold, sans-serif;
}
.eco-faq-question-img {
width: 24px;
height: 24px;
transition: opacity .5s;
}
.eco-faq-question-img.is-active-accordion {
transform-style: preserve-3d;
transform: rotateX(180deg)rotateY(0)rotateZ(0);
}
.eco-remove-right-item {
margin-bottom: 48px;
}
.eco-container-2 {
background-color: #f9f9f9;
border-radius: 16px;
max-width: 100%;
margin: 43px 24px 20px;
padding-top: 120px;
padding-bottom: 83px;
}
.eco-sub-container {
text-align: center;
width: 100%;
max-width: 636px;
margin-left: auto;
margin-right: auto;
}
.eco-sub-text {
color: var(--black);
margin-top: 24px;
font-size: 24px;
line-height: 36px;
}
.eco-sub-text-2 {
margin-top: 16px;
font-size: 16px;
line-height: 24px;
}
.eco-organic-block {
width: 100%;
height: auto;
position: relative;
}
.eco-organic-image {
width: 100%;
}
.eco-organic-btn {
color: var(--orange-red);
background-color: #fff;
border: .5px solid #d3d5d8;
border-radius: 80px;
padding: 12px 16px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 16px;
line-height: 24px;
position: absolute;
top: 60px;
right: 218px;
}
.eco-organic-btn:hover {
color: var(--orange-red);
}
.eco-organic-btn-2 {
border: .5px solid var(--light-grey);
color: var(--eco-blue);
background-color: #fff;
border-radius: 80px;
padding: 12px 16px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 16px;
line-height: 24px;
position: absolute;
bottom: 60px;
left: 218px;
}
.eco-organic-btn-2:hover {
color: var(--eco-blue);
}
.eco-download-catalog-block {
justify-content: center;
align-items: center;
width: auto;
margin-left: auto;
margin-right: auto;
display: flex;
}
.edc-link {
background-color: var(--orange-red);
color: var(--white);
border-radius: 8px;
justify-content: center;
align-items: center;
width: auto;
margin-top: 32px;
padding: 14px 18px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 20px;
line-height: 28px;
display: flex;
}
.edc-link:hover, .edc-text:hover {
color: var(--white);
}
.edc-img {
width: 24px;
height: 24px;
margin-left: 16px;
}
.ts-list {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 64px;
display: grid;
}
.ts-item {
background-color: #f9f9f9;
border-radius: 16px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
justify-items: center;
padding: 40px 10px;
display: grid;
}
.ts-item-img {
height: 327px;
}
.ts-item-name {
border: .5px solid var(--white-smoke);
background-color: var(--white);
color: var(--eco-blue);
text-align: center;
border-radius: 80px;
justify-content: center;
align-items: center;
margin-top: 40px;
padding: 10px 16px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 16px;
line-height: 24px;
display: flex;
}
.ts-param {
text-align: center;
margin-top: 16px;
font-size: 17px;
line-height: 26px;
}
.in-schematic-bl {
text-align: center;
overflow-x: scroll;
}
.in-schematic-img {
width: 1296px;
min-width: 1296px;
height: 552px;
padding-bottom: 24px;
}
.eco-container-3 {
background-color: #112146;
border-radius: 16px;
max-width: 100%;
margin: 100px 24px 120px;
padding: 80px 20px;
}
@media screen and (min-width: 1280px) {
.section.video {
padding-left: 25%;
padding-right: 25%;
}
.btn-primary-light {
font-size: 14px;
}
.hide {
font-size: 16px;
}
.landing-h1 {
font-size: 3.4em;
}
.request-box {
margin-left: auto;
margin-right: auto;
}
.input-field {
font-size: 16px;
}
.dual-wrapper {
grid-template-columns: 1fr;
}
.listbox, .textarea-box {
font-size: 16px;
}
.btn-primary-dark {
font-size: 12px;
}
.bl-item {
flex-direction: column;
justify-content: space-between;
display: flex;
}
.body {
font-size: 1vw;
}
.price-box {
max-width: 80ch;
}
.input-info {
font-size: 12px;
}
.bl-author-list {
padding-top: 16px;
display: flex;
}
.bl-author-item {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
}
.b-container {
margin-top: 3em;
}
.container-ecosoft {
max-width: 80%;
}
.listbox-2, .input-field-3, .textarea-box-2 {
font-size: 16px;
}
.btn-primary-light-2 {
font-size: 14px;
}
.kf-item-name-1 {
font-size: 30px;
}
.kf-item-top-css-1 {
width: 50%;
}
.kf-item-top-css-2 {
justify-content: center;
align-items: center;
width: 50%;
display: flex;
position: relative;
}
.image-10 {
position: absolute;
bottom: -40px;
}
.kf-item-line-desc {
font-size: 16px;
}
.robust-line-main {
padding-top: 350px;
}
.robust-line-title {
font-size: 56px;
}
.robust-line-description {
font-size: 20px;
}
.retail-item-b-item {
position: relative;
}
.retail-item-prop-1 {
font-size: 16px;
line-height: 24px;
}
.retail-item-prop-2 {
font-size: 40px;
line-height: 48px;
}
}
@media screen and (min-width: 1440px) {
.dual-wrapper {
grid-template-columns: .9fr;
}
.header-pc {
justify-content: space-between;
}
.pcm-item-label {
max-width: 140px;
font-size: 14px;
}
.pcm-item-link.wrap {
padding: 6px 8px;
}
.bh-list {
padding-left: 15%;
padding-right: 15%;
}
.cn-video-in {
min-height: 40svw;
}
.sh-slide-4, .sh-full-box {
padding-left: 8em;
padding-right: 8em;
}
.cell-video-in {
min-height: 40svw;
}
.hm-hero-wrap {
min-height: 70svh;
}
.ct-list {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.mn-item {
font-size: 14px;
}
.ct-list-hold {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.ct-list-hold.ct-list-hold-line {
grid-template-columns: 1fr 1fr 1fr;
}
.collection-list-5 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.container-ecosoft {
max-width: 80%;
}
.mn-item-2 {
font-size: 14px;
}
}
@media screen and (min-width: 1920px) {
body {
font-size: 1vw;
}
.btn-primary-light.stroke.grid-center {
margin-top: 20px;
}
.heading_dark.withcap {
font-size: 1.5em;
}
.menu-items {
font-size: 1.8em;
}
.brand {
height: 80px;
display: flex;
}
.home-hero {
top: 20px;
}
.nav-logo-white {
max-width: 160px;
}
.sidecontent-card-hero {
grid-template-rows: minmax(auto, 60vh) .25fr .25fr;
}
.tabpic {
max-height: 580px;
}
.cat-banner-item-wrap {
height: 40vw;
}
.hero-grid {
margin-top: 100px;
}
.listing-pic {
justify-content: center;
align-items: center;
display: flex;
}
.small-link-nav {
font-size: .5em;
}
.certifcate-list {
grid-column-gap: 2em;
grid-row-gap: 2em;
}
.certificate-item-content {
padding-top: 20px;
}
.certificate-heading {
font-size: 1.4em;
}
.tab-item-value_big {
font-size: 3em;
}
.tab-item-value_med {
font-size: 2.4em;
}
.listbox {
height: 50px;
}
.back-button {
font-size: .6em;
}
.search-button {
width: 80px;
height: 80px;
padding-top: 20px;
}
.top-banner-wrapper {
top: 80px;
}
.top-banner-sign {
width: 1280px;
}
.btn-secondary.stroke.grid-center {
margin-top: 20px;
}
.pcm-title {
font-size: 12px;
}
.bh-item.fullwidth {
min-height: 620px;
}
.btn-primary-dark.stroke.grid-center {
margin-top: 20px;
}
.whatsapp-chat {
display: none;
}
.livechat-button {
transition: all .2s;
}
.livechat-button:hover {
background-color: #000;
transform: scale(1.05);
}
.h3-card {
font-size: 24px;
}
.ec-nav-wrap {
height: 60px;
}
.ec-nav-brand {
height: 80px;
display: flex;
}
.ec-nav-brand-copy {
display: flex;
}
.mn-item-drop {
font-size: 16px;
}
.nav-logo-navy-mob {
max-width: 160px;
}
.breadcrumbs {
margin-left: 4em;
margin-right: 4em;
}
.container-ecosoft {
max-width: 80%;
}
.product-name {
font-size: 30px;
line-height: 30px;
}
.product-overview-item:nth-child(2n) {
justify-content: space-between;
}
.ec-nav-wrap-2 {
height: 60px;
}
.listbox-2 {
height: 64px;
}
.r-hero-bg-2 {
background-image: url("https://assets-global.website-files.com/605102305a586b6fafbbdc0a/6613a35466b711411f3ab7cd_screen%202.png");
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.r-sub-text {
font-size: 24px;
}
.robust-pro-info-name {
font-size: 60px;
}
.robust-pro-info-description {
font-size: 24px;
}
.rb-card-wrap {
min-height: 520px;
}
.kf-item-top-css-2 {
justify-content: center;
align-items: center;
}
.robust-line-main {
padding-top: 450px;
}
.robust-line-image {
max-width: 70%;
}
.robust-line-description {
font-size: 22px;
}
.explore-item-heading {
font-size: 3em;
}
.robust-hero-p {
font-size: 24px;
}
.rb-big-number {
font-size: 260px;
}
.rb-big-number-lab {
font-size: 80px;
}
.rb-hero-text-gradient {
max-width: 100ch;
}
.rb-hero-h1 {
font-size: 5em;
}
.eco-h2.work-h1 {
color: var(--white);
}
}
@media screen and (max-width: 991px) {
body {
font-size: 15px;
}
h1 {
font-size: 3.6em;
}
p {
font-size: 14px;
}
.container.container-blog {
max-width: 100%;
margin-left: 16px;
margin-right: 16px;
padding-top: 1em;
padding-bottom: 1em;
}
.footer-flex-container {
grid-template-columns: 1fr 1fr;
}
.hero-content {
margin-top: 20px;
}
.heading_dark.category {
font-size: 2.5em;
}
.frosted-glass {
width: 100%;
}
.subheading.hero {
width: auto;
}
.productcard-buttons {
grid-column-gap: 15px;
}
.tab-item-sign {
font-size: .8em;
}
.tab-item-value {
font-size: 1.6em;
}
.tab-item-units {
font-size: .8em;
}
.feature-pic, .feature-slider {
height: 70vh;
}
.cat-banner-item-wrap {
grid-template-rows: 1fr 1fr 1.25fr;
height: 60vw;
}
.banner-text {
padding: 20px;
}
.banner-pic {
align-items: center;
}
.hero-grid {
grid-column-gap: 30px;
}
.category-nav {
display: none;
}
.listing-item {
height: 25vh;
}
.navigation-products-item {
flex-direction: row;
}
.about-table {
grid-template-columns: 1fr 1fr 1fr;
}
.expandmat {
display: none;
}
.certifcate-list {
grid-column-gap: 19px;
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.lightbox-link {
width: 250px;
}
.footer {
padding-left: 20px;
padding-right: 20px;
}
.tab-item-value_big {
font-size: 2em;
}
.navbox {
grid-template-columns: 5% minmax(158px, 220px) 1fr .25fr 5%;
}
.navbox.search {
grid-template-columns: 5% minmax(158px, 220px) 1fr .25fr 8%;
}
.prd-pic-list {
grid-template-columns: 70px 1fr 1fr;
}
.prd-thumb-list {
grid-template-rows: minmax(20px, 80px);
grid-template-columns: 1fr;
}
.parameters-tab-hero {
grid-template-columns: 1fr 1fr 1fr;
}
.tab-item-value_med {
font-size: 1.6em;
}
.pin-stripe.hide-tablet {
display: none;
}
.dual-wrapper {
grid-template-columns: 1fr;
}
.section_large {
padding-top: 80px;
padding-bottom: 80px;
}
.section_large.video-section {
padding-top: 180px;
padding-bottom: 120px;
}
.back-button {
width: 40px;
height: 30px;
}
.banner-content {
min-height: 325px;
padding-top: 60px;
padding-bottom: 60px;
}
.collection-list-2 {
grid-template-columns: 1fr 1fr;
}
.button-line {
flex-direction: row-reverse;
justify-content: flex-end;
align-items: flex-start;
}
.button-line.hedader-ua-btn-line {
padding: 2em;
}
.hero-content-wrap {
margin-top: 20px;
}
.simple-rich {
width: auto;
}
.searsh-drop-hold {
flex: 0 auto;
order: 1;
}
.brand-hold {
flex: 1;
}
.search-item {
padding-left: 1.6em;
padding-right: 1.6em;
}
.search-item.mob {
justify-content: flex-start;
padding-left: .8em;
padding-right: .8em;
}
.product-category-item {
flex-direction: column;
}
.pc-item-left {
width: 100%;
position: relative;
}
.pc-item-right {
width: 100%;
}
.pi-wrap {
display: flex;
}
.pcm-list {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: flex-start;
margin-top: -4em;
padding-top: 0;
padding-left: 3em;
padding-right: 3em;
}
.pcm-item {
border-bottom: 1px solid var(--black);
justify-content: space-between;
position: relative;
}
.pcm-contain {
align-items: flex-start;
width: 100%;
}
.pcm-item-label {
max-width: none;
}
.pcm-holder {
z-index: 99999;
width: 60%;
height: 100%;
display: none;
position: fixed;
overflow: auto;
}
.pcm-holder.top-sm-ua {
z-index: 999999;
width: 60%;
display: none;
}
.pcm-item-link {
align-items: flex-start;
min-width: 100%;
}
.pcm-item-link.wrap {
align-items: flex-start;
min-width: 100%;
height: auto;
padding-top: 12px;
padding-bottom: 12px;
padding-right: 0;
}
.pcm-dropdown {
width: 100%;
padding-left: 20px;
position: static;
}
.pcm-dropdown.pcm-dropdown-ua {
max-height: none;
padding-left: 20px;
position: relative;
top: auto;
left: auto;
right: auto;
overflow: visible;
}
.pcm-dropdown-contain {
padding-top: 0;
display: none;
}
.pcm-dropdown-contain.active {
display: block;
}
.pcm-title {
color: var(--black);
text-align: left;
font-family: CeraPRO-Bold, sans-serif;
font-size: 14px;
}
.mc-list {
grid-template-columns: 1fr 1fr 1fr;
}
.subc-item {
border: 1px #000;
padding-bottom: 12px;
padding-left: 0;
padding-right: 0;
}
.subc-title {
letter-spacing: normal;
text-transform: none;
word-break: normal;
font-family: CeraPRO-Regular, sans-serif;
font-size: 14px;
}
.pcm-buttons, .cat-hold, .sub-list-hold {
display: none;
}
.subc-title-wrap {
text-align: left;
justify-content: flex-start;
width: auto;
padding-right: 0;
}
.pcm-holder-in {
background-color: var(--white);
flex-direction: column;
width: auto;
padding-left: 0;
padding-right: 0;
}
.code-hide {
display: none;
}
.go-col-wrap {
flex-direction: column;
}
.go-col.gray {
justify-content: center;
align-items: stretch;
width: 100%;
display: flex;
}
.go-col.content {
width: 100%;
padding-left: 1em;
padding-right: 1em;
}
.go-col-snap {
flex: 1;
margin-bottom: 0;
}
.hr-title-box {
padding-left: 4em;
}
.wb-speaker-box {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
}
.wb-fin-container {
flex-direction: column-reverse;
align-items: stretch;
}
.wb-col-left {
width: 100%;
padding-left: 2.5em;
padding-right: 2.5em;
}
.wb-col-right {
width: 100%;
padding-left: 2.4em;
padding-right: 2.4em;
}
.pf-wrap {
flex-wrap: wrap;
display: flex;
}
.pf-list {
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-template-columns: 1fr 1fr;
}
.pf-item {
min-height: 420px;
}
.pf-item-img {
height: 260px;
}
.pl-container {
grid-template-columns: 16em 1.75fr;
}
.bl-list {
grid-template-columns: 1fr 1fr;
}
.bl-head-box-left {
padding-left: 1em;
padding-right: 1em;
}
.form-filter-block {
padding-left: 1em;
}
.faq-list {
margin: 3em 5%;
}
.hero-colomn {
flex-direction: column;
}
.hero-col-left, .hero-col-right {
width: 100%;
}
.pcm-item-label-ua {
width: 100%;
max-width: 100%;
}
.lib-list {
grid-template-columns: 1fr 1fr;
}
.nav-ua-list {
text-align: left;
flex-direction: row;
align-items: flex-start;
padding-left: 0;
padding-right: 0;
display: flex;
}
.whatsapp-block {
bottom: 65px;
right: 20px;
}
.cell-pic-in.full {
height: auto;
}
.hs-list {
grid-template-columns: 1fr;
}
.prd-topinfo-wrap.second-floor {
top: 0;
}
.rod-box-right {
max-height: 30svh;
}
.ch-hero-photogrid-in {
object-position: 100% 100%;
}
.statistic-infobox {
align-items: flex-start;
width: 100%;
}
.sh-full-text-content {
width: 100%;
}
.sh-full-text-box, .hm-hero-wrap {
flex-direction: column-reverse;
}
.hm-hero-left {
width: 100%;
padding-top: 1em;
padding-left: 4em;
padding-right: 4em;
}
.hm-hero-right {
width: 100%;
min-height: 50svh;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.hm-hero-fog {
background-image: linear-gradient(to top, var(--white), rgba(255, 255, 255, 0) 26%);
}
.ct-hero {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-repeat: no-repeat;
background-size: contain;
background-attachment: scroll;
}
.navbox-copy {
grid-template-columns: 5% minmax(158px, 220px) 1fr .25fr 5%;
}
.navbox-copy.search {
grid-template-columns: 5% minmax(158px, 220px) 1fr .25fr 8%;
}
.mn-item {
justify-content: flex-end;
margin-left: 0;
margin-right: 0;
}
.mn-item.w--current {
text-align: left;
}
.mn-item.accent {
max-height: 31.56px;
}
.ec-nav-wrap {
grid-column-gap: .5em;
grid-row-gap: .5em;
}
.ec-nav-menu {
background-color: var(--white);
}
.ec-nav-menu-wrap {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
flex-direction: column;
align-items: flex-start;
padding: 2em 4em;
}
.fs-cc-banner_buttons-wrapper {
margin-top: 1rem;
}
.fs-cc-banner_container {
flex-direction: column;
align-items: flex-start;
}
.fs-cc-banner_text {
margin-right: 0;
}
.ct-list-hold.ct-list-hold-line {
grid-template-columns: 1fr 1fr;
}
.ep-parameters {
font-size: 1vw;
}
.ec-nav-brand-copy {
z-index: 1000;
}
.mn-item-drop {
justify-content: flex-end;
margin-left: 0;
margin-right: 0;
}
.menu-button {
color: var(--dark-slate-blue);
flex-direction: column;
align-items: flex-end;
display: block;
}
.menu-button.w--open {
background-color: var(--dark-slate-blue);
}
.mobile-indenter {
flex: 1;
min-height: 20px;
display: flex;
}
.nav-logo-navy-mob {
display: none;
}
.wz-buttons-line {
flex-direction: row-reverse;
align-items: flex-start;
}
.footer-row-in {
grid-template-columns: 1fr 1fr;
}
.ax-hero-wrap {
grid-template-columns: 1fr;
}
.ax-hero-head {
padding: 2em;
}
.ax-hero-content {
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.regular-hero-grid {
grid-row-gap: 0px;
grid-template-columns: 1fr;
}
.regular-hero-grid._60h {
max-height: none;
}
.language-option.hide {
order: 2;
}
.container-2 {
max-width: 728px;
}
.gallery-wrapper {
grid-template-columns: 1fr 1fr;
}
.gallery-sticky {
position: relative;
top: 0;
}
.gallery-slider-left {
left: -20px;
}
.gallery-slider-right {
right: -20px;
}
.mn-category-wrap, .header-menu-mobile {
display: none;
}
.menu-button-2 {
display: block;
position: relative;
right: auto;
}
.icon-3 {
display: block;
}
.header-menu-desctop {
display: none;
}
.header-location {
order: 0;
display: flex;
}
.top-navbar {
padding-left: .8em;
padding-right: .8em;
}
.top-nav-list {
text-align: left;
padding-left: 0;
}
.top-nav-item-bb {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: row;
position: relative;
right: auto;
}
.top-partners-btn {
display: block;
}
.mobile-menu-toggle-btn {
position: absolute;
right: 0;
}
.faq-page {
margin-top: 3em;
margin-bottom: 3em;
}
.faq-item-question-text {
font-size: 1.6em;
}
.faq-list-page {
margin: 3em 5%;
}
.breadcrumbs {
margin-left: 4em;
margin-right: 4em;
}
.blog-products {
margin-left: 16px;
margin-right: 16px;
}
.about-bt {
width: 80%;
}
.about-map-img {
width: 100%;
padding-top: 100px;
}
.tab-heading {
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
font-size: 2em;
}
.tab-head-info {
flex-direction: column;
}
.tab-heading-r-text {
width: 100%;
margin-left: 0;
}
.tab-history {
margin-left: 1em;
margin-right: 1em;
}
.tab-iot-img {
height: 300px;
}
.about-adress {
margin-top: 160px;
}
.list-wizard-items {
grid-template-columns: 1fr 1fr;
}
.component-wizard {
flex-direction: column;
}
.cw-left-block {
width: 100%;
margin-right: 0;
}
.cw-right-block {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.heading-14 {
font-size: 2.6em;
}
.mob-toggle-catalog {
justify-content: center;
align-items: center;
display: flex;
}
.mob-catalog-btn-text {
background-image: linear-gradient(to bottom, var(--orange-red), var(--orange-red));
color: var(--white);
text-align: center;
cursor: pointer;
border-radius: 4px;
justify-content: center;
align-items: center;
min-width: 180px;
margin-top: 15px;
margin-bottom: 15px;
margin-right: 50px;
padding: 5px 10px;
font-family: CeraPRO-Bold, sans-serif;
display: none;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.mob-catalog-btn-text:hover {
background-image: linear-gradient(to bottom, var(--deep-sky-blue), var(--deep-sky-blue));
}
.mob-catalog-btn-text.active {
display: flex;
}
.mob-catalog-btn-text.global-mob-catalog-btn-text {
margin-right: 0;
display: none;
}
.mob-catalog-btn-text.mob-catalog-btn-text-global {
margin-right: 0;
}
.top-mob-menu-block {
z-index: 99999;
background-color: var(--white);
flex-direction: row;
width: 100%;
max-width: 50%;
height: 100%;
display: none;
position: fixed;
top: 0;
}
.top-mob-menu-block.active {
flex-direction: column;
display: flex;
}
.top-mm-wrap {
width: 100%;
padding-top: 4em;
padding-bottom: 3em;
}
.top-mm-item {
cursor: pointer;
padding-top: 5px;
padding-bottom: 5px;
}
.top-mm-name {
justify-content: space-between;
display: flex;
}
.img-toggle-menu {
cursor: pointer;
width: 15px;
height: 15px;
display: block;
position: absolute;
top: 15px;
right: 0;
}
.top-mm-wrap-background {
z-index: 99999;
background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
width: 100%;
height: 100%;
display: none;
position: fixed;
}
.top-mm-wrap-background.active {
display: block;
}
.top-mm-close {
z-index: 999999;
float: right;
cursor: pointer;
width: 30px;
height: 30px;
margin-top: 10px;
margin-right: 10px;
padding: 5px;
display: block;
position: static;
top: 0;
right: 0;
}
.top-mm-close:hover {
background-image: linear-gradient(to bottom, var(--light-grey), var(--light-grey));
}
.div-block-21 {
width: 30px;
height: 30px;
display: flex;
}
.close-mm-block {
justify-content: flex-end;
width: 100%;
display: flex;
}
.products-line-container {
flex-flow: wrap;
}
.author-photo {
width: 70%;
}
.section-info-right-img {
max-height: 350px;
}
.result-ro-block {
width: 70%;
}
.rodmg-main-container {
width: auto;
max-width: none;
margin-left: 4em;
margin-right: 4em;
}
.toggle-tab-item {
font-size: 24px;
}
.toggle-tab-arrow {
width: 24px;
height: 24px;
}
.product-overview-name, .product-heading {
font-size: 24px;
line-height: 24px;
}
.ec-nav-wrap-2 {
grid-column-gap: .5em;
grid-row-gap: .5em;
}
.mn-item-2 {
justify-content: flex-end;
margin-left: 0;
margin-right: 0;
}
.mn-item-2.w--current {
text-align: left;
}
.mn-item-2.accent {
max-height: 31.56px;
}
.ec-nav-menu-2 {
background-color: #fff;
}
.menu-button-3 {
color: #12496f;
flex-direction: column;
align-items: flex-end;
display: block;
}
.menu-button-3.w--open {
background-color: #12496f;
}
.mob-catalog-btn-text-2 {
color: #fff;
text-align: center;
cursor: pointer;
background-image: linear-gradient(#ff6404, #ff6404);
border-radius: 4px;
justify-content: center;
align-items: center;
min-width: 180px;
margin-top: 15px;
margin-bottom: 15px;
margin-right: 50px;
padding: 5px 10px;
font-family: CeraPRO-Bold, sans-serif;
display: none;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.mob-catalog-btn-text-2:hover {
background-image: linear-gradient(#309bff, #309bff);
}
.mob-catalog-btn-text-2.mob-catalog-btn-text-global {
margin-right: 0;
}
.r-images-left, .r-images-right {
width: 50%;
}
.html-embed-4 {
font-size: 3em;
}
.html-embed-5 {
font-size: 2em;
}
.robust-pro-image {
border-top-right-radius: 12px;
border-bottom-left-radius: 0;
width: 100%;
}
.robust-pro-info {
border-top-right-radius: 0;
border-bottom-left-radius: 12px;
width: 100%;
}
.robust-pro-block {
flex-flow: column;
}
.robust-pro-info-image {
transition: transform .2s;
}
.robust-pro-info-image:hover {
transform: scale3d(1.2, 1.2, 1.2);
}
.robust-explore-main {
background-image: url("https://assets-global.website-files.com/605102305a586b6fafbbdc0a/6618fdf09742115ec1ed78b8_Noise%20%26%20Texture.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.explore-item-left {
width: 40%;
}
.explore-link-img {
transition: transform .2s;
}
.explore-link-img:hover {
transform: scale3d(1.2, 1.2, 1.2);
}
.explore-img {
width: 60%;
}
.image-18 {
transition: transform .2s;
}
.image-18:hover {
transform: scale3d(1.2, 1.2, 1.2);
}
.rb-hero-h1 {
font-size: 3.6em;
}
.rb-nav {
display: none;
}
.robust-compare-list {
width: 100%;
overflow: auto;
}
.robust-compare-item {
width: 200px;
min-width: 200px;
}
.cci-name-block {
font-size: 16px;
}
.cci-right-t1 {
font-size: 20px;
}
.cci-right-t2 {
font-size: 16px;
}
.eco-container {
margin-top: 64px;
margin-left: 32px;
margin-right: 32px;
}
.eco-solution-list {
grid-template-columns: 1fr 1fr;
}
.eco-h2 {
font-size: 48px;
}
.eco-sert-list {
grid-template-columns: 1fr 1fr;
}
.retail-list {
grid-template-columns: 1fr;
}
.retail-item-prop-3.hidden {
display: none;
}
.retail-item-prop-3-2 {
margin-left: 5px;
margin-right: 5px;
}
.retail-item-b-item-2-ab, .retail-item-b-item-3-ab {
display: none;
}
.eco-remove-list {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.eco-h3 {
font-size: 48px;
line-height: 54px;
}
.eco-remove-image {
display: none;
}
.ts-list {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 767px) {
body {
font-size: 14px;
}
h1 {
font-size: 2.5em;
}
h3 {
font-size: 1.3em;
}
.container {
max-width: 90%;
margin-top: 40px;
margin-bottom: 40px;
padding-left: 10px;
padding-right: 10px;
}
.container.container-blog {
margin: 0 10px;
padding-left: 0;
padding-right: 0;
}
.section.test-playlist {
display: none;
}
.footer-flex-container {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.hero-content {
margin-top: -30px;
}
.btn-primary-light {
font-size: 12px;
}
.button_menu {
padding: 16px 20px;
}
.menu_sign {
font-size: .5em;
font-weight: 600;
}
.menu-items {
font-size: 2.1em;
}
.footer-text {
margin-bottom: auto;
}
.content-two-column {
grid-template-columns: 1fr;
}
.photo-line {
grid-template-columns: 2fr;
}
.photo-line.right {
grid-template-columns: 1fr;
}
.in_pic {
object-position: 50% 50%;
}
.section-stick {
grid-row-gap: 0px;
flex-direction: column;
grid-template-columns: 1fr;
}
.category-banner {
z-index: 20;
width: 100%;
height: 280px;
top: 0;
}
.product-grid-container {
width: 100%;
}
.subheading {
font-size: 1.2em;
}
.subheading.hero {
min-width: auto;
}
.subheading.main-hero {
font-size: 12px;
}
.sidecontent {
grid-template-rows: minmax(100px, 2fr) minmax(auto, .25fr);
align-content: start;
justify-content: center;
margin-top: 0%;
padding: 3% 5% 11px 28%;
}
.sidecontent.industrial {
justify-content: center;
margin-top: 0%;
}
.heading.productcard {
font-size: 3em;
}
.home-hero {
height: 60vh;
}
.prd-spec-wrap {
width: 100%;
padding-left: .8em;
padding-right: .8em;
}
.cardbox {
padding-left: 10px;
padding-right: 10px;
}
.prd-pic-wrap {
width: 100%;
position: relative;
}
.productcard-table {
padding-bottom: 0;
overflow: visible;
}
.paragraph.small {
font-size: 1em;
}
.productcard-buttons {
z-index: 2;
flex-direction: column;
justify-content: start;
align-items: flex-end;
justify-items: stretch;
position: relative;
}
.nav-logo-white {
max-width: 120px;
}
.sidecontent-card-hero {
grid-template-rows: minmax(100px, 2fr) minmax(auto, .25fr);
align-content: start;
align-items: stretch;
height: 100%;
padding: 0% 5% 11px;
}
.listrecomend-four {
grid-template-columns: 1fr 1fr;
}
.product-list-item.product-list-item-new {
margin-bottom: 1em;
}
.sign-landing {
padding: 20px;
}
.hero-grid {
grid-template-columns: 1.5fr;
}
.category-nav {
grid-column-gap: 9px;
flex-flow: wrap;
grid-template-columns: 1fr 1fr 1fr;
}
.nav-logo-navy {
width: 120px;
max-width: none;
}
.pic-hero-fix {
background-position: 80%;
}
.listing-item {
height: 300px;
}
.navigation-products-item.w--current {
padding-left: 12px;
padding-right: 12px;
}
.descriptor-history {
padding-top: 0;
}
.about-table {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.photo-flow {
grid-template-columns: 2fr;
}
.hero-landing-section {
grid-template-rows: auto auto .5fr;
}
.hero-landing-content {
margin-top: 0;
padding-bottom: 20px;
padding-left: 15px;
}
.landing-heading {
padding-bottom: 20px;
}
.certifcate-list {
grid-template-columns: 1fr 1fr;
}
.request-box {
max-width: 100%;
}
.section-fix.feature {
background-size: cover;
}
.f-two-cell {
grid-column-gap: 1em;
grid-row-gap: .75em;
grid-template-columns: 1fr;
}
.product-lightbox {
justify-content: center;
height: 40svh;
display: flex;
}
.pc-product-image {
object-fit: contain;
max-width: 100%;
max-height: 100%;
display: block;
}
.prd-head-wrap {
padding: .8em;
}
.prd-head-wrap.prd-head-wrap-new {
padding-top: .8em;
padding-bottom: .8em;
}
.footer {
padding: 40px 20px;
}
.product-card-rt-bolder p {
font-size: 1em;
}
.product-card-rt-bolder li {
font-size: .8em;
}
.navbox.search {
align-items: center;
}
.prd-pic-list {
grid-template-columns: 1fr 1fr 60px;
position: relative;
overflow: hidden;
}
.prd-thumb-list {
grid-template-columns: 1fr;
justify-content: center;
}
.parameters-tab-hero {
grid-column-gap: 8px;
grid-row-gap: 5px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-content: end;
justify-content: start;
align-items: end;
padding-bottom: 20px;
display: grid;
}
.tab-item-value_med {
font-size: 1.8em;
}
.pin-stripe.hide-horizontal-mobile, .hover-link-wrapper {
display: none;
}
.hover-link-wrapper.video-link-wrapper {
display: flex;
}
.section_large {
padding-top: 60px;
padding-bottom: 60px;
}
.listbox.ro-field-step-2-dropbox {
width: 100%;
}
.back-button {
width: 50px;
height: 40px;
}
.table-item-table {
align-content: end;
align-items: end;
min-height: 30px;
max-height: 70px;
}
.partner-item-content.frosted {
padding: 20px;
}
.button-line {
flex-direction: column-reverse;
}
.hero-content-wrap {
margin-top: -30px;
}
.menu-link-copy {
font-size: .8em;
}
.navsearch {
height: 60px;
}
.search-button {
justify-content: center;
align-items: center;
height: 50px;
padding: 10px;
display: flex;
}
.top-banner-wrapper {
top: 50px;
}
.brand-wrap {
width: 120px;
}
.search-item.mob {
padding-right: 5em;
}
.btn-secondary {
font-size: 1.1em;
}
.pcm-list {
padding-left: 2em;
padding-right: 2em;
}
.pcm-holder {
width: 70%;
}
.pcm-holder.top-sm-ua {
width: 70%;
display: none;
}
.ab-catsign {
padding-left: 5%;
padding-right: 5%;
}
.h2-trivia {
font-size: 3vw;
}
.ab-cat-list {
grid-template-columns: 1fr 1fr;
}
.ftr-copy-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: start;
display: grid;
}
.go-hero {
padding-left: .8em;
padding-right: .8em;
}
.go-heading-wrap.small-indent {
padding-left: .8em;
}
.go-tabcontent-wrap {
padding-left: .8em;
padding-right: .8em;
}
.go-tabco-item {
grid-template-columns: .25fr .75fr 60px 100px;
padding-left: 0;
padding-right: 0;
}
.form-go-customize-in {
flex-direction: column;
}
.go-field-small-wrap {
justify-content: flex-start;
}
.go-fieldsmall-label {
width: 22%;
}
.form-go-colum-wrap {
padding-left: 0;
}
.go-tabco-sign {
grid-template-columns: .25fr .75fr 60px 100px;
}
.paragraph-big.small {
font-size: 1em;
}
.go-col.content {
padding-top: 1em;
}
.go-col-snap {
margin-bottom: 20px;
}
.paragraph-small.small {
font-size: 1em;
}
.go-boxinfo-wrap {
padding-left: .8em;
padding-right: .8em;
}
.go-tabco-apend {
grid-template-columns: 60px 100px;
}
.go-tabco-composite {
grid-template-columns: 1fr 160px;
}
.mob-tab-wrap {
display: none;
}
.fs-socialshare_wrapper {
grid-template-columns: 1fr 1fr;
}
.bh-list {
grid-template-columns: 1fr;
}
.btn-primary-dark {
font-size: 12px;
}
.pf-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-wrap: wrap;
}
.pf-list {
grid-template-columns: 1fr;
}
.pl-container.pl-container-line {
flex-flow: column;
grid-template-columns: 16em;
display: flex;
}
.pl-side-left.pl-side-left-filter {
width: 100%;
margin-top: 0;
margin-right: 0;
position: static;
top: auto;
}
.pl-side-right.pl-side-right-line {
width: 100%;
}
.bl-wrap {
padding: .8em;
}
.bl-wrap.bl-wrap-blog {
padding-left: 0;
padding-right: 0;
}
.bl-list {
grid-template-columns: 1fr 1fr;
}
.vid-tab {
flex-direction: column;
}
.vid-tab-content {
width: 100%;
}
.vid-tab-menu {
width: 100%;
height: 45vh;
}
.bl-head-box {
grid-template-columns: 1fr;
}
.bl-image-in {
height: 180px;
}
.faq-wrap {
width: 100%;
padding-left: 0;
}
.faq-holder {
flex-direction: column;
}
.faq-left {
width: 100%;
}
.slide-grid {
grid-template-columns: 1fr;
}
.cell-info.bottom {
padding-left: .8em;
padding-right: .8em;
}
.sh-main-text.small, .sh-num.small, .sh-val.small {
font-size: 1em;
}
.cn-list, .cn-case-item, .lib-list {
grid-template-columns: 1fr;
}
.cn-case-info {
padding-left: .8em;
padding-right: .8em;
}
.nav-ua-list {
flex-direction: column;
}
.whatsapp-block {
bottom: 65px;
right: 15px;
}
.hs-list {
grid-template-columns: 1fr;
}
.hs-wrap {
padding-left: .8em;
padding-right: .8em;
}
.prd-topinfo-wrap {
height: auto;
min-height: 50px;
padding: .5em .8em;
}
.prd-prop-wrap {
padding-bottom: 0;
overflow: visible;
}
.prd-item {
flex-direction: column;
}
.prd-item-title {
width: 100%;
position: relative;
top: auto;
}
.prd-item-half, .prd-info-70 {
width: 100%;
}
.rod-hero-wrap {
flex-direction: column-reverse;
}
.rod-box-left {
justify-content: flex-start;
padding-left: .8em;
padding-right: .8em;
}
.rod-box-right {
width: 100%;
max-height: 40svh;
}
.sh-slide-4 {
padding-left: .8em;
padding-right: .8em;
}
.rod-box-wrap-copy {
flex-direction: column;
}
.rod-pic-copy, .rod-infobox-copy {
width: 100%;
}
.bcv {
z-index: 2;
width: 100%;
height: 60svh;
}
.sh-full-text-wrap {
padding-left: 1.6em;
padding-right: 1.6em;
}
.sh-full-box {
padding-left: .8em;
padding-right: .8em;
}
.rod-vid {
width: 100%;
max-height: 320px;
}
.prag-medium {
font-size: 1.2em;
}
.hm-hero-left {
padding-top: 0;
padding-left: .8em;
padding-right: .8em;
}
.ct-list {
grid-template-columns: 1fr;
}
.ct-hero {
flex-direction: column;
grid-template-columns: 1.25fr;
align-items: flex-start;
}
.ct-hero-right {
width: auto;
}
.ct-more-list {
grid-template-columns: 1fr 1fr;
}
.navbox-copy.search {
align-items: center;
}
.button_menu-copy {
padding: 16px 20px;
}
.ec-nav-wrap {
padding-left: .8em;
padding-right: .8em;
}
.fs-cc-banner_container {
flex-direction: column;
align-items: flex-start;
}
.fs-cc-prefs_title {
font-size: 1.25rem;
}
.ct-list-hold {
grid-template-columns: 1fr;
}
.ep-wrap {
flex-direction: column;
}
.ep-left {
width: 100%;
height: 50svh;
position: relative;
}
.ep-right {
width: 100%;
}
.ep-parameters {
font-size: 12px;
}
.ec-nav-brand-copy {
padding-left: 0;
}
.nav-logo-navy-mob {
object-fit: contain;
display: block;
}
.checkout-form {
font-size: 12px;
}
.step-container {
flex-direction: column;
}
.step-container-left {
width: 100%;
padding-left: 8px;
padding-right: 8px;
}
.step-container-right {
width: 100%;
padding: 20px 60px;
}
.stepline-item {
flex-direction: column;
align-items: flex-start;
}
.stepline-list {
grid-template-columns: 1fr 1fr 1fr;
}
.wz-answer-grid.three {
grid-template-columns: 1fr;
}
.wz-radio-button {
margin-left: 0;
}
.wz-product-item {
align-items: flex-start;
padding: .8em;
}
.ab-catsign-copy {
padding-left: 5%;
padding-right: 5%;
}
.form-line {
grid-template-rows: auto;
}
.rod-vid-copy {
width: 100%;
max-height: 320px;
}
.gallery-overview, .gallery-scroll, .gallery-slider {
padding: 60px 15px;
}
.gallery-slide {
margin-left: 10px;
margin-right: 10px;
}
.gallery-slide-text {
line-height: 30px;
}
.gallery-slider-left {
left: -20px;
}
.gallery-slider-right {
right: -20px;
}
.gallery-wrap {
padding: .8em;
}
.gallery-list {
grid-template-columns: 1fr;
}
.article-box {
grid-template-columns: 1fr;
margin-left: 10px;
margin-right: 10px;
}
.article-side {
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.faq-wrap-copy {
width: 100%;
padding-left: 0;
}
.div-block-15 {
padding-left: .8em;
padding-right: .8em;
}
.sb-collection {
max-width: 100%;
margin-left: .8em;
margin-right: .8em;
}
.sb-item-img {
width: 100%;
}
.offers-list {
margin-left: .8em;
margin-right: .8em;
}
.header-location {
order: 2;
}
.top-navbar {
padding-left: .8em;
padding-right: .8em;
}
.top-nav-item-bb {
flex-direction: column;
}
.faq-page {
margin-top: 2em;
margin-bottom: 2em;
}
.faq-item-question-text {
font-size: 1.3em;
}
.breadcrumbs {
margin-left: .8em;
margin-right: .8em;
}
.breadcrumb-text {
font-size: 10px;
}
.container-default {
max-width: 100%;
margin-left: .8em;
margin-right: .8em;
}
.blog-products {
max-width: 100%;
margin-left: 10px;
margin-right: 10px;
}
.tab-heading {
padding-left: 20px;
padding-right: 20px;
font-size: 1.6em;
}
.tab-html {
width: 100%;
margin-top: 0;
padding: 20px;
}
.tab-iot-imgs {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr;
margin-left: 1em;
margin-right: 1em;
}
.tab-iot-img {
width: 100%;
}
.fs-cc-banner2_container-2 {
flex-direction: column;
align-items: flex-start;
}
.drop-select.rodrop-select {
width: 100%;
}
.top-mob-menu-block.active {
max-width: 70%;
}
.download-catalog {
padding-top: 0;
padding-bottom: 0;
}
.products-line-container {
margin-left: .8em;
margin-right: .8em;
}
.author-photo {
width: 70%;
}
.section-info {
flex-flow: column;
padding-left: .8em;
}
.section-info-left, .section-info-right {
width: 100%;
}
.section-info-right.section-info-right-calc {
justify-content: center;
}
.rodms-container {
margin: 1em;
}
.ro-block, .ro-field-step-info {
flex-flow: column;
}
.ro-field-step-label {
text-align: left;
width: 100%;
}
.ro-field-step-input, .ro-block-left, .ro-block-right, .result-ro-block {
width: 100%;
}
.filter-form-block {
display: none;
}
.filter-form-block.filter-form-block-cert {
margin-bottom: 2em;
}
.f-stepline-list.f-stepline-list-pop {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.f-stepline-list.ro-f-stepline-list {
grid-template-columns: 1fr 1fr 1fr;
}
.mob-filter-btn {
background-color: var(--orange-red);
color: var(--white);
cursor: pointer;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 150px;
margin-bottom: 1em;
padding: 5px 10px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 12px;
display: flex;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.mob-filter-btn:hover {
background-color: var(--deep-sky-blue);
}
.mob-filter-btn.hide {
margin-top: 1em;
display: none;
}
.mob-filter-btn.mob-filter-btn-cert {
margin-bottom: 2em;
}
.rodmg-main-container {
margin-left: .8em;
margin-right: .8em;
}
.ro-step-f.active {
padding: 5px 25px 25px;
}
.container-ecosoft {
flex-flow: column;
}
.product-detail-right, .product-detail-left {
width: 100%;
}
.product-artikle {
margin-top: 10px;
font-size: 10px;
}
.product-heading-info {
display: none;
}
.product-btn-buy {
padding: 15px 30px;
font-size: 16px;
}
.product-overview-item {
flex-flow: column;
margin-bottom: 20px;
}
.product-overview-item:nth-child(2n) {
flex-flow: column;
}
.product-overview-info, .product-overview-picture {
width: 100%;
}
.sticky-block {
max-height: none;
position: static;
top: auto;
overflow: visible;
}
.mob-product-heading-menu {
display: block;
}
.mob-product-name {
margin-top: 10px;
font-family: CeraPRO-Bold, sans-serif;
font-size: 20px;
line-height: 20px;
}
.ro-heading {
font-size: 24px;
}
.ro-paragraf {
font-size: 14px;
}
.ec-nav-wrap-2 {
padding-left: .8em;
padding-right: .8em;
}
.btn-primary-light-2 {
font-size: 12px;
}
.rb-hero {
min-height: 70svh;
}
.rb-hero-text {
min-height: 80svh;
padding-left: .8em;
padding-right: .8em;
}
.html-embed-4 {
font-size: 30px;
}
.html-embed-5 {
font-size: 24px;
}
.robust-tab-text {
font-size: 12px;
}
.robust-pro-main {
padding-left: 0;
padding-right: 0;
}
.robust-pro-info {
padding: 25px;
}
.robust-pro-info-name {
font-size: 32px;
}
.robust-pro-info-description {
font-size: 14px;
}
.robust-pro-block {
flex-flow: column;
}
.robust-kf-main {
padding-left: 1em;
padding-right: 1em;
}
.rb-feature-row {
grid-template-columns: 1.25fr;
width: 100%;
max-width: 100%;
}
.rb-feature-row-second {
grid-template-columns: 1.75fr;
width: 100%;
max-width: 100%;
}
.robust-line-main {
padding-top: 140px;
}
.robust-line-info {
width: 80%;
position: relative;
left: 10%;
right: 10%;
}
.robust-line-title {
font-size: 30px;
}
.robust-line-description {
font-size: 14px;
}
.robust-line-url {
width: 70%;
}
.robust-explore-main {
padding-left: 1em;
padding-right: 1em;
}
.explore-list {
width: 100%;
max-width: 100%;
}
.explore-item {
flex-flow: column;
}
.explore-heading {
width: 100%;
max-width: 100%;
font-size: 26px;
}
.explore-item-left {
width: 100%;
padding: 25px 25px 0;
}
.explore-img {
border-top-right-radius: 0;
border-bottom-left-radius: 12px;
width: 100%;
height: auto;
}
.explore-item-app-name {
font-size: 14px;
}
.app-solutions-main {
padding-left: 1em;
padding-right: 1em;
}
.item-loop-description {
width: 70%;
}
.robust-hero-main {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-flow: column;
}
.robust-hero-picture, .robust-hero-info {
width: 100%;
}
.robust-model-name {
font-size: 1.6em;
}
.robust-model-app-item {
font-size: 14px;
}
.body-black {
background-color: var(--black);
}
.rb-hero-text-gradient {
max-width: none;
}
.rb-hero-h1 {
font-size: 3.2em;
}
.rb-cap-label {
padding: 10px 20px;
}
.ro-c-val {
font-size: 20px;
}
.ro-c-measure {
font-size: 12px;
}
.cci-left {
width: 25%;
}
.cci-center {
width: 60%;
}
.cci-right {
width: 15%;
}
.eco-container {
margin-left: 0;
margin-right: 0;
padding-left: 16px;
padding-right: 16px;
overflow: hidden;
}
.eco-solution-list {
z-index: 2;
background-image: none;
grid-template-columns: 1fr;
margin-top: 0;
margin-bottom: 0;
padding-top: 36px;
padding-bottom: 36px;
}
.eco-h2 {
text-align: center;
max-width: 100%;
font-size: 32px;
}
.eco-h2.center {
line-height: 40px;
}
.esi-center {
font-size: 20px;
}
.esi-top-img {
width: 48px;
height: 48px;
}
.eco-sert-list {
z-index: 2;
grid-template-columns: 1fr;
position: relative;
}
.eco-fon-1 {
z-index: 1;
width: 264px;
height: 266px;
display: block;
position: absolute;
bottom: 39px;
right: -116px;
}
.eco-why-video {
max-height: 343px;
margin-top: 32px;
}
.eco-works {
margin-top: 44px;
margin-left: 16px;
margin-right: 16px;
padding: 32px 24px;
}
.eco-fon-2 {
display: none;
}
.retail-list {
grid-column-gap: 8px;
grid-row-gap: 8px;
margin-top: 32px;
}
.retail-item-bottom {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.retail-item-ecoimage {
height: 80px;
}
.retail-item-b-item.retail-item-b-item-2 {
padding-bottom: 16px;
padding-left: 0;
}
.retail-item-b-item.retail-item-b-item-1 {
padding-bottom: 16px;
padding-right: 0;
}
.retail-item-b-item.retail-item-b-item-3 {
padding-top: 0;
padding-bottom: 16px;
padding-right: 0;
}
.retail-item-b-item.retail-item-b-item-4 {
padding-top: 0;
padding-left: 0;
}
.retail-item-prop-1 {
font-size: 16px;
}
.retail-item-prop-2 {
font-size: 32px;
line-height: 40px;
}
.retail-item-ecotext {
font-size: 26px;
line-height: 32px;
}
.retail-item-prop {
justify-content: space-between;
align-items: center;
margin-bottom: 4px;
display: flex;
}
.eco-h3 {
font-size: 32px;
line-height: 40px;
}
.eco-remove-paragraph {
font-size: 20px;
line-height: 32px;
}
.err-item {
margin-bottom: 16px;
}
.err-item-img {
width: 48px;
height: 48px;
}
.err-item-name {
font-size: 24px;
line-height: 30px;
}
.eco-faq-question {
padding: 12px;
}
.eco-faq-answer {
padding-left: 12px;
padding-right: 12px;
}
.eco-faq-answer.is-active-accordion {
margin-bottom: 12px;
}
.eco-remove-right-item {
margin-bottom: 32px;
}
.eco-container-2 {
margin-top: 20px;
margin-left: 16px;
margin-right: 16px;
padding: 32px 18px;
}
.eco-sub-text {
font-size: 20px;
line-height: 32px;
}
.eco-sub-text-2 {
margin-bottom: 32px;
}
.eco-organic-btn {
float: right;
margin-bottom: 16px;
margin-right: 8px;
font-size: 12px;
line-height: 16px;
position: relative;
top: auto;
right: auto;
}
.eco-organic-btn-2 {
margin-top: 16px;
margin-left: 8px;
font-size: 12px;
line-height: 16px;
position: relative;
bottom: auto;
left: auto;
}
.edc-link {
margin-top: 24px;
padding: 11px 20px;
}
.edc-text {
font-size: 14px;
line-height: 20px;
}
.ts-list {
margin-top: 32px;
}
.ts-item {
padding: 32px 5px 24px;
}
.ts-item-img {
max-height: 248px;
}
.ts-item-name {
font-size: 12px;
line-height: 16px;
}
.ts-param {
font-size: 14px;
line-height: 20px;
}
.eco-container-3 {
margin: 44px 16px;
padding: 32px 0;
}
}
@media screen and (max-width: 479px) {
h2 {
font-size: 2.2em;
}
.container {
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
overflow: hidden;
}
.container.top, .container.inside {
margin-top: 40px;
}
.container.add {
margin-bottom: 100px;
}
.container.search {
max-width: 96%;
}
.section.mainpoint {
padding: 60px 10%;
}
.section.first, .section.firs-short, .section.showpage {
padding-top: 60px;
}
.footer-flex-container {
flex-direction: column;
}
.footer-logo-link {
height: 60px;
}
.footer-heading {
margin-top: 20px;
}
.hero-content {
margin-top: 0;
}
.btn-primary-light {
font-size: 11px;
}
.btn-primary-light.corner_left-center {
position: relative;
}
.banner-container {
height: 100vw;
padding-left: 5%;
}
.button_menu.clear.nosearch {
margin-right: 0%;
}
.brand {
flex: 1;
}
.text.big {
font-size: 1.5em;
font-weight: 600;
}
.category-banner {
grid-template-areas: "Backpic Backpic"
"Sign Sign"
"Sign Sign";
height: 30vh;
}
.product-grid {
grid-template-columns: 1fr;
}
.subheading {
font-size: 1.1em;
}
.subheading.main-hero {
font-size: 4vw;
}
.sidecontent {
padding-top: 29%;
padding-left: 5%;
}
.heading {
font-size: 2.8em;
}
.heading.main-hero {
font-size: 10vw;
}
.headbox {
max-width: 100%;
}
.home-hero {
height: auto;
padding-top: 4em;
padding-bottom: 4em;
}
.productcard-buttons {
grid-column-gap: 15px;
grid-row-gap: 6px;
grid-template-columns: 1fr 1fr;
justify-content: start;
justify-items: start;
padding-right: 0;
}
.nav-logo-white {
max-width: 120px;
}
.input-label {
white-space: nowrap;
}
.sidecontent-card-hero {
padding-top: 5%;
}
.listrecomend-four {
grid-column-gap: 5px;
grid-row-gap: 10px;
}
.tabpic {
object-fit: contain;
}
.feature-slide {
grid-template-columns: 1fr;
}
.feature-pic {
height: auto;
}
.feature-text {
padding-left: 20px;
padding-right: 20px;
}
.feature-slider {
max-height: none;
padding-bottom: 50px;
}
.cat-banner-list {
grid-template-columns: 1fr;
}
.cat-banner-item-wrap {
height: 45vh;
}
.banner-text {
padding-left: 10px;
padding-right: 80px;
}
.category-nav {
flex-wrap: wrap;
grid-template-columns: 1fr 1fr;
height: 100px;
}
.nav-logo-navy {
max-width: 120px;
}
.linkarea {
z-index: 60;
}
.listing-pic {
align-items: center;
}
.listing-item.fullheight {
grid-template-rows: auto minmax(86px, .25fr);
height: 60vh;
}
.listing-sign.left {
background-image: linear-gradient(rgba(84, 88, 96, 0), rgba(84, 88, 96, .8) 78%, #545860);
}
.about-table {
grid-column-gap: 0px;
grid-row-gap: 10px;
grid-template-columns: 1fr .75fr;
}
.mainpoint-rich p {
font-size: 1.2em;
}
.hero-landing-section {
grid-template-rows: 80px auto .5fr auto;
grid-template-columns: 1fr;
height: auto;
position: relative;
}
.hero-landing-content {
background-color: var(--dark-slate-blue-2);
margin-top: 0;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.certifcate-list {
grid-template-columns: 1fr;
}
.menu-box {
padding-left: 10%;
padding-right: 10%;
}
.menu-link {
font-size: .8em;
}
.input-field {
height: 40px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 14px;
}
.contact-list {
padding-bottom: 0;
}
.holder-fix {
padding: 40px 5%;
}
.case-photo-line {
grid-column-gap: 9px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr;
}
.case-photo {
padding-top: 20px;
padding-bottom: 20px;
}
.nav-header {
width: 80%;
}
.section-fix.feature {
grid-template-rows: auto 1fr 1fr 1fr .75fr;
height: auto;
}
.f-two-cell {
grid-row-gap: 16px;
flex-direction: column;
grid-template-columns: 1fr;
grid-auto-columns: .5fr;
padding-left: 1px;
display: flex;
}
.f-two-cell.compact {
grid-template-columns: 1fr 1fr;
width: 100%;
}
.f-two-cell.f-two-cell-catalog {
padding-left: 0;
}
.pc-product-image {
max-width: 100%;
}
.footer {
text-align: left;
padding-left: 20px;
padding-right: 20px;
}
.product-card-rt-bolder p {
font-size: .9em;
}
.product-card-rt-bolder li {
padding-bottom: 5px;
font-size: .7em;
}
.navbox {
width: 100%;
padding-left: .8em;
padding-right: .8em;
overflow: hidden;
}
.navbox.search {
align-items: center;
}
.brandholder {
width: 100%;
}
.prd-pic-list {
grid-template-rows: 48px auto auto;
overflow: visible;
}
.prd-thumb-item {
width: 60px;
}
.prd-thumb-list {
flex-wrap: wrap;
}
.video-info {
grid-row-gap: 48px;
padding-left: 0;
}
.section_large {
padding-top: 60px;
padding-bottom: 60px;
}
.section_large.video-section {
padding-top: 140px;
padding-bottom: 100px;
}
.listbox {
height: 40px;
font-size: 14px;
}
.textarea-box {
font-size: 1em;
}
.back-button {
width: 40px;
height: 30px;
top: 98px;
}
.category-list.industrial {
z-index: 1;
}
.top-name-partner {
grid-row-gap: 5px;
grid-template-columns: .25fr 1fr;
}
.partner-grid-holder {
flex-direction: column;
grid-template-rows: auto minmax(200px, 1fr) auto auto;
padding-bottom: 0;
display: flex;
}
.grid-pic-fullwidth {
height: 20vh;
}
.grid-pic-image {
min-height: 230px;
}
.grid-pic-image.full {
min-height: auto;
}
.grid-sign-blue.frosted {
padding: 20px 5%;
}
.partner-item-content.frosted.longer {
margin-left: 0;
margin-right: 0;
padding: 1.6em .8em;
}
.quote-grid {
grid-template-areas: ". Picture Picture"
". Quote Quote";
}
.quote-pic {
max-height: 270px;
overflow: hidden;
}
.quote-autor {
margin-top: 20px;
}
.banner-content {
min-height: auto;
padding: 48px 12px;
}
.grid-three-colummn {
grid-template-columns: 1fr 1fr 1fr;
}
.grid-three-colummn.short {
display: flex;
}
.grid-container-fullwidth {
padding-top: 20px;
padding-bottom: 20px;
}
.collection-list-2 {
grid-column-gap: 6px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.certificate-preview-link {
grid-template-rows: 31px auto;
}
.certificate-preview-pic {
width: 110px;
}
.grid-just-sign {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 20px;
}
.button-line {
flex-flow: column-reverse wrap;
grid-template-columns: 1fr 1fr;
padding-left: 0;
padding-right: 0;
}
.history-list {
padding-bottom: 4em;
}
.slide-big-image {
height: 50vh;
}
.mask {
padding-left: 0%;
padding-right: 0%;
}
.square-arrow.left {
width: 40px;
}
.hero-content-wrap {
margin-top: 0;
}
.hero-subbox-wrap {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
display: flex;
}
.menu-link-copy {
font-size: .8em;
}
.contact-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.search-desc {
font-size: .8em;
}
.search-pic {
width: auto;
}
.navsearch {
align-items: center;
width: 40px;
display: flex;
}
.navmenu {
padding-top: 140px;
padding-left: 10px;
padding-right: 10px;
}
.search-button {
height: 50px;
padding-top: 4px;
padding-bottom: 11px;
}
.image-2 {
width: 100%;
max-width: none;
height: 100%;
}
.top-banner-wrapper {
top: 60px;
}
.top-banner-sign {
text-align: center;
}
.top-banner-sign-content {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
height: auto;
padding-bottom: 10px;
}
.donate-icon {
max-height: 50px;
}
.modal-container {
margin-top: 30%;
margin-left: 5%;
margin-right: 5%;
padding: 40px 10px;
}
.modal-close {
width: 60px;
height: 60px;
top: 4%;
}
.banner-image {
width: 100%;
max-width: none;
}
.searsh-drop-hold {
z-index: 1200;
}
.lang-drop-list.w--open {
z-index: 4555;
position: fixed;
}
.hero-buttons-group {
grid-row-gap: 1em;
flex-direction: column;
}
.banner-nav-wrap {
display: none;
}
.bnr-tease {
width: 80px;
height: 80px;
margin-bottom: 300px;
}
.bnr-tease:hover {
width: 72px;
height: 72px;
}
.tease-pic {
padding: .4em;
}
.map-holder {
justify-content: flex-start;
align-items: center;
height: 80vh;
overflow: scroll;
}
.top-flag {
flex-direction: column;
}
.top-flag-line {
justify-content: center;
}
.top-flag-line.blue {
padding: 4em;
}
.map-in {
flex: none;
width: 200%;
min-width: 270vw;
height: 100%;
min-height: 50vh;
}
.map-in-img {
object-fit: contain;
}
.logo-flag {
height: 100%;
min-height: 40px;
}
.box-yellow {
width: 10vh;
min-width: 10vh;
height: 10vh;
min-height: 10vh;
}
.flag-logo {
padding-top: 1.2em;
padding-bottom: 1.2em;
}
.search-dropdown-wrap {
padding-right: 0;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.search-dropdown-wrap.w--open {
background-color: var(--white);
width: 100vw;
padding: 10px;
display: flex;
top: 60px;
}
.search-item {
width: 100%;
display: none;
}
.search-item.mob {
padding-right: 4em;
display: flex;
}
.nav-item-btn.hide {
display: flex;
}
.hero-info {
flex-direction: column;
padding: 6em .8em 1.6em;
}
.hero-info-right {
width: 100%;
}
.pc-item-txtbox {
padding: 2.4em;
}
.pi-wrap {
display: none;
}
.pi-list {
grid-column-gap: 2%;
grid-row-gap: 2vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.pi-item, .pi-item.c-two-pa, .pi-item.c-three-pa {
width: 100%;
}
.pi-item-in {
min-height: 30vh;
}
.pi-item-img {
max-height: 24vh;
}
.pc-item-ico {
width: 60px;
height: 60px;
}
.btn-flex-line {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
}
.pcm-holder, .pcm-holder.top-sm-ua {
width: 100%;
}
.mc-list {
grid-template-columns: 1fr 1fr;
}
.h2-trivia {
font-size: 1.5em;
}
.ab-cat-item {
min-height: 14vh;
}
.collection-list-3 {
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-template-columns: 1fr;
}
.ab-cat-item-wrap {
justify-content: center;
align-items: center;
padding: 2em 5%;
}
.ab-cat-item-sign {
text-align: center;
font-size: 1.2em;
}
.ab-cat-desc {
text-align: center;
}
.cover-sign-wrap {
width: 100%;
}
.cover-heading {
font-size: 2em;
}
.tabs-menu {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-content: space-between;
display: grid;
}
.ab-tab {
padding-top: .6em;
padding-bottom: .6em;
}
.ab-tab.w--current {
justify-content: space-around;
}
.lang-drop-hold {
z-index: 1200;
}
.pc-item-sign-wrap {
top: 50px;
}
.tip-message-wrap {
align-items: stretch;
padding-left: 2em;
padding-right: 2em;
display: none;
}
.tip-message-item {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
padding-top: 0;
padding-left: .8em;
padding-right: .8em;
}
.ftr-copy-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.tip-message-txt {
order: 1;
}
.go-select-list {
flex-wrap: wrap;
}
.go-select-list.short {
padding-left: .8em;
padding-right: .8em;
}
.go-prodcard-item {
grid-column-gap: 0em;
grid-row-gap: 0em;
flex-direction: column;
padding: 1.5em .8em;
}
.go-prodcard-col {
width: 100%;
}
.go-prodcard-col.left {
width: 100%;
padding-left: 0;
}
.go-heading-wrap, .go-heading-wrap.small-indent, .go-tabcontent-wrap {
padding-left: .8em;
padding-right: .8em;
}
.go-tabco-item {
grid-template-columns: 70px 150px 60px 100px;
font-size: .75em;
}
.go-tabco-item.short {
grid-template-columns: 70px 150px;
}
.go-custombox-footer {
flex-wrap: wrap;
}
.go-grid-in {
grid-template-columns: 230px 150px;
}
.go-grid-wrap {
padding-left: .8em;
padding-right: .8em;
}
.go-starthero-wrap {
flex-direction: column;
}
.go-hero-left {
width: 100%;
min-height: 0;
}
.go-hero-right {
width: 100%;
padding-left: 4em;
padding-right: 4em;
}
.go-selector-list {
flex-direction: column;
align-items: stretch;
}
.go-field-big {
font-size: 1.4em;
}
.go-tabco-sign {
grid-template-columns: 70px 150px 60px 100px;
}
.ls-category-wrap {
padding: 2.6em .8em;
}
.ls-category-list {
grid-column-gap: .5em;
grid-row-gap: 1.5em;
grid-template-columns: 1fr 1fr;
}
.ls-category-item-pic {
width: 40px;
height: 40px;
}
.donate-sign-item {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
height: auto;
padding-bottom: 10px;
}
.search-result-list {
grid-column-gap: .75em;
grid-row-gap: 1.5em;
grid-template-columns: 1fr 1fr;
}
.field-search {
height: 40px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 1em;
}
.go-tools-in {
background-color: rgba(255, 255, 255, .74);
width: 100%;
padding: 1em 1em 2em;
}
.btn-flex-col {
grid-column-gap: .5em;
grid-row-gap: .5em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.f-box-shadow {
padding: 1em;
}
.f-box-wrap {
padding: 0 .8em;
}
.go-tabco-footnote {
font-size: .7rem;
}
.field-compact {
height: 40px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 1em;
}
.go-boxinfo-wrap {
padding-top: 5em;
}
.go-tabco-apend {
font-size: .75em;
}
.go-tabco-composite {
grid-template-columns: 220px 160px;
}
.go-branding-wrap.print {
width: 100%;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.go-brandin-bottom {
width: 100%;
}
.go-branding-top {
justify-content: space-between;
width: 100%;
}
.h1-label {
font-size: .4em;
}
.mob-tab-wrap {
z-index: 1000;
background-color: var(--white);
flex-direction: column;
display: flex;
position: fixed;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.mob-tab-list {
justify-content: space-between;
height: 80px;
padding: 1em;
display: flex;
}
.mob-tab-item {
grid-column-gap: .25em;
grid-row-gap: .25em;
color: var(--dark-slate-blue);
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 80px;
padding: .5em 0;
font-size: .8em;
line-height: .9;
display: flex;
}
.mob-tab-item.w--current {
opacity: .6;
}
.mob-ico {
width: 32px;
height: 32px;
}
.mob-tab-dropup {
min-width: 50px;
max-width: 80px;
margin-left: 0;
margin-right: 0;
display: flex;
}
.mob-tab-dropup-list {
position: fixed;
top: auto;
bottom: 9%;
left: auto;
right: 0%;
}
.mob-tab-dropup-list.w--open {
background-color: rgba(0, 0, 0, 0);
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
padding-bottom: 0;
display: flex;
top: auto;
bottom: 80px;
left: auto;
right: 0%;
}
.mob-tab-nav {
background-color: var(--white-smoke);
flex-direction: column;
display: flex;
}
.mb-cat-container {
display: none;
position: relative;
}
.mb-cat-wrap {
flex-direction: column;
display: flex;
}
.mb-cat-list {
grid-column-gap: 2.75em;
grid-row-gap: 2.75em;
flex: none;
padding: 2em 5em 2em 3em;
display: flex;
overflow: scroll;
}
.mb-cat-item {
flex: none;
position: relative;
}
.mb-cat-item-wrap {
grid-column-gap: .75em;
grid-row-gap: .75em;
color: var(--dark-slate-blue);
flex-direction: column;
align-items: center;
display: flex;
}
.mb-cat-item-pic {
width: 32px;
height: 32px;
}
.mb-cat-right {
border-left: 1px solid var(--dim-grey-2);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: rgba(255, 255, 255, .76);
align-items: center;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: auto;
right: 0%;
}
.reverse-arrow {
width: 32px;
transform: rotate(180deg);
}
.mb-dropup-link {
color: var(--dark-slate-blue);
flex-direction: column;
align-items: flex-end;
padding: 1.4em 1.2em;
font-family: CeraPRO-Bold, sans-serif;
font-size: 1.2em;
font-weight: 700;
display: flex;
}
.mb-dropup-container {
background-color: var(--white);
border-top-left-radius: 2em;
padding: 2em;
}
.countdown-block {
width: 60px;
}
.hero-container {
flex-direction: column-reverse;
margin-top: 4.5em;
}
.hr-title-box {
width: 100%;
margin-right: 0%;
padding-left: .8em;
padding-right: .8em;
}
.hr-video {
min-height: 0;
}
.hr-video-box {
width: 100%;
height: 24vh;
position: relative;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.fs-socialshare_wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
grid-template-columns: 1fr;
}
.h2-main {
font-size: 2.4em;
}
.wb-topic-sign {
min-width: 90vw;
padding: 5em .8em;
}
.wb-speaker-box {
grid-column-gap: 0em;
grid-row-gap: 0em;
flex-direction: column;
}
.wb-fin-container {
grid-column-gap: 0em;
grid-row-gap: 0em;
flex-direction: column-reverse;
align-items: stretch;
}
.wb-col-left {
padding: 2em .8em;
}
.wb-col-right {
padding: .8em;
}
.wb-label-line {
margin-bottom: -7px;
padding-top: .3em;
padding-bottom: .3em;
}
.form-compact-wrap {
padding: 1em;
}
.bh-list {
padding-left: 2%;
padding-right: 2%;
}
.bh-item {
width: 100%;
min-height: 460px;
}
.bh-item.bh-two {
width: 100%;
}
.bh-item-wrap {
justify-content: flex-end;
width: 100%;
}
.bh-item-wrap.fullwidth {
width: 100%;
height: 40vh;
}
.bh-video-wrap, .bh-video-el {
border-radius: 0 2em 2em;
overflow: hidden;
}
.bh-sign-box {
justify-content: flex-end;
padding: 2.6em 1.2em;
}
.bh-sign-box.fullwidth {
min-width: 100%;
max-width: 100%;
}
.bh-box {
z-index: 600;
position: relative;
}
.bh-sign-desc {
font-size: 1em;
}
.img-simple-cover {
object-position: 80% 50%;
}
.btn-primary-dark.corner_left-center {
position: relative;
}
.img-simple-contain {
object-position: 80% 50%;
}
.bh-pichero-wrap {
top: 52%;
bottom: 0%;
left: auto;
right: 0%;
}
.pf-wrap {
flex-wrap: wrap;
}
.pf-list {
grid-column-gap: 0%;
grid-row-gap: 0%;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding: .8em;
display: flex;
}
.pf-item {
width: 50%;
height: 30vh;
min-height: 400px;
padding: 5px;
}
.pf-item.c-two-pa, .pf-item.c-three-pa {
width: 100%;
}
.pf-item-in {
padding: 20px;
}
.pf-item-img {
max-height: 24vh;
}
.pl-container {
flex-direction: column;
width: 100%;
display: flex;
}
.pl-side-left {
width: 100%;
position: relative;
top: 0;
}
.pl-side-right {
width: 100%;
}
.pl-cat-filter-list {
grid-column-gap: 1em;
grid-row-gap: .5em;
flex-wrap: wrap;
display: flex;
}
.pl-cat-filter-ico {
display: none;
}
.bl-list {
grid-template-columns: 1fr;
}
.form-filter {
height: auto;
min-height: 0;
}
.pf-sub-wrap {
display: none;
}
.pf-checlbox {
border: 1px solid var(--light-grey);
border-radius: 2em;
padding: .8em 1.6em;
}
.form-filter-block {
padding-left: .8em;
padding-right: .8em;
}
.pf-empty {
width: 100%;
}
.bl-image-in {
height: 200px;
}
.faq-list {
margin-left: 2%;
margin-right: 2%;
}
.anchor-link.test-playlist {
display: none;
}
.input-adv-camp {
height: 40px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 1em;
}
.tabs {
flex-direction: column;
display: flex;
}
.ap-section {
display: none;
}
.sh-model-wrap {
flex-direction: column;
margin-top: 0;
}
.sh-model-left {
width: 100%;
padding: 3em .8em;
}
.sh-model-right {
width: 100%;
}
.sh-hero {
height: 200vh;
padding-top: .4em;
}
.sh-hero-pic {
flex-direction: row;
justify-content: center;
align-items: center;
}
.sh-pic-in {
flex: none;
justify-content: center;
width: 180%;
}
.form-block {
width: 100%;
max-width: none;
padding: 1em;
display: block;
overflow: hidden;
}
.form-block.header-d-catalog {
overflow: auto;
}
.info-holder {
padding-left: .8em;
padding-right: .8em;
}
.sp-image-right {
padding-left: 4em;
}
.sh-slide {
padding-left: .8em;
padding-right: .8em;
}
.slide-wrap {
flex-direction: column;
}
.slide-right {
width: 100%;
padding: .5em 1.6em 2em;
}
.slide-left {
width: 100%;
}
.sh-slide-full {
padding-left: .8em;
padding-right: .8em;
}
.sh-slide-full.black {
background-size: cover;
height: 40vh;
min-height: 460px;
}
.sh-slide-full.black.way {
background-position: 50% 30%;
background-size: contain;
height: 100vh;
}
.sh-slide-full.black-no-pic {
background-size: cover;
height: 40vh;
min-height: 460px;
}
.sh-slide-full.black-no-pic.way {
background-position: 50% 30%;
background-size: contain;
height: 100vh;
}
.center-info {
width: 100%;
margin-bottom: -16.2em;
}
.f-one-cell {
grid-row-gap: 20px;
grid-template-columns: 1fr;
}
.f-one-cell.compact {
grid-template-columns: 1fr 1fr;
width: 100%;
}
.form-block-in {
padding-bottom: 1em;
padding-left: 1em;
padding-right: 1em;
overflow: auto;
}
.sh-hero-head {
font-size: 1.4em;
}
.sh-main-text-wrap {
background-image: linear-gradient(rgba(24, 23, 22, 0), #181716);
}
.sh-main-text {
font-size: 1.6em;
}
.sh-hero-lot {
min-height: 400px;
}
.main-num {
font-size: 2.1em;
}
.sh-block {
padding-left: .8em;
padding-right: .8em;
}
.cn-hero-wrap {
background-color: #c4c4c4;
min-height: 250svh;
}
.cn-hero-info, .cn-video-text {
padding-left: 1em;
padding-right: 1em;
}
.lib-item-info {
padding-left: .8em;
padding-right: .8em;
}
.cn-card-text--wide {
grid-template-columns: 1fr;
}
.cn-hero-back {
background-color: #d0d0d0;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
overflow: hidden;
}
.cn-hero-lottie {
flex: none;
width: 190%;
margin-bottom: -7px;
}
.cn-card-pic {
min-height: 240px;
}
.cn-size-item {
flex-direction: column;
align-items: flex-end;
padding-bottom: 7em;
}
.cn-size-info {
margin-top: -3.5em;
padding: 1.4em;
position: relative;
}
.cn-size-info.left {
color: var(--dim-grey);
align-items: flex-end;
}
.cn-size-val {
font-size: 2em;
}
.sh-block-head {
grid-template-columns: 1fr;
}
.ch-gradient {
background-image: linear-gradient(rgba(196, 196, 196, 0) 67%, #c4c4c4);
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.cn-case-info {
padding-top: 0;
}
.nav-ua-list {
padding-left: 0;
padding-right: 0;
}
.whatsapp-container {
width: 60px;
height: 60px;
padding: 8px;
bottom: 10px;
right: 0;
}
.whatsapp-chat {
width: 100%;
height: 40vh;
position: relative;
}
.whatsapp-block {
z-index: 1000;
width: 100%;
padding-left: 10px;
padding-right: 10px;
bottom: 105px;
left: 0;
right: 0;
}
.whatsapp-icon {
width: 100%;
height: 100%;
}
.us-hero-deco {
align-items: flex-start;
height: 300px;
display: flex;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.us-hero-text {
width: 100%;
margin-top: 200px;
padding-left: .8em;
padding-right: .8em;
}
.us-hero-lottie {
height: 100%;
}
.grid-three-colummn-copy {
grid-template-columns: 1fr 1fr 1fr;
}
.grid-three-colummn-copy.short {
display: flex;
}
.partner-grid-holder-copy {
flex-direction: column;
grid-template-rows: auto minmax(200px, 1fr) auto auto;
padding-bottom: 0;
display: flex;
}
.hs-year {
font-size: 4.2em;
}
.hs-info {
font-size: 1.4em;
}
.prd-topinfo-title.w--current {
font-size: 1em;
line-height: 1;
}
.h1-prd {
font-size: 2em;
}
.sh-slide-4 {
padding-left: .8em;
padding-right: .8em;
}
.sh-slide-4.black {
background-size: cover;
height: 40vh;
min-height: 460px;
}
.sh-slide-4.black.way {
background-position: 50% 30%;
background-size: contain;
height: 100vh;
}
.sh-slide-4.black-no-pic {
background-size: cover;
height: 40vh;
min-height: 460px;
}
.sh-slide-4.black-no-pic.way {
background-position: 50% 30%;
background-size: contain;
height: 100vh;
}
.rod-box-wrap-copy.reverse {
flex-direction: column-reverse;
}
.rod-infobox-copy {
padding-bottom: 1em;
}
.cn-hero-back-photo {
background-color: #d0d0d0;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
height: 100svh;
display: flex;
overflow: hidden;
}
.ch-hero-photogrid {
background-color: var(--white);
align-items: center;
height: 100svh;
}
.ch-hero-photogrid-in {
object-fit: cover;
object-position: 84% 100%;
height: 60svh;
}
.em-hero-head {
max-width: 90%;
padding: 3.3em 1.6em;
}
.cn-hero-wrap-copy {
background-color: #c4c4c4;
min-height: 250svh;
}
.sh-full-wrap {
min-height: 0;
}
.sh-full-text-wrap {
grid-column-gap: 1em;
grid-row-gap: 1em;
padding: 2em;
position: relative;
}
.sh-full-box {
height: auto;
position: relative;
}
.sh-block-copy {
padding-left: .8em;
padding-right: .8em;
}
.sh-full-text-content {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
}
.rod-vid {
max-height: 260px;
}
.slide-grid-separete-in {
grid-column-gap: 0em;
grid-row-gap: 0em;
flex-direction: column;
display: flex;
}
.cell-info-sep {
padding-left: .8em;
padding-right: .8em;
}
.sh-full-text-box {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
}
.h1-small {
font-size: 1.8em;
}
.hm-hero-right {
min-height: 40svh;
}
.ct-more-list {
grid-template-columns: 1fr;
}
.ct-container {
padding-left: .8em;
padding-right: .8em;
}
.navbox-copy {
width: 100%;
padding-left: .8em;
padding-right: .8em;
overflow: hidden;
}
.navbox-copy.search {
align-items: center;
}
.menu-box-copy {
padding-left: 10%;
padding-right: 10%;
}
.button_menu-copy.clear.nosearch {
margin-right: 0%;
}
.ec-nav-top.hide {
display: flex;
}
.lang-drop-hold-copy {
z-index: 1200;
}
.lang-drop-list-copy.w--open {
z-index: 4555;
position: fixed;
}
.ec-nav-brand {
flex: 1;
}
.ec-nav-menu-wrap {
padding-left: .8em;
}
.f-one-cell-copy {
grid-row-gap: 20px;
grid-template-columns: 1fr;
}
.f-one-cell-copy.compact {
grid-template-columns: 1fr 1fr;
width: 100%;
}
.fs-cc-banner_buttons-wrapper {
text-align: center;
flex-direction: column-reverse;
align-items: center;
width: 100%;
}
.fs-cc-prefs_content {
padding: 1.5rem;
}
.fs-cc-banner_button {
width: 100%;
margin-bottom: .5rem;
margin-left: 0;
}
.fs-cc-banner_close {
position: absolute;
top: -1.5rem;
bottom: auto;
left: auto;
right: .75rem;
}
.fs-cc-prefs_component {
padding: 1.5rem;
}
.fs-cc-prefs_button {
margin-bottom: .5rem;
}
.ct-item-pic {
max-height: 30svh;
}
.ec-nav-linklist {
flex-direction: column;
}
.wz-buttons-line {
flex-flow: column-reverse wrap;
grid-template-columns: 1fr 1fr;
}
.wz-decor {
flex-direction: column;
}
.footer-row-in {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.pop-up-wrap.active {
padding-bottom: 0;
overflow: hidden;
}
.wz-tools-in {
background-color: rgba(255, 255, 255, .74);
width: 100%;
padding: 1em 1em 2em;
}
.ax-hero-head {
padding: 0 .8em 4em;
}
.ax-hero-content {
padding-left: .8em;
padding-right: .8em;
}
.ax-reg-wrap {
flex-direction: column;
}
.flex-col {
width: 100%;
}
.flex-col-content.sticky, .flex-row-content.center {
padding-left: .8em;
padding-right: .8em;
}
.in-cell-grid-three {
grid-template-columns: 1fr;
}
.prd-topinfo-title-copy.w--current {
font-size: 1em;
line-height: 1;
}
.regular-hero-cell-content {
padding: 2em .8em;
}
.form-grid {
grid-template-columns: 1fr;
overflow: hidden;
}
.form-line {
grid-template-columns: 1fr;
}
.rod-vid-copy {
max-height: 260px;
}
.regular-hero-cell-graph-copy {
max-height: 40svh;
}
.div-block-14 {
width: 100%;
}
.container-2 {
max-width: none;
}
.gallery-wrapper {
grid-template-columns: 1fr;
}
.gallery-slide-wrapper {
max-width: 100%;
margin-right: 0%;
}
.gallery-slider-left {
left: -20px;
}
.gallery-slider-right {
right: -20px;
}
.gallery-item {
border-radius: 8px;
}
.article-side {
grid-template-columns: 1fr 1fr;
}
.nest {
display: none;
}
.sb-collection-list {
flex-direction: column;
}
.offers-item {
width: 100px;
}
.faq-list-page {
margin: 2em 2%;
}
.requestbox-default {
margin-left: .8em;
margin-right: .8em;
overflow: hidden;
}
.recaptcha-default.recaptcha-default-pdf {
overflow: hidden;
}
.about-bt {
width: 90%;
padding-left: 2em;
padding-right: 2em;
position: absolute;
}
.about-adress {
margin-left: 2em;
margin-right: 2em;
}
.fs-cc-prefs2_close-2 {
padding: .5rem;
}
.fs-cc-prefs2_label-2 {
font-size: .875rem;
}
.fs-cc-prefs2_button-2.fs-cc-button-alt {
margin-bottom: .5rem;
}
.fs-cc-banner2_button-2, .fs-cc-banner2_button-2.fs-cc-button-alt {
font-size: 14px;
}
.fs-cc-prefs2_submit-2 {
margin-top: 0;
padding-left: .75rem;
padding-right: .75rem;
font-size: 14px;
}
.fs-cc-prefs2_component-2, .fs-cc-prefs2_content-2 {
padding: 1.5rem;
}
.fs-cc-prefs2_title-2 {
font-size: 1.125rem;
}
.fs-cc-banner2_component-2 {
width: 100%;
}
.fs-cc-silver {
margin-left: 5px;
padding: .75rem;
font-size: 14px;
}
.list-wizard-items {
grid-template-columns: 1fr;
}
.cw-sub-right {
flex-direction: column;
}
.heading-14 {
font-size: 2em;
}
.mob-catalog-btn-text {
min-width: 120px;
margin-top: 15px;
margin-bottom: 15px;
padding-left: 5px;
padding-right: 5px;
font-size: 12px;
}
.mob-catalog-btn-text.mob-catalog-btn-text-global {
min-width: 90px;
font-size: 10px;
}
.top-mob-menu-block.active {
max-width: 100%;
}
.top-mm-wrap {
padding-bottom: 2em;
padding-left: 2em;
padding-right: 2em;
}
.download-catalog {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: block;
}
.section-info {
padding-right: .8em;
}
.ro-step {
margin-bottom: 0;
}
.ro-form {
margin-left: 16px;
margin-right: 16px;
padding-top: 16px;
padding-bottom: 16px;
}
.ro-block-step {
grid-template-columns: 1fr;
}
.ro-field-left.input-field, .ro-field-right.input-field {
width: 100px;
}
.download-report, .certificates-form {
width: 100%;
}
.f-stepline-list, .f-stepline-list.f-stepline-list-pop {
grid-template-columns: 1fr 1fr 1fr;
}
.close-popup-img.close-catalog {
right: 1em;
}
.container-form {
width: 96%;
}
.tab-toggle-name {
font-size: 15px;
}
.product-price {
font-size: 30px;
line-height: 30px;
}
.product-overview-text {
font-size: 15px;
}
.toggle-tab-name {
font-size: 20px;
}
.product-overview-name {
font-size: 22px;
}
.div-block-23 {
width: 95%;
}
.listbox-2 {
height: 40px;
font-size: 14px;
}
.form-block-3 {
width: 100%;
max-width: none;
padding: 1em;
display: block;
overflow: hidden;
}
.form-block-3.header-d-catalog {
overflow: auto;
}
.div-block-24 {
width: 95%;
}
.input-field-3 {
height: 40px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 14px;
}
.input-adv-camp-2 {
height: 40px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 1em;
}
.textarea-box-2 {
font-size: 1em;
}
.field-search-2 {
height: 40px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 1em;
}
.btn-primary-light-2 {
font-size: 11px;
}
.mob-catalog-btn-text-2 {
min-width: 120px;
margin-top: 15px;
margin-bottom: 15px;
padding-left: 5px;
padding-right: 5px;
font-size: 12px;
}
.mob-catalog-btn-text-2.mob-catalog-btn-text-global {
min-width: 90px;
font-size: 10px;
}
.rb-hero-bg {
justify-content: center;
align-items: flex-end;
padding-top: 60px;
overflow: hidden;
}
.r-images {
width: 100%;
}
.r-sub-text {
width: 90%;
margin: 40px auto;
font-size: 16px;
position: relative;
bottom: auto;
left: auto;
}
.rb-hero-text {
min-height: 70svh;
position: relative;
top: 0%;
}
.robust-tab-text {
font-size: 10px;
}
.robust-pro-info {
padding: 20px;
}
.robust-kf-main.robust-kf-main-2 {
padding-top: 100px;
padding-bottom: 100px;
}
.rb-feature-row {
max-width: 100%;
}
.rb-card-wrap.kf-item {
padding: 20px;
}
.rb-feature-row-second {
max-width: 100%;
}
.robust-line-main {
padding-top: 80px;
}
.app-solutions-main.app-solutions-main-2 {
padding-top: 2em;
padding-bottom: 2em;
}
.rb-loop-link-item {
flex-flow: column;
grid-template-columns: 1fr;
justify-content: space-between;
align-items: stretch;
min-height: 320px;
}
.rb-loop-info {
padding-top: 24px;
padding-left: 12px;
padding-right: 12px;
position: relative;
}
.rb-big-number-gradient, .rb-hero-text-gradient {
font-size: 1.4em;
}
.rb-hero-h1 {
font-size: 2em;
}
.rb-nav {
display: none;
}
.rb-cap-label {
line-height: 1;
}
.cci {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-flow: column;
align-items: flex-start;
}
.cci-left, .cci-center, .cci-right {
width: 100%;
}
.retail-item {
padding: 16px;
}
.retail-item-prop-3 {
width: 100%;
}
.eco-organic-block {
width: calc(100% + 16px);
margin-left: -8px;
}
}
#w-node-_0842b0dc-1f24-23d8-7834-503246f4393d-d32321cb {
grid-area: 2 / 1 / 5 / 3;
}
#w-node-_0842b0dc-1f24-23d8-7834-503246f4393f-d32321cb {
grid-area: 1 / 4 / 5 / 6;
}
#w-node-_0842b0dc-1f24-23d8-7834-503246f43941-d32321cb {
grid-area: 3 / 1 / 6 / 6;
}
#w-node-_0842b0dc-1f24-23d8-7834-503246f43942-d32321cb {
grid-area: 4 / 2 / 7 / 5;
}
#w-node-_0842b0dc-1f24-23d8-7834-503246f43954-d32321cb {
grid-area: 1 / 4 / 5 / 6;
}
#w-node-_0842b0dc-1f24-23d8-7834-503246f43956-d32321cb {
grid-area: 2 / 1 / 5 / 6;
}
#w-node-_0842b0dc-1f24-23d8-7834-503246f43957-d32321cb {
grid-area: 4 / 3 / 7 / 5;
}
#w-node-_0842b0dc-1f24-23d8-7834-503246f43959-d32321cb {
grid-area: 2 / 1 / 6 / 4;
}
#w-node-a1638de7-fa87-47a8-e81c-b962141d37be-d32321cb {
justify-self: center;
}
#w-node-ef953861-8539-5010-ad31-aea1fd10e89a-002d4768 {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-b9168c81-60d2-5569-dfcd-dc13c343e073-f2c923f3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_727db39d-218d-190a-d28d-8470f2c923f9-f2c923f3, #w-node-_33cecae1-6643-5c84-902b-fee1a9061932-f2c923f3 {
align-self: end;
}
#w-node-_727db39d-218d-190a-d28d-8470f2c92408-f2c923f3 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_504cde93-a965-af78-832a-4aab9c0829c4-9c0829c1 {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-_90489477-75e9-c1ac-1244-539cca53a622-11e2f817 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c559d84d-f117-6444-a631-47b167eb0f5e-11e2f817, #w-node-_1294ae44-7e6c-87a2-c17c-7d437f9089ea-11e2f817, #w-node-_889ae72b-407f-4db2-02db-b3233156a353-018a6826, #w-node-_981900c4-f7b8-d6bf-beb3-368d2a10c414-018a6826 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_13dbecbc-f1bc-a1cd-97a3-f9c41c9c0f34-1c9c0f17 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_7bfbca3f-0265-09a7-e909-ebdb8665def9-1c9c0f17, #w-node-cacdfaf1-c739-a5bb-ea0d-24f5e5990af7-1c9c0f17, #w-node-de86b030-9029-3919-130e-555d2d7dc8a4-82992422, #w-node-_88c08da7-1e76-80a4-0b42-73b29d0813fa-82992422 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_60972eae-221d-49d1-c520-bdf7e06a082a-55aa53e6 {
grid-area: 1 / 1 / 2 / 4;
align-self: start;
justify-self: start;
}
#w-node-_60972eae-221d-49d1-c520-bdf7e06a0819-55aa53e6 {
grid-area: 2 / 1 / 4 / 7;
}
#w-node-_60972eae-221d-49d1-c520-bdf7e06a0824-55aa53e6 {
grid-area: 3 / 3 / 5 / 6;
align-self: end;
}
#w-node-_60972eae-221d-49d1-c520-bdf7e06a083f-55aa53e6 {
grid-area: 2 / 1 / 4 / 3;
}
#w-node-_60972eae-221d-49d1-c520-bdf7e06a0841-55aa53e6 {
grid-area: 3 / 2 / 6 / 5;
}
#w-node-_60972eae-221d-49d1-c520-bdf7e06a0843-55aa53e6 {
grid-area: 1 / 3 / 3 / 6;
}
#w-node-_0b6c60a4-8cf8-01c7-daba-6aafd4342215-d43421ef {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c4f557c5-468d-37e7-50c4-9715ab657245-d43421ef, #w-node-_8fffa909-7817-9aa6-ce1c-97e879b16956-d43421ef, #w-node-ada27856-e6c3-96d2-da74-2b9613484767-a8ae2f50, #w-node-ada27856-e6c3-96d2-da74-2b9613484769-a8ae2f50, #w-node-_39cc1cc5-675b-68a9-081a-b600022b42aa-a8ae2f50 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_214f03bf-86b5-a1ba-fc6f-dbe7bb243b33-a8ae2f50 {
align-self: center;
}
#w-node-_214f03bf-86b5-a1ba-fc6f-dbe7bb243b34-a8ae2f50 {
align-self: center;
justify-self: end;
}
#w-node-_214f03bf-86b5-a1ba-fc6f-dbe7bb243b37-a8ae2f50 {
align-self: center;
}
#w-node-f4da568e-d620-6851-faa2-64ad20c0218e-a8ae2f50 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f4da568e-d620-6851-faa2-64ad20c02195-a8ae2f50, #w-node-dbd96243-6412-4908-518f-61ada0cee171-10889cd0, #w-node-dbd96243-6412-4908-518f-61ada0cee173-10889cd0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a2b43834-9a3c-dc4d-f635-80071ee1cf6f-22b17806 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_8090dabe-a6d2-0e68-7d8a-5b70fe698948-587df3f4, #w-node-_8090dabe-a6d2-0e68-7d8a-5b70fe69894a-587df3f4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_046643ad-2bf0-0ab0-256f-d3e9fe152216-587df3f4 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-d04edb34-2670-dbc6-60b8-e85e5b6675dc-587df3f4, #w-node-_046643ad-2bf0-0ab0-256f-d3e9fe152233-587df3f4, #w-node-_046643ad-2bf0-0ab0-256f-d3e9fe152235-587df3f4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cc571b52-12cc-ff75-2522-cbc1f61ca6d0-587df3f4, #w-node-cc571b52-12cc-ff75-2522-cbc1f61ca6d5-587df3f4 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-cc571b52-12cc-ff75-2522-cbc1f61ca6ed-587df3f4, #w-node-cc571b52-12cc-ff75-2522-cbc1f61ca6ee-587df3f4, #w-node-cc571b52-12cc-ff75-2522-cbc1f61ca6f0-587df3f4, #w-node-d922e642-7b9c-b5cc-ca7b-3d02da5491ab-e23529f1, #w-node-d922e642-7b9c-b5cc-ca7b-3d02da5491ad-e23529f1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_95f344c0-875f-9226-606c-b1620e501f43-2f16a4b3 {
grid-area: 1 / 1 / 3 / 4;
align-self: start;
}
#w-node-da631a52-1fa5-2179-ab97-69a05e0ec433-2f16a4b3 {
grid-area: 2 / 1 / 5 / 7;
}
#w-node-da631a52-1fa5-2179-ab97-69a05e0ec435-2f16a4b3 {
grid-area: 4 / 2 / 6 / 5;
align-self: end;
}
#w-node-_56fcada6-26c7-c1b5-33d6-0dd6b12a470c-2f16a4b3 {
grid-area: 2 / 1 / 4 / 7;
}
#w-node-_56fcada6-26c7-c1b5-33d6-0dd6b12a470e-2f16a4b3 {
grid-area: 3 / 2 / 5 / 6;
align-self: end;
}
#w-node-f94f942f-c29b-ba37-a4d8-4ab95780567a-2f16a4b3 {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-f94f942f-c29b-ba37-a4d8-4ab95780567c-2f16a4b3 {
grid-area: 3 / 2 / 5 / 5;
}
#w-node-f94f942f-c29b-ba37-a4d8-4ab95780567e-2f16a4b3 {
grid-area: 1 / 4 / 3 / 6;
}
#w-node-f94f942f-c29b-ba37-a4d8-4ab957805680-2f16a4b3 {
grid-area: 2 / 2 / 4 / 5;
align-self: center;
}
#w-node-_873158c4-762f-8650-32ed-05f83f89363a-2f16a4b3 {
grid-area: Picture;
}
#w-node-_65f4fea7-8677-6682-593a-aa8d86dbf486-2f16a4b3 {
grid-area: Quote;
}
#w-node-_8aa3f553-4781-2240-a9a6-aeb9880287a3-780e3119 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_8aa3f553-4781-2240-a9a6-aeb9880287a4-780e3119 {
align-self: center;
}
#w-node-cc098464-2cb1-369d-e413-b164fa7c61c7-780e3119 {
grid-area: 2 / 1 / 3 / 3;
align-self: end;
}
#w-node-cc098464-2cb1-369d-e413-b164fa7c61c9-780e3119 {
align-self: end;
}
#w-node-cc098464-2cb1-369d-e413-b164fa7c61cb-780e3119 {
align-self: center;
}
#w-node-cc098464-2cb1-369d-e413-b164fa7c61cd-780e3119 {
align-self: start;
}
#w-node-cc098464-2cb1-369d-e413-b164fa7c61d0-780e3119 {
align-self: end;
}
#w-node-cc098464-2cb1-369d-e413-b164fa7c61d2-780e3119 {
align-self: center;
}
#w-node-cc098464-2cb1-369d-e413-b164fa7c61d4-780e3119 {
align-self: start;
}
#w-node-cc098464-2cb1-369d-e413-b164fa7c61d7-780e3119 {
align-self: end;
}
#w-node-cc098464-2cb1-369d-e413-b164fa7c61d9-780e3119 {
align-self: center;
}
#w-node-cc098464-2cb1-369d-e413-b164fa7c61db-780e3119 {
align-self: start;
}
#w-node-cc098464-2cb1-369d-e413-b164fa7c61de-780e3119 {
align-self: end;
}
#w-node-cc098464-2cb1-369d-e413-b164fa7c61e0-780e3119 {
align-self: center;
}
#w-node-cc098464-2cb1-369d-e413-b164fa7c61e2-780e3119 {
align-self: start;
}
#w-node-cc098464-2cb1-369d-e413-b164fa7c61e5-780e3119 {
align-self: end;
}
#w-node-cc098464-2cb1-369d-e413-b164fa7c61e7-780e3119 {
align-self: center;
}
#w-node-cc098464-2cb1-369d-e413-b164fa7c61e9-780e3119 {
align-self: start;
}
#w-node-cc098464-2cb1-369d-e413-b164fa7c61ec-780e3119 {
align-self: end;
}
#w-node-cc098464-2cb1-369d-e413-b164fa7c61ee-780e3119 {
align-self: center;
}
#w-node-cc098464-2cb1-369d-e413-b164fa7c61f0-780e3119 {
align-self: start;
}
#w-node-_80d85ac5-c63c-fe6e-e295-d022cc7e5db8-780e3119 {
grid-area: 1 / 1 / 6 / 3;
align-self: center;
}
#w-node-_80d85ac5-c63c-fe6e-e295-d022cc7e5db9-780e3119 {
grid-area: 3 / 1 / 4 / 4;
align-self: center;
}
#w-node-_80d85ac5-c63c-fe6e-e295-d022cc7e5dba-780e3119 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_0a217181-81aa-7a17-7d05-0128e8650f83-780e3119 {
grid-area: 1 / 1 / 6 / 3;
align-self: center;
justify-self: center;
}
#w-node-_0a217181-81aa-7a17-7d05-0128e8650f85-780e3119 {
grid-area: 3 / 1 / 4 / 4;
align-self: center;
}
#w-node-_0a217181-81aa-7a17-7d05-0128e8650f86-780e3119 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_8915c182-8fdb-9425-95e6-6c3606c2f859-780e3119 {
grid-area: 1 / 1 / 6 / 3;
align-self: center;
}
#w-node-_8915c182-8fdb-9425-95e6-6c3606c2f85b-780e3119 {
grid-area: 3 / 1 / 4 / 4;
align-self: center;
}
#w-node-_8915c182-8fdb-9425-95e6-6c3606c2f85c-780e3119 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-d58baa4e-b8b2-fbdb-f702-9095bb1b3b75-780e3119, #w-node-d58baa4e-b8b2-fbdb-f702-9095bb1b3b76-780e3119 {
grid-area: 1 / 1 / 3 / 3;
align-self: stretch;
}
#w-node-ba7fd422-1467-3317-b7e7-c49a279d486f-279d485e {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_108ac329-f6a8-eb18-b15e-0dfb183b0424-279d485e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a15bd02c-1b3c-0106-3acb-95cac5609275-c372c143 {
justify-self: stretch;
}
#w-node-_2b73cb32-d47e-84d3-37a2-370e436a5107-c372c143, #w-node-_2b73cb32-d47e-84d3-37a2-370e436a5105-c372c143 {
align-self: center;
justify-self: stretch;
}
#w-node-_2b73cb32-d47e-84d3-37a2-370e436a50d9-c372c143 {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-_2b73cb32-d47e-84d3-37a2-370e436a50e2-c372c143 {
grid-area: 1 / 2 / 4 / 4;
justify-self: center;
}
#w-node-_2b73cb32-d47e-84d3-37a2-370e436a50da-c372c143 {
grid-area: 1 / 1 / 4 / 2;
align-self: center;
}
#w-node-_81f22bce-0a16-e97c-c055-099c79c5a023-c372c143 {
align-self: center;
}
#w-node-_81f22bce-0a16-e97c-c055-099c79c5a024-c372c143 {
align-self: center;
justify-self: end;
}
#w-node-_81f22bce-0a16-e97c-c055-099c79c5a027-c372c143 {
align-self: center;
}
#w-node-_81f22bce-0a16-e97c-c055-099c79c5a028-c372c143 {
align-self: center;
justify-self: end;
}
#w-node-_6abeb475-0a2c-f652-06cb-cc620e50220a-0e502206 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_6abeb475-0a2c-f652-06cb-cc620e502217-0e502206, #w-node-_6abeb475-0a2c-f652-06cb-cc620e502219-0e502206 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6abeb475-0a2c-f652-06cb-cc620e50221b-0e502206 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ace4e51e-0129-fa6f-7d0a-5513ac279410-0e502206 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2947fda0-b51e-b6da-f940-7d7ca3e5af82-a3e5af7e {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_2947fda0-b51e-b6da-f940-7d7ca3e5af83-a3e5af7e {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-a110abc6-37b7-86ab-1004-97bfdd70d77a-dd70d73b, #w-node-a110abc6-37b7-86ab-1004-97bfdd70d77d-dd70d73b, #w-node-e47eeba6-665b-9e9f-a409-cb545e83fa99-1f924e51, #w-node-_0b20df96-2499-d762-9053-e45b1fd13ee9-1f924e51 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_159e0df5-11fc-09bb-e582-ffc0fc4f564f-fc4f5634 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f51df0ad-bef0-fcb0-cab9-ba8e5c113fd5-fc4f5634 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f1262679-b07c-7844-180d-8716a0d11e91-cee9a87a {
grid-area: 2 / 1 / 3 / 2;
align-self: center;
justify-self: start;
}
#w-node-a954a956-4098-867e-e2a7-6bc958a41be9-cee9a87a {
grid-area: 1 / 1 / 4 / 3;
align-self: stretch;
justify-self: stretch;
}
#w-node-a954a956-4098-867e-e2a7-6bc958a41beb-cee9a87a {
grid-area: Sign;
align-self: center;
justify-self: start;
}
#w-node-a954a956-4098-867e-e2a7-6bc958a41bf5-cee9a87a {
grid-area: 1 / 1 / 2 / 2;
align-self: stretch;
justify-self: stretch;
}
#w-node-a954a956-4098-867e-e2a7-6bc958a41bf8-cee9a87a {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-a954a956-4098-867e-e2a7-6bc958a41bf9-cee9a87a {
grid-area: 2 / 1 / 3 / 2;
align-self: stretch;
}
#w-node-_0a22bc0f-6ea8-99f3-da8d-1e412aaa4c24-7fbaec55 {
grid-area: 1 / 1 / 2 / 4;
align-self: start;
justify-self: start;
}
#w-node-_0a22bc0f-6ea8-99f3-da8d-1e412aaa4c27-7fbaec55 {
grid-area: 2 / 1 / 4 / 7;
}
#w-node-_0a22bc0f-6ea8-99f3-da8d-1e412aaa4c32-7fbaec55 {
grid-area: 3 / 3 / 5 / 6;
align-self: end;
}
#w-node-_0a22bc0f-6ea8-99f3-da8d-1e412aaa4c52-7fbaec55 {
grid-area: 2 / 1 / 4 / 3;
}
#w-node-_0a22bc0f-6ea8-99f3-da8d-1e412aaa4c54-7fbaec55 {
grid-area: 3 / 2 / 6 / 5;
}
#w-node-_0a22bc0f-6ea8-99f3-da8d-1e412aaa4c56-7fbaec55 {
grid-area: 1 / 3 / 3 / 6;
}
#w-node-_9d425808-8ff3-de68-bd96-3ca995b4055c-95b40536 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-e4a4d515-9462-f51a-4d78-ce0738b541f7-95b40536 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_95f344c0-875f-9226-606c-b1620e501f43-8cdcfa00 {
grid-area: 1 / 1 / 3 / 4;
align-self: start;
}
#w-node-da631a52-1fa5-2179-ab97-69a05e0ec433-8cdcfa00 {
grid-area: 2 / 1 / 5 / 7;
}
#w-node-da631a52-1fa5-2179-ab97-69a05e0ec435-8cdcfa00 {
grid-area: 4 / 2 / 6 / 5;
align-self: end;
}
#w-node-_56fcada6-26c7-c1b5-33d6-0dd6b12a470c-8cdcfa00 {
grid-area: 2 / 1 / 4 / 7;
}
#w-node-_56fcada6-26c7-c1b5-33d6-0dd6b12a470e-8cdcfa00 {
grid-area: 3 / 2 / 5 / 6;
align-self: end;
}
#w-node-f94f942f-c29b-ba37-a4d8-4ab95780567a-8cdcfa00 {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-f94f942f-c29b-ba37-a4d8-4ab95780567c-8cdcfa00 {
grid-area: 3 / 2 / 5 / 5;
}
#w-node-f94f942f-c29b-ba37-a4d8-4ab95780567e-8cdcfa00 {
grid-area: 1 / 4 / 3 / 6;
}
#w-node-f94f942f-c29b-ba37-a4d8-4ab957805680-8cdcfa00 {
order: 0;
grid-area: 2 / 2 / 4 / 5;
align-self: center;
}
#w-node-_873158c4-762f-8650-32ed-05f83f89363a-8cdcfa00 {
grid-area: Picture;
}
#w-node-_65f4fea7-8677-6682-593a-aa8d86dbf486-8cdcfa00 {
grid-area: Quote;
}
#w-node-_577ff1e0-4ecc-0be4-1a87-b8ba6b520daa-9b40323e {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_018af477-3d84-9185-9877-30037861b415-9b40323e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a2b43834-9a3c-dc4d-f635-80071ee1cf6f-9c4129c5 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_99da233c-08c0-e4f6-9a95-5fcbb9cab87a-9981b639 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6ba0f970-6a3e-92c8-0d86-bf44d8b0cf47-9981b639 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e551e329-7292-974a-a3f3-4f6b3c15237d-9981b639 {
grid-area: 1 / 1 / 2 / 5;
}
#w-node-e551e329-7292-974a-a3f3-4f6b3c15237e-9981b639 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-e551e329-7292-974a-a3f3-4f6b3c15237f-9981b639 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-e551e329-7292-974a-a3f3-4f6b3c152380-9981b639, #w-node-e551e329-7292-974a-a3f3-4f6b3c152381-9981b639 {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-e551e329-7292-974a-a3f3-4f6b3c152382-9981b639 {
grid-area: 1 / 2 / 2 / 3;
align-self: center;
justify-self: end;
}
#w-node-e551e329-7292-974a-a3f3-4f6b3c152385-9981b639 {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-e551e329-7292-974a-a3f3-4f6b3c1523b0-9981b639, #w-node-e551e329-7292-974a-a3f3-4f6b3c1523c1-9981b639 {
align-self: end;
}
#w-node-e551e329-7292-974a-a3f3-4f6b3c1523c9-9981b639 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-e19bd72b-40e8-8a51-ec5e-d867c833e064-9981b639 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-dfb54276-537f-2423-774b-655ee1d96d23-e1d96d1e {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-dfb54276-537f-2423-774b-655ee1d96d25-e1d96d1e {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd29-817579b4 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd2a-817579b4 {
align-self: center;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd37-817579b4 {
grid-area: 2 / 1 / 3 / 3;
align-self: end;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd39-817579b4 {
align-self: end;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd3b-817579b4 {
align-self: center;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd3d-817579b4 {
align-self: start;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd40-817579b4 {
align-self: end;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd42-817579b4 {
align-self: center;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd44-817579b4 {
align-self: start;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd47-817579b4 {
align-self: end;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd49-817579b4 {
align-self: center;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd4b-817579b4 {
align-self: start;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd4e-817579b4 {
align-self: end;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd50-817579b4 {
align-self: center;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd52-817579b4 {
align-self: start;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd55-817579b4 {
align-self: end;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd57-817579b4 {
align-self: center;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd59-817579b4 {
align-self: start;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd5c-817579b4 {
align-self: end;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd5e-817579b4 {
align-self: center;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd60-817579b4 {
align-self: start;
}
#w-node-def13644-e634-cee7-35d2-ab7a59945e58-817579b4 {
grid-area: 1 / 1 / 6 / 3;
align-self: center;
}
#w-node-def13644-e634-cee7-35d2-ab7a59945e5a-817579b4 {
grid-area: 3 / 1 / 4 / 4;
align-self: center;
}
#w-node-def13644-e634-cee7-35d2-ab7a59945e5b-817579b4 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_526147e2-3a57-1a93-f067-9f399df4d34d-817579b4 {
grid-area: 1 / 1 / 6 / 3;
align-self: center;
}
#w-node-_526147e2-3a57-1a93-f067-9f399df4d34f-817579b4 {
grid-area: 3 / 1 / 4 / 4;
align-self: center;
}
#w-node-_526147e2-3a57-1a93-f067-9f399df4d350-817579b4 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_8309e13b-f7dd-2139-0379-5a67f90c777b-817579b4 {
grid-area: 1 / 1 / 6 / 3;
align-self: center;
}
#w-node-_8309e13b-f7dd-2139-0379-5a67f90c777d-817579b4 {
grid-area: 3 / 1 / 4 / 4;
align-self: center;
}
#w-node-_8309e13b-f7dd-2139-0379-5a67f90c777e-817579b4 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-fd946de6-ce59-7516-4f19-edb1be6951b5-817579b4, #w-node-fd946de6-ce59-7516-4f19-edb1be6951b6-817579b4 {
grid-area: 1 / 1 / 3 / 3;
align-self: stretch;
}
#w-node-f1262679-b07c-7844-180d-8716a0d11e91-7d7e7906 {
grid-area: 2 / 1 / 3 / 2;
align-self: center;
justify-self: start;
}
#w-node-_6d85dacb-99ce-5d44-cf4f-cbe0df128d4a-6ac3630a, #w-node-a86ca22c-e367-0a3e-e968-0ab6ee17fa60-6ac3630a, #w-node-_34aa4dea-06b2-d7a7-4ba5-4f1a5a02baf4-6ac3630a, #w-node-_9ec0b19e-1ca2-13db-8770-6d884bf77a9b-6ac3630a, #w-node-_2b7bf3f2-294a-82e3-16f3-d7b131828309-6ac3630a, #w-node-_1400ab8a-4f3d-3d45-7038-ef52768441e0-6ac3630a, #w-node-_6b86bc28-da05-c34c-3780-745f8bf28f18-6ac3630a, #w-node-_8df032b3-0978-e3f8-aa33-acf3f6018dc2-6ac3630a, #w-node-_334af000-2168-bb4d-9299-8c6b77ae424a-6ac3630a, #w-node-_1a17d7a0-c355-aa05-079b-435131195e93-6ac3630a, #w-node-_1a17d7a0-c355-aa05-079b-435131195e96-6ac3630a, #w-node-_1a17d7a0-c355-aa05-079b-435131195e99-6ac3630a, #w-node-_12fc7b9d-b8bc-4352-bd7e-aeb533a66ab3-6ac3630a, #w-node-_2af85036-feff-6720-9eeb-7b706f8aa191-6ac3630a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_60ee6246-97f7-cbfe-c75d-21267bd47648-6ac3630a, #w-node-f1a698bb-d891-93d3-ec7d-91a9a88d5c19-6ac3630a, #w-node-_757eb8ee-705c-296c-4179-47ba33223810-6ac3630a, #w-node-_10a36605-00b4-846d-6ffa-25a08d888c7a-6ac3630a {
align-self: start;
}
#w-node-_957b631d-141c-62d1-80b4-550a332c7946-6ac3630a, #w-node-_957b631d-141c-62d1-80b4-550a332c7949-6ac3630a, #w-node-_957b631d-141c-62d1-80b4-550a332c794c-6ac3630a, #w-node-b896e1f0-8823-f630-049f-095c900d6959-6ac3630a, #w-node-bddb242e-23ca-25a6-1550-9f871fc81f29-6ac3630a, #w-node-_43ac4cf1-1353-ce15-1462-97197adb15f1-6ac3630a, #w-node-_30c748a7-f008-c9a7-85d6-6713f6978131-6ac3630a, #w-node-_4bad6768-9b3f-aedb-cde9-13f6ef8a82b4-6ac3630a, #w-node-d59d27b6-fe39-f6f5-40e2-a8f049a6c6ce-6ac3630a, #w-node-_95348569-0fe4-a993-2228-0abf8e1832da-6ac3630a, #w-node-c2f58424-cbef-0555-4256-46cde44eac21-6ac3630a, #w-node-_82ede805-12fe-8c50-6d71-d144110781a1-6ac3630a, #w-node-_7db833ae-e612-8c0a-aa89-960dd4049c7b-6ac3630a, #w-node-d6a62d89-7c38-4246-aaf5-6a8cb5054565-6ac3630a, #w-node-_7465f6eb-f41c-4d42-3b3d-9b981c76c32a-6ac3630a, #w-node-_9a7aea42-9ed6-5365-de8a-4b8f49855787-6ac3630a, #w-node-e2a2fe25-74e2-48d1-69d0-e226189e87e8-6ac3630a, #w-node-f019cbca-c6ae-ef82-afb1-5672930b646c-6ac3630a, #w-node-e31118f3-1fd7-6082-a253-a883c5d2e6d3-6ac3630a, #w-node-e831b6d1-3767-df2d-b372-a76abd2033c5-6ac3630a, #w-node-_0e07395e-9384-2d7e-738b-461a6c0823d4-6ac3630a, #w-node-_8e0a290e-35e1-0fc8-8813-1be62aad9d6a-6ac3630a, #w-node-ffced046-8456-5eeb-a32f-1444153cb56f-6ac3630a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fcd711c2-3bb2-7ce8-8aeb-54cd753aeca8-6ac3630a {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_569881ac-f5e3-3133-e63a-aed1b282598d-6ac3630a, #w-node-_051301df-87d8-306f-7a05-5d52e3c420cb-6ac3630a, #w-node-_56a4bb7b-d9e7-9f31-d3ec-426145763499-6ac3630a, #w-node-_61d95239-b992-e209-4ba1-16c344d81ac7-6ac3630a, #w-node-a6becdaa-0aee-bc60-50f6-7dcd491d8771-1d3893e5, #w-node-c0a7bee1-7249-1486-9d41-5da76ca0e187-1d3893e5, #w-node-_28059180-27d0-d4d9-32c7-5f714268e63b-1d3893e5, #w-node-c87d1410-6c8d-97f6-09cb-39fb03bb1de3-1d3893e5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a6becdaa-0aee-bc60-50f6-7dcd491d877f-1d3893e5 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_7d23c982-cef2-639f-6039-49dc11d5bded-7eb4db00 {
grid-area: 2 / 1 / 3 / 2;
align-self: center;
justify-self: start;
}
#w-node-_5d656d4b-3d35-40b0-e634-a2a905497dc5-ac611fde, #w-node-_5d656d4b-3d35-40b0-e634-a2a905497dc7-ac611fde, #w-node-_37b3ffa7-1344-f55f-5360-e992c914a4b0-ac611fde, #w-node-_598400d8-05f2-568e-9090-53e8074e7482-ac611fde, #w-node-_042034bb-c86a-e47e-15f9-b7fd40489efa-ac611fde, #w-node-_447779fd-215e-ff97-8cb4-d1e5118aa1c8-ac611fde, #w-node-fad10c35-b24f-5b44-7ebc-111f5b4135ec-ac611fde {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f1262679-b07c-7844-180d-8716a0d11e91-03e9ea15 {
grid-area: 2 / 1 / 3 / 2;
align-self: center;
justify-self: start;
}
#w-node-_32cc8564-60a2-bd43-80cf-e09435ff9c57-462bb61b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_32cc8564-60a2-bd43-80cf-e09435ff9c5f-462bb61b, #w-node-_32cc8564-60a2-bd43-80cf-e09435ff9c69-462bb61b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_32cc8564-60a2-bd43-80cf-e09435ff9c71-462bb61b, #w-node-_5978ea19-0822-625a-bd5f-e90ca1b117fb-462bb61b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_3ff88bdc-0b53-7cf5-05fb-f6b14b810738-462bb61b, #w-node-_6b759f0c-bc07-af51-908a-cd735e0ce66b-462bb61b, #w-node-_548789b3-e925-5a7d-8298-2e64fd9e1edd-462bb61b, #w-node-_0d0a6825-c58f-a4f6-c59c-17588a0690d6-462bb61b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_46cfd1e5-3bec-9ecc-8eb3-83e8d09abeff-7c9ab943 {
justify-self: stretch;
}
#w-node-_46cfd1e5-3bec-9ecc-8eb3-83e8d09abf03-7c9ab943 {
align-self: center;
justify-self: stretch;
}
#w-node-_416180c5-ff01-8378-f648-1102a7413961-7c9ab943 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9d7bdd64-0892-fb5e-e629-d60677f147fb-7c9ab943 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ed225432-843a-698d-0b4b-786550d58027-7c9ab943, #w-node-_416180c5-ff01-8378-f648-1102a7413961-cb7092a9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9d7bdd64-0892-fb5e-e629-d60677f147fb-cb7092a9 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ed225432-843a-698d-0b4b-786550d58027-cb7092a9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_47be7c53-358a-2e65-2aca-82af9316fb47-39db6ec1 {
align-self: center;
justify-self: stretch;
}
#w-node-_8f1c74d1-2d93-78e9-cd3a-12952539fb30-39db6ec1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_8f1c74d1-2d93-78e9-cd3a-12952539fb38-39db6ec1, #w-node-_8f1c74d1-2d93-78e9-cd3a-12952539fb43-39db6ec1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8f1c74d1-2d93-78e9-cd3a-12952539fb4b-39db6ec1, #w-node-_4e0b714a-ceda-d3a7-12c7-0658c9af3ef9-39db6ec1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_02d3ef32-92b5-8019-0cf0-8bb72a2c241e-39db6ec1, #w-node-_4e0b714a-ceda-d3a7-12c7-0658c9af3efe-39db6ec1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b656f85-2d42-83eb-4630-0268a1ea8a36-fd8e657c {
align-self: center;
justify-self: stretch;
}
#w-node-de4f2687-1af1-7deb-9672-c5996883ed3d-fd8e657c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-de4f2687-1af1-7deb-9672-c5996883ed45-fd8e657c, #w-node-_4b4135a3-5bd4-55f4-7f73-b03eb28b86c0-fd8e657c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-de4f2687-1af1-7deb-9672-c5996883ed57-fd8e657c, #w-node-_2eb614f2-884c-e709-2f1b-3f20eec109f5-fd8e657c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-de4f2687-1af1-7deb-9672-c5996883ed4e-fd8e657c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7e201bba-28e5-999f-3ad3-999885fcce8a-fd8e657c, #w-node-a2d200da-fa50-7c8b-caf4-a3c93552e552-fd8e657c {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-a2d200da-fa50-7c8b-caf4-a3c93552e568-fd8e657c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a2d200da-fa50-7c8b-caf4-a3c93552e56e-fd8e657c, #w-node-a2d200da-fa50-7c8b-caf4-a3c93552e574-fd8e657c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a2d200da-fa50-7c8b-caf4-a3c93552e57a-fd8e657c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_36a90f43-166a-2433-004a-4cfda6c3757b-fd8e657c {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_36a90f43-166a-2433-004a-4cfda6c37557-fd8e657c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_36a90f43-166a-2433-004a-4cfda6c3755d-fd8e657c, #w-node-_36a90f43-166a-2433-004a-4cfda6c37563-fd8e657c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_36a90f43-166a-2433-004a-4cfda6c37569-fd8e657c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c4f09ee0-7970-23c5-98c9-38b3eb6d9de4-fd8e657c {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-c4f09ee0-7970-23c5-98c9-38b3eb6d9df3-fd8e657c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c4f09ee0-7970-23c5-98c9-38b3eb6d9df9-fd8e657c, #w-node-c4f09ee0-7970-23c5-98c9-38b3eb6d9dff-fd8e657c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c4f09ee0-7970-23c5-98c9-38b3eb6d9e05-fd8e657c, #w-node-c4f09ee0-7970-23c5-98c9-38b3eb6d9e0e-fd8e657c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_5aeb7f8b-6c25-fe88-72f4-05d92793376d-fd8e657c {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_5aeb7f8b-6c25-fe88-72f4-05d927933783-fd8e657c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_5aeb7f8b-6c25-fe88-72f4-05d927933789-fd8e657c, #w-node-_5aeb7f8b-6c25-fe88-72f4-05d92793378f-fd8e657c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5aeb7f8b-6c25-fe88-72f4-05d927933795-fd8e657c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_044a42cd-aa94-8a3f-d1ca-d4932eb63051-fd8e657c {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_044a42cd-aa94-8a3f-d1ca-d4932eb6305c-fd8e657c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_044a42cd-aa94-8a3f-d1ca-d4932eb63064-fd8e657c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_18dfac21-8f78-911e-e896-586d903eb5ea-b767e3f2 {
align-self: start;
justify-self: start;
}
#w-node-_18dfac21-8f78-911e-e896-586d903eb5ed-b767e3f2, #w-node-_58d8a03c-4240-fd88-11db-aab8d19f586d-4accff27 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6e686162-c428-006a-8163-db187d146206-7d146203, #w-node-_4a167c9e-838a-7451-835b-942c6e724990-83f60fae {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-d4806d7f-5c84-10b3-2c2b-f977b2e15d2b-506dc390, #w-node-_2b63ccb6-421c-4199-5182-049f75fd9d4e-506dc390, #w-node-_075343a0-d3fc-ac19-6a9b-f5a09c828bc1-506dc390, #w-node-_14b25d09-5e12-de68-971e-18213e84098d-506dc390, #w-node-dff538d9-1baf-0813-004c-849bec5e8ffe-506dc390, #w-node-_8a9bebb6-1b0f-049c-62b1-6a8d9f786a25-506dc390, #w-node-_746ad34a-f39b-2c1c-2b8f-2da3651daaba-506dc390, #w-node-_7872e37b-b750-2359-bae6-29e56b4eb62d-506dc390, #w-node-_7872e37b-b750-2359-bae6-29e56b4eb633-506dc390, #w-node-_7872e37b-b750-2359-bae6-29e56b4eb639-506dc390, #w-node-_7872e37b-b750-2359-bae6-29e56b4eb63f-506dc390, #w-node-_7872e37b-b750-2359-bae6-29e56b4eb645-506dc390, #w-node-_7872e37b-b750-2359-bae6-29e56b4eb64b-506dc390, #w-node-c564a8cd-b137-dc06-5078-e2130a6e7e01-506dc390, #w-node-_56603d8d-a186-8162-b683-12452be777e0-506dc390, #w-node-ccf1974f-3ac9-f999-37d2-81f1cb3d57be-506dc390, #w-node-_7468093b-11b7-43c6-881e-848ecb80c50f-506dc390, #w-node-_410d954b-fd8c-de64-4087-3c87dcbc172b-506dc390, #w-node-b69a6c96-6856-b553-1f6d-376650071a54-506dc390 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_304b2c27-56b4-29ae-2c22-469d853dc9ce-506dc390 {
grid-area: 2 / 2 / 3 / 4;
}
#w-node-_62a2eb2e-6905-6174-e072-55dc273528ed-506dc390 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-ee049ce7-0e44-183e-a37f-7b374823c2ab-506dc390 {
align-self: center;
justify-self: center;
}
#w-node-_21893bd2-3f62-afa0-6827-7125e912a46f-d29a542c {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_21893bd2-3f62-afa0-6827-7125e912a480-d29a542c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_21893bd2-3f62-afa0-6827-7125e912a489-d29a542c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_3ad21c15-8ed1-d205-53ad-ec20f1e55248-d29a542c, #w-node-_4d2209ee-9a78-991e-36ab-f62051c65c95-d29a542c, #w-node-_1ddaddaf-46b4-e64a-e9c8-c61334bed1b7-d29a542c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37936e47-252e-2c3f-3539-658b830967f5-b9b42ff0 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_37936e47-252e-2c3f-3539-658b830967fa-b9b42ff0 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_8b6a27cc-ea53-01b3-ee19-08f12068a213-b9b42ff0, #w-node-a4118d18-51ca-bf1e-ac10-e27157d0f152-b9b42ff0, #w-node-e3619b4b-e55a-cab1-601e-c9e67d0addcb-b9b42ff0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6e95cb5a-1f9d-fff5-9cf7-5d8be87abdd0-b9b42ff0 {
grid-area: 3 / 1 / 4 / 5;
}
#w-node-_5b77218e-8573-a471-c5d6-03ee77b32c15-b9b42ff0, #w-node-_04f3fc76-260c-f753-04de-6617462728cf-b9b42ff0, #w-node-e428b0aa-0c7a-6e61-ef96-dfcb7cb8cd46-b9b42ff0, #w-node-cd22c978-7681-0c7a-bcaf-a9c8f6bd9e16-b9b42ff0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_00ee7b9a-8ab4-8d61-2ff4-d7a6585d0973-b9b42ff0, #w-node-_5200c0db-4923-10bb-656e-c3bfa234660e-b9b42ff0, #w-node-a58e8b16-6567-f914-3ca2-e980cf6a5aa3-b9b42ff0, #w-node-a58e8b16-6567-f914-3ca2-e980cf6a5aa4-b9b42ff0, #w-node-c09dc78d-975e-84e9-9513-9520d5a44905-b9b42ff0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-aef505f1-a4d2-f1af-5b4a-2e8491217226-b9b42ff0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-aef505f1-a4d2-f1af-5b4a-2e8491217239-b9b42ff0, #w-node-d4806d7f-5c84-10b3-2c2b-f977b2e15d2b-25a6039f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_44196235-9c34-a557-184e-7f904a9f31a1-25a6039f {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-_44196235-9c34-a557-184e-7f904a9f31b3-25a6039f {
grid-area: 1 / 4 / 2 / 6;
}
#w-node-_44196235-9c34-a557-184e-7f904a9f319b-25a6039f {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_44196235-9c34-a557-184e-7f904a9f31ad-25a6039f {
grid-area: 2 / 3 / 3 / 6;
}
#w-node-b69a6c96-6856-b553-1f6d-376650071a54-25a6039f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_304b2c27-56b4-29ae-2c22-469d853dc9ce-25a6039f {
grid-area: 2 / 2 / 3 / 4;
}
#w-node-_62a2eb2e-6905-6174-e072-55dc273528ed-25a6039f {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-ee049ce7-0e44-183e-a37f-7b374823c2ab-25a6039f {
align-self: center;
justify-self: center;
}
#w-node-c2ad6d06-141d-ad89-bb82-d7efd34f8dc4-25a6039f, #w-node-ac949473-294a-7ba6-cea4-7cc8f497ab48-25a6039f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4e0b714a-ceda-d3a7-12c7-0658c9af3ef9-5e0944bc, #w-node-_04387a4c-74e2-729e-d814-935f645d3f31-5e0944bc, #w-node-_3b90e845-36d6-fa45-58ea-4a7bae59b848-5e0944bc {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_8ef0b473-95d3-dc12-ea02-24eeff1c0233-48ff135c, #w-node-_8ef0b473-95d3-dc12-ea02-24eeff1c0235-48ff135c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a3c12a81-6dd1-ee0f-b4a9-cade3e85144f-b5190e4f {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-a3c12a81-6dd1-ee0f-b4a9-cade3e851450-b5190e4f {
grid-area: 1 / 1 / 2 / 2;
align-self: center;
}
#w-node-a3c12a81-6dd1-ee0f-b4a9-cade3e85147e-b5190e4f, #w-node-a3c12a81-6dd1-ee0f-b4a9-cade3e85148f-b5190e4f {
align-self: end;
}
#w-node-_33330160-c2c4-f6f7-8ccf-71d4876a7227-17383966 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ddafcfbb-2814-f5d1-4bcc-bc851ebca33d-17383966, #w-node-_98cc8ce9-2cf8-3054-0c76-7ce5478789a3-4535a6b3, #w-node-_98cc8ce9-2cf8-3054-0c76-7ce5478789a5-4535a6b3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_029262b4-2a0c-80a8-3436-25c04a1636a8-72fa69c9, #w-node-_029262b4-2a0c-80a8-3436-25c04a1636ad-72fa69c9 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_029262b4-2a0c-80a8-3436-25c04a1636c5-72fa69c9, #w-node-_029262b4-2a0c-80a8-3436-25c04a1636c6-72fa69c9, #w-node-_029262b4-2a0c-80a8-3436-25c04a1636c8-72fa69c9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_904014c2-3aec-a271-9a63-0ac52baa0be0-2baa0bd5, #w-node-_904014c2-3aec-a271-9a63-0ac52baa0bee-2baa0bd5, #w-node-_904014c2-3aec-a271-9a63-0ac52baa0bf9-2baa0bd5, #w-node-_904014c2-3aec-a271-9a63-0ac52baa0c06-2baa0bd5 {
justify-self: end;
}
@media screen and (min-width: 1920px) {
#w-node-e551e329-7292-974a-a3f3-4f6b3c152385-9981b639 {
align-self: center;
}
}
@media screen and (max-width: 991px) {
#w-node-_60972eae-221d-49d1-c520-bdf7e06a082a-55aa53e6 {
grid-area: 1 / 1 / 2 / 7;
align-self: start;
justify-self: start;
}
#w-node-_60972eae-221d-49d1-c520-bdf7e06a0824-55aa53e6 {
grid-area: 4 / 1 / 5 / 7;
align-self: end;
}
#w-node-_95f344c0-875f-9226-606c-b1620e501f43-2f16a4b3 {
grid-area: 1 / 1 / 3 / 7;
align-self: start;
}
#w-node-da631a52-1fa5-2179-ab97-69a05e0ec435-2f16a4b3 {
grid-area: 4 / 1 / 5 / 7;
align-self: end;
}
#w-node-_56fcada6-26c7-c1b5-33d6-0dd6b12a470c-2f16a4b3 {
grid-area: 1 / 1 / 4 / 7;
}
#w-node-_56fcada6-26c7-c1b5-33d6-0dd6b12a470e-2f16a4b3 {
grid-area: 4 / 1 / 5 / 7;
align-self: end;
}
#w-node-f94f942f-c29b-ba37-a4d8-4ab957805680-2f16a4b3 {
grid-area: 2 / 2 / 4 / 5;
align-self: center;
}
#w-node-_2b73cb32-d47e-84d3-37a2-370e436a50e2-c372c143 {
grid-area: 1 / 1 / 4 / 4;
}
#w-node-a954a956-4098-867e-e2a7-6bc958a41bf5-cee9a87a {
align-self: center;
}
#w-node-_0a22bc0f-6ea8-99f3-da8d-1e412aaa4c24-7fbaec55 {
grid-area: 1 / 1 / 2 / 7;
align-self: start;
justify-self: start;
}
#w-node-_0a22bc0f-6ea8-99f3-da8d-1e412aaa4c32-7fbaec55 {
grid-area: 4 / 1 / 5 / 7;
align-self: end;
}
#w-node-_95f344c0-875f-9226-606c-b1620e501f43-8cdcfa00 {
grid-area: 1 / 1 / 3 / 7;
align-self: start;
}
#w-node-da631a52-1fa5-2179-ab97-69a05e0ec435-8cdcfa00 {
grid-area: 4 / 1 / 5 / 7;
align-self: end;
}
#w-node-_56fcada6-26c7-c1b5-33d6-0dd6b12a470c-8cdcfa00 {
grid-area: 1 / 1 / 4 / 7;
}
#w-node-_56fcada6-26c7-c1b5-33d6-0dd6b12a470e-8cdcfa00 {
grid-area: 4 / 1 / 5 / 7;
align-self: end;
}
#w-node-f94f942f-c29b-ba37-a4d8-4ab957805680-8cdcfa00 {
grid-area: 2 / 2 / 4 / 5;
align-self: center;
}
#w-node-e551e329-7292-974a-a3f3-4f6b3c15237e-9981b639 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-e551e329-7292-974a-a3f3-4f6b3c152382-9981b639, #w-node-_127cde8e-d268-a8d6-eb5a-dad6e86f6aef-d29a542c {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_37936e47-252e-2c3f-3539-658b830967fa-b9b42ff0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9737fd42-a91f-4ad1-9de8-0fc72616211b-b9b42ff0, #w-node-_6771edc1-74d9-30f6-e9bf-70f8905a804b-b9b42ff0 {
grid-area: 1 / 1 / 2 / 2;
}
}
@media screen and (max-width: 767px) {
#w-node-_13dbecbc-f1bc-a1cd-97a3-f9c41c9c0f34-1c9c0f17 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_60972eae-221d-49d1-c520-bdf7e06a0819-55aa53e6, #w-node-da631a52-1fa5-2179-ab97-69a05e0ec433-2f16a4b3 {
grid-area: 3 / 1 / 4 / 7;
}
#w-node-_8aa3f553-4781-2240-a9a6-aeb9880287a3-780e3119 {
grid-area: 2 / 1 / 4 / 3;
}
#w-node-_8aa3f553-4781-2240-a9a6-aeb9880287a4-780e3119 {
grid-area: 1 / 1 / 3 / 3;
align-self: end;
}
#w-node-cc098464-2cb1-369d-e413-b164fa7c61c7-780e3119 {
grid-area: 3 / 1 / 4 / 3;
align-self: end;
}
#w-node-_2b73cb32-d47e-84d3-37a2-370e436a50d9-c372c143 {
grid-area: 1 / 1 / 3 / 3;
align-self: stretch;
justify-self: stretch;
}
#w-node-_2b73cb32-d47e-84d3-37a2-370e436a50e2-c372c143 {
grid-area: 2 / 1 / 4 / 3;
}
#w-node-_2b73cb32-d47e-84d3-37a2-370e436a50da-c372c143 {
grid-area: 2 / 3 / 4 / 4;
align-self: stretch;
justify-self: stretch;
}
#w-node-_2b73cb32-d47e-84d3-37a2-370e436a50dc-c372c143 {
align-self: stretch;
justify-self: stretch;
}
#w-node-_0a22bc0f-6ea8-99f3-da8d-1e412aaa4c27-7fbaec55, #w-node-da631a52-1fa5-2179-ab97-69a05e0ec433-8cdcfa00 {
grid-area: 3 / 1 / 4 / 7;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd29-817579b4 {
grid-area: 2 / 1 / 4 / 3;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd2a-817579b4 {
grid-area: 1 / 1 / 3 / 3;
align-self: end;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd37-817579b4 {
grid-area: 3 / 1 / 4 / 3;
align-self: end;
}
#w-node-_32cc8564-60a2-bd43-80cf-e09435ff9c57-462bb61b, #w-node-_32cc8564-60a2-bd43-80cf-e09435ff9c71-462bb61b, #w-node-_8f1c74d1-2d93-78e9-cd3a-12952539fb30-39db6ec1, #w-node-_8f1c74d1-2d93-78e9-cd3a-12952539fb4b-39db6ec1, #w-node-de4f2687-1af1-7deb-9672-c5996883ed3d-fd8e657c, #w-node-de4f2687-1af1-7deb-9672-c5996883ed57-fd8e657c, #w-node-_2eb614f2-884c-e709-2f1b-3f20eec109f5-fd8e657c, #w-node-_7e201bba-28e5-999f-3ad3-999885fcce8a-fd8e657c, #w-node-a2d200da-fa50-7c8b-caf4-a3c93552e552-fd8e657c, #w-node-a2d200da-fa50-7c8b-caf4-a3c93552e568-fd8e657c, #w-node-a2d200da-fa50-7c8b-caf4-a3c93552e57a-fd8e657c, #w-node-_36a90f43-166a-2433-004a-4cfda6c3757b-fd8e657c, #w-node-_36a90f43-166a-2433-004a-4cfda6c37557-fd8e657c, #w-node-_36a90f43-166a-2433-004a-4cfda6c37569-fd8e657c, #w-node-c4f09ee0-7970-23c5-98c9-38b3eb6d9de4-fd8e657c, #w-node-c4f09ee0-7970-23c5-98c9-38b3eb6d9df3-fd8e657c, #w-node-c4f09ee0-7970-23c5-98c9-38b3eb6d9e05-fd8e657c, #w-node-c4f09ee0-7970-23c5-98c9-38b3eb6d9e0e-fd8e657c, #w-node-_5aeb7f8b-6c25-fe88-72f4-05d92793376d-fd8e657c, #w-node-_5aeb7f8b-6c25-fe88-72f4-05d927933783-fd8e657c, #w-node-_5aeb7f8b-6c25-fe88-72f4-05d927933795-fd8e657c, #w-node-_044a42cd-aa94-8a3f-d1ca-d4932eb63051-fd8e657c, #w-node-_044a42cd-aa94-8a3f-d1ca-d4932eb6305c-fd8e657c, #w-node-_21893bd2-3f62-afa0-6827-7125e912a46f-d29a542c, #w-node-_21893bd2-3f62-afa0-6827-7125e912a489-d29a542c {
grid-column: span 1 / span 1;
}
#w-node-_37936e47-252e-2c3f-3539-658b830967fa-b9b42ff0 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_8b6a27cc-ea53-01b3-ee19-08f12068a213-b9b42ff0, #w-node-a4118d18-51ca-bf1e-ac10-e27157d0f152-b9b42ff0, #w-node-e3619b4b-e55a-cab1-601e-c9e67d0addcb-b9b42ff0, #w-node-_6e95cb5a-1f9d-fff5-9cf7-5d8be87abdd0-b9b42ff0, #w-node-_5b77218e-8573-a471-c5d6-03ee77b32c15-b9b42ff0, #w-node-_04f3fc76-260c-f753-04de-6617462728cf-b9b42ff0, #w-node-e428b0aa-0c7a-6e61-ef96-dfcb7cb8cd46-b9b42ff0, #w-node-cd22c978-7681-0c7a-bcaf-a9c8f6bd9e16-b9b42ff0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 479px) {
#w-node-_0842b0dc-1f24-23d8-7834-503246f4393d-d32321cb {
grid-area: 2 / 1 / 5 / 4;
}
#w-node-_727db39d-218d-190a-d28d-8470f2c92408-f2c923f3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1f97a472-8a42-6c19-6870-5cc3238bd5cf-11e2f817, #w-node-_1f97a472-8a42-6c19-6870-5cc3238bd5c6-11e2f817, #w-node-c1975675-c88a-062c-a6bb-3468e2a49817-e2a49817, #w-node-a7d07d00-2654-ac6d-56db-587f02f193d7-02f193d7, #w-node-a44c5abe-5039-7966-b9bc-1a17c4595554-c4595554 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c0484ed8-d76b-97df-1988-b154db4a60f5-55aa53e6 {
align-self: end;
}
#w-node-_60972eae-221d-49d1-c520-bdf7e06a082a-55aa53e6 {
grid-area: 2 / 1 / 3 / 7;
align-self: center;
justify-self: start;
}
#w-node-_60972eae-221d-49d1-c520-bdf7e06a081e-55aa53e6 {
align-self: end;
}
#w-node-_60972eae-221d-49d1-c520-bdf7e06a083f-55aa53e6 {
grid-area: 2 / 1 / 3 / 4;
}
#w-node-_60972eae-221d-49d1-c520-bdf7e06a0841-55aa53e6 {
grid-area: 4 / 1 / 5 / 4;
}
#w-node-_60972eae-221d-49d1-c520-bdf7e06a0843-55aa53e6 {
grid-area: 2 / 1 / 3 / 4;
}
#w-node-_0b6c60a4-8cf8-01c7-daba-6aafd43421f8-d43421ef, #w-node-_0b6c60a4-8cf8-01c7-daba-6aafd4342210-d43421ef, #w-node-_0b6c60a4-8cf8-01c7-daba-6aafd434220c-d43421ef, #w-node-ed5f66f5-1bc1-5b04-884e-1fda36adbbda-36adbbda, #w-node-f9103fc2-1539-2fd3-ae95-a5ddcf9d0169-cf9d0169, #w-node-_4e057c22-1694-aac9-9e96-edcd9190bf35-9190bf35, #w-node-_046643ad-2bf0-0ab0-256f-d3e9fe152205-587df3f4, #w-node-_046643ad-2bf0-0ab0-256f-d3e9fe152209-587df3f4, #w-node-_046643ad-2bf0-0ab0-256f-d3e9fe15220b-587df3f4, #w-node-_046643ad-2bf0-0ab0-256f-d3e9fe152212-587df3f4, #w-node-cc571b52-12cc-ff75-2522-cbc1f61ca6ba-587df3f4, #w-node-cc571b52-12cc-ff75-2522-cbc1f61ca6be-587df3f4, #w-node-cc571b52-12cc-ff75-2522-cbc1f61ca6c2-587df3f4, #w-node-cc571b52-12cc-ff75-2522-cbc1f61ca6c6-587df3f4, #w-node-cc571b52-12cc-ff75-2522-cbc1f61ca6cb-587df3f4, #w-node-_0fa3b221-0a9d-095f-4803-863fa3ff5c3b-a3ff5c3b, #w-node-_6f67255e-ed2a-4795-5b94-0dc7874df079-874df079 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_95f344c0-875f-9226-606c-b1620e501f43-2f16a4b3 {
grid-area: 1 / 1 / 2 / 7;
align-self: start;
}
#w-node-da631a52-1fa5-2179-ab97-69a05e0ec433-2f16a4b3 {
grid-area: 2 / 1 / 4 / 7;
}
#w-node-_56fcada6-26c7-c1b5-33d6-0dd6b12a470c-2f16a4b3 {
grid-area: 1 / 1 / 3 / 7;
}
#w-node-f94f942f-c29b-ba37-a4d8-4ab95780567a-2f16a4b3 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-f94f942f-c29b-ba37-a4d8-4ab95780567c-2f16a4b3 {
grid-area: 3 / 1 / 5 / 4;
}
#w-node-f94f942f-c29b-ba37-a4d8-4ab95780567e-2f16a4b3 {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-f94f942f-c29b-ba37-a4d8-4ab957805680-2f16a4b3 {
grid-area: 2 / 1 / 4 / 4;
align-self: center;
}
#w-node-_8aa3f553-4781-2240-a9a6-aeb9880287a3-780e3119 {
grid-area: 3 / 1 / 5 / 2;
}
#w-node-_8aa3f553-4781-2240-a9a6-aeb9880287a4-780e3119 {
grid-area: 2 / 1 / 3 / 2;
align-self: center;
}
#w-node-cc098464-2cb1-369d-e413-b164fa7c61c7-780e3119 {
grid-area: 4 / 1 / 5 / 2;
align-self: end;
}
#w-node-_80d85ac5-c63c-fe6e-e295-d022cc7e5db8-780e3119 {
grid-area: 4 / 1 / 6 / 5;
align-self: center;
}
#w-node-_80d85ac5-c63c-fe6e-e295-d022cc7e5db9-780e3119 {
grid-area: 1 / 1 / 4 / 5;
align-self: center;
}
#w-node-_80d85ac5-c63c-fe6e-e295-d022cc7e5dba-780e3119 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_0a217181-81aa-7a17-7d05-0128e8650f83-780e3119 {
grid-area: 3 / 1 / 6 / 5;
align-self: stretch;
justify-self: stretch;
}
#w-node-_0a217181-81aa-7a17-7d05-0128e8650f85-780e3119 {
grid-area: 1 / 1 / 3 / 5;
align-self: center;
}
#w-node-_0a217181-81aa-7a17-7d05-0128e8650f86-780e3119 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_8915c182-8fdb-9425-95e6-6c3606c2f859-780e3119 {
grid-area: 3 / 1 / 6 / 5;
align-self: center;
}
#w-node-_8915c182-8fdb-9425-95e6-6c3606c2f85b-780e3119 {
grid-area: 1 / 1 / 3 / 5;
align-self: center;
}
#w-node-_8915c182-8fdb-9425-95e6-6c3606c2f85c-780e3119 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_6abeb475-0a2c-f652-06cb-cc620e50220a-0e502206, #w-node-_6abeb475-0a2c-f652-06cb-cc620e50220f-0e502206, #w-node-_6abeb475-0a2c-f652-06cb-cc620e502213-0e502206, #w-node-d655544c-3e92-1f9d-ddfe-b90a73121d47-73121d47, #w-node-a110abc6-37b7-86ab-1004-97bfdd70d74f-dd70d73b, #w-node-a110abc6-37b7-86ab-1004-97bfdd70d758-dd70d73b, #w-node-a110abc6-37b7-86ab-1004-97bfdd70d75d-dd70d73b, #w-node-a110abc6-37b7-86ab-1004-97bfdd70d764-dd70d73b, #w-node-_159e0df5-11fc-09bb-e582-ffc0fc4f563d-fc4f5634, #w-node-_159e0df5-11fc-09bb-e582-ffc0fc4f5641-fc4f5634, #w-node-_159e0df5-11fc-09bb-e582-ffc0fc4f5645-fc4f5634, #w-node-cdbd8185-a868-b391-5880-e60657d9f5b4-fc4f5634 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f1262679-b07c-7844-180d-8716a0d11e91-cee9a87a {
grid-area: 2 / 1 / 3 / 3;
align-self: center;
justify-self: start;
}
#w-node-a954a956-4098-867e-e2a7-6bc958a41beb-cee9a87a {
align-self: stretch;
justify-self: stretch;
}
#w-node-a954a956-4098-867e-e2a7-6bc958a41bf5-cee9a87a {
align-self: stretch;
}
#w-node-a954a956-4098-867e-e2a7-6bc958a41bf9-cee9a87a {
grid-area: 2 / 1 / 3 / 2;
align-self: end;
}
#w-node-_0a22bc0f-6ea8-99f3-da8d-1e412aaa4c19-7fbaec55 {
align-self: end;
}
#w-node-_0a22bc0f-6ea8-99f3-da8d-1e412aaa4c24-7fbaec55 {
grid-area: 2 / 1 / 3 / 7;
align-self: center;
justify-self: start;
}
#w-node-_0a22bc0f-6ea8-99f3-da8d-1e412aaa4c2e-7fbaec55 {
align-self: end;
}
#w-node-_0a22bc0f-6ea8-99f3-da8d-1e412aaa4c52-7fbaec55 {
grid-area: 2 / 1 / 3 / 4;
}
#w-node-_0a22bc0f-6ea8-99f3-da8d-1e412aaa4c54-7fbaec55 {
grid-area: 4 / 1 / 5 / 4;
}
#w-node-_0a22bc0f-6ea8-99f3-da8d-1e412aaa4c56-7fbaec55 {
grid-area: 2 / 1 / 3 / 4;
}
#w-node-_9d425808-8ff3-de68-bd96-3ca995b4053a-95b40536, #w-node-_9d425808-8ff3-de68-bd96-3ca995b4053e-95b40536, #w-node-_9d425808-8ff3-de68-bd96-3ca995b40542-95b40536, #w-node-_9d425808-8ff3-de68-bd96-3ca995b40546-95b40536, #w-node-_9d425808-8ff3-de68-bd96-3ca995b4054a-95b40536, #w-node-_9d425808-8ff3-de68-bd96-3ca995b4054e-95b40536, #w-node-_9d425808-8ff3-de68-bd96-3ca995b40552-95b40536 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_95f344c0-875f-9226-606c-b1620e501f43-8cdcfa00 {
grid-area: 1 / 1 / 2 / 7;
align-self: start;
}
#w-node-da631a52-1fa5-2179-ab97-69a05e0ec433-8cdcfa00 {
grid-area: 2 / 1 / 4 / 7;
}
#w-node-_56fcada6-26c7-c1b5-33d6-0dd6b12a470c-8cdcfa00 {
grid-area: 1 / 1 / 3 / 7;
}
#w-node-f94f942f-c29b-ba37-a4d8-4ab95780567a-8cdcfa00 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-f94f942f-c29b-ba37-a4d8-4ab95780567c-8cdcfa00 {
grid-area: 3 / 1 / 5 / 4;
}
#w-node-f94f942f-c29b-ba37-a4d8-4ab95780567e-8cdcfa00 {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-f94f942f-c29b-ba37-a4d8-4ab957805680-8cdcfa00 {
grid-area: 2 / 1 / 4 / 4;
align-self: center;
}
#w-node-_577ff1e0-4ecc-0be4-1a87-b8ba6b520d9a-9b40323e, #w-node-_577ff1e0-4ecc-0be4-1a87-b8ba6b520d9e-9b40323e, #w-node-_577ff1e0-4ecc-0be4-1a87-b8ba6b520da2-9b40323e, #w-node-_99da233c-08c0-e4f6-9a95-5fcbb9cab86e-9981b639, #w-node-_99da233c-08c0-e4f6-9a95-5fcbb9cab872-9981b639, #w-node-_99da233c-08c0-e4f6-9a95-5fcbb9cab874-9981b639, #w-node-_99da233c-08c0-e4f6-9a95-5fcbb9cab878-9981b639, #w-node-e19bd72b-40e8-8a51-ec5e-d867c833e052-9981b639, #w-node-e19bd72b-40e8-8a51-ec5e-d867c833e056-9981b639, #w-node-e19bd72b-40e8-8a51-ec5e-d867c833e05a-9981b639, #w-node-e19bd72b-40e8-8a51-ec5e-d867c833e05e-9981b639 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd29-817579b4 {
grid-area: 3 / 1 / 5 / 2;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd2a-817579b4 {
grid-area: 2 / 1 / 3 / 2;
align-self: center;
}
#w-node-_2db7261e-75ac-ace3-4fd8-25745e73fd37-817579b4 {
grid-area: 4 / 1 / 5 / 2;
align-self: end;
}
#w-node-def13644-e634-cee7-35d2-ab7a59945e58-817579b4 {
grid-area: 4 / 1 / 6 / 5;
align-self: center;
}
#w-node-def13644-e634-cee7-35d2-ab7a59945e5a-817579b4 {
grid-area: 1 / 1 / 4 / 5;
align-self: center;
}
#w-node-def13644-e634-cee7-35d2-ab7a59945e5b-817579b4 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_526147e2-3a57-1a93-f067-9f399df4d34d-817579b4 {
grid-area: 4 / 1 / 6 / 5;
align-self: center;
}
#w-node-_526147e2-3a57-1a93-f067-9f399df4d34f-817579b4 {
grid-area: 1 / 1 / 4 / 5;
align-self: center;
}
#w-node-_526147e2-3a57-1a93-f067-9f399df4d350-817579b4 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_8309e13b-f7dd-2139-0379-5a67f90c777b-817579b4 {
grid-area: 4 / 1 / 6 / 5;
align-self: center;
}
#w-node-_8309e13b-f7dd-2139-0379-5a67f90c777d-817579b4 {
grid-area: 1 / 1 / 4 / 5;
align-self: center;
}
#w-node-_8309e13b-f7dd-2139-0379-5a67f90c777e-817579b4 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-f1262679-b07c-7844-180d-8716a0d11e91-7d7e7906 {
grid-area: 2 / 1 / 3 / 3;
align-self: center;
justify-self: start;
}
#w-node-_99d7e900-51b5-5107-7278-30d90e9023f2-6ac3630a, #download-button.w-node-_16e9cb48-63ee-7481-5524-62d987d4fcf9-6ac3630a, #w-node-e4b965cc-cec5-be4d-2ad3-6109c4225adc-6ac3630a {
justify-self: start;
}
#w-node-a6becdaa-0aee-bc60-50f6-7dcd491d8760-1d3893e5, #w-node-a6becdaa-0aee-bc60-50f6-7dcd491d876d-1d3893e5, #w-node-a6becdaa-0aee-bc60-50f6-7dcd491d8772-1d3893e5, #w-node-a6becdaa-0aee-bc60-50f6-7dcd491d8777-1d3893e5, #w-node-a6becdaa-0aee-bc60-50f6-7dcd491d877b-1d3893e5 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_7d23c982-cef2-639f-6039-49dc11d5bded-7eb4db00, #w-node-f1262679-b07c-7844-180d-8716a0d11e91-03e9ea15 {
grid-area: 2 / 1 / 3 / 3;
align-self: center;
justify-self: start;
}
#w-node-_5978ea19-0822-625a-bd5f-e90ca1b117fb-462bb61b, #w-node-_548789b3-e925-5a7d-8298-2e64fd9e1edd-462bb61b, #w-node-_0d0a6825-c58f-a4f6-c59c-17588a0690d6-462bb61b {
grid-column: span 1 / span 1;
}
#w-node-_9d7bdd64-0892-fb5e-e629-d60677f147fb-7c9ab943, #w-node-_9d7bdd64-0892-fb5e-e629-d60677f147fb-cb7092a9, #w-node-_4e0b714a-ceda-d3a7-12c7-0658c9af3eee-39db6ec1, #w-node-_4e0b714a-ceda-d3a7-12c7-0658c9af3ef5-39db6ec1, #w-node-_4e0b714a-ceda-d3a7-12c7-0658c9af3ef9-39db6ec1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_58d8a03c-4240-fd88-11db-aab8d19f5864-4accff27, #w-node-_58d8a03c-4240-fd88-11db-aab8d19f5868-4accff27 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-eec22bfc-23ae-0875-dc47-72e647f5a489-506dc390 {
justify-self: start;
}
#w-node-aef505f1-a4d2-f1af-5b4a-2e8491217218-b9b42ff0, #w-node-aef505f1-a4d2-f1af-5b4a-2e849121721f-b9b42ff0 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-eec22bfc-23ae-0875-dc47-72e647f5a489-25a6039f {
justify-self: start;
}
#w-node-_4e0b714a-ceda-d3a7-12c7-0658c9af3eee-5e0944bc, #w-node-a4241228-335c-9944-c65c-5fc75deb1027-5e0944bc, #w-node-_4e0b714a-ceda-d3a7-12c7-0658c9af3ef9-5e0944bc, #w-node-_04387a4c-74e2-729e-d814-935f645d3f2a-5e0944bc, #w-node-_04387a4c-74e2-729e-d814-935f645d3f2e-5e0944bc, #w-node-_04387a4c-74e2-729e-d814-935f645d3f31-5e0944bc, #w-node-_3b90e845-36d6-fa45-58ea-4a7bae59b841-5e0944bc, #w-node-_3b90e845-36d6-fa45-58ea-4a7bae59b845-5e0944bc, #w-node-_3b90e845-36d6-fa45-58ea-4a7bae59b848-5e0944bc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_592752ef-8061-a033-dec0-29464d61691d-4d61691d, #w-node-c47c01ec-4ff6-e88c-a572-8b8e36942b59-17383966, #w-node-_4330e7a2-aee7-9349-4e74-2059a4acf532-17383966, #w-node-_029262b4-2a0c-80a8-3436-25c04a16367f-72fa69c9, #w-node-_029262b4-2a0c-80a8-3436-25c04a163683-72fa69c9, #w-node-_029262b4-2a0c-80a8-3436-25c04a163687-72fa69c9, #w-node-_029262b4-2a0c-80a8-3436-25c04a163689-72fa69c9, #w-node-_029262b4-2a0c-80a8-3436-25c04a1636a0-72fa69c9 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
}
@font-face {
font-family: 'CeraPRO-Bold';
src: url('https://uploads-ssl.webflow.com/605102305a586b6fafbbdc0a/65f9a75d10f1e1565208cb58_CeraPRO-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'CeraPRO-Regular';
src: url('https://uploads-ssl.webflow.com/605102305a586b6fafbbdc0a/65f9a82a0cf42bddd0c1e0f7_CeraPRO-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}