html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
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::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Metacom nb akademie reg;
src: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/606d7acecca14e9344bb2446_Metacom%20NB%20Akademie%20Reg.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Metacom telegraf;
src: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/606d820129efa0ee215c9069_Metacom-Telegraf-UltraLight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Nb akademie std;
src: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/606d7ace8eafcb6dc47d0292_NB%20Akademie%20Std-Medium.otf") format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Nb akademie std;
src: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/606d7acd190d3a0286032e9b_NB%20Akademie%20Std-Light.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Nb akademie std;
src: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/606d7acdb6dcbc1969041667_NB%20Akademie%20Std-Black.otf") format("opentype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Nb akademie std;
src: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/606d7acd190d3a0286032e9b_NB%20Akademie%20Std-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Telegraf;
src: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/621de5e340897d82c9556f06_Telegraf-UltraLight.otf") format("opentype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Telegraf;
src: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/621de5e2940f1f3ea8d88aa9_Telegraf-UltraBold.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Telegraf;
src: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/621de5e2277c253118be4809_Telegraf-Regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root {
--metacom-blue: #00a7ea;
--metacom-navy: #293439;
--white-smoke: #f9f9f9;
--dark-bg: #151312;
--text-black: #1a1b1f;
--white: white;
--grey: #73757e;
--black: black;
--dim-grey: #4d4d4d;
--silver: silver;
--alice-blue: #dfeefb;
--black-2: #070504;
}
.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-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-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-layout-layout {
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-auto-columns: 1fr;
justify-content: center;
padding: 20px;
}
.w-layout-cell {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
body {
color: #1a1b1f;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
h1 {
margin-top: 20px;
margin-bottom: 15px;
font-family: Telegraf, sans-serif;
font-size: 60px;
font-weight: 200;
line-height: 1;
}
h2 {
margin-top: 10px;
margin-bottom: 10px;
font-family: Telegraf, sans-serif;
font-size: 40px;
font-weight: 200;
line-height: 1;
}
h3 {
margin-top: 10px;
margin-bottom: 10px;
font-family: Telegraf, sans-serif;
font-size: 30px;
font-weight: 400;
line-height: 1;
}
h4 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 24px;
font-weight: 400;
line-height: 38px;
}
h5 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 20px;
font-weight: 500;
line-height: 34px;
}
h6 {
font-size: 16px;
font-weight: 500;
line-height: 28px;
}
p {
margin-bottom: 10px;
font-family: Metacom nb akademie reg, sans-serif;
}
a {
color: var(--metacom-blue);
font-family: Telegraf, sans-serif;
font-weight: 400;
text-decoration: none;
transition: opacity .2s;
display: block;
}
a:hover {
color: #32343a;
}
a:active {
color: #43464d;
}
ul {
margin-top: 20px;
margin-bottom: 10px;
padding-left: 40px;
list-style-type: disc;
}
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
li {
margin-bottom: 10px;
}
img {
max-width: 1000px;
max-height: 600px;
display: block;
}
label {
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 12px;
font-weight: 500;
line-height: 20px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin-top: 25px;
margin-bottom: 25px;
padding: 15px 30px;
font-size: 20px;
line-height: 34px;
}
figure {
margin-top: 25px;
padding-bottom: 20px;
}
figcaption {
opacity: .6;
text-align: center;
margin-top: 5px;
font-size: 14px;
line-height: 26px;
}
.divider {
background-color: #eee;
height: 1px;
}
.styleguide-content-wrap {
text-align: center;
}
.section {
perspective: 2000px;
flex: 1;
justify-content: center;
align-items: center;
max-width: 1400px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
padding-left: 75px;
padding-right: 75px;
display: block;
position: sticky;
}
.section.cc-cta {
background-color: #f4f4f4;
padding-left: 80px;
padding-right: 80px;
}
.section.cc-cta.the-week-that-was {
margin-top: 0;
margin-bottom: 200px;
}
.section.cc-store-home-wrap {
margin-left: auto;
margin-right: auto;
}
.section.cc-store-home-wrap.less-space {
margin-top: 100px;
}
.section.footer {
z-index: 2;
background-color: var(--metacom-navy);
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/606db9df2f43600b32851499_Metacom%20-%20Website%20footer%20grid-20.svg");
background-position: 0 0;
background-size: auto;
align-self: stretch;
max-width: none;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
position: relative;
}
.section.media {
flex-flow: column;
flex: 0 auto;
justify-content: center;
align-items: flex-start;
width: auto;
margin: 220px auto 60px;
padding-left: 75px;
padding-right: 75px;
display: flex;
}
.section.media.less-bottom {
margin-bottom: -100px;
}
.section.contact {
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/607b4871180ab944582887bc_Metacom%20-%20Website%20grid.svg");
background-position: 50%;
background-size: 10%;
flex-direction: column;
justify-content: center;
align-self: center;
width: 100%;
max-width: none;
margin: 100px 0 140px;
display: flex;
}
.section.devider {
border-bottom: 1px solid #000;
}
.section.article {
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-items: flex-start;
width: auto;
margin: 220px auto 60px;
padding-left: 75px;
padding-right: 75px;
display: flex;
}
.section.dark {
background-color: var(--metacom-navy);
flex-direction: column;
align-self: center;
align-items: center;
width: 100%;
max-width: none;
display: flex;
}
.section.services.video {
width: 100%;
margin-top: 0;
}
.section.about2 {
display: none;
overflow: visible;
}
.section.home-video {
width: 100%;
max-width: 1430px;
margin-top: 0;
}
.section.top {
margin-top: 140px;
}
.section.padding {
margin-bottom: 0;
}
.section.bottom {
margin-bottom: 200px;
}
.section.bottom.digram {
width: 100%;
margin-bottom: 100px;
}
.section._90 {
width: 90%;
}
.section.maps, .section.diagram {
width: 100%;
}
.section._60-bottom {
margin-bottom: 60px;
}
.section.image-overlap {
max-height: 600px;
}
.section.media-grid {
margin-top: 30px;
}
.section.cyber-caution {
width: 100%;
min-height: 750px;
margin-top: 50px;
display: block;
}
.section.cyber-caution.like-button {
margin-top: 200px;
padding-top: 0;
}
.section.less-top {
margin-top: 100px;
}
.section.article-image {
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
.section.article-text {
margin-top: 100px;
margin-bottom: 100px;
}
.section.latest-releases {
margin-top: 200px;
margin-bottom: 200px;
}
.section.youtube {
margin-bottom: 200px;
}
.section.vacancies {
margin-top: 0;
margin-bottom: 200px;
}
.section.about-us {
margin-top: 0;
}
.section.leadership-team, .section.our-journey {
margin-top: 100px;
}
.section.white {
background-color: var(--white-smoke);
}
.section.white.the-week-that-was {
margin-top: 200px;
margin-bottom: 100px;
}
.section.foundation-hero {
margin-top: 5%;
}
.section._50-margin {
margin-top: 50px;
}
.section.no-space {
margin-top: 0;
}
.section.no-space.full-screen {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.section.no-space.foundation {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.section.no-space.new-products {
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.section.no-space.faq {
max-width: 100%;
padding-left: 75px;
padding-right: 75px;
}
.section.foundation-hero {
margin-top: 150px;
padding-left: 75px;
padding-right: 50px;
}
.section.new-products-hero {
margin-top: 0;
}
.section.full-width {
max-width: 100%;
}
.section.full-width.dark-gradient {
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/6437c4c41d0ce790b3ec8065_Dark%20Gradient%20Background.jpg");
background-position: 0 0;
background-size: cover;
}
.section.full-width.no-space.dark-bg {
background-image: linear-gradient(to bottom, var(--dark-bg), var(--dark-bg));
}
.section.full-width.no-space.dark-bg.padding-top {
padding-top: 100px;
}
.section.faq {
margin-top: 200px;
margin-bottom: 5%;
padding-top: 50px;
}
.section.faq.mc200, .section.faq.mc450 {
display: none;
}
.section._200vh {
height: 200vh;
}
.section.margin-top {
margin-top: 150px;
}
.section.application-form-image {
display: none;
}
.section.home-client-success {
width: 100%;
max-width: 1430px;
margin-top: 0;
}
.styleguide-block {
text-align: left;
flex-direction: column;
align-items: center;
margin-top: 80px;
margin-bottom: 80px;
display: block;
}
.container {
width: 100%;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
padding-left: 75px;
padding-right: 75px;
display: flex;
}
.container.home-4 {
margin-top: 100px;
margin-bottom: 180px;
display: flex;
}
.container.footer {
justify-content: center;
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.container.new-products {
text-align: center;
flex-direction: column;
align-items: center;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 23px;
display: flex;
}
.container.new-products.margin-top {
margin-top: 150px;
}
.container.new-products.download-brochure {
padding-bottom: 10%;
display: none;
}
.container.home {
padding-left: 0;
padding-right: 0;
}
.container.home.vertical {
flex-direction: column;
}
.container.new-navigation {
z-index: 3;
justify-content: center;
align-items: stretch;
padding: 5px 75px;
position: relative;
}
.container.new-navigation.expanded {
height: 120px;
}
.container.new-navigation.dark {
background-color: var(--text-black);
height: auto;
padding-top: 5px;
padding-bottom: 5px;
}
.container.mc450-hero-image {
align-items: center;
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.container.no-padding {
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
}
.container.centre-align {
justify-content: center;
}
.container.video-grid {
flex-direction: column;
padding: 30px;
}
.paragraph-tiny {
max-width: 200px;
font-size: 12px;
line-height: 20px;
}
.paragraph-bigger {
opacity: 1;
margin-bottom: 10px;
font-family: Nb akademie std, sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 32px;
}
.paragraph-bigger.cc-bigger-light {
opacity: .6;
max-width: 500px;
}
.paragraph-bigger.cc-bigger-white-light {
opacity: .6;
}
.paragraph-bigger.contact {
font-size: 22px;
}
.button {
border: 1px solid var(--metacom-blue);
color: var(--metacom-blue);
letter-spacing: 2px;
text-transform: uppercase;
object-fit: fill;
background-color: #0000;
border-radius: 0;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin-right: 0;
padding: 15px 25px;
font-size: 12px;
line-height: 20px;
text-decoration: none;
transition: background-color .4s, opacity .4s, color .4s;
display: flex;
}
.button:hover {
color: var(--white);
background-color: #0000;
}
.button:active {
background-color: #0000;
}
.button.cc-jumbo-button {
justify-content: center;
padding: 16px 35px;
font-size: 14px;
line-height: 26px;
}
.button.cc-jumbo-button.cc-jumbo-white {
color: #000;
background-color: #fff;
}
.button.cc-jumbo-button.cc-jumbo-white:hover {
background-color: #f1f1f1;
}
.button.cc-jumbo-button.cc-jumbo-white:active {
background-color: #e1e1e1;
}
.button.cc-contact-us {
z-index: 5;
position: relative;
}
.button.cc-white-button {
color: #202020;
background-color: #fff;
padding: 16px 35px;
font-size: 14px;
line-height: 26px;
}
.button.cc-white-button:hover {
background-color: #fffc;
}
.button.cc-white-button:active {
background-color: #ffffffe6;
}
.button.home-button-1 {
background-color: #eefaff;
border-color: #0000;
padding-left: 26px;
padding-right: 26px;
}
.button.home-button-1.top {
background-color: var(--metacom-blue);
opacity: 0;
color: var(--white);
position: relative;
top: auto;
left: -172px;
}
.button.home-button-1.top:hover {
opacity: 1;
}
.button.home-button-1-top.top {
background-color: var(--metacom-blue);
opacity: 0;
color: var(--white);
border-width: 2px;
margin-left: 1px;
display: flex;
position: relative;
top: auto;
left: -179px;
}
.button.home-button-1-top.top:hover {
opacity: 1;
}
.button.home-button-1-top.top.article {
flex-direction: row;
display: flex;
left: -185px;
}
.button.home-button-1-top.top.service {
left: -203px;
}
.button.home-button-1-top.top.mc412 {
left: -198px;
}
.button.home-button-1-top.top-2 {
background-color: var(--metacom-blue);
opacity: 0;
color: var(--white);
border-width: 2px;
margin-left: 1px;
padding-left: 25px;
padding-right: 25px;
display: flex;
position: relative;
top: auto;
left: -185px;
}
.button.home-button-1-top.top-2:hover {
opacity: 1;
}
.button.home-button-1-top.top-3 {
background-color: var(--metacom-blue);
opacity: 0;
color: var(--white);
display: flex;
position: relative;
top: auto;
left: -170px;
}
.button.home-button-1-top.top-3:hover {
opacity: 1;
}
.button.the-week-that-was {
padding: 10px;
}
.label {
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 12px;
font-weight: 500;
line-height: 20px;
}
.label.cc-styleguide-label {
margin-bottom: 25px;
}
.label.cc-light {
opacity: 1;
font-family: Nb akademie std, sans-serif;
font-size: 11px;
}
.label.cc-light.line {
color: #00a7ea;
letter-spacing: -2px;
margin-left: 10px;
}
.label.cc-light.title {
margin-left: 20px;
}
.label.cc-blog-date {
opacity: .6;
margin-top: 20px;
}
.heading-jumbo-tiny {
letter-spacing: .5px;
text-transform: none;
margin-top: 10px;
margin-bottom: 10px;
font-family: Metacom telegraf, sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 32px;
}
.rich-text {
width: 70%;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
}
.rich-text p {
opacity: .6;
margin-top: 15px;
margin-bottom: 25px;
}
.paragraph-light {
opacity: 1;
color: var(--grey);
text-align: left;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
width: auto;
margin-bottom: 0;
font-family: Metacom nb akademie reg, sans-serif;
display: flex;
overflow: hidden;
}
.paragraph-light.date {
margin-bottom: 20px;
}
.paragraph-light.title {
opacity: .8;
margin-bottom: 40px;
font-size: 18px;
}
.paragraph-light.home-text-3 {
opacity: 1;
color: var(--grey);
}
.paragraph-light.router-title {
font-size: 21px;
}
.paragraph-light.media {
color: var(--black);
text-indent: 0;
margin-top: 30px;
font-weight: 400;
line-height: 24px;
}
.paragraph-light.media.column {
margin-top: 0;
}
.paragraph-light.white {
opacity: .6;
color: var(--white);
}
.paragraph-light.router.new-devices {
text-align: center;
max-width: 400px;
}
.paragraph-light.careers {
color: var(--black);
margin-bottom: 30px;
line-height: 24px;
}
.paragraph-light.the-week-that-was {
margin-bottom: 20px;
}
.paragraph-light.maxh {
max-height: 340px;
overflow: hidden;
}
.heading-jumbo {
letter-spacing: .5px;
text-transform: none;
margin-top: 10px;
margin-bottom: 10px;
font-family: Metacom telegraf, sans-serif;
font-size: 72px;
line-height: 80px;
}
.heading-jumbo.cc-white-heading-jumbo {
color: #fff;
}
.heading-jumbo-small {
letter-spacing: .5px;
text-transform: none;
margin-top: 40px;
margin-bottom: 40px;
font-family: Metacom telegraf, sans-serif;
font-size: 56px;
font-weight: 300;
line-height: 1.2;
}
.heading-jumbo-small.quote {
margin-top: 140px;
margin-bottom: 140px;
}
.styleguide-button-wrap {
margin-top: 10px;
margin-bottom: 10px;
}
.styleguide-header-wrap {
color: #fff;
text-align: center;
background-color: #1a1b1f;
flex-direction: column;
justify-content: center;
align-items: center;
height: 460px;
padding: 30px;
display: flex;
}
.paragraph-small {
font-size: 14px;
line-height: 26px;
}
.logo-link {
z-index: 1;
}
.logo-link:hover {
opacity: .8;
}
.logo-link:active {
opacity: .7;
}
.menu {
z-index: 0;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.navigation-wrap {
flex: 1;
justify-content: space-between;
align-self: auto;
align-items: center;
max-width: 1280px;
display: flex;
position: relative;
}
.navigation-wrap.article {
flex: 1;
align-self: stretch;
max-width: 1280px;
}
.navigation {
background-color: #0000;
justify-content: center;
align-self: center;
align-items: center;
padding: 45px 75px;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.navigation-item {
opacity: 1;
letter-spacing: .5px;
text-transform: none;
margin-left: 25px;
padding: 9px 0 4px;
font-family: Telegraf, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 20px;
}
.navigation-item:hover {
opacity: .9;
}
.navigation-item:active {
opacity: .8;
}
.navigation-item.w--current {
opacity: 1;
color: var(--black);
border-bottom: 1px solid #000;
font-family: Metacom nb akademie reg, sans-serif;
font-weight: 600;
text-decoration: none;
transition-property: none;
}
.navigation-item.w--current:hover, .navigation-item.w--current:active {
opacity: 1;
color: var(--black);
}
.navigation-item.w--current:focus {
opacity: 1;
}
.navigation-item.white {
opacity: 1;
color: var(--white);
border-bottom: 1px solid #0000;
font-family: Nb akademie std, sans-serif;
font-size: 16px;
transition-property: none;
}
.navigation-item.white:hover {
border-bottom: 1px solid var(--white);
margin-left: 25px;
padding-left: 0;
}
.navigation-item.white.w--current {
opacity: 1;
font-size: 15px;
}
.navigation-item.white.w--current:hover {
color: var(--white);
}
.navigation-item.black {
border-bottom: 1px solid #0000;
}
.navigation-item.black:hover {
border-bottom-color: var(--black);
opacity: 1;
color: var(--black);
}
.logo-image {
width: 190px;
display: block;
}
.navigation-items {
flex: none;
justify-content: center;
align-items: center;
margin-left: auto;
display: block;
}
.footer-wrap {
background-color: #0000;
background-image: none;
background-repeat: repeat;
background-size: auto;
background-attachment: scroll;
justify-content: center;
align-items: center;
padding-top: 70px;
padding-bottom: 70px;
display: flex;
}
.webflow-link {
opacity: .5;
align-items: center;
text-decoration: none;
transition: opacity .4s;
display: flex;
}
.webflow-link:hover {
opacity: 1;
}
.webflow-link:active {
opacity: .8;
}
.webflow-logo-tiny {
margin-top: -2px;
margin-right: 8px;
}
.cta-text {
flex-direction: column;
align-items: center;
width: 70%;
margin-bottom: 35px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.cta-wrap {
text-align: center;
flex-direction: column;
justify-content: center;
padding-top: 110px;
padding-bottom: 120px;
display: flex;
}
.intro-header {
color: #fff;
background-color: #f4f4f4;
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/606d788243ccdd1f9e21709f_portfolio%202%20-%20wide.svg");
background-position: 0 0;
background-size: cover;
justify-content: center;
align-items: center;
height: 620px;
margin-bottom: 100px;
display: flex;
}
.intro-header.cc-subpage {
color: #fff;
background-color: #000;
background-image: none;
height: 480px;
}
.intro-content {
text-align: center;
width: 70%;
max-width: 1140px;
}
.intro-content.cc-homepage {
margin-bottom: 20px;
}
.motto-wrap {
text-align: center;
width: auto;
min-width: 90px;
max-width: 85%;
margin-bottom: 85px;
margin-left: auto;
margin-right: auto;
display: block;
}
.about-story-wrap {
text-align: center;
width: 80%;
margin: 80px auto;
}
.our-services-grid {
grid-column-gap: 80px;
grid-row-gap: 60px;
grid-template-columns: 1fr 1fr 1fr;
grid-template-areas: ". . ."
". . .";
margin-bottom: 120px;
}
.section-heading-wrap {
text-align: center;
margin-top: 80px;
margin-bottom: 80px;
}
.service-icon {
margin-bottom: 30px;
}
.status-message {
color: #fff;
text-align: center;
background-color: #202020;
padding: 9px 30px;
font-size: 14px;
line-height: 26px;
}
.status-message.cc-success-message {
background-color: #12b878;
}
.status-message.cc-error-message {
background-color: #db4b68;
}
.status-message.cc-no-data {
width: 70%;
margin: 100px auto;
display: block;
}
.contact-form-wrap {
border: 1px solid #eee;
padding: 45px 50px 50px;
}
.contact-form-grid {
grid-column-gap: 80px;
grid-row-gap: 30px;
grid-template: ". ."
/ 2.5fr 1fr;
align-items: start;
margin-top: 100px;
margin-bottom: 100px;
}
.details-wrap {
margin-bottom: 30px;
}
.get-in-touch-form {
flex-direction: column;
display: flex;
}
.text-field {
border: 1px solid #e4e4e4;
border-radius: 0;
margin-bottom: 18px;
padding: 21px 20px;
font-size: 14px;
line-height: 26px;
transition: border-color .4s;
}
.text-field:hover {
border-color: #e3e6eb;
}
.text-field:active, .text-field:focus {
border-color: #43464d;
}
.text-field::placeholder {
color: #32343a66;
}
.text-field.cc-contact-field {
margin-bottom: 25px;
}
.text-field.cc-textarea {
height: 200px;
padding-top: 12px;
}
.contact-form {
flex-direction: column;
align-items: stretch;
width: 100%;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
display: flex;
}
.contact-form-heading-wrap {
margin-bottom: 40px;
}
.contact-heading {
margin-top: 0;
margin-bottom: 15px;
font-weight: 400;
}
.map {
width: 100%;
height: 550px;
margin-bottom: 0;
line-height: 20px;
}
.contact-team-name-wrap {
margin-bottom: 30px;
}
.our-contacts {
grid-column-gap: 80px;
grid-row-gap: 60px;
text-align: center;
grid-template: ". . ."
/ 1fr 1fr 1fr;
margin-bottom: 120px;
}
.contact-team-details-wrap {
margin-top: 30px;
}
.contact-team-pic {
background-color: #f4f4f4;
height: 150px;
margin-bottom: 30px;
}
.team-pic {
background-color: #f4f4f4;
width: 100%;
height: 420px;
margin-bottom: 40px;
}
.team-members {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
grid-template-areas: ". . ."
". . .";
margin-bottom: 60px;
}
.team-member-title-wrap {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 60px;
display: flex;
}
.team-member-name {
opacity: 1;
margin-bottom: 5px;
font-size: 20px;
font-weight: 400;
line-height: 34px;
}
.projects-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template: "."
"."
"."
/ 1fr;
margin-bottom: 60px;
}
.project-name-wrap {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 60px;
display: flex;
}
.project-name-link {
margin-bottom: 5px;
font-size: 20px;
font-weight: 400;
line-height: 34px;
text-decoration: none;
}
.project-name-link:hover {
opacity: .8;
}
.project-name-link:active {
opacity: .7;
}
.project-cover-link {
margin-bottom: 40px;
}
.project-cover-link:hover {
opacity: .8;
}
.project-cover-link:active {
opacity: .7;
}
.project-overview-header {
color: #fff;
background-color: #f4f4f4;
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/606d788243ccdd55d22170a6_portfolio%201%20-%20wide.svg");
background-position: 50%;
background-size: cover;
justify-content: center;
align-items: center;
height: 620px;
margin-bottom: 100px;
display: flex;
}
.project-overview-header.cc-project-2-header {
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/606d788243ccdd1f9e21709f_portfolio%202%20-%20wide.svg");
background-position: 50%;
}
.project-overview-header.cc-project-3-header {
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/606d788243ccdd4ba72170a7_portfolio%203%20-%20wide.svg");
background-size: cover;
}
.project-details-grid {
grid-column-gap: 80px;
grid-row-gap: 30px;
grid-template: ". ."
/ 1fr 2fr;
align-items: start;
margin-top: 100px;
margin-bottom: 100px;
}
.project-pics {
margin-bottom: 120px;
}
.detail-image {
width: 100%;
margin-bottom: 30px;
}
.blog-detail-header-wrap {
width: 70%;
margin: 60px auto;
}
.detail-header-image {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: cover;
width: 100%;
height: 620px;
margin-bottom: 60px;
display: block;
}
.detail-header-image.w--current {
margin-bottom: 60px;
}
.blog-list-wrap {
margin-bottom: 100px;
}
.blog-item {
text-align: center;
flex-direction: column;
justify-content: center;
margin-bottom: 80px;
margin-left: auto;
margin-right: auto;
display: block;
}
.blog-preview-image {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: cover;
width: 100%;
height: 620px;
margin-bottom: 45px;
transition: opacity .6s;
display: block;
}
.blog-preview-image:hover {
opacity: .8;
}
.blog-preview-image:active {
opacity: .7;
}
.blog-summary-wrap {
text-align: left;
width: 70%;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
.blog-heading-link {
margin-bottom: 10px;
font-size: 30px;
font-weight: 400;
line-height: 46px;
text-decoration: none;
}
.blog-heading-link:hover {
opacity: .8;
}
.blog-heading-link:active {
opacity: .7;
}
.contact-email-link {
opacity: .6;
margin-bottom: 5px;
}
.contact-email-link:hover {
opacity: 1;
}
.contact-email-link:active {
opacity: .8;
}
.protected-form {
flex-direction: column;
display: flex;
}
.protected-wrap {
justify-content: center;
padding-top: 90px;
padding-bottom: 100px;
display: flex;
}
.protected-heading {
margin-bottom: 30px;
}
.utility-page-wrap {
color: #fff;
text-align: center;
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
padding: 30px;
display: flex;
}
._404-wrap {
background-color: #1a1b1f;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 30px;
display: flex;
}
._404-content-wrap {
margin-bottom: 20px;
}
.home-content-wrap {
margin-top: 80px;
margin-bottom: 120px;
}
.home-section-wrap {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-bottom: 0;
display: flex;
}
.home-section-wrap._90 {
width: 90%;
}
.home-section-wrap.bottom {
margin-bottom: 0;
}
.home-section-wrap.bottom._50 {
width: 50%;
}
.home-section-wrap._70 {
flex-wrap: nowrap;
align-content: stretch;
align-items: flex-start;
width: 70%;
}
.section-heading {
margin-top: 40px;
margin-bottom: 30px;
font-family: Metacom telegraf, sans-serif;
font-size: 42px;
font-weight: 400;
}
.about-grid {
grid-column-gap: 100px;
grid-row-gap: 30px;
grid-template: ". ."
/ 2.5fr 2.5fr;
grid-auto-flow: row;
align-items: center;
margin-bottom: 200px;
}
.about-grid.cc-about-2 {
grid-column-gap: 100px;
grid-row-gap: 100px;
grid-template-columns: 1.75fr 1.75fr;
grid-template-areas: ". .";
margin-bottom: 140px;
}
.about-grid.cc-about-2.mc6000 {
grid-column-gap: 120px;
grid-template-columns: 1.75fr 1.75fr;
}
.about-grid.cc-about-2.space-top {
margin-top: 200px;
}
.about-grid._731 {
grid-template-columns: 2.5fr .25fr;
}
.intro-text {
width: 80%;
margin-bottom: 35px;
margin-left: auto;
margin-right: auto;
}
.collection-wrap {
flex-wrap: wrap;
place-content: flex-start center;
align-items: flex-start;
margin-left: -15px;
margin-right: -15px;
display: flex;
}
.work-heading {
margin-top: 10px;
margin-bottom: 20px;
font-weight: 400;
}
.blog-heading {
text-align: center;
margin-bottom: 60px;
}
.blog-preview-wrap {
width: 33.33%;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 45px;
}
.collection-list-wrapper {
margin-bottom: 120px;
}
.business-article-heading {
margin-top: 10px;
margin-bottom: 10px;
font-size: 24px;
font-weight: 500;
line-height: 38px;
text-decoration: none;
}
.business-article-heading:hover {
opacity: .8;
}
.business-article-heading:active {
opacity: .7;
}
.banner {
background-color: var(--white);
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 850px;
padding-left: 75px;
padding-right: 75px;
display: flex;
position: static;
top: -135px;
}
.banner.black {
background-color: #0000;
background-image: linear-gradient(to bottom, var(--text-black), transparent), url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/6076b21990230d064b10e591_Screen-Shot-2021-04-14-at-09.03.03.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
flex-direction: column;
align-items: center;
width: 100vw;
height: auto;
min-height: 100svh;
margin-top: -5px;
}
.banner.mc7000 {
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/6437c4c41d0ce790b3ec8065_Dark%20Gradient%20Background.jpg");
background-position: 50% 30%;
background-repeat: no-repeat;
background-size: cover;
height: auto;
min-height: 100svh;
}
.div-block {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: auto;
display: flex;
}
.text-block {
font-family: Metacom telegraf, sans-serif;
font-size: 4vw;
line-height: 5vw;
}
.text-block.white {
color: var(--white);
line-height: 5.5vw;
transition: opacity .2s;
}
.text-block.white.shadow {
text-shadow: 4px 4px 7px var(--text-black);
}
.div-block-2 {
justify-content: flex-start;
align-items: center;
margin-top: 150px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.text-block-2 {
letter-spacing: .5px;
margin-top: 0;
font-family: Nb akademie std, sans-serif;
font-size: 21px;
font-weight: 300;
}
.text-block-2.white {
color: var(--white);
}
.text-block-2.white.underline {
border-bottom: 1px none var(--white);
line-height: 50px;
}
.image {
object-fit: none;
margin-left: 25px;
}
.image.scroll-arrow {
opacity: 1;
object-fit: fill;
transform: rotate(0);
}
.div-block-3 {
align-items: center;
display: flex;
}
.div-block-3.home-text-1 {
align-items: flex-start;
}
.text-block-3 {
color: var(--metacom-blue);
letter-spacing: .5px;
text-transform: none;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 16px;
}
.text-block-3.top {
color: var(--white);
}
.image-2 {
width: 15px;
max-width: none;
margin-left: 10px;
}
.image-2.back {
width: 12px;
max-width: none;
transition: opacity .2s;
transform: rotate(-180deg);
}
.div-block-4 {
margin-top: 40px;
margin-right: auto;
display: flex;
}
.grid {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.text-block-4 {
font-family: Telegraf, sans-serif;
font-size: 3vw;
line-height: 1;
}
.video-placeholder {
margin-top: 40px;
margin-bottom: 40px;
}
.video-placeholder.hover:hover {
box-shadow: 1px 1px 20px 3px #00000008;
}
.text-block-5 {
margin-top: 20px;
font-family: Nb akademie std, sans-serif;
font-size: 18px;
}
.text-block-6 {
font-family: Metacom nb akademie reg, sans-serif;
font-weight: 300;
}
.grid-2 {
grid-template-columns: 2fr 1fr 1fr;
}
.grid-2.footer {
grid-column-gap: 40px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr .5fr .5fr .75fr;
width: 100%;
max-width: 1280px;
margin-bottom: 40px;
margin-left: 75px;
margin-right: 75px;
}
.footer-logo {
flex-direction: column;
display: flex;
}
.image-3 {
width: 190px;
}
.footer-nav-head {
color: var(--white);
letter-spacing: 1px;
margin-bottom: 20px;
font-family: Metacom nb akademie reg, sans-serif;
}
.footer-nav-head.metashop {
margin-bottom: 10px;
}
.grid-3 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
padding-right: 0;
}
.footer-link {
color: var(--white);
letter-spacing: .5px;
border-bottom: 1px solid #0000;
flex-direction: row;
align-items: flex-start;
margin-bottom: 10px;
margin-left: 0;
margin-right: auto;
font-family: Metacom telegraf, sans-serif;
font-size: 14px;
line-height: 21px;
text-decoration: none;
display: inline-block;
}
.footer-link:hover {
border-style: none none solid;
border-width: 1px;
border-color: black black var(--white);
opacity: 1;
color: var(--white);
}
.footer-link-div {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.footer-social {
margin-top: 2px;
}
.grid-4 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.image-4, .image-5, .image-6 {
width: 22px;
}
.navigation-2 {
z-index: 99;
background-color: var(--white);
justify-content: center;
align-items: center;
padding: 45px 75px;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.logo-image-2 {
width: 190px;
display: block;
}
.routerbanner {
-webkit-text-fill-color: inherit;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/606eb3abbbda99764a98bf98_Metacom---Website-Router-Header.jpg");
background-position: 50%;
background-size: cover;
background-clip: content-box;
flex-direction: row;
flex: none;
justify-content: space-around;
align-self: stretch;
align-items: flex-start;
height: auto;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
top: 0;
}
.routerbanner.video {
background-color: #0000;
background-image: none;
flex-direction: column;
justify-content: center;
height: auto;
display: block;
overflow: hidden;
}
.intro-grid {
grid-template-rows: auto;
margin-top: 150px;
margin-bottom: 180px;
}
.intro-grid.no-banner {
margin-top: 200px;
margin-bottom: 140px;
}
.intro-grid.video {
margin-top: 80px;
}
.intro-wrap {
flex-direction: column;
margin-bottom: 30px;
display: flex;
}
.intro-wrap.media {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
flex: 0 auto;
order: 1;
grid-template-rows: auto;
grid-template-columns: 4fr 3fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row dense;
align-self: auto;
justify-items: start;
width: auto;
display: grid;
}
.intro-wrap.get-in-touch {
align-items: center;
display: block;
}
.page-header {
margin-top: 40px;
margin-bottom: 30px;
font-family: Metacom telegraf, sans-serif;
font-size: 72px;
font-weight: 400;
line-height: 84px;
}
.page-header.mid {
width: 100%;
max-width: 1430px;
margin-bottom: 140px;
font-size: 54px;
line-height: 62px;
}
.page-header.mid.timeline {
width: 100%;
max-width: 1280px;
margin-bottom: 141px;
}
.page-header.mid.time {
margin-top: 0;
margin-bottom: 8vw;
}
.page-header.slide {
flex: 1;
margin-right: 100px;
}
.page-header.services {
margin-top: 0;
}
.page-header.foundation {
text-align: center;
max-width: 500px;
margin-top: 0;
margin-bottom: 50px;
font-size: 60px;
line-height: 60px;
display: none;
}
.paragraph-light-line {
opacity: .6;
margin-top: 37px;
font-family: Metacom nb akademie reg, sans-serif;
}
.grid-5 {
grid-column-gap: 40px;
grid-row-gap: 120px;
grid-template-columns: 1fr 1fr 1fr;
}
.heading {
font-family: Metacom nb akademie reg, sans-serif;
font-size: 32px;
}
.descriptor {
margin-bottom: 40px;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 18px;
font-weight: 500;
}
.descriptor.clients {
margin-top: 20px;
margin-bottom: 30px;
}
.descriptor.intro {
flex-direction: row;
justify-content: flex-start;
height: auto;
font-family: Metacom telegraf, sans-serif;
font-size: 54px;
line-height: 60px;
display: block;
}
.descriptor.intro.careers {
margin-top: 140px;
margin-bottom: 0;
}
.descriptor.intro.careers.white {
color: var(--white);
}
.descriptor.intro.about {
color: var(--metacom-blue);
letter-spacing: .5px;
font-family: Metacom telegraf, sans-serif;
font-size: 36px;
line-height: 42px;
}
.descriptor.intro.about.white {
color: var(--white);
letter-spacing: .5px;
}
.descriptor.positions {
opacity: .65;
}
.descriptor.positions.white {
opacity: 1;
color: var(--white);
}
.descriptor.outro {
text-align: left;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
margin-top: 40px;
padding-left: 0;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 18px;
font-weight: 400;
display: block;
}
.descriptor.top-padding {
width: 50%;
}
.heading-2 {
color: var(--dim-grey);
font-family: Nb akademie std, sans-serif;
font-size: 32px;
font-weight: 300;
}
.heading-2.big-number {
opacity: .8;
color: var(--grey);
margin-bottom: 20px;
font-size: 32px;
line-height: 40px;
}
.heading-2.router-title {
margin-top: 80px;
margin-bottom: 0;
font-family: Telegraf, sans-serif;
font-size: 35px;
}
.heading-2.router-title.mc740 {
margin-top: 40px;
}
.router-link {
border-bottom: 1px solid var(--metacom-blue);
margin-top: 30px;
font-family: Metacom nb akademie reg, sans-serif;
line-height: 32px;
text-decoration: none;
transition: opacity .2s;
display: inline-block;
}
.router-link:hover {
border-bottom-color: #0000;
}
.router-link.media {
border: 1px #000;
margin-top: 0;
}
.router-icon {
width: 100%;
max-width: 140px;
position: static;
}
.router-icon.new-products {
object-fit: contain;
flex: 0 auto;
width: 100%;
max-width: 420px;
height: 100%;
max-height: 60px;
margin-left: auto;
margin-right: auto;
position: static;
}
.router-icon.new-products.mc740 {
object-fit: cover;
max-width: 230px;
max-height: 280px;
}
.router-icon-wrap {
width: 70px;
margin-bottom: 45px;
position: absolute;
}
.routers-grid {
grid-column-gap: 80px;
grid-row-gap: 100px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 140px;
}
.footer-top {
z-index: 2;
background-color: var(--white-smoke);
flex-direction: column;
flex: 1;
align-self: stretch;
align-items: center;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding: 60px 75px;
display: flex;
position: relative;
}
.quote {
opacity: 0;
margin-top: 140px;
margin-bottom: 140px;
font-family: Nb akademie std, sans-serif;
font-size: 2.1vw;
font-weight: 300;
line-height: 3vw;
}
.tabs-menu {
flex-direction: column;
display: flex;
}
.tab-link-tab-1 {
background-color: #0000;
justify-content: space-between;
align-items: center;
padding-left: 0;
padding-right: 0;
display: flex;
}
.tab-link-tab-1.w--current, .tab-link-tab-2 {
background-color: #0000;
border-bottom: 1px solid #000;
justify-content: space-between;
align-items: center;
padding-left: 0;
padding-right: 0;
display: flex;
}
.tab-link-tab-3 {
background-color: #0000;
border-bottom: 1px solid #000;
justify-content: space-between;
align-items: center;
padding-left: 0;
display: flex;
}
.text-block-7 {
font-family: Metacom nb akademie reg, sans-serif;
font-size: 28px;
}
.tab-text {
margin-bottom: 10px;
font-family: Nb akademie std, sans-serif;
font-size: 28px;
font-weight: 300;
line-height: 48px;
}
.tab-text.blue {
color: var(--metacom-blue);
margin-bottom: 10px;
}
.arrow {
width: 20px;
}
.dropdown-toggle {
border-bottom: 1px solid #000;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 10px 0;
display: flex;
position: static;
}
.grid-6 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 40px;
}
.dropdown-list {
position: static;
}
.dropdown-list.w--open {
background-color: #0000;
margin-top: 20px;
}
.dropdown {
width: 100%;
}
.icon {
margin-right: 0;
}
.text-block-8, .text-block-8-copy {
font-family: Nb akademie std, sans-serif;
font-size: 28px;
font-weight: 300;
line-height: 48px;
}
.dropdown-link, .dropdown-link-2, .dropdown-link-3 {
padding-left: 0;
padding-right: 0;
}
.case-study-footer {
grid-column-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.text-block-9 {
font-family: Nb akademie std, sans-serif;
font-size: 28px;
font-weight: 300;
line-height: 38px;
}
.text-block-10 {
font-weight: 400;
}
.text-block-11 {
font-family: Nb akademie std, sans-serif;
font-size: 24px;
font-weight: 300;
}
.top-footer-link {
margin-top: 20px;
font-family: Nb akademie std, sans-serif;
font-size: 24px;
font-weight: 300;
}
.top-footer-link:hover {
color: var(--metacom-blue);
}
.top-footer-contact {
border-bottom: 1px solid #000;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 60px;
}
.top-footer-arrow {
flex: 0 auto;
justify-content: space-between;
width: 20px;
display: block;
}
.drop-toggle {
cursor: pointer;
border-bottom: 1px #0000;
margin-top: auto;
margin-bottom: 0;
}
.top-footer-wrap {
justify-content: space-between;
display: flex;
}
.top-footer-row {
flex: 0 auto;
align-self: stretch;
display: block;
}
.top-footer-row.contact {
display: none;
}
.drop-toggle-2, .drop-toggle-3 {
border-bottom: 1px solid #0000;
margin-top: 10px;
margin-bottom: 10px;
display: none;
}
.top-footer-contact-2 {
border-bottom: 1px solid #000;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 40px;
display: none;
}
.top-footer-contact-3 {
border-bottom: 1px solid #000;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 40px;
display: block;
}
.top-footer-arrow-2, .top-footer-arrow-3 {
flex: 0 auto;
justify-content: space-between;
width: 20px;
display: block;
}
.top-footer-wrap-2, .top-footer-wrap-3 {
justify-content: space-between;
display: flex;
}
.div-block-5 {
border: 1px #000;
justify-content: space-between;
width: 100%;
display: flex;
}
.footer-devider {
background-color: var(--silver);
width: auto;
height: 1px;
margin-top: 15px;
}
.devider-trigger-2 {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.footer-devider-2, .footer-devider-3 {
background-color: var(--black);
width: auto;
height: 1px;
}
.devider-trigger, .devider-trigger-3 {
border: 1px #000;
justify-content: space-between;
width: 100%;
display: flex;
}
.div-block-6 {
padding-right: 40px;
}
.div-block-6.craig-tate {
display: none;
}
.text-block-12 {
letter-spacing: .5px;
margin-top: 50px;
margin-bottom: 10px;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 21px;
}
.image-7 {
margin-top: 10px;
}
.image-7:hover {
box-shadow: 4px 4px 20px 5px #00000008;
}
.image-7.rean, .image-7.craig, .image-7.marius {
width: 100%;
}
.cs-footer-link {
border-bottom: 1px solid var(--metacom-blue);
margin-top: 20px;
margin-bottom: 20px;
font-family: Metacom nb akademie reg, sans-serif;
line-height: 32px;
text-decoration: none;
display: inline-block;
}
.cs-footer-link:hover {
border-bottom-color: #0000;
}
.casestudy-footer {
background-color: var(--white);
padding: 30px;
transition: transform .2s cubic-bezier(.55, .085, .68, .53);
}
.casestudy-footer:hover {
transform: scale(1.04);
}
.cs-paragraph {
margin-top: 0;
margin-left: 0;
margin-right: 0;
font-family: Nb akademie std, sans-serif;
font-size: 21px;
font-weight: 300;
}
.name {
margin-top: 40px;
font-family: Nb akademie std, sans-serif;
font-size: 21px;
font-weight: 300;
}
.company {
opacity: .6;
margin-top: 10px;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 18px;
font-weight: 300;
}
.testimony-footer {
grid-column-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 20px;
}
.clients-banner {
-webkit-text-fill-color: inherit;
background-color: #0000;
background-clip: content-box;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 850px;
padding-left: 0;
padding-right: 0;
display: flex;
position: static;
top: -135px;
}
.clients-grid {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-bottom: 100px;
}
.services-banner {
-webkit-text-fill-color: inherit;
background-color: #0000;
background-clip: content-box;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 850px;
padding-left: 0;
padding-right: 0;
display: flex;
position: static;
top: -135px;
}
.services-grid {
grid-column-gap: 80px;
grid-row-gap: 100px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 140px;
}
.services-icon {
width: 60px;
}
.intro-grid-2 {
grid-column-gap: 120px;
grid-template-rows: auto;
margin-top: 300px;
margin-bottom: 180px;
}
.intro-image {
margin-top: 40px;
}
.intro-image.about {
align-items: center;
height: 500px;
margin-top: 0;
padding-top: 60px;
display: flex;
overflow: hidden;
}
.intro-text-bottom {
margin-top: 80px;
}
.intro-text-bottom.careers, .intro-text-bottom.services {
margin-top: 30px;
}
.list-item-icon {
opacity: .8;
text-align: left;
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/6073547a672f3c8630fb1cdb_Metacom%20-%20Website%20bullet.svg");
background-position: 0 10px;
background-repeat: no-repeat;
background-size: 8px 8px;
padding-left: 30px;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 18px;
text-decoration: none;
list-style-type: none;
}
.list-item-icon.about {
opacity: .6;
background-image: none;
padding-left: 0;
}
.list-item-icon.about.white {
opacity: .8;
color: var(--white);
}
.list-item-icon.white {
color: var(--white);
}
.heading-3 {
margin-top: 10px;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 20px;
}
.heading-3.paragraph {
margin-top: 40px;
}
.heading-3.paragraph.white {
color: #fff;
}
.heading-3.paragraph.careers {
justify-content: flex-start;
}
.heading-3.white {
color: var(--white);
}
.paragraph-medium {
opacity: .8;
flex-direction: column;
align-items: flex-start;
width: auto;
margin-bottom: 0;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 32px;
display: flex;
}
.paragraph-medium.date {
margin-bottom: 20px;
}
.paragraph-medium.light {
opacity: .6;
}
.paragraph-medium.light.white {
opacity: .8;
color: #fff;
}
.about-profiles {
grid-column-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.about-team {
border-bottom: 1px #000;
margin-bottom: 220px;
padding-top: 10px;
padding-bottom: 40px;
}
.heading-4 {
margin-top: 60px;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 24px;
}
.the-width-400vh-scrollable-div {
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
width: 1000vw;
height: 100%;
display: flex;
}
.the-sticky-div {
background-color: #ffffff82;
border-radius: 0;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: auto;
height: 100vh;
margin: 0 auto;
display: flex;
position: sticky;
top: 0;
bottom: 0;
overflow: hidden;
}
.project-3 {
max-width: 142%;
margin-top: auto;
position: relative;
top: 14px;
left: -35px;
}
.image-15 {
max-width: 155%;
margin-top: auto;
position: relative;
top: 9px;
left: -61px;
}
.the-overflow-hidden-mask {
z-index: 200;
width: auto;
height: 100%;
position: relative;
overflow: hidden;
}
.small-devider {
background-color: #b7b7b7;
width: 45%;
height: 1px;
margin-top: 30px;
margin-bottom: 60px;
}
.dot {
background-color: var(--metacom-blue);
border-radius: 0;
width: 10px;
height: 10px;
margin-top: auto;
position: relative;
inset: auto 0% -4px -1%;
}
.div-block-56 {
z-index: -1;
background-color: #9c9c9c;
width: 1px;
height: 26px;
margin-top: auto;
position: relative;
bottom: -4px;
left: 1px;
}
.timeline-box {
background-color: #0000;
border-radius: 6px;
flex-direction: column;
flex: none;
justify-content: center;
align-items: flex-start;
width: 300px;
height: auto;
min-height: auto;
margin-left: 80px;
margin-right: 80px;
display: flex;
overflow: visible;
}
.timeline-box.spacer {
width: 10vw;
}
.heading-5 {
color: #000;
font-size: 38px;
}
.project-1 {
max-width: 125%;
margin-top: auto;
position: relative;
top: 13px;
left: -29px;
}
.timeline-text {
z-index: 1000;
opacity: 1;
color: #000;
text-align: left;
margin-right: auto;
font-size: 26px;
font-weight: 300;
line-height: 32px;
position: absolute;
}
.timeline-text-wrap {
opacity: 1;
text-align: center;
background-color: #fff;
border-radius: 0;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 0 0 0;
display: flex;
position: static;
bottom: 53px;
transform: translate(0);
}
.the-height-400vh-section {
background-color: #fff;
border-top: 60px #24242417;
flex-direction: column;
justify-content: center;
align-items: center;
height: 3000vh;
margin-left: 0;
display: none;
position: relative;
}
.the-height-400vh-section:focus {
box-shadow: inset 0 0 0 85px #ff00004a;
}
.div-block-53 {
margin-left: 0;
}
.the-content {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
padding-bottom: 13vh;
padding-left: 8vw;
display: flex;
position: relative;
}
.wrapper {
flex-direction: column;
justify-content: center;
width: 100%;
max-width: 1230px;
margin: auto;
padding-bottom: 0;
padding-left: 30px;
padding-right: 30px;
display: block;
top: 0;
left: 0;
right: 0;
}
.wrapper.timeline {
z-index: 300;
max-width: 1280px;
margin-top: 0;
padding-left: 150px;
padding-right: 0;
position: absolute;
}
.devider-time {
z-index: -2;
background-color: #fff;
background-image: linear-gradient(to right, #fff, #9c9c9c 14%);
width: 100vw;
height: 1px;
margin-bottom: 0;
position: relative;
top: 45vh;
left: 0;
}
.body {
flex-direction: column;
align-items: stretch;
display: flex;
}
.body.media {
background-color: #fafafa;
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/607b4871180ab944582887bc_Metacom%20-%20Website%20grid.svg");
background-repeat: repeat;
background-size: 150px;
background-attachment: fixed;
}
.body.article {
padding-left: 0;
padding-right: 0;
display: block;
}
.image-16 {
display: block;
}
.text-right-image {
grid-column-gap: 100px;
grid-row-gap: 30px;
grid-template: ". ."
/ 2.5fr 2.5fr;
align-items: center;
margin-bottom: 200px;
}
.text-right-image.cc-about-2 {
grid-template-columns: 2.5fr 2fr;
grid-template-areas: ". .";
}
.image-left-text {
margin-right: 20px;
}
.list {
padding-left: 0;
}
.list.foundation {
margin-top: 0;
margin-bottom: 0;
}
.list.mc250-wi-fi {
width: 60%;
}
.banner-wrap {
flex-direction: column;
align-self: center;
width: 100%;
max-width: 1280px;
display: flex;
}
.top-footer-box {
flex-direction: column;
width: 100%;
max-width: 1280px;
display: flex;
}
.home-video-1 {
width: 90%;
}
.image-17, .image-18 {
margin-right: auto;
}
.image-18.home-image-1 {
object-fit: cover;
width: 100%;
}
.home-video-2 {
width: 100%;
}
.home-video-2.article {
margin-bottom: 100px;
}
.drop-menu {
align-items: center;
display: block;
}
.router-wrap-2 {
display: block;
}
.router-icon-wrap-2, .router-icon-wrap-3 {
margin-bottom: 45px;
position: absolute;
}
.router-icon-wrap-4 {
width: 70px;
margin-bottom: 45px;
position: absolute;
}
.router-icon-wrap-5 {
width: 86px;
margin-bottom: 45px;
position: absolute;
}
.router-icon-wrap-6 {
margin-bottom: 45px;
position: absolute;
}
.service-icon-wrap {
width: 70px;
margin-bottom: 45px;
position: static;
}
.image-19 {
object-fit: cover;
flex: 1;
align-self: center;
width: 100%;
min-width: 1460px;
height: 100%;
margin-top: 0;
padding-top: 30px;
}
.service-wrap.hide {
display: none;
}
.div-block-57 {
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/6076bbe12231d472a9e39835_Screen-Shot-2021-04-14-at-11.47.42.jpg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
}
.footer-testimonials {
display: none;
}
.about-intro-grid {
grid-column-gap: 120px;
grid-template-rows: auto;
margin-top: 200px;
margin-bottom: 140px;
}
.about-intro-grid.new {
margin-bottom: 60px;
}
.about-intro-grid.less-space-top, .about-intro-grid.careers {
margin-top: 0;
}
.div-block-58 {
width: 95%;
}
.div-block-58.service {
width: 100%;
margin-top: 0;
margin-bottom: 60px;
}
.div-block-58.get-in-touch {
margin-bottom: 100px;
}
.timeline-content {
flex-direction: row;
justify-content: center;
align-items: flex-end;
width: auto;
height: 50vh;
padding-bottom: 5vh;
padding-left: 133vw;
display: flex;
position: relative;
overflow: visible;
}
.timeline-date {
margin-top: 20px;
margin-bottom: 20px;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 24px;
}
.mid-banner {
opacity: 1;
background-color: #00000005;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 650px;
padding-left: 0;
padding-right: 0;
display: flex;
position: static;
top: -135px;
}
.mid-banner.black {
background-color: var(--black);
flex-direction: row;
align-items: flex-end;
width: 100vw;
height: 100vh;
}
.image-20 {
width: 90%;
max-width: 1280px;
padding-left: 75px;
padding-right: 75px;
}
.div-block-59 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1280px;
height: 650px;
display: flex;
overflow: hidden;
}
.div-block-59.hide, .div-block-59.hide.routers {
display: none;
}
.grid-7 {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.div-block-60 {
width: 50%;
margin-top: 100px;
margin-bottom: 140px;
margin-left: auto;
}
.service-intro-image {
align-items: flex-start;
width: 100%;
height: 100%;
margin-top: 0;
display: flex;
position: relative;
top: 0;
}
.gallery {
background-image: linear-gradient(45deg, #662d8c, #ed1e79);
width: 100%;
height: 4000px;
margin-top: 50px;
margin-bottom: 50px;
position: relative;
}
.gallery-scroll-track {
z-index: 1;
position: absolute;
inset: 0;
}
.gallery-container {
width: 100%;
height: 100vh;
position: relative;
top: 0;
overflow: hidden;
}
.gallery-track {
align-items: center;
width: 300vw;
height: 100%;
display: flex;
position: relative;
}
.gallery-image {
border-radius: 5px;
flex: 1;
height: 70vh;
margin: 20px;
box-shadow: 1px 1px 19px #00000040;
}
.gallery-image._1 {
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/60760859c82a92e2fc9cca67_saso-tusar-181518_compressed.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.gallery-image._2 {
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/60760859c82a9220789cca64_carson-arias-197710_compressed.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.gallery-image._3 {
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/60760859c82a922ab69cca6a_andrew-bui-277993_compressed.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.horizontal-section {
width: 100%;
height: 700vh;
display: block;
position: relative;
}
.horizontal-wrapper {
object-fit: fill;
flex-direction: column;
width: 100vw;
height: auto;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.horizontal-content {
align-items: flex-start;
width: 1700vh;
height: 100vh;
display: flex;
overflow: hidden;
}
.timeline-title-wrap {
width: 100vw;
max-width: none;
margin-top: 10vh;
margin-left: 0;
}
.div-block-61 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
margin-left: 70px;
margin-right: 75px;
display: flex;
position: sticky;
top: 0;
}
.racetrack {
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/607b3fa15c2f056fc932fc03_Racetrack.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto 120%;
width: 100vw;
max-width: none;
height: 850px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
.media-grid {
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
margin-top: 150px;
margin-bottom: 180px;
}
.media-grid.no-banner {
grid-template-columns: 1fr .5fr;
margin-top: 200px;
}
.blue-block {
background-color: var(--metacom-blue);
width: 30px;
height: 30px;
}
.media-items {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template: "Area Area Area-3"
"Area-4 Area-4 Area-4"
". . ."
". Area-2 Area-2"
". Area-2 Area-2"
/ 1fr 1fr 1fr;
align-items: start;
max-width: 1280px;
margin-bottom: 180px;
}
.mediablock {
background-color: var(--white);
padding: 10px 20px 40px;
}
.mediablock.big {
background-color: #0000;
flex-flow: column;
place-content: flex-end flex-start;
padding: 0;
display: flex;
}
.heading-6 {
font-family: Metacom nb akademie reg, sans-serif;
}
.heading-6.media-title {
color: var(--metacom-blue);
margin-bottom: 15px;
line-height: 28px;
}
.heading-6.media-title.big {
width: 80%;
}
.heading-6.article-title {
color: var(--metacom-blue);
margin-bottom: 30px;
font-family: Nb akademie std, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 34px;
}
.heading-6.article-title.big {
width: 80%;
}
.media-date {
color: var(--black);
font-family: Metacom nb akademie reg, sans-serif;
}
.media-category {
color: var(--grey);
margin-bottom: 20px;
font-family: Metacom nb akademie reg, sans-serif;
}
.media-category._70 {
width: 80%;
}
.column {
padding-left: 0;
padding-right: 20px;
}
.media-image {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
width: 100%;
max-height: none;
margin-top: 10px;
margin-bottom: 30px;
}
.div-block-62 {
column-count: 3;
}
.media-big-box {
background-color: var(--white);
padding: 10px 20px 40px;
}
.media-header {
flex: 1;
width: 100%;
}
.div-block-63 {
width: 100%;
}
.div-block-64 {
column-count: 2;
}
.media-link-box {
margin-top: 30px;
display: inline-block;
overflow: hidden;
}
.div-block-65 {
height: 2px;
}
.media-link-line {
background-color: var(--metacom-blue);
width: 100%;
height: 1px;
}
.media-link {
border: 1px #000;
margin-top: 0;
font-family: Metacom nb akademie reg, sans-serif;
line-height: 32px;
text-decoration: none;
transition-property: none;
display: inline-block;
}
.media-link:hover {
border: 1px #000;
}
.media-link.media {
border: 1px #000;
margin-top: 0;
}
.media-link.positions {
color: var(--metacom-blue);
}
.div-block-66 {
height: 1px;
}
.media-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
flex: 1;
grid-template: "Area Area"
/ 1.5fr 1.5fr 2fr;
grid-auto-columns: 1fr;
max-width: 1280px;
margin-bottom: 30px;
display: grid;
}
.media-wrap.media {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
flex: 0 auto;
order: 1;
grid-template-rows: auto;
grid-template-columns: 4fr 3fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row dense;
align-self: auto;
justify-items: start;
width: auto;
display: grid;
}
.div-block-67 {
object-fit: cover;
flex-flow: column;
width: 100%;
max-width: 1280px;
display: flex;
}
.contact-wrap {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1280px;
height: 400px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.contact-intro-grd {
grid-column-gap: 120px;
grid-template-rows: auto;
margin-top: 200px;
margin-bottom: 100px;
}
.contact-intro-grd.mid {
margin-top: 0;
margin-bottom: 60px;
}
.support-grid {
grid-column-gap: 40px;
grid-template-rows: auto;
}
.support-button {
border: 2px solid var(--metacom-blue);
background-color: var(--white);
justify-content: center;
align-items: center;
width: 30vw;
height: 120px;
display: flex;
}
.support-button:hover {
background-color: var(--metacom-blue);
}
.support-button-text {
text-align: center;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 24px;
text-decoration: none;
}
.map-grid {
grid-column-gap: 80px;
grid-template-rows: auto;
justify-items: stretch;
width: 100%;
max-width: 1280px;
margin-bottom: 180px;
}
.office-wrap {
flex-direction: column;
justify-content: flex-end;
display: flex;
}
.map-heading {
font-family: Metacom nb akademie reg, sans-serif;
font-size: 22px;
line-height: 32px;
}
.map-text {
margin-bottom: 10px;
font-family: Nb akademie std, sans-serif;
font-size: 21px;
font-weight: 300;
line-height: 32px;
}
.map-wrap {
margin-top: 60px;
margin-bottom: 60px;
}
.adress {
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/6073547a672f3c8630fb1cdb_Metacom%20-%20Website%20bullet.svg");
background-position: 0 12px;
background-repeat: no-repeat;
background-size: 10px 10px;
padding-left: 40px;
}
.office-address {
font-family: Nb akademie std, sans-serif;
font-size: 21px;
font-weight: 300;
line-height: 34px;
}
.hero-scroll-arrow {
width: auto;
margin-left: auto;
margin-right: auto;
overflow: visible;
}
.careerslist {
margin-top: 40px;
}
.careers-grid {
grid-column-gap: 100px;
grid-row-gap: 30px;
grid-template: ". ."
/ 2.5fr 2.25fr;
align-items: center;
margin-bottom: 140px;
}
.careers-grid.cc-about-2 {
grid-template-columns: 2.5fr 2fr;
grid-template-areas: ". .";
}
.positionswrap {
margin-bottom: 220px;
}
.positions-grid {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: 80px;
}
.positions-link {
border-bottom: 1px solid var(--metacom-blue);
color: var(--metacom-blue);
margin-top: 30px;
font-family: Metacom nb akademie reg, sans-serif;
line-height: 32px;
text-decoration: none;
transition-property: none;
display: inline-block;
}
.positions-link:hover {
color: var(--metacom-blue);
border-bottom-color: #0000;
}
.positions-link.media {
border: 1px #000;
margin-top: 0;
}
.article-wrap {
flex: 1;
width: 80%;
}
.article-wrap.services {
justify-content: center;
width: 55%;
margin-bottom: 140px;
display: flex;
}
.article-date {
color: var(--silver);
margin-top: 30px;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 18px;
}
.article-date.type-approval {
justify-content: center;
margin-top: -60px;
display: flex;
}
.artile-category {
color: var(--grey);
margin-bottom: 30px;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 14px;
line-height: 21px;
}
.div-block-69 {
justify-content: flex-start;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
padding-left: 75px;
padding-right: 75px;
display: flex;
}
.article-section {
object-fit: fill;
flex-direction: column;
flex: 1;
align-self: flex-end;
align-items: center;
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
display: block;
}
.article-section.image {
margin-top: 60px;
display: block;
}
.article-section.image.hide {
display: none;
}
.article-text {
margin-top: 30px;
}
.article-text.start {
margin-top: 60px;
}
.article-text.start.menu-button {
width: 1280px;
max-width: none;
}
.article-quote {
margin-bottom: 50px;
font-family: Nb akademie std, sans-serif;
font-size: 21px;
font-weight: 300;
line-height: 30px;
}
.article-quote.bottom {
margin-top: 40px;
}
.article-button {
margin-top: 60px;
margin-bottom: 100px;
margin-right: auto;
display: flex;
}
.article-button.link {
color: var(--metacom-blue);
margin-top: 30px;
margin-bottom: 20px;
text-decoration: underline;
}
.about-grid-4 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-bottom: 140px;
}
.div-block-70 {
width: 100%;
height: 100%;
}
.about-tile {
border-top: 1px solid var(--silver);
background-color: #0000;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
margin-bottom: 0;
padding: 60px 40px 40px;
display: flex;
}
.about-tile._90 {
width: 90%;
}
.about-tile.no-trim {
background-color: #fafafa;
border-top-style: none;
border-top-color: #0000;
border-radius: 15px;
padding-bottom: 60px;
padding-left: 60px;
padding-right: 60px;
transition: transform .2s;
}
.about-tile.no-trim:hover {
transform: scale(1.02);
}
.about-tile-wrap {
display: flex;
}
.div-block-71 {
width: 1px;
height: 30px;
}
.about-devider {
background-color: var(--silver);
width: 1px;
height: 30px;
}
.grid-8 {
display: flex;
}
.services-page-top {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 220px;
display: flex;
}
.service-page-wrap {
width: 55%;
}
.service-copy-wrap {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-top: 20px;
margin-bottom: 30px;
display: flex;
}
.service-copy-wrap._90 {
width: 90%;
}
.div-block-72 {
justify-content: space-between;
align-self: stretch;
display: flex;
}
.list-column {
margin-left: 60px;
}
.div-block-73 {
background-color: var(--metacom-blue);
width: 75px;
height: 2px;
margin-top: 40px;
margin-bottom: 20px;
}
.big-number {
color: #b9b9b9;
margin-bottom: 30px;
font-family: Nb akademie std, sans-serif;
font-size: 48px;
font-weight: 300;
line-height: 56px;
}
.clients-button {
margin-top: 60px;
margin-bottom: 100px;
margin-right: auto;
display: flex;
}
.big-number-service {
color: #b9b9b9;
margin-bottom: 30px;
font-family: Nb akademie std, sans-serif;
font-size: 48px;
font-weight: 300;
line-height: 56px;
}
.vacancies-cms {
width: 100%;
max-width: 1280px;
}
.service-top {
grid-template-rows: auto;
margin-top: 200px;
margin-bottom: 140px;
display: flex;
}
.service-container {
justify-content: space-between;
margin-top: 100px;
margin-bottom: 140px;
display: flex;
position: relative;
}
.service-intro {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.service-section-wrap {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-top: 20px;
margin-bottom: 80px;
display: flex;
}
.service-section-wrap._90 {
width: 90%;
}
.service-section-wrap.about-us {
width: 101%;
}
.service-top-image {
width: 90%;
max-width: 500px;
max-height: none;
margin-left: auto;
position: sticky;
top: 120px;
}
.service-left {
width: 50%;
}
.service-right {
margin-left: 60px;
}
.service-button {
margin-top: 60px;
margin-bottom: 0;
margin-right: auto;
display: flex;
}
.service-button.new {
margin-top: 100px;
margin-bottom: 140px;
}
.routers-image {
max-width: none;
max-height: none;
margin-bottom: 100px;
}
.div-block-76, .home-line {
background-color: var(--metacom-blue);
width: 50px;
height: 2px;
margin-top: 8px;
margin-left: 15px;
}
.div-block-77 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.menu-x {
width: 20px;
}
.full-menu {
background-color: var(--metacom-blue);
flex-direction: column;
flex: 1;
align-self: center;
align-items: stretch;
display: flex;
position: static;
inset: 0%;
}
.div-block-79 {
flex: 0 auto;
width: 100vw;
height: 100vh;
}
.div-block-80 {
background-color: var(--metacom-blue);
width: 100vw;
height: 100vh;
position: fixed;
inset: 0%;
}
.full-drop-nav {
z-index: 99999;
background-color: var(--metacom-blue);
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.div-block-81 {
padding: 40px 75px;
}
.image-21 {
width: 150px;
}
.full-menu-nav {
color: var(--white);
text-align: center;
letter-spacing: .5px;
font-family: Nb akademie std, sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 24px;
display: inline-block;
}
.full-nav-item {
border-bottom: 1px solid #0000;
margin-bottom: 20px;
margin-left: 0;
padding-top: 9px;
padding-bottom: 4px;
}
.full-nav-item:hover {
border-bottom: 1px solid var(--white);
}
.div-block-82 {
justify-content: space-between;
align-items: center;
padding: 40px 75px;
display: flex;
}
.full-nav {
opacity: 1;
letter-spacing: .5px;
text-transform: none;
margin-left: 25px;
padding: 9px 0 4px;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 20px;
}
.full-nav:hover {
opacity: .9;
}
.full-nav:active {
opacity: .8;
}
.full-nav.w--current {
opacity: 1;
color: var(--black);
border-bottom: 1px solid #000;
font-family: Metacom nb akademie reg, sans-serif;
font-weight: 600;
text-decoration: none;
transition-property: none;
}
.full-nav.w--current:hover, .full-nav.w--current:active {
opacity: 1;
color: var(--black);
}
.full-nav.w--current:focus {
opacity: 1;
}
.full-nav.white {
opacity: 1;
color: var(--white);
border-bottom: 1px solid #0000;
font-family: Nb akademie std, sans-serif;
font-size: 16px;
transition-property: none;
}
.full-nav.white:hover {
border-bottom: 1px solid var(--white);
margin-left: 25px;
padding-left: 0;
}
.full-nav.white.w--current {
opacity: 1;
font-size: 15px;
}
.full-nav.white.w--current:hover {
color: var(--white);
}
.full-nav.black {
border-bottom: 1px solid #0000;
}
.full-nav.black:hover {
border-bottom-color: var(--black);
opacity: 1;
color: var(--black);
}
.full-nav-items {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
padding-bottom: 100px;
display: flex;
}
.div-block-83 {
flex-direction: column;
align-items: center;
display: flex;
}
.about-grid-5 {
grid-column-gap: 30px;
grid-row-gap: 30px;
max-width: 1430px;
margin: 100px auto;
padding-left: 75px;
padding-right: 75px;
}
.html-embed-2 {
flex: 1;
max-width: 1430px;
min-height: 400px;
margin-top: 100px;
}
.html-embed-2.padding-top {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.html-embed-2.padding-top.hide {
max-width: 1280px;
display: none;
}
.div-block-84 {
z-index: 99;
color: #4d5ea0;
height: 100%;
position: relative;
inset: 0% 0% auto;
}
.div-block-87 {
margin-top: 40px;
margin-bottom: 40px;
}
.div-block-88 {
width: 40%;
margin-left: auto;
}
.about-grid-copy {
grid-column-gap: 100px;
grid-row-gap: 30px;
grid-template: ". ."
/ 2.5fr 2.5fr;
grid-auto-flow: row;
align-items: center;
margin-bottom: 200px;
}
.about-grid-copy.cc-about-2 {
grid-column-gap: 120px;
grid-template-columns: 1.75fr 1.75fr;
grid-template-areas: ". .";
}
.about-grid-copy.cc-about-2.mc6000 {
grid-template-columns: 1fr 1.75fr;
}
.about-grid-copy._731 {
grid-template-columns: 2.5fr .25fr;
}
.paragraph-2 {
margin-top: 30px;
font-family: Metacom nb akademie reg, sans-serif;
}
.services-grid-2 {
grid-column-gap: 80px;
grid-row-gap: 100px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 140px;
}
.service-mobile {
display: none;
}
.c-scrolling-line {
align-items: center;
display: flex;
}
.scroll_section {
justify-content: center;
align-items: center;
width: 100vw;
height: auto;
display: block;
}
.scroll_section.expand {
height: 400vh;
}
._w-scrolling-content {
align-items: flex-start;
position: relative;
}
.c-scrolling-content {
margin-bottom: 60px;
}
.c-scrolling-item {
flex: none;
width: 380px;
}
.timeline-header {
color: #5f67ff;
margin-top: 0;
margin-bottom: 0;
font-size: 2.5em;
font-weight: 600;
line-height: 1.2em;
}
.scroll-details {
opacity: .6;
margin-bottom: 0;
font-family: Metacom nb akademie reg, sans-serif;
line-height: 24px;
}
.c-details {
margin-bottom: 40px;
}
.scroll-line {
background-color: #ccc;
width: 100%;
height: 2px;
}
.scroll-line.last {
display: none;
}
.c-scrolling-details {
padding-top: 20px;
padding-bottom: 20px;
padding-right: 60px;
}
.c-scroll-track {
flex: none;
width: 250vh;
display: flex;
}
.c-scroll-track.editing {
flex-direction: column;
}
.wrapper-2 {
width: 100%;
max-width: 1430px;
margin-left: auto;
margin-right: auto;
padding: 60px 70px;
}
.scroll-item-header {
margin-top: 10px;
margin-bottom: 20px;
font-family: Nb akademie std, sans-serif;
font-size: 1.8em;
font-weight: 300;
line-height: 1.4em;
}
.scroll_container {
justify-content: center;
align-items: center;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 20px 0;
display: flex;
}
.scroll_container.sticky {
max-width: none;
position: sticky;
top: 3vw;
overflow: hidden;
}
.scroll-indicator {
background-color: var(--metacom-blue);
border: 0 #0000;
width: 15px;
height: 14px;
}
.html-embed-3 {
z-index: -99999;
width: 100%;
max-width: 1430px;
min-height: auto;
display: block;
position: relative;
}
.text-block-13 {
color: #00a7ea;
letter-spacing: .5px;
text-transform: none;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 16px;
}
.text-block-13.top {
color: #fff;
}
.button-2 {
color: #00a7ea;
letter-spacing: 2px;
text-transform: uppercase;
object-fit: fill;
background-color: #0000;
border: 1px solid #00a7ea;
border-radius: 0;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin-right: 0;
padding: 15px 25px;
font-size: 12px;
line-height: 20px;
text-decoration: none;
transition: background-color .4s, opacity .4s, color .4s;
display: flex;
}
.button-2:hover {
color: #fff;
background-color: #0000;
}
.button-2:active {
background-color: #0000;
}
.button-2.home-button-1 {
background-color: #eefaff;
border-color: #0000;
padding-left: 26px;
padding-right: 26px;
}
.button-2.home-button-1-top.top {
opacity: 0;
color: #fff;
background-color: #00a7ea;
border-width: 2px;
margin-left: 1px;
display: flex;
position: relative;
top: auto;
left: -179px;
}
.button-2.home-button-1-top.top:hover {
opacity: 1;
}
.button-2.home-button-1-top.top.service {
left: -203px;
}
.div-block-90 {
width: 100%;
max-width: 1430px;
margin-bottom: 100px;
}
.text-span {
color: var(--metacom-blue);
cursor: pointer;
order: -1;
align-self: baseline;
text-decoration: underline;
}
.mobilevideo {
z-index: -99999;
width: 100%;
max-width: 1430px;
min-height: auto;
display: none;
position: relative;
}
.mobilevideo.hide, .mobilevideo.background-video, .mobilevideo.background-video.router-page {
display: none;
}
.rich-text-block.popi {
display: block;
}
.rich-text-block.popi h6 {
margin-top: 5px;
margin-bottom: 5px;
font-weight: 400;
}
.rich-text-block.popi h1 {
margin-top: 30px;
font-size: 20px;
font-weight: 700;
line-height: 24px;
}
.rich-text-block.popi h2 {
margin-top: 20px;
font-size: 16px;
line-height: 32px;
}
.rich-text-block.popi h3 {
font-size: 16px;
line-height: 32px;
}
.rich-text-block.popi h4 {
padding-left: 100px;
font-size: 16px;
line-height: 32px;
}
.rich-text-block.popi h5 {
padding-left: 200px;
font-size: 16px;
font-weight: 400;
}
.div-block-91 {
text-align: justify;
}
.image-23 {
display: none;
}
.iso-certification {
margin-left: -5px;
padding-left: 0;
}
.iso-link-block {
max-width: 200px;
max-height: 200px;
margin-top: 55px;
}
.custom-list-icon {
margin-bottom: 0;
padding-left: 40px;
font-family: Metacom nb akademie reg, sans-serif;
list-style-type: none;
display: block;
}
.custom-list-icon._2, .custom-list-icon.mobile {
display: none;
}
.list-3 {
font-family: Metacom nb akademie reg, sans-serif;
}
.custom-list {
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/608c069c1543e7616b9db6a4_Metacom-Favicon.jpg");
background-position: 0 8px;
background-repeat: no-repeat;
background-size: 12px;
padding-left: 30px;
list-style-type: none;
}
.article-image {
margin-top: 40px;
}
.grid-9 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.organogram-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 40px;
margin-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
}
.link.the-week-that-was {
grid-column-gap: 10px;
grid-row-gap: 10px;
display: flex;
}
.list-4 {
list-style-type: square;
}
.link-2 {
display: inline;
}
.link-3 {
flex-direction: row;
display: flex;
}
.div-block-93 {
min-height: 824px;
margin-top: 200px;
margin-bottom: -100px;
}
.product-launch-h1 {
color: var(--metacom-blue);
justify-content: center;
margin-top: 150px;
margin-bottom: 30px;
font-family: Telegraf, sans-serif;
font-size: 120px;
line-height: 150px;
display: flex;
}
.text-block-16 {
justify-content: center;
margin-top: -40px;
font-family: Nb akademie std, sans-serif;
font-size: 36px;
font-weight: 300;
display: flex;
}
.section-dark-bg {
background-color: var(--metacom-navy);
margin-left: auto;
margin-right: auto;
padding-left: 75px;
padding-right: 75px;
position: sticky;
overflow: visible;
}
.heading-8 {
font-family: Metacom telegraf, sans-serif;
}
.product-launch-h2 {
color: var(--white);
max-width: 1200px;
font-family: Telegraf, sans-serif;
font-size: 90px;
font-weight: 200;
line-height: 90px;
}
.div-block-94 {
color: var(--white);
max-width: 1085px;
margin: 200px 0;
}
.h1-blue-text {
color: var(--metacom-blue);
}
.product-launch-h3 {
color: var(--black);
font-family: Metacom telegraf, sans-serif;
font-size: 72px;
line-height: 72px;
}
.product-launch-h3.white {
color: var(--white);
padding-bottom: 30px;
}
.div-block-95 {
flex-direction: column;
align-items: flex-start;
max-width: 500px;
margin-top: 100px;
display: flex;
}
.h3-blue-text {
color: var(--metacom-blue);
}
.text-block-17 {
padding-top: 10px;
padding-bottom: 20px;
font-size: 20px;
font-weight: 900;
}
.div-block-96 {
margin-bottom: 100px;
margin-left: 0;
margin-right: 0;
padding-bottom: 0;
}
.grid-10 {
grid-template-rows: auto auto auto auto auto auto;
}
.product-launch-h4 {
margin-bottom: 5px;
padding-left: 100px;
font-family: Metacom telegraf, sans-serif;
font-size: 48px;
}
.paragraph-3 {
padding-left: 100px;
font-family: Nb akademie std, sans-serif;
font-size: 24px;
font-weight: 300;
}
.router-spec-grid {
margin-bottom: 30px;
}
.div-block-97 {
margin-bottom: 100px;
}
.product-launch-paragraph {
color: var(--white);
font-family: Nb akademie std, sans-serif;
font-size: 18px;
font-weight: 300;
}
.div-block-98 {
justify-content: center;
margin-top: -150px;
display: flex;
position: static;
top: 59px;
}
.image-25 {
z-index: 0;
width: auto;
max-width: 1400px;
position: static;
}
.body-2 {
overflow: visible;
}
.image-26 {
object-fit: cover;
margin-left: -140px;
}
.div-block-99 {
max-width: 280px;
margin-top: 100px;
margin-bottom: 100px;
font-family: Telegraf, sans-serif;
font-size: 30px;
}
.grid-11 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.link-4 {
color: var(--metacom-blue);
font-weight: 200;
line-height: 32px;
text-decoration: underline;
}
.div-block-100 {
z-index: 0;
margin-left: -483px;
position: relative;
top: -434px;
left: 755px;
}
.image-27 {
max-width: 2800px;
position: static;
}
.sub-heading-careers {
padding-left: 40px;
}
.div-block-101 {
justify-content: flex-start;
align-items: baseline;
display: flex;
}
._10-column-grid {
grid-template-columns: minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr);
grid-template-areas: "Area Area Area Area Area";
grid-auto-columns: minmax(100px, 1fr);
grid-auto-flow: row;
}
.body-3 {
background-color: #fafafa;
background-image: linear-gradient(#fff9, #fff9), url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/607b4871180ab944582887bc_Metacom%20-%20Website%20grid.svg");
background-position: 0 0, 0 0;
background-size: auto, 150px;
background-attachment: scroll, scroll;
}
.media-heading {
max-width: 725px;
}
.h1 {
margin-top: 30px;
font-family: Telegraf, sans-serif;
font-size: 72px;
font-weight: 200;
line-height: 84px;
}
.div-block-103 {
width: 30px;
height: 30px;
}
.grid-12 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template: "Area Area Area Area Area Area Area-2 Area-2 Area-2"
"Area-3 Area-3 Area-3 Area-4 Area-4 Area-4 Area-2 Area-2 Area-2"
"Area-3 Area-3 Area-3 Area-5 Area-5 Area-5 Area-5 Area-5 Area-5"
"Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-7 Area-7 Area-7"
"Area-6 Area-6 Area-6 Area-6 Area-6 Area-6 Area-7 Area-7 Area-7"
"Area-9 Area-9 Area-9 Area-8 Area-8 Area-8 Area-10 Area-10 Area-10"
"Area-9 Area-9 Area-9 Area-8 Area-8 Area-8 Area-10 Area-10 Area-10"
"Area-11 Area-11 Area-11 Area-12 Area-12 Area-12 Area-13 Area-13 Area-13"
/ 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-flow: row;
}
.white-line {
background-color: #fff;
width: 100px;
height: 2px;
margin-top: 75px;
margin-bottom: 32px;
}
.white-line.smaller-margin {
margin-top: 30px;
margin-bottom: 15px;
}
.media-hero-block {
background-image: linear-gradient(to right, #0000009c, #fff0), url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/6076b21990230d064b10e591_Screen-Shot-2021-04-14-at-09.03.03.jpg");
background-position: 0 0, 0%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
padding: 70px 30px 50px 40px;
}
.media-block-h2 {
color: #fff;
font-family: Telegraf, sans-serif;
font-size: 50px;
font-weight: 200;
line-height: 53px;
}
.media-block-par-white {
color: var(--white-smoke);
font-family: Nb akademie std, sans-serif;
font-weight: 300;
}
.media-block-par-white.hero-block {
max-width: 340px;
line-height: 21px;
}
.media-heading-caps {
letter-spacing: 4px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 30px;
font-family: Nb akademie std, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 21.6px;
}
.media-featured-news {
background-color: #fff;
padding: 30px;
}
.black-line {
background-color: #000;
width: 60px;
height: 2px;
margin-bottom: 50px;
}
.media-block-h4 {
color: var(--metacom-blue);
margin-top: auto;
margin-bottom: 30px;
font-family: Nb akademie std, sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 26.4px;
}
.m {
font-family: Nb akademie std, sans-serif;
font-weight: 300;
}
.media-block-par-black {
color: var(--dim-grey);
letter-spacing: 0;
max-width: 650px;
margin-bottom: 0;
font-family: Metacom nb akademie reg, sans-serif;
font-weight: 300;
}
.media-block-par-black.hero-block {
max-width: 340px;
line-height: 21px;
}
.media-block-par-black.bold {
padding-top: 5px;
font-family: Metacom nb akademie reg, sans-serif;
line-height: 20px;
}
.media-block-par-black.bold._2 {
padding-top: 15px;
}
.media-block-par-black.bold._2:hover {
color: var(--metacom-blue);
}
.media-read-more-link {
color: var(--black);
letter-spacing: 0;
text-indent: 2px;
margin-top: 30px;
font-family: Metacom nb akademie reg, sans-serif;
font-weight: 400;
line-height: 19.2px;
text-decoration: underline;
}
.media-read-more-link:hover {
color: var(--metacom-blue);
}
.media-special-update {
background-image: linear-gradient(#000, #0000007a), url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/608c1c89a0bebf1998f6f7c6_QSR.jpeg");
background-position: 0 0, 0%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
padding: 30px 90px 30px 30px;
}
.media-block-h3 {
color: #fff;
margin-top: 0;
font-family: Nb akademie std, sans-serif;
font-weight: 500;
line-height: 36px;
}
.rich-text-block-2 {
color: var(--white);
align-content: space-around;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 21.6px;
display: flex;
}
.rich-text-block-2 a {
color: var(--metacom-blue);
flex-flow: row;
text-decoration: underline;
display: inline;
}
.media-most-recents {
background-color: #fff;
padding: 30px;
}
.media-block {
background-color: #fff;
padding: 30px;
display: block;
}
.div-block-105, .div-block-106, .div-block-107 {
background-color: #fff;
}
.grid-13 {
flex-direction: row;
grid-template-columns: .25fr 1.5fr;
display: flex;
}
.div-block-108 {
display: flex;
}
.most-recent-collection-item {
height: 90px;
margin-bottom: auto;
}
.media-block-h6 {
color: var(--black);
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 0;
font-family: Nb akademie std, sans-serif;
font-size: 12px;
line-height: 0;
}
.numbering {
width: 30px;
height: 30px;
margin-bottom: 60px;
font-family: Nb akademie std, sans-serif;
font-size: 28px;
font-weight: 500;
}
.numbering-list {
color: var(--metacom-navy);
font-size: 24px;
transition: color 1s cubic-bezier(.6, -.28, .735, .045);
}
.numbering-list:hover {
color: var(--metacom-blue);
}
.collection-list-wrapper-2 {
padding-left: 20px;
}
.media-link-block {
line-height: 12px;
transition: color .2s, opacity .2s;
}
.rich-text-block-3 {
max-width: 1000px;
padding-top: 30px;
}
.cyber-security {
object-fit: fill;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 90%;
max-width: 1400px;
min-height: 100px;
padding-left: 50px;
padding-right: 50px;
display: flex;
}
.div-block-110 {
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/623187df550c1d571f0e1ca1_Cyber%20Caution%20Safety%20Tips.png");
background-position: 0 0;
background-size: cover;
}
.cyber-caution-image {
text-align: left;
max-width: 90%;
max-height: none;
}
.oled {
justify-content: center;
width: 100%;
max-width: 1400px;
height: 100%;
min-height: 470px;
display: block;
}
.like-button {
justify-content: center;
padding-top: 200px;
display: flex;
}
.image-28 {
width: 90%;
max-width: none;
height: 90%;
max-height: none;
}
.link-5 {
padding-left: 10px;
}
.image-link {
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/6232e7b8eea1f085006967d5_Microsoft%20BC%20365%201920x1080.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.collection-item-2 {
height: 148px;
}
.image-29, .image-30, .image-31, .image-32, .image-33 {
max-width: 500px;
max-height: 600px;
}
.media-article-h1 {
color: var(--metacom-blue);
max-width: 450px;
font-family: Telegraf, sans-serif;
font-size: 70px;
font-weight: 200;
line-height: 80px;
}
.media-article-h1.whats-next, .media-article-h1.foundation {
max-width: 100%;
}
.media-article-main-image {
object-fit: fill;
}
.div-block-112 {
max-width: 500px;
display: flex;
}
.div-block-113 {
background-color: var(--metacom-blue);
width: 69px;
height: 2px;
margin-top: 12px;
margin-right: 30px;
}
.article-category {
letter-spacing: 2px;
text-transform: uppercase;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 14px;
font-weight: 400;
}
.column-2 {
display: block;
}
.columns {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.paragraph-4 {
margin-top: 60px;
}
.div-block-114 {
max-height: 540px;
margin-left: auto;
margin-right: auto;
}
.article-hero-image {
object-fit: contain;
width: 100%;
max-width: none;
max-height: 1000px;
margin-left: auto;
margin-right: auto;
overflow: visible;
}
.rich-text-block-4 {
max-width: 800px;
font-family: Metacom nb akademie reg, sans-serif;
}
.collection-list-wrapper-3 {
justify-content: flex-start;
align-items: flex-start;
max-width: 1200px;
display: flex;
}
.collection-item-4 {
margin-left: auto;
margin-right: auto;
padding: 40px;
}
.latest-releases {
text-align: left;
margin-top: 0;
margin-bottom: 50px;
padding-left: 50px;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 20px;
font-weight: 400;
}
.div-block-115 {
margin-top: 100px;
padding-top: 0;
}
.back-to-media-button {
background-color: var(--metacom-blue);
margin-top: 50px;
margin-left: auto;
margin-right: auto;
}
.next {
background-color: #fafafa00;
border-style: none;
}
.text-block-18 {
display: none;
}
.image-34 {
background-color: #0000000d;
}
.heading-9 {
max-width: 200px;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 24px;
}
.pagination {
margin-top: 75px;
margin-left: 50px;
}
.youtube-2 {
background-image: none;
background-size: cover;
display: none;
}
.div-block-116 {
background-color: var(--white-smoke);
width: 360px;
height: 200px;
display: block;
position: fixed;
inset: auto 2% 5% auto;
}
.video-3 {
align-items: flex-end;
display: block;
}
.video-3:hover {
width: 500px;
height: 300px;
display: block;
bottom: 129px;
right: 245px;
}
.media-article-secondary-image {
background-color: #00000005;
max-width: none;
max-height: 200px;
margin-left: auto;
margin-right: auto;
}
.previous {
background-color: #fafafa00;
border-style: none;
}
.socials {
width: 100px;
max-width: none;
max-height: none;
}
.socials.linkedin, .socials.youtube {
width: 80px;
}
.column-3 {
padding-right: 0%;
}
.secondary-image {
object-fit: contain;
margin-left: auto;
margin-right: auto;
}
.collection-list {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
margin-left: auto;
margin-right: auto;
display: grid;
}
.container-2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 1400px;
display: block;
}
.section-2 {
margin-top: 209px;
}
.div-block-118 {
grid-column-gap: 100px;
grid-row-gap: 100px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.image-35 {
object-fit: cover;
width: 110%;
max-width: none;
height: 350px;
min-height: auto;
max-height: 500px;
position: relative;
left: -100px;
}
.image-35._2 {
left: 0;
}
.div-block-119 {
max-width: 550px;
padding-left: 200px;
}
.div-block-120 {
max-width: 400px;
}
.container-3 {
max-width: 1400px;
padding-left: 75px;
padding-right: 75px;
display: flex;
}
.heading-10 {
color: var(--white-smoke);
max-width: 550px;
margin-bottom: 0;
font-family: Telegraf, sans-serif;
font-size: 80px;
font-weight: 200;
line-height: 1;
}
.text-block-19 {
color: var(--white-smoke);
font-family: Metacom nb akademie reg, sans-serif;
font-size: 20px;
line-height: 1.4;
}
.apply-now-button {
background-color: var(--grey);
color: var(--white-smoke);
text-align: center;
width: 400px;
margin-right: 30px;
}
.apply-now-button.float {
background-color: var(--grey);
color: var(--white);
width: 100%;
position: static;
}
.apply-now-button.brochure {
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.button-4 {
background-color: var(--metacom-blue);
color: var(--white-smoke);
text-align: center;
width: 100%;
max-width: 100px;
}
.div-block-121 {
justify-content: flex-end;
align-items: flex-end;
display: block;
position: static;
top: -50px;
}
.div-block-122 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: "Area Area Area Area Area Area-2 Area-2 Area-2"
"Area-3 Area-3 Area-3 Area-3 Area-3 . . ."
/ 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.list-5 {
list-style-type: square;
}
.div-block-123 {
max-width: 800px;
margin-top: 80px;
}
.heading-11 {
margin-bottom: 20px;
font-family: Roboto, sans-serif;
font-size: 26px;
}
.paragraph-5 {
color: var(--dim-grey);
margin-bottom: 50px;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 18px;
}
.div-block-124 {
max-width: 800px;
margin-top: 80px;
}
.div-block-125 {
border-left: 1px solid var(--silver);
margin-left: 30px;
padding: 30px 30px 30px 50px;
position: sticky;
top: 120px;
}
.text-block-20 {
letter-spacing: 5px;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 18px;
line-height: 1.4;
}
.div-block-126 {
background-color: var(--silver);
height: 1px;
margin-top: 25px;
margin-bottom: 25px;
}
.job-details {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
grid-auto-columns: 1fr;
margin-top: 25px;
display: grid;
}
.job-details.job-title {
margin-top: 0;
}
.job-details.department, .job-details.location {
margin-top: auto;
}
.heading-12 {
font-family: Metacom nb akademie reg, sans-serif;
font-size: 18px;
line-height: 1.4;
}
.heading-13 {
font-family: Telegraf, sans-serif;
font-size: 18px;
font-weight: 400;
}
.vacancies-hero {
background-color: var(--metacom-navy);
flex-direction: row;
max-width: 100vw;
height: auto;
max-height: none;
margin-top: 0;
padding-top: 300px;
padding-bottom: 200px;
display: block;
}
.paragraph-6 {
color: var(--dim-grey);
font-family: Metacom nb akademie reg, sans-serif;
font-size: 18px;
}
.rich-text-block-5 {
font-family: Roboto, sans-serif;
font-size: 18px;
font-weight: 300;
}
.back-to-careers {
background-color: var(--metacom-blue);
text-align: center;
width: 250px;
margin-top: 100px;
}
.see-all-vacancies {
display: none;
}
.div-block-127 {
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.lottie-animation {
opacity: .05;
flex-direction: row;
justify-content: center;
align-items: center;
max-width: 100px;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
display: block;
}
.container-4 {
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.div-block-128 {
background-color: #fff;
width: 50px;
height: 50px;
position: absolute;
top: 248px;
left: 967px;
}
.paragraph-7 {
max-width: 300px;
max-height: 210px;
font-size: 14px;
line-height: 1.5em;
overflow: hidden;
}
.metacom-offers {
font-family: Metacom nb akademie reg, sans-serif;
font-size: 18px;
}
.link-6 {
color: var(--metacom-blue);
}
.collection-item-5 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-right: 50px;
padding-left: 0;
padding-right: 0;
}
.collection-list-2 {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
margin-top: 80px;
display: grid;
}
.collection-item-6 {
margin-bottom: 50px;
margin-right: 0;
}
.mail-button {
width: 100px;
height: 50px;
}
.mailto {
color: var(--white);
text-align: center;
background-color: #73757e00;
width: 100%;
height: 50px;
line-height: 45px;
}
.html-embed-4 {
justify-content: center;
width: 100%;
display: flex;
position: static;
top: 225.562px;
right: 151.75px;
}
.html-embed-5 {
margin-top: -50px;
margin-right: -200px;
}
.html-embed-5.top {
width: 400px;
margin-top: -50px;
margin-bottom: 0;
margin-right: 0;
}
.div-block-129 {
display: none;
}
.article-video {
margin-top: 100px;
}
.div-block-130 {
display: none;
}
.image-36 {
object-fit: contain;
object-position: 50% 50%;
width: 60%;
}
.link-block {
color: var(--white);
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/607e6aeeaadcc5aeb0bd941f_Metacom---Website-service-image.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
flex-direction: column;
justify-content: center;
align-items: center;
font-family: Metacom telegraf, sans-serif;
font-size: 13px;
display: flex;
}
.link-block:hover {
color: #fff;
}
.text-block-21 {
margin-top: 20px;
margin-bottom: 0;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 20px;
font-weight: 200;
}
.text-block-21:hover {
color: #fff;
}
.video-container {
z-index: 3;
background-color: var(--metacom-blue);
max-width: 1250px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
position: static;
top: 280px;
left: 1360px;
}
.video-container.the-week-that-was {
margin-bottom: 100px;
}
.youtube-3 {
height: 100%;
}
.link-7 {
flex-direction: row;
}
.link-8 {
color: var(--metacom-blue);
font-size: 15px;
text-decoration: underline;
}
.wrapper-3 {
background-image: linear-gradient(135deg, #ffffff80, #00a7ea33);
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0;
}
.div-block-131 {
justify-content: center;
align-items: center;
margin-top: -380px;
margin-bottom: 20px;
padding: 20px;
display: block;
}
.icon-3 {
color: #34ffda;
width: 36px;
height: 36px;
margin-right: 16px;
}
.page-title {
letter-spacing: 12px;
text-transform: uppercase;
margin-top: 1px;
margin-bottom: 0;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 1.1rem;
font-weight: 300;
line-height: 1;
}
.js-clock {
justify-content: center;
align-items: center;
display: flex;
}
.box {
flex-direction: column;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
margin-left: 10px;
margin-right: 10px;
padding: 10px;
font-size: 12px;
line-height: 20px;
display: flex;
}
.clock-number {
font-family: Metacom telegraf, sans-serif;
font-size: 6rem;
font-weight: 600;
line-height: 70px;
}
.clock-label {
letter-spacing: 5px;
text-transform: uppercase;
margin-top: 10px;
margin-right: -5px;
font-family: Roboto, sans-serif;
font-weight: 500;
}
.div-block-132 {
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/621de0691fbc49c9a0a2b72c_Metacom%20MC250%202%20Back.png");
background-position: 49%;
background-repeat: no-repeat;
background-size: 950px;
width: 1000px;
height: 340px;
margin-bottom: 200px;
margin-left: auto;
margin-right: auto;
}
.social-media-link-block {
max-width: 160px;
max-height: 200px;
}
.grid-14 {
grid-template-rows: auto;
}
.social-media-link-grid {
grid-column-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
width: 200px;
margin-top: 30px;
}
.in-the-news-container {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #f8f8f8;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1400px;
padding: 24px 0;
font-family: Metacom nb akademie reg, sans-serif;
display: block;
}
.features-list {
grid-column-gap: 80px;
grid-row-gap: 80px;
background-color: #fff;
flex: 0 auto;
justify-content: center;
align-items: flex-start;
padding: 64px 24px;
display: flex;
}
.columns-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
display: flex;
}
.f2wf-columns {
align-items: stretch;
max-width: 1200px;
}
.column-4 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 251px;
padding-left: 50px;
padding-right: 50px;
display: flex;
}
.content {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
padding-top: 24px;
padding-bottom: 24px;
display: flex;
}
.intro {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 236px;
display: flex;
}
.next-week {
color: #000;
letter-spacing: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
}
.frame-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.title {
color: #000;
letter-spacing: 0;
font-size: 32px;
font-weight: 700;
line-height: 150%;
}
.column-5 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
justify-content: space-around;
align-items: center;
width: 100%;
display: flex;
}
.feature {
grid-column-gap: 2%;
grid-row-gap: 2%;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
padding-left: 0%;
padding-right: 5%;
display: flex;
}
.feature.test {
display: none;
}
.image-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: row;
flex: 0 auto;
justify-content: center;
align-self: flex-start;
align-items: stretch;
width: 100%;
max-width: 40px;
height: 100%;
padding-top: 10%;
padding-bottom: 0%;
display: flex;
position: static;
}
.image-wrapper.mc250-wi-fi {
width: 100%;
max-width: none;
}
.image-wrapper.mc250-main-image {
max-width: none;
}
.image-wrapper.mc7000 {
justify-content: space-between;
max-width: none;
}
.image-38 {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: contain;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: flex;
}
._2-columns {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.column-6 {
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 24px;
display: flex;
}
.heading-14 {
color: #000;
letter-spacing: 0;
font-size: 11px;
font-weight: 400;
line-height: 150%;
}
.heading-15 {
color: #000;
letter-spacing: 0;
font-size: 15px;
font-weight: 400;
line-height: 150%;
}
.button-1 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
}
.source-link {
color: #00adee;
letter-spacing: 0;
}
.source-link.placeholder {
color: var(--silver);
margin-right: -4px;
padding-right: 0;
}
.source-link.author {
color: var(--silver);
}
.in-the-news {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
padding: 30px 75px;
display: none;
}
.in-the-news.home {
margin-bottom: 200px;
display: none;
}
.features-list-2 {
grid-column-gap: 80px;
grid-row-gap: 80px;
background-color: #fff;
flex-direction: row;
flex: 0 auto;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 30px;
display: block;
overflow: visible;
}
.column-7 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 50px 0 50px 50px;
display: flex;
}
.content-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 25px;
padding-bottom: 25px;
padding-left: 25px;
display: flex;
position: sticky;
top: 0%;
}
.intro-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.the-week-that-was-headline {
margin-top: 0;
}
.the-week-that-was-title {
color: #00adee;
margin-top: 20px;
font-size: 42px;
}
.div-block-133 {
grid-column-gap: 10px;
grid-row-gap: 10px;
display: flex;
}
.intro-3 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: sticky;
top: 150px;
bottom: 150px;
}
.frame-3 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.description {
color: #000;
letter-spacing: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
}
.title-2 {
color: #00adee;
font-size: 42px;
font-weight: 400;
line-height: 50px;
}
.description-3 {
color: #000;
letter-spacing: 0;
font-size: 16px;
font-weight: 400;
line-height: 150%;
}
.frame-4 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 10px;
display: flex;
}
.description-4 {
color: #00adee;
letter-spacing: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
}
.next-2, .previous-2 {
padding: 0 10px;
}
.collection-item-7 {
display: flex;
}
.empty-state {
background-color: #fff;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.collection-list-wrapper-4 {
justify-content: space-between;
}
.link-9 {
display: inline;
}
.link-9.w--current {
color: var(--metacom-blue);
text-decoration: underline;
}
.text-block-22 {
font-weight: 400;
}
.section-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 64px;
padding-bottom: 64px;
display: flex;
}
.container-5 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #f8f8f8;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 0;
display: flex;
}
.hero-no-image {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px 24px;
display: flex;
}
.small-container {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: #f5f7fa;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
padding: 32px;
display: flex;
}
.content-3 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.text {
color: #000;
text-align: center;
letter-spacing: 0;
font-family: Telegraf, sans-serif;
font-size: 48px;
font-weight: 400;
line-height: 120%;
}
.text-2 {
color: #212121;
text-align: center;
letter-spacing: 0;
font-size: 18px;
font-weight: 400;
line-height: 150%;
}
.button-5 {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.text-3 {
color: #fff;
letter-spacing: 0;
font-size: 12px;
font-weight: 400;
line-height: 140%;
}
.small-container-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: #fff;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
height: 50px;
display: flex;
}
.frame-7 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 10px 178px;
display: flex;
}
.testimonial-image-left {
grid-column-gap: 80px;
grid-row-gap: 80px;
background-color: #fff;
flex: 0 auto;
justify-content: center;
align-items: flex-start;
padding: 24px;
display: flex;
}
.small-columns {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
display: flex;
}
.column-8 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 250px;
display: flex;
}
.image-wrapper-2 {
height: undefined;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.image-39 {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: cover;
justify-content: center;
align-items: center;
width: 90%;
height: 100%;
display: flex;
}
.column-9 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.content-4 {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.title-3 {
color: #000;
letter-spacing: 0;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 25px;
font-weight: 400;
line-height: 120%;
}
.description-5 {
color: #000;
letter-spacing: 0;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
}
.author {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.text-4 {
color: var(--metacom-blue);
letter-spacing: 0;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 150%;
}
.author-job {
color: #000;
letter-spacing: 0;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 150%;
}
.week-1-02-01-23---08-01-23-0 {
color: #212121;
letter-spacing: 0;
font-size: 20px;
font-weight: 400;
line-height: 150%;
}
.week-1-02-01-23---08-01-23-1 {
color: #212121;
letter-spacing: 0;
font-size: 12px;
font-weight: 400;
line-height: 150%;
}
.week-section {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
margin-bottom: 50px;
padding: 24px;
display: flex;
}
.week-tag {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: 10px 150px;
display: flex;
}
.description-6 {
flex-direction: column;
display: flex;
}
.article-section-2 {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-bottom: 50px;
padding-left: 150px;
padding-right: 150px;
display: flex;
}
.article-image-3 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 200px;
display: flex;
}
.artcile-copy {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.description-0 {
color: var(--dim-grey);
letter-spacing: 0;
font-size: 20px;
font-weight: 400;
line-height: 150%;
}
.description-1 {
color: #212121;
letter-spacing: 0;
font-size: 12px;
font-weight: 400;
line-height: 150%;
}
.collection-list-3 {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-direction: column;
display: flex;
}
.week-name {
color: var(--dim-grey);
font-size: 20px;
line-height: 150%;
}
.container-6 {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
display: flex;
}
.collection-item-8 {
display: flex;
}
.week-tag-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: 10px 75px;
display: flex;
}
.article-section-3 {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.article-image-4 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 250px;
display: flex;
}
.author-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.text-5 {
color: var(--metacom-blue);
letter-spacing: 0;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
}
.author-job-2 {
color: #000;
letter-spacing: 0;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
}
.description-8 {
color: #212121;
letter-spacing: 0;
font-size: 20px;
font-weight: 400;
line-height: 150%;
}
.collection-item-9 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
display: flex;
}
.div-block-134 {
grid-column-gap: 10px;
grid-row-gap: 10px;
display: flex;
}
.collection-list-4 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.link-block-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: row;
display: flex;
}
.collection-list-wrapper-5 {
display: flex;
}
.collection-list-5 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.dropdown-list-2 {
background-color: #afa0a0;
}
.dropdown-list-2.w--open {
background-color: var(--alice-blue);
inset: 0% 0% auto auto;
}
.div-block-135 {
justify-content: space-between;
align-items: center;
display: flex;
}
.dropdown-2 {
flex: 0 auto;
justify-content: flex-end;
margin-left: auto;
margin-right: 0;
display: flex;
}
.dropdown-toggle-2 {
margin-left: auto;
margin-right: auto;
}
.heading-16 {
font-family: Metacom telegraf, sans-serif;
font-weight: 200;
}
.text-block-23 {
font-family: Metacom nb akademie reg, sans-serif;
}
.body-4 {
background-color: var(--white);
background-image: linear-gradient(#ffffffe6, #ffffffe6), url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/606db9df2f43600b32851499_Metacom%20-%20Website%20footer%20grid-20.svg");
background-position: 0 0, 50%;
background-size: auto, 417px;
background-attachment: scroll, fixed;
}
.form-block {
align-items: center;
width: 60%;
display: flex;
}
.div-block-136 {
flex-direction: column;
align-items: center;
display: flex;
}
.div-block-137 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: row;
align-items: center;
display: flex;
}
.form-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
align-items: flex-start;
width: 100%;
display: flex;
}
.submit-button {
align-self: stretch;
margin-left: 0;
}
.submit-button.foundation {
align-self: flex-start;
margin-top: 10px;
}
.text-field-2, .field-label {
margin-bottom: 0;
}
.text-field-3 {
margin-bottom: 20px;
}
.field-label-2 {
margin-bottom: 0;
}
.div-block-138 {
grid-column-gap: 10px;
grid-row-gap: 10px;
margin-top: 100px;
display: flex;
}
.link-10 {
color: var(--metacom-blue);
text-decoration: underline;
}
.hero-stack {
grid-column-gap: 80px;
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-top: 5%;
margin-left: auto;
margin-right: auto;
padding: 64px 24px;
display: flex;
}
.small-container-3 {
grid-column-gap: 160px;
grid-row-gap: 160px;
align-items: flex-start;
width: 100%;
max-width: 1400px;
display: flex;
}
.title-section {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.content-5 {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
padding-top: 70px;
padding-bottom: 70px;
display: flex;
}
.empowering-women-in-ict {
color: #000;
font-size: 56px;
line-height: 120%;
font-weight: undefined;
letter-spacing: 0;
width: 480px;
}
.text-6 {
color: #212121;
letter-spacing: 0;
width: 330px;
font-size: 12px;
font-weight: 400;
line-height: 200%;
}
.image-wrapper-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.image-40 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.christina-wocintechchat-com-fjza4obv8ic-unsplash-1-1 {
object-fit: cover;
}
.empowering-women-in-ict-0 {
color: #000;
font-family: Telegraf, sans-serif;
font-size: 56px;
line-height: 120%;
font-weight: undefined;
letter-spacing: 0;
}
.hero-stack-2 {
grid-column-gap: 60px;
grid-row-gap: 60px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 64px 24px;
display: flex;
}
.small-container-4 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 1200px;
display: flex;
}
.title-section-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.image-wrapper-4 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.image-41 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.image-left {
grid-column-gap: 80px;
grid-row-gap: 80px;
background-color: #fff;
flex: 0 auto;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 20px 24px 50px;
display: flex;
}
.small-columns-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1200px;
display: flex;
}
.f2wf-small-columns-2 {
flex-direction: row;
justify-content: space-around;
}
.column-10 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.image-wrapper-5 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.vectors-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
display: flex;
position: relative;
}
.vectors-wrapper-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: cover;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
display: flex;
position: relative;
}
.christina-wocintechchat-com-4pu-oc8sw98-unsplash {
object-fit: cover;
}
.column-11 {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: #f8f8f8;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 50px 100px;
display: flex;
}
.content-6 {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.title-4 {
color: #000;
font-family: Telegraf, sans-serif;
font-size: 48px;
line-height: 120%;
font-weight: undefined;
letter-spacing: 0;
}
.description-9 {
color: #212121;
letter-spacing: 0;
width: 430px;
font-size: 12px;
font-weight: 400;
line-height: 150%;
}
.charter {
grid-column-gap: 80px;
grid-row-gap: 80px;
background-color: #f5f7fa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding-top: 100px;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.small-columns-3 {
grid-column-gap: 70px;
grid-row-gap: 70px;
flex: 0 auto;
justify-content: center;
align-items: center;
display: flex;
}
.column-12 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.content-7 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-bottom: 50px;
display: flex;
}
.title-5 {
color: #000;
font-family: Telegraf, sans-serif;
font-size: 48px;
line-height: 120%;
font-weight: undefined;
text-align: center;
letter-spacing: 0;
}
.description-10 {
color: #212121;
text-align: center;
letter-spacing: 0;
font-size: 12px;
font-weight: 400;
line-height: 150%;
}
.charter-details {
grid-column-gap: 64px;
grid-row-gap: 64px;
background-color: #f5f7fa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 20px 24px 100px;
display: flex;
}
.container-7 {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1200px;
display: flex;
}
.columns-3 {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.card {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.info {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 40px;
display: flex;
}
.name-2 {
color: #000;
letter-spacing: 0;
font-family: Telegraf, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 150%;
}
.description-11 {
color: #212121;
letter-spacing: 0;
font-size: 16px;
font-weight: 400;
line-height: 200%;
}
.card-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 136px;
display: flex;
}
.info-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #00adee;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 136px;
padding: 20px 40px;
display: flex;
}
.name-3 {
color: #fff;
letter-spacing: 0;
font-size: 18px;
font-weight: 400;
line-height: 150%;
}
.section-4 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 64px;
padding-bottom: 64px;
display: flex;
}
.container-8 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1200px;
display: flex;
}
.hero-stack-3 {
grid-column-gap: 60px;
grid-row-gap: 60px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.small-container-5 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.title-section-3 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-right: 0;
display: flex;
}
.content-8 {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-top: 0;
padding-bottom: 70px;
display: flex;
}
.empowering-women-in-ict-2 {
color: #000;
font-size: 56px;
line-height: 120%;
font-weight: undefined;
letter-spacing: 0;
}
.text-7 {
color: #212121;
letter-spacing: 0;
max-width: 400px;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 200%;
}
.image-wrapper-6 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
margin-top: -100px;
padding-top: 0;
padding-left: 0;
display: flex;
}
.image-42 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100%;
margin-right: 50px;
display: flex;
position: relative;
}
.christina-wocintechchat-com-fjza4obv8ic-unsplash-1-2 {
object-fit: cover;
max-width: 512px;
max-height: 296px;
margin-left: -10px;
}
.image-left-2 {
grid-column-gap: 80px;
grid-row-gap: 80px;
background-color: #fff;
flex: 0 auto;
justify-content: center;
align-items: flex-start;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.small-columns-4 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1200px;
display: flex;
}
.f2wf-small-columns-4 {
max-width: 1250px;
}
.column-13 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-right: 100px;
display: flex;
position: relative;
}
.image-wrapper-7 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-top: 0;
display: flex;
position: relative;
}
.column-14 {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: #f5f7fa;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 100px;
display: flex;
}
.column-14._50-px {
max-width: 600px;
padding: 30px 30px 30px 50px;
position: relative;
top: -25px;
}
.content-9 {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.title-6 {
color: #000;
font-family: Telegraf, sans-serif;
font-size: 48px;
line-height: 120%;
font-weight: undefined;
letter-spacing: 0;
}
.description-12 {
color: #212121;
letter-spacing: 0;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 180%;
}
.charter-2 {
grid-column-gap: 80px;
grid-row-gap: 80px;
background-color: #f5f7fa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding-top: 100px;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.small-columns-5 {
grid-column-gap: 70px;
grid-row-gap: 70px;
flex: 0 auto;
justify-content: center;
align-items: center;
display: flex;
}
.column-15 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.content-10 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-bottom: 50px;
display: flex;
}
.title-7 {
color: #000;
font-family: Telegraf, sans-serif;
font-size: 48px;
line-height: 120%;
font-weight: undefined;
text-align: center;
letter-spacing: 0;
max-width: 670px;
}
.description-13 {
color: #212121;
text-align: center;
letter-spacing: 0;
max-width: 730px;
font-size: 12px;
font-weight: 400;
line-height: 150%;
}
.charter-details-2 {
grid-column-gap: 64px;
grid-row-gap: 64px;
background-color: #f5f7fa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 20px 24px 100px;
display: flex;
}
.container-9 {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: center;
align-items: stretch;
width: 100%;
max-width: 1250px;
display: flex;
}
.columns-4 {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.card-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.info-3 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 40px;
display: flex;
}
.name-4 {
color: #000;
letter-spacing: 0;
font-family: Telegraf, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 150%;
}
.description-14 {
color: #212121;
letter-spacing: 0;
font-size: 16px;
font-weight: 400;
line-height: 200%;
}
.description-14.contact {
max-width: 500px;
}
.card-4 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
flex: 1;
align-items: flex-start;
width: 100%;
display: flex;
}
.info-4 {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #00adee;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
width: 100%;
padding: 20px 40px;
display: flex;
}
.name-5 {
color: #fff;
text-align: left;
letter-spacing: 0;
font-size: 18px;
font-weight: 400;
line-height: 150%;
}
.empowering-women-in-ict-3 {
color: #000;
font-family: Telegraf, sans-serif;
font-size: 56px;
line-height: 120%;
font-weight: undefined;
letter-spacing: 0;
}
.foundation-hero-image {
z-index: 1;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
position: relative;
right: auto;
}
.foundation-title {
font-family: Telegraf, sans-serif;
font-size: 5.6ch;
font-weight: 200;
}
.text-span-2, .text-span-3 {
font-weight: 700;
}
.section-5 {
grid-column-gap: 75px;
grid-row-gap: 75px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.container-10 {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1250px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 100px;
padding-left: 0;
display: flex;
}
._2-columns-2 {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.f2wf-columns-4 {
align-items: center;
padding-left: 25px;
}
.column-16 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-right: 100px;
display: flex;
}
.title-8 {
color: #000;
letter-spacing: 0;
font-family: Telegraf, sans-serif;
font-size: 48px;
font-weight: 200;
line-height: 120%;
}
.the-metacom-foundation-program-is-designed-to-empower-young-women-in-the-field-of-information-and-communication-technology-and-related-fields-through-academic-funding-mentorship-and-emotional-and-well-being-support-to-be-eligible-for-the-program-applicants-must-be-a-woman-be-pursuing-a-degree-in-ict-or-a-related-field-demonstrate-financial-need-demonstrate-academic-potential-and-ambition-the-application-process-for-the-metacom-foundation-program-involves-submitting-an-online-application-form-providing-proof-of-enrolment-and-financial-need-and-participating-in-an-interview-successful-applicants-will-receive-academic-funding-for-the-duration-of-their-studies-as-well-as-ongoing-mentorship-and-emotional-and-well-being-support {
color: #212121;
letter-spacing: 0;
font-size: 15px;
font-weight: 400;
line-height: 200%;
}
.column-17 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
padding-top: 0;
padding-bottom: 100px;
display: flex;
position: relative;
}
.christina-wocintechchat-com-fbdmhgmdcso-unsplash-1 {
object-fit: cover;
}
.vectors-wrapper-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--metacom-blue);
mix-blend-mode: multiply;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
display: flex;
position: relative;
bottom: -759px;
right: 52%;
}
.text-span-4 {
flex-direction: column;
display: flex;
}
.program-details-image {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
.text-block-24 {
text-align: center;
max-width: 910px;
font-family: Metacom nb akademie reg, sans-serif;
}
.blocks {
grid-column-gap: 75px;
grid-row-gap: 75px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.image-wrapper-8 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 607px;
display: flex;
}
.vectors-wrapper-4 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
display: flex;
position: relative;
}
.vectors-wrapper-5 {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: cover;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
display: flex;
position: relative;
}
.vector-block-1 {
z-index: auto;
background-color: var(--metacom-blue);
mix-blend-mode: normal;
position: relative;
bottom: -478px;
left: -256px;
}
.christina-wocintechchat-com-fjza4obv8ic-unsplash-1-2-copy {
z-index: 2;
object-fit: cover;
max-width: 512px;
max-height: 296px;
position: relative;
}
.vector-block-2 {
z-index: 3;
background-color: var(--metacom-blue);
mix-blend-mode: multiply;
position: relative;
top: -265px;
left: -665px;
}
.vector-block-3 {
z-index: 4;
background-color: var(--metacom-blue);
mix-blend-mode: multiply;
position: relative;
top: -308px;
left: -546px;
}
.div-block-139 {
z-index: 1;
position: relative;
}
.vectors-wrapper-1 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--metacom-blue);
mix-blend-mode: multiply;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
display: flex;
position: relative;
bottom: 124px;
left: -257px;
right: 0%;
}
.vectors-wrapper-6 {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
mix-blend-mode: multiply;
background-color: #00a7ea33;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
display: flex;
position: relative;
top: -187px;
left: 263px;
}
.vectors-wrapper-7 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--metacom-blue);
mix-blend-mode: multiply;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
display: flex;
position: relative;
bottom: 437px;
left: -230px;
right: 0%;
}
.vectors-wrapper-8 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--metacom-blue);
mix-blend-mode: multiply;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
display: flex;
position: relative;
bottom: 420px;
left: -196px;
right: 0%;
}
.vectors-wrapper-9 {
z-index: 7;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--metacom-blue);
mix-blend-mode: multiply;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
display: flex;
position: relative;
top: 26px;
left: 109px;
right: 0%;
}
.vectors-wrapper-10 {
z-index: 5;
grid-column-gap: 0px;
grid-row-gap: 0px;
mix-blend-mode: multiply;
background-color: #d9d9d9;
justify-content: center;
align-items: center;
width: 130px;
height: 130px;
display: flex;
position: relative;
bottom: -51px;
left: 47px;
right: 0%;
}
.vectors-wrapper-11 {
grid-column-gap: 0px;
grid-row-gap: 0px;
mix-blend-mode: multiply;
background-color: #00a7ea1a;
justify-content: center;
align-items: center;
width: 70px;
height: 70px;
display: flex;
position: relative;
top: 100px;
left: 263px;
}
.column-17-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
padding-bottom: 100px;
display: flex;
position: relative;
}
.f2wf-small-columns-6 {
max-width: 1400px;
display: none;
}
.f2wf-small-columns-4-copy, .f2wf-small-columns-5 {
max-width: 1400px;
}
.container-9-copy {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1200px;
display: none;
}
.text-field-4, .text-field-5, .textarea {
margin-bottom: 20px;
}
.foundation-contact-details {
grid-column-gap: 5%;
grid-row-gap: 5%;
flex-direction: column;
justify-content: space-around;
align-items: center;
width: 100%;
padding-right: 0%;
display: flex;
}
.div-block-140 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--alice-blue);
text-align: center;
border-radius: 5px;
flex-direction: column;
width: 100%;
margin-top: 0;
margin-bottom: 0;
padding: 20px;
display: flex;
}
.foundation-contact {
color: var(--text-black);
text-align: center;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 16px;
text-decoration: underline;
}
.foundation-contact:hover {
color: var(--metacom-blue);
}
.foundation-contact-email-d {
color: var(--metacom-navy);
text-align: center;
font-family: Metacom nb akademie reg, sans-serif;
}
.image-43 {
max-width: 700px;
margin-top: 0;
padding-left: 0;
padding-right: 0;
display: none;
}
.hero-content {
font-family: Telegraf, sans-serif;
font-weight: 400;
}
.hero-content-div {
margin-left: auto;
margin-right: auto;
padding-top: 120px;
padding-bottom: 120px;
}
.hero-content-div.mc750 {
width: 100%;
padding-top: 150px;
}
.hero-wrapper {
z-index: 1;
text-align: center;
flex-direction: column;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.new-products-h1 {
color: var(--metacom-blue);
margin-top: auto;
margin-bottom: auto;
font-size: 200px;
font-weight: 700;
line-height: 1;
transition: font-variation-settings .6s;
}
.new-products-h1.mc250 {
font-size: 140px;
}
.new-products-h2 {
margin-top: auto;
margin-bottom: auto;
font-family: Telegraf, sans-serif;
font-size: 60px;
font-weight: 200;
line-height: 1;
}
.new-products-h2.white {
color: var(--white);
}
.new-products-h2.bold-blue {
color: var(--metacom-blue);
font-weight: 700;
}
.new-products-h2.left-align {
text-align: left;
align-self: stretch;
}
.new-products-h2.left-align.flex-horizontal {
grid-column-gap: 40px;
grid-row-gap: 40px;
align-items: center;
display: flex;
}
.new-products-h2.mc250 {
font-size: 60px;
}
.new-products-h2.centre-align-faq {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.new-products-hero-description {
color: var(--silver);
letter-spacing: -1px;
max-width: 1000px;
margin-top: 80px;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 30px;
line-height: 1.2;
}
.new-products-hero-description.mc750 {
color: var(--dim-grey);
max-width: 700px;
margin-top: 40px;
font-size: 20px;
}
.new-products-tagline {
letter-spacing: -1px;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 40px;
line-height: 1;
}
.tagline-wrapper {
align-items: baseline;
margin-left: auto;
margin-right: auto;
padding-top: 100px;
display: flex;
}
.tagline-wrapper.mc750 {
padding-top: 50px;
}
.scroll-arrow {
height: 30px;
transform: rotate(90deg);
}
.scroll-arrow-div {
padding-left: 30px;
}
.new-products-hero-image {
z-index: 0;
object-fit: contain;
width: 100%;
max-width: none;
max-height: none;
margin-top: -100px;
margin-bottom: -100px;
position: relative;
}
.main-content {
width: 80%;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 100px;
}
.main-content.mc750 {
display: block;
}
.new-products-hero-image-wrapper {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.new-products-hero-image-wrapper.mc750 {
display: none;
}
.features-grid-1 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
}
.features-grid-cell {
border: 1px solid var(--silver);
cursor: default;
background-color: #f2f2f2;
border-radius: 5px;
justify-content: center;
align-items: stretch;
padding: 5%;
display: flex;
}
.features-grid-cell:hover {
color: var(--metacom-blue);
}
.features-grid-cell.back-ports-features {
justify-content: center;
align-items: center;
padding: 0;
}
.features-grid-cell.back-ports-features.mc250 {
min-height: auto;
}
.features-grid-cell.on-board-media {
grid-row-gap: 40px;
flex-direction: column;
position: relative;
}
.features-grid-cell.oled-screen {
padding-left: 50px;
padding-right: 50px;
}
.features-grid-cell.mc450-metawan {
flex-direction: row;
justify-content: space-around;
align-items: center;
padding: 0;
}
.features-grid-cell.led-indicators {
justify-content: flex-end;
align-items: flex-start;
padding: 0 0 5% 0%;
}
.features-grid-cell.build-option {
position: relative;
}
.features-grid-cell.mc740-temp {
background-color: #0000;
border-style: none;
}
.features-grid-cell.column-left {
min-height: 20px;
}
.metawan {
grid-column-gap: 30px;
grid-row-gap: 30px;
text-align: center;
letter-spacing: -2px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 90%;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 40px;
line-height: 1;
display: flex;
}
.metawan.mc450 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
justify-content: space-around;
width: 100%;
}
.metawan.mc450.image {
object-fit: fill;
width: 50%;
height: 100%;
margin-left: 20px;
}
.metawan.mc750 {
width: 80%;
}
.text-block-25 {
width: 80%;
max-width: 400px;
font-size: 26px;
}
.text-block-25.mc450-metawan {
color: var(--dim-grey);
letter-spacing: -1px;
width: 30%;
min-width: 200px;
max-width: 250px;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 1.1;
}
.image-44 {
width: auto;
}
.oled-screen-image {
z-index: 0;
max-width: none;
max-height: 100px;
position: relative;
}
.feature-cell-wrapper {
grid-column-gap: 4px;
grid-row-gap: 4px;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.feature-cell-wrapper.on-board-media {
flex-direction: row;
width: 100%;
}
.feature-cell-wrapper.mc450 {
grid-column-gap: 0px;
grid-row-gap: 0px;
height: 100%;
}
.feature-cell-image-icon {
object-fit: scale-down;
width: 70%;
height: 100%;
padding: 5%;
}
.feature-cell-image-icon._4k {
width: 50%;
margin-left: auto;
margin-right: auto;
padding: 0;
}
.feature-cell-image-icon.mc450 {
object-fit: contain;
max-width: 140px;
max-height: 80px;
margin-bottom: 10px;
padding: 2%;
}
.feature-cell-image-icon.mc740 {
object-fit: contain;
flex: 1;
align-self: center;
margin-left: auto;
margin-right: auto;
padding: 0%;
}
.feature-heading {
max-width: 250px;
font-family: Telegraf, sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 1;
position: relative;
}
.feature-heading.on-board-media {
text-align: center;
align-self: center;
min-width: 260px;
margin-bottom: 20px;
}
.feature-heading.oled-screen {
max-width: none;
font-size: 50px;
}
.feature-heading.mc450 {
margin-top: 5px;
font-size: 25px;
font-weight: 700;
}
.feature-heading.mc450.heading-only {
font-size: 20px;
}
.feature-heading.left-align {
text-align: left;
font-size: 25px;
}
.feature-heading.absolute {
box-sizing: border-box;
justify-content: center;
align-items: center;
max-width: 250px;
display: flex;
position: absolute;
inset: 0% 20% 40%;
}
.feature-description {
max-width: 280px;
font-family: Telegraf, sans-serif;
font-size: 15px;
font-weight: 200;
line-height: 1.2;
}
.feature-description.on-board-media {
text-align: left;
}
.feature-description.mc450 {
margin-top: 5px;
font-size: 16px;
}
.feature-description.left-align {
text-align: left;
font-size: 15px;
line-height: 1.5rem;
}
.back-ports-features {
border-radius: 5px;
width: 100%;
max-width: none;
max-height: none;
}
.back-ports-features.mc450 {
flex: 1;
justify-content: center;
align-self: flex-start;
padding: 0 4% 0 1%;
display: flex;
}
.back-ports-features.led-indicators {
justify-content: center;
align-items: center;
width: 85%;
display: flex;
}
.build-options-wrapper {
width: 80%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.build-options-sign-up-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
padding-left: 30px;
display: flex;
}
.build-option-heading {
color: var(--grey);
flex-flow: column;
justify-content: center;
align-items: flex-start;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 23px;
display: flex;
}
.build-option-order-now {
letter-spacing: 1px;
white-space: nowrap;
align-self: center;
margin-left: 60px;
padding: 15px 30px;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 23px;
display: none;
}
.build-options-heading {
color: var(--metacom-blue);
font-family: Telegraf, sans-serif;
font-size: 75px;
font-weight: 700;
line-height: 1;
}
.text-block-26 {
text-align: left;
}
.features-grid-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-items: stretch;
margin-top: 60px;
display: grid;
}
.on-board-media-wrapper {
flex-direction: column;
display: flex;
}
.div-block-141 {
grid-column-gap: 15px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
margin-bottom: 5px;
display: grid;
}
.feature-title-small {
text-align: left;
width: 100%;
height: 100%;
font-family: Telegraf, sans-serif;
font-size: 20px;
line-height: 1.2;
}
.technical-specs-wrapper {
justify-content: center;
align-items: center;
width: 80%;
margin-top: 0;
margin-bottom: 200px;
padding-bottom: 0;
display: flex;
}
.download-brochure-form-wrapper {
color: var(--grey);
background-color: #fffffff2;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 60px;
display: flex;
position: sticky;
top: 30%;
box-shadow: 0 0 20px #0003;
}
.download-brochure-heading {
color: var(--metacom-blue);
text-align: center;
font-family: Telegraf, sans-serif;
font-size: 75px;
font-weight: 700;
line-height: 1;
}
.text-block-27 {
text-align: center;
max-width: 700px;
}
.download-brochure-form {
width: 80%;
margin-top: 60px;
}
.form-3 {
border: 1px solid var(--silver);
background-color: var(--white-smoke);
justify-content: center;
align-items: center;
display: flex;
}
.text-field-6 {
color: var(--metacom-blue);
text-align: left;
text-indent: 20px;
background-color: #0000;
border: 1px #000;
margin-bottom: 0;
font-size: 22px;
}
.technical-specs-blurred {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
.mc7000-heading {
z-index: 1;
flex-direction: column;
align-self: center;
align-items: center;
width: 80%;
height: 100%;
margin-top: 200px;
line-height: 1;
display: flex;
position: relative;
}
.heading-18 {
color: var(--metacom-blue);
font-family: Telegraf, sans-serif;
font-size: 170px;
font-weight: 700;
line-height: 1;
}
.enterprise-router-text-block {
text-align: center;
margin-top: -20px;
font-family: Telegraf, sans-serif;
font-size: 70px;
font-weight: 200;
}
.enterprise-router-text-block.white {
color: var(--white);
}
.div-block-142 {
z-index: -1;
opacity: .95;
margin-top: 0;
}
.image-46 {
z-index: 0;
max-width: 100%;
max-height: 100%;
position: relative;
}
.image-47 {
width: 150px;
margin-bottom: 15px;
}
.foundation-contact-form {
align-self: center;
width: 50%;
}
.form-4 {
flex-direction: column;
display: flex;
}
.form-text-field.foundation {
margin-bottom: 20px;
}
.mc7000-description-wrapper {
align-self: center;
margin-left: auto;
margin-right: auto;
padding-top: 100px;
}
.mc7000-description-wrapper.mc250 {
align-self: center;
margin-left: auto;
margin-right: auto;
}
.heading-wrapper.center-align {
z-index: 1;
text-align: center;
position: relative;
}
.paragraph-wrapper.mc250 {
z-index: 1;
justify-content: center;
margin-bottom: 200px;
padding-left: 50px;
padding-right: 50px;
display: flex;
position: relative;
}
.prodcut-description-paragraph {
text-align: left;
max-width: 1000px;
font-size: 30px;
line-height: 1.2;
}
.prodcut-description-paragraph.white {
color: var(--alice-blue);
}
.prodcut-description-paragraph.white.center-align {
text-align: center;
}
.support-services-wrapper {
margin-top: 150px;
margin-bottom: 10%;
}
.supported-services-heading {
grid-column-gap: 40px;
grid-row-gap: 40px;
align-items: center;
display: flex;
}
.services-arrow {
width: 40px;
height: 40px;
}
.arrow-down {
transform: rotate(90deg);
}
.supported-services-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 100px;
}
.service-card {
grid-column-gap: 30px;
grid-row-gap: 30px;
border: 1px solid var(--alice-blue);
background-color: var(--black-2);
border-radius: 10px;
flex-direction: column;
padding: 10%;
display: flex;
}
.service-card.white {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: #0000;
border-width: 0;
padding: 30px;
}
.support-services-icon {
width: 50px;
height: 50px;
}
.supported-services-description {
color: var(--dim-grey);
text-align: left;
font-size: 22px;
line-height: 1.2;
}
.supported-services-description.white-bg {
color: #b3b3b3;
}
.service-highlight {
color: var(--alice-blue);
}
.service-highlight.black {
color: var(--metacom-navy);
}
.supported-services-link {
color: var(--metacom-blue);
text-align: left;
font-size: 22px;
text-decoration: none;
}
.supported-services-link-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
display: flex;
}
.link-arrow {
width: 17px;
height: 17px;
}
.mc7000-full-page-break-image {
width: 100%;
margin-top: 200px;
padding-right: 0;
}
.image-48 {
box-shadow: 0 -10px 30px 1px var(--dark-bg);
opacity: 1;
mix-blend-mode: normal;
border-radius: 10px;
width: 100%;
max-width: none;
max-height: none;
position: relative;
bottom: -8vh;
}
.mc250-front-image {
z-index: 0;
max-width: 100%;
max-height: none;
margin-top: -15%;
margin-bottom: -15%;
position: relative;
}
.faq-wrapper {
flex-direction: column;
justify-content: space-between;
align-self: stretch;
width: 100%;
margin-top: 60px;
margin-bottom: 60px;
display: flex;
}
.faq-row {
justify-content: space-between;
align-self: stretch;
align-items: center;
width: 100%;
margin-top: 15px;
padding-top: 10px;
display: block;
}
.question-wrap {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: space-between;
align-items: stretch;
width: 100%;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.question-text {
color: var(--text-black);
text-align: left;
}
.expanded-question-faq {
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
display: none;
}
.expanded-question-faq.a1 {
display: none;
}
.faq-answer {
text-align: left;
padding: 15px 180px 15px 30px;
font-size: 20px;
line-height: 1.5;
display: block;
}
.faq-arrow {
width: 20px;
}
.faq-drop-toggle {
cursor: pointer;
}
.section-6 {
margin-top: 500px;
}
.new-navigation {
background-color: #fafafa;
width: 100%;
margin-top: 0;
position: sticky;
top: 0;
}
.new-navigation.home-dark {
background-color: var(--text-black);
align-items: center;
height: auto;
display: flex;
top: 0;
}
.nav-logo {
width: 100%;
min-width: 150px;
max-width: 160px;
}
.brand {
align-self: center;
}
.new-nav-link {
color: var(--text-black);
flex-wrap: nowrap;
flex: 0 auto;
align-content: center;
align-self: center;
align-items: flex-start;
height: 100%;
padding: 5px;
font-family: Metacom nb akademie reg, sans-serif;
display: flex;
}
.new-nav-link:hover {
color: var(--metacom-blue);
}
.new-nav-link.our-devices, .new-nav-link.our-devices.white, .new-nav-link.services, .new-nav-link.clients {
display: none;
}
.new-nav-link.white {
color: var(--white-smoke);
}
.colour-block-black {
background-color: var(--dark-bg);
width: 100%;
height: 50px;
}
.nav-menu {
white-space: nowrap;
justify-content: space-between;
align-self: center;
width: 100%;
padding-top: 8px;
padding-left: 0;
display: flex;
}
.new-navigation-wrapper {
grid-column-gap: 60px;
grid-row-gap: 60px;
justify-content: space-between;
align-self: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.nav-text {
text-align: center;
height: 100%;
line-height: 1;
}
.new-navigation-extended-wrapper {
z-index: 999;
background-color: #fafafa;
align-items: center;
margin-left: 0;
margin-right: 0;
display: flex;
}
.new-navigation-drop-down-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: auto;
grid-auto-flow: row;
justify-content: space-around;
justify-items: stretch;
width: 100%;
margin-right: auto;
padding-top: 30px;
padding-bottom: 30px;
display: flex;
}
.item-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-top: 20px;
display: flex;
}
.item-wrapper.clients {
justify-content: center;
}
.item-icon {
height: 40px;
margin-bottom: 15px;
}
.item-icon.client-number {
color: #b2b2b3;
text-align: center;
align-self: center;
font-size: 45px;
line-height: 1;
}
.item-icon.nav-image {
max-width: 150px;
}
.item-title {
color: var(--dim-grey);
letter-spacing: 1px;
margin-bottom: 5px;
font-family: Telegraf, sans-serif;
font-size: 17px;
font-weight: 200;
line-height: 1;
}
.item-title.white {
color: var(--white-smoke);
margin-bottom: 5px;
}
.item-title.cyan {
color: var(--metacom-blue);
font-size: 15px;
}
.item-link {
flex-wrap: wrap;
place-content: stretch center;
align-items: center;
height: 100%;
padding-left: 5px;
padding-right: 5px;
display: block;
}
.item-link.mc200, .item-link.mc450, .item-link.mc450.w--current {
display: block;
}
.item-link.mc6000, .item-link.mc614f, .item-link.mc412l, .item-link.mc412x, .item-link.mc731, .item-link.mc712 {
display: none;
}
.our-devices-drop-down {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-direction: row;
justify-content: space-between;
align-items: stretch;
height: 100%;
margin-left: 0;
margin-right: 0;
padding-top: 10px;
font-family: Metacom nb akademie reg, sans-serif;
line-height: 1;
display: flex;
}
.our-devices-drop-down.services {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-around;
width: 90%;
overflow: hidden;
}
.our-devices-drop-down.clients {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: space-between;
width: 80%;
padding-left: 0;
padding-right: 0;
overflow: visible;
}
.icon-4 {
display: none;
}
.dropdown-toggle-3 {
padding: 0;
}
.dropdown-list-3 {
justify-content: center;
width: 100%;
position: relative;
}
.dropdown-list-3.w--open {
flex-direction: column;
flex: 1;
display: flex;
position: relative;
top: 80px;
}
.dropdown-list-4 {
width: 100vw;
margin-left: -271px;
}
.dropdown-list-4.w--open {
background-color: #fafafa;
width: 100%;
height: 120px;
margin-top: 0;
margin-left: 0;
top: 40px;
left: 0%;
right: 0%;
overflow: visible;
}
.dropdown-3 {
flex-direction: row;
margin-left: 0;
margin-right: 0;
display: block;
position: static;
}
.dropdown-3.devices:hover {
color: var(--metacom-blue);
}
.dropdown-toggle-4 {
margin: 0;
padding: 0;
display: inline-block;
}
.dropdown-toggle-4.w--open {
margin: 0;
}
.nav-dropdown-link {
margin-left: 0;
margin-right: 0;
padding: 0;
}
.nav-drop-down {
height: 120px;
inset: 0% 0% auto;
overflow: scroll;
}
.nav-drop-down.w--open {
background-color: #fafafa;
justify-content: center;
width: 100%;
height: 130px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
display: flex;
position: fixed;
inset: 50px 0% auto;
overflow: visible;
}
.nav-drop-down.dark {
color: var(--white-smoke);
background-color: #1a1b1ff2;
}
.nav-drop-down.dark.w--open {
height: 130px;
}
.metacom-blue {
color: var(--metacom-blue);
}
.image-50 {
object-fit: cover;
width: 100%;
max-width: none;
max-height: 330px;
}
.image-51 {
object-fit: cover;
width: 100%;
max-width: none;
}
.lottie-animation-2 {
position: fixed;
inset: 0%;
}
._200vh {
height: 200vh;
}
.mc250-hero-image {
justify-content: center;
align-items: center;
width: 100%;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.mc250-hero-image-wrapper {
z-index: 0;
justify-content: center;
align-items: center;
width: 100%;
margin-top: -15%;
margin-bottom: -21%;
display: flex;
position: static;
overflow: hidden;
}
.mc250-hero-tagline-wrapper {
justify-content: center;
align-items: center;
width: 100%;
margin-left: 0;
padding-left: 0;
display: flex;
position: relative;
inset: 0%;
}
.small-package {
letter-spacing: -1px;
margin-top: 0;
font-family: Nb akademie std, sans-serif;
font-weight: 500;
}
.big-delivery {
letter-spacing: -1px;
font-family: Nb akademie std, sans-serif;
font-weight: 500;
}
.big-bold {
letter-spacing: -1px;
text-transform: uppercase;
}
.small-package-big-delivery {
width: 100%;
max-width: 600px;
padding-left: 30px;
padding-right: 30px;
position: relative;
top: -48px;
}
.mc250-hero-product-image {
z-index: 0;
width: 200%;
max-width: 1800px;
max-height: none;
margin-bottom: 0;
margin-right: 0;
padding-right: 0;
position: relative;
left: -36%;
right: auto;
}
.mc250-tagline-2 {
text-align: left;
max-width: 460px;
margin-top: 0;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 30px;
line-height: 1.2;
}
.div-block-143 {
flex-direction: row;
justify-content: center;
align-items: center;
max-width: 1400px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-left: 50px;
display: flex;
}
.div-block-144 {
z-index: 1;
max-width: 1400px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-left: 150px;
padding-right: 150px;
position: relative;
}
.text-span-5 {
color: var(--text-black);
font-weight: 400;
}
.div-block-145 {
width: 100%;
}
.mc250-ethernet-ports {
object-fit: contain;
width: 100%;
max-width: none;
height: 100%;
}
.oled-screen-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
justify-content: space-around;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.oled-screen-text {
z-index: 1;
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.text-span-6 {
color: var(--metacom-blue);
}
.mc250-wi-fi {
z-index: 0;
flex: 0 auto;
width: 100%;
position: relative;
}
.mc250-wi-fi-text-wrapper {
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
}
.paragraph-8 {
color: var(--grey);
font-size: 25px;
}
.image-52 {
opacity: 1;
}
.rack-mountable {
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.rack-mountable-image {
width: 100%;
height: 100%;
}
.mc450 {
font-family: Telegraf, sans-serif;
font-size: 130px;
font-weight: 200;
line-height: 1;
}
.mc450.cyan {
color: var(--metacom-blue);
margin-top: 0;
margin-bottom: 0;
}
.mc450-hero-text {
font-family: Telegraf, sans-serif;
font-size: 55px;
font-weight: 200;
line-height: 1;
}
.mc450-hero-image-wrapper {
z-index: 0;
justify-content: space-around;
align-items: center;
width: 100%;
margin-top: 0%;
margin-bottom: -7%;
padding-left: 50px;
display: flex;
position: relative;
}
.any-data-anywhere {
z-index: 1;
text-align: right;
margin-top: -5%;
margin-bottom: 0;
margin-right: -5%;
font-family: Telegraf, sans-serif;
font-size: 50px;
line-height: 1.1;
position: relative;
}
.cyan {
color: var(--metacom-blue);
}
.cyan.bold {
font-weight: 700;
}
.mc450-hero-image {
z-index: 0;
object-fit: cover;
margin-left: 2%;
padding-left: 2%;
position: relative;
top: auto;
bottom: auto;
}
.mc450-features-grid {
z-index: 2;
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
max-width: 1400px;
position: relative;
}
.mc450-back-ports-image {
object-fit: fill;
width: 90%;
}
.image-53 {
width: 100%;
}
.mc450-description-heading {
z-index: 2;
text-align: center;
max-width: 700px;
font-family: Telegraf, sans-serif;
font-size: 60px;
font-weight: 200;
line-height: 1;
position: relative;
}
.mc450-description-image-wrapper {
justify-content: space-around;
align-items: center;
width: 100%;
height: 100%;
margin-top: -2%;
margin-bottom: -5%;
padding-left: 75px;
padding-right: 0;
display: flex;
}
.remote-reliable-robust-heading {
color: var(--metacom-blue);
margin-top: 0;
margin-bottom: 5%;
margin-left: 5%;
font-family: Telegraf, sans-serif;
font-size: 50px;
font-weight: 700;
line-height: 1.1;
}
.mc450-description-image {
object-fit: cover;
width: 100%;
max-width: 780px;
}
.mc450-description {
z-index: 2;
padding-left: 10%;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 20px;
line-height: 1.5;
position: relative;
}
.mc450-description-paragraph {
width: 70%;
margin-bottom: 0;
padding-left: 0;
}
.mc7000-banner-wrapper {
color: var(--alice-blue);
flex-direction: column;
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
margin-top: 5%;
margin-bottom: 5%;
font-family: Telegraf, sans-serif;
display: flex;
}
.mc7000-banner-image-wrapper {
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
margin-top: 3%;
margin-bottom: 0%;
display: flex;
}
.mc7000-banner-text-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 3%;
margin-bottom: 5%;
display: flex;
}
.mc7000-banner-link {
grid-column-gap: 1%;
grid-row-gap: 1%;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.learn-more {
color: var(--alice-blue);
font-family: Telegraf, sans-serif;
font-size: 21px;
font-weight: 200;
line-height: 1.2;
}
.mc7000-title {
color: var(--metacom-blue);
margin-top: 0;
margin-bottom: 0;
font-size: 120px;
line-height: .8;
}
.enterprise-router-title {
margin-top: 0;
margin-bottom: 0;
font-size: 55px;
font-weight: 200;
line-height: 1;
}
.all-your-business-needs-wrapper {
align-self: center;
margin-top: 2%;
margin-bottom: 2%;
font-size: 40px;
line-height: 1;
}
.text-block-28 {
text-align: center;
}
.mc7000-banner-image {
width: 100%;
}
.router-wrap-7 {
background-color: #fafafa;
border-radius: 5px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding: 30px;
display: flex;
}
.router-icon-wrap-7 {
margin-bottom: 0;
position: absolute;
}
.router-icon-wrap-7.new-products {
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-top: 50px;
margin-bottom: 0;
display: flex;
position: relative;
}
.router-icon-wrap-7.new-products.mc740 {
margin-top: 25px;
}
.router-configurator-form-wrapper {
z-index: 2;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80%;
margin-top: 10%;
display: flex;
position: relative;
}
.mc7000-outline-animation-image {
max-width: 1200px;
max-height: 200px;
margin-top: -95px;
padding-left: 5px;
padding-right: 5px;
position: relative;
}
.mc7000-outline-animation-wrapper {
background-image: linear-gradient(to right, #ffa556, #ff8419 15%, #ff3c3c 33%, #c847ff 50%, #5283ff 69%, #0bdaff 85%, #5aff54);
border-radius: 15px;
max-width: 1200px;
height: 200px;
max-height: 200px;
margin-bottom: -100px;
padding-bottom: 0;
position: relative;
}
.mc7000-outline-animation-div {
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
max-width: 1200px;
height: 100%;
margin-bottom: 200px;
display: none;
position: static;
}
.build-option-wrapper {
justify-content: flex-end;
align-items: flex-start;
display: flex;
position: absolute;
inset: 0%;
}
.build-option-tag {
background-color: var(--metacom-blue);
border-top-right-radius: 5px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 5px;
justify-content: center;
align-items: center;
width: 110px;
height: 30px;
display: flex;
}
.build-option-text {
color: var(--white);
font-size: 16px;
line-height: 1;
}
.text-field-7 {
margin-bottom: 20px;
display: block;
}
.foundation-airtable-embed {
width: 100%;
font-family: Telegraf, sans-serif;
display: none;
}
.foundation-hero-imge-gradient {
z-index: 5;
background-image: linear-gradient(to right, var(--white) 10%, transparent 61%);
position: absolute;
inset: 0%;
}
.section-7 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 64px;
padding-bottom: 64px;
display: flex;
}
.container-11 {
grid-column-gap: 50px;
grid-row-gap: 50px;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1250px;
padding-bottom: 0;
display: flex;
}
.header {
grid-column-gap: 150px;
grid-row-gap: 150px;
background-color: #fff;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding: 20px 50px;
display: flex;
}
.foundation-contact-us-header-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: center stretch;
padding-right: 20%;
display: flex;
}
.vectors-wrapper-12 {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: cover;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 177px;
display: flex;
}
.frame-8 {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.email-foundation-metacom-net {
flex-direction: column;
display: flex;
}
.phone-27-21-531-9900 {
color: #000;
flex-direction: column;
font-size: 18px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
display: flex;
}
.christina-wocintechchat-com-ez8g_7sh0j0-unsplash-1 {
object-fit: cover;
width: 100%;
max-width: none;
}
.foundation-apply-button {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: var(--metacom-blue);
text-align: center;
border: 1px solid #00adee;
flex-flow: column;
justify-content: center;
align-items: stretch;
width: 100%;
max-width: 300px;
padding: 10px;
display: block;
}
.foundation-apply-button:hover {
background-color: var(--metacom-blue);
color: var(--alice-blue);
border-radius: 5px;
}
.foundation-apply {
font-size: 18px;
font-weight: 400;
line-height: 1;
}
.email-foundation-metacom-net-1 {
color: #00adee;
font-size: 18px;
font-weight: 400;
line-height: 150%;
text-decoration: underline;
}
.phone-27-21-531-9900-1 {
color: #000;
font-size: 18px;
font-weight: 400;
line-height: 150%;
text-decoration: underline;
}
.email-foundation-nav-button {
background-color: var(--metacom-blue);
color: var(--white-smoke);
border-radius: 5px;
margin-left: 25px;
padding: 5px 10px;
font-family: Telegraf, sans-serif;
font-weight: 400;
}
.foundation-nav-item {
border-radius: 5px;
padding: 5px 10px;
}
.foundation-nav-item:hover {
outline-color: var(--metacom-blue);
outline-offset: -2px;
outline-width: 1px;
outline-style: solid;
}
.div-block-146 {
width: 100%;
max-width: 470px;
}
.header-wrap {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-direction: column;
align-items: stretch;
height: 100%;
display: flex;
}
.foundation-application-form {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
display: none;
}
.button-6 {
white-space: nowrap;
display: none;
position: relative;
}
.mc740-hero-image {
justify-content: center;
align-items: center;
width: 100%;
height: 94vh;
display: flex;
}
.cover-image {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
.mc740 {
font-family: Telegraf, sans-serif;
font-size: 120px;
font-weight: 200;
line-height: 1;
}
.mc740-features-grid-temp {
z-index: 2;
grid-column-gap: 15px;
grid-row-gap: 15px;
background-color: var(--white-smoke);
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-content: stretch;
justify-items: stretch;
width: 100%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
padding-top: 2%;
padding-bottom: 2%;
display: none;
position: relative;
}
.mc740-features-temp {
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 20%;
padding-left: 0;
padding-right: 0;
display: flex;
}
.mc740-hero-image-wrapper-temp {
z-index: 0;
justify-content: center;
align-items: center;
width: 100%;
margin: 0% auto;
padding-left: 0;
display: flex;
position: relative;
}
.mc740-hero-image-temp {
z-index: 0;
object-fit: cover;
width: 100%;
max-width: 500px;
position: relative;
top: auto;
bottom: auto;
}
.mc740-hero-image-temp.right {
max-width: 400px;
top: 10%;
left: -2%;
}
.mc740-hero-image-temp.left {
left: 2%;
}
.mc740-hero-description-wrapper-temp {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 20%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.mc740-heading-temp {
margin-left: auto;
margin-right: auto;
font-family: Telegraf, sans-serif;
font-size: 60px;
font-weight: 400;
}
.mc740-description-text-wrapper-temp {
justify-content: center;
align-items: center;
margin: 5% auto;
display: flex;
}
.mc740-description-text-temp {
text-align: center;
max-width: 600px;
margin-left: auto;
margin-right: auto;
font-family: Metacom nb akademie reg, sans-serif;
font-size: 18px;
line-height: 1.4;
}
.mc740-image-container-temp {
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: none;
}
.mc740-image-temp {
object-fit: cover;
width: 100%;
max-width: 800px;
max-height: 460px;
margin-bottom: 0;
position: relative;
}
.mc740-features-grid {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
place-items: stretch stretch;
width: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
position: relative;
}
.mc740-features-middle-col {
grid-column-gap: 30px;
grid-row-gap: 30px;
padding: 0 30px;
}
.mc740-features-right-col {
grid-column-gap: 30px;
grid-row-gap: 30px;
width: 100%;
padding: 0;
}
.mc740-features-cell {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: row;
justify-content: center;
align-items: stretch;
width: 100%;
height: 100%;
padding: 0;
display: flex;
}
.mc740-features-col-left {
grid-column-gap: 30px;
grid-row-gap: 30px;
padding: 0;
}
.cell {
justify-content: center;
}
.mmc {
grid-column-gap: 30px;
grid-row-gap: 30px;
background-image: linear-gradient(to bottom, var(--black-2), #00000080 50%, var(--black-2)), url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/608c1b1f75d9efe70172f0e0_digital-display.jpeg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 0;
display: flex;
}
.text-8 {
color: #fff;
text-align: center;
text-transform: undefined;
max-width: 250px;
font-family: Roboto, sans-serif;
font-size: 1em;
font-weight: 300;
line-height: 1.4;
}
.mmc-cell-wrap {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.image-54 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
display: flex;
}
.vectors-wrapper-13 {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: cover;
justify-content: center;
align-items: center;
width: 59.9412px;
height: 59.9082px;
display: flex;
}
.text-9 {
color: #fff;
text-align: center;
text-transform: undefined;
width: 90%;
font-family: Telegraf, sans-serif;
font-size: 1.6em;
font-weight: 400;
line-height: 1.2;
}
.row {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex: 0 auto;
justify-content: center;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
}
.remote-management {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--white-smoke);
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-self: stretch;
align-items: center;
width: 100%;
padding: 0;
display: flex;
}
.image-55 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 182px;
padding: 10px;
display: flex;
}
.vectors-wrapper-14 {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: cover;
justify-content: center;
align-items: center;
width: 106.288px;
height: 122.937px;
display: flex;
}
.text-10 {
color: #1d1d1f;
text-align: center;
text-transform: undefined;
font-family: Telegraf, sans-serif;
font-size: 1.5em;
font-weight: 700;
line-height: 1;
}
.cpu {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--white-smoke);
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-self: stretch;
align-items: center;
width: 100%;
padding: 0;
display: flex;
}
.image-56 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 158px;
padding: 10px;
display: flex;
}
.vectors-wrapper-15 {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: cover;
justify-content: center;
align-items: center;
width: 126.497px;
height: 126.497px;
display: flex;
}
.heading-19 {
color: #1d1d1f;
text-align: center;
text-transform: undefined;
font-family: Telegraf, sans-serif;
font-size: 40px;
font-weight: 700;
}
.description-15 {
color: #1d1d1f;
text-align: center;
text-transform: undefined;
font-family: Telegraf, sans-serif;
font-size: 20px;
font-weight: 200;
}
.mc740-image-cell {
background-color: var(--white-smoke);
width: 100%;
height: 100%;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.mc740-image-cell.image {
margin-left: 0;
padding-bottom: 0;
padding-right: 0;
}
.mc740-features-row {
flex-direction: row;
justify-content: center;
align-items: stretch;
}
.row-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 227.5px;
display: flex;
}
.tile {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--white-smoke);
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
padding: 30px;
display: flex;
}
.image-57 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 93.5px;
padding: 10px;
display: flex;
}
.usb-port-1 {
object-fit: cover;
}
.heading-20 {
color: #1d1d1f;
text-align: center;
text-transform: undefined;
font-family: Telegraf, sans-serif;
font-size: 32px;
font-weight: 400;
}
.description-16 {
color: #1d1d1f;
text-align: center;
text-transform: undefined;
font-family: Telegraf, sans-serif;
font-size: 20px;
font-weight: 400;
}
.vectors-wrapper-16 {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: cover;
justify-content: center;
align-items: center;
width: 39px;
height: 62px;
display: flex;
}
.row-3 {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: center;
align-items: stretch;
width: 100%;
display: flex;
}
.image-58 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 10px;
display: flex;
}
.ethernet-1 {
object-fit: cover;
}
.heading-21 {
color: #1d1d1f;
text-align: center;
text-transform: undefined;
font-family: Telegraf, sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 1;
}
.description-17 {
color: #1d1d1f;
text-align: center;
text-transform: undefined;
font-family: Telegraf, sans-serif;
font-size: 20px;
font-weight: 200;
line-height: 1;
}
.frame-1 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: center;
width: 182.5px;
display: flex;
position: relative;
}
.text-11 {
color: #fff;
text-align: center;
text-transform: undefined;
font-family: Telegraf, sans-serif;
font-size: 11px;
font-weight: 400;
position: absolute;
top: 30.5px;
left: 72.5px;
}
.row-4 {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex: 0 auto;
justify-content: center;
align-self: stretch;
align-items: stretch;
width: 100%;
display: flex;
}
.image-59 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 10px;
display: flex;
}
.heading-22 {
color: #1d1d1f;
text-align: center;
text-transform: undefined;
font-family: Telegraf, sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 1;
}
.description-18 {
color: #1d1d1f;
text-align: center;
text-transform: undefined;
font-family: Telegraf, sans-serif;
font-size: 20px;
font-weight: 200;
line-height: 1;
}
.vectors-wrapper-17 {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: cover;
justify-content: center;
align-items: center;
width: 39px;
height: 62px;
display: flex;
}
.row-5 {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: center;
align-items: stretch;
width: 100%;
display: flex;
}
.tile-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--white-smoke);
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
padding: 30px;
display: flex;
}
.image-60 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: center;
width: 100%;
height: 91px;
padding: 10px;
display: flex;
}
.audio-jack-1 {
object-fit: cover;
}
.heading-23 {
color: #1d1d1f;
text-align: center;
text-transform: undefined;
font-family: Telegraf, sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 1;
}
.description-19 {
color: #1d1d1f;
text-align: center;
text-transform: undefined;
font-family: Telegraf, sans-serif;
font-size: 20px;
font-weight: 200;
line-height: 1;
}
.image-61 {
object-fit: cover;
flex: 0 auto;
width: 100%;
height: 290px;
}
.hero-tile {
grid-column-gap: 30px;
grid-row-gap: 30px;
background-color: #f5f5f7;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
width: 100%;
padding: 0;
display: flex;
}
.frame-36 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
._003-020-06-300-v2-2-3 {
object-fit: cover;
width: 100%;
}
.frame-37 {
grid-column-gap: -10px;
grid-row-gap: -10px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.text-12 {
color: #00aeef;
text-align: center;
text-transform: undefined;
font-family: Telegraf, sans-serif;
font-size: 128px;
font-weight: 200;
line-height: 1;
}
.text-13 {
color: #1d1d1f;
text-align: center;
text-transform: undefined;
font-family: Telegraf, sans-serif;
font-size: 40px;
font-weight: 200;
line-height: 1;
}
.tile-3 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #f5f5f7;
flex-direction: row;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
padding: 10px 30px 10px 0;
display: flex;
position: relative;
}
.html5 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
align-items: center;
width: 162.5px;
height: 155px;
padding: 30px;
display: flex;
}
.html-5-1 {
object-fit: cover;
}
.heading-24 {
color: #1d1d1f;
text-align: center;
text-transform: undefined;
font-family: Telegraf, sans-serif;
font-size: 32px;
font-weight: 700;
}
.frame-38 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #00aeef;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 2px 20px;
display: flex;
position: absolute;
inset: auto 0% 0% auto;
}
.text-14 {
color: #fff;
text-transform: undefined;
font-family: Telegraf, sans-serif;
font-size: 18px;
font-weight: 400;
}
.mc740-cell-heading {
font-family: Telegraf, sans-serif;
font-size: 1.5em;
font-weight: 700;
line-height: 1;
}
.mc740-cell-description {
font-family: Telegraf, sans-serif;
font-size: 1.1em;
font-weight: 200;
line-height: 1;
}
._4k-video {
flex: 1;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.tile-4 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #f5f5f7;
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/608c1b1f75d9efe70172f0e0_digital-display.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: stretch;
width: 100%;
height: 100%;
padding: 20px;
display: flex;
}
.html5-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
align-items: center;
width: 100%;
height: 101px;
padding: 30px;
display: flex;
}
.vectors-wrapper-18 {
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: cover;
justify-content: center;
align-items: center;
width: 122px;
height: 70.1017px;
display: flex;
}
.heading-25 {
color: #fff;
text-align: center;
text-transform: undefined;
text-shadow: 0 0 10px #00000080;
white-space: nowrap;
font-family: Telegraf, sans-serif;
font-size: 32px;
font-weight: 400;
}
.hero-tile-2 {
grid-column-gap: 30px;
grid-row-gap: 30px;
background-color: #f5f5f7;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 30px;
display: flex;
}
.frame-39 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.frame-40 {
grid-column-gap: -10px;
grid-row-gap: -10px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.text-15 {
color: #00aeef;
text-align: center;
text-transform: undefined;
font-family: Telegraf, sans-serif;
font-size: 8em;
font-weight: 400;
line-height: 1;
}
.text-16 {
color: #1d1d1f;
text-align: center;
text-transform: undefined;
font-family: Telegraf, sans-serif;
font-size: 3em;
font-weight: 200;
line-height: 1;
}
.mc740-wi-fi {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex: 1;
justify-content: center;
align-items: stretch;
width: 100%;
display: flex;
}
.image-62 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: row;
flex: 1;
justify-content: space-between;
align-self: stretch;
align-items: stretch;
width: 100%;
display: flex;
position: relative;
overflow: visible;
}
.mc740-wi-fi-test-1 {
object-fit: cover;
object-position: 0% 100%;
flex: 0 auto;
align-self: stretch;
width: 100%;
position: static;
left: 0;
}
.frame-41 {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #00aeef;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 2px 20px;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.text-17 {
color: #fff;
text-transform: undefined;
font-family: Telegraf, sans-serif;
font-size: 18px;
font-weight: 400;
}
.cell-2 {
justify-content: center;
align-items: center;
}
.cell-3 {
justify-content: center;
align-items: stretch;
}
.new-routers-grid {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
margin-bottom: 140px;
}
.legacy-devices-heading-wrap {
margin-top: 100px;
margin-bottom: 120px;
}
.collection-list-wrapper-6 {
flex-wrap: wrap;
}
.video-grid {
flex: 1;
width: 100%;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
padding: 30px;
}
.our-latest-release {
padding-left: 30px;
}
.application-form-pdf {
width: 100%;
}
.mf-pdf-image {
width: 100%;
height: 100%;
}
.gradient-overlay-white {
background-image: linear-gradient(#0000, #fff);
position: absolute;
inset: 0%;
}
.button-container {
grid-column-gap: 30px;
grid-row-gap: 30px;
align-items: center;
display: flex;
}
.button-container.foundation {
margin-top: 30px;
display: flex;
}
.download-pdf {
color: var(--metacom-blue);
width: 100%;
font-family: Telegraf, sans-serif;
font-size: 18px;
line-height: 1;
}
.image-63 {
transform: rotate(90deg);
}
.div-block-147 {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.collection-item-11 {
justify-content: flex-end;
align-items: flex-end;
display: block;
}
.application-form {
display: block;
}
.features-metrics {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 60px 30px;
position: relative;
}
.container-12 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.features-wrapper {
justify-content: space-around;
align-items: center;
display: flex;
}
.features-block {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.features-title {
text-align: left;
margin-bottom: 8px;
font-size: 40px;
font-weight: 600;
line-height: 48px;
}
.features-title.foundation {
max-width: 420px;
}
.features-title-small {
font-size: 24px;
line-height: 32px;
}
.applications-closed-image {
width: 20%;
margin-bottom: 0%;
}
.application-closed-div {
grid-column-gap: 10%;
grid-row-gap: 10%;
align-items: center;
display: flex;
}
.text-block-29 {
text-align: left;
display: block;
}
.terms-container {
max-width: 1200px;
margin-top: 100px;
}
.table-of-contents {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-end;
display: flex;
}
.tos-heading {
padding-bottom: 88px;
}
.tos-divider {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #e5e5e5;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 1px;
display: flex;
}
.flex-block {
background-color: #e5e5e5;
flex-flow: row;
width: 100%;
height: 1px;
display: flex;
}
.toc-div {
width: auto;
padding: 20px 20px 100px;
position: relative;
}
.quick-stack {
grid-column-gap: 100px;
grid-row-gap: 30px;
padding: 0;
}
.rich-text-block-6 {
flex-flow: row;
flex: 0 auto;
padding-top: 0;
padding-bottom: 0;
display: none;
position: sticky;
top: 10vh;
}
.terms-of-service-heading-div {
flex-flow: column;
display: flex;
}
.terms-of-service-grid {
grid-column-gap: 0px;
grid-row-gap: 50px;
grid-template-columns: minmax(800px, 900px) 50px 1fr;
margin: 0 auto 200px;
font-size: 14px;
}
.tos-heading-point {
font-family: Roboto, sans-serif;
font-size: 18px;
font-weight: 700;
}
.tos-point-block {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.list-6 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.text-span-7 {
text-indent: 10px;
}
.u-mt-3 {
margin-top: 3em;
}
.body-6 {
font-family: Roboto, sans-serif;
}
.terms-of-service-list {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-left: 0;
font-size: 15px;
display: flex;
}
.tos-list-indented {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 15px;
margin-bottom: 15px;
display: flex;
}
.list-8 {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-left: 0;
display: flex;
}
.tos-list-items {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 15px;
padding-top: 15px;
display: flex;
}
.table-of-contents-list {
background-color: #f2f2f2;
min-width: 300px;
padding: 20px 20px 40px 50px;
font-size: 15px;
display: block;
position: sticky;
top: 10vh;
}
.toc-list-item {
margin-bottom: 5px;
}
.tos-list-item {
margin-bottom: 0;
line-height: 1.5rem;
}
.text-block-30 {
text-transform: uppercase;
}
.list-9 {
position: sticky;
top: 10vh;
}
.toc-link {
color: var(--text-black);
font-family: Roboto, sans-serif;
}
.bold-text-3 {
cursor: pointer;
}
.cs-image-wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: block;
overflow: clip;
}
.client-success-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.collection-item-12 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 100%;
margin-bottom: 77px;
display: flex;
}
.client-success-heading {
text-align: left;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.cs-text-div {
width: 100%;
padding-right: 50px;
}
.bento-grid-div {
width: 100%;
max-width: 1000px;
}
.mc750-bento-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template: "Area Area Area Area Area"
"Area-2 Area-2 Area-2 Area-3 Area-3"
"Area-4 Area-4 Area-5 Area-5 Area-5"
"Area-7 Area-7 Area-6 Area-8 Area-9"
/ .5fr 1fr 1fr 1fr 1fr;
width: 100%;
}
.bento-grid-item {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: #f2f2f2;
border-radius: 10px;
flex-flow: column;
justify-content: center;
align-items: center;
max-height: 220px;
padding: 30px;
display: flex;
position: relative;
}
.bento-grid-item.metawan {
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/689475d6af40c184c16c3e52_MetaWAN%20BG.png");
background-position: 50% 20%;
background-size: 100%;
background-attachment: scroll;
}
.bento-grid-item.cyan {
background-image: linear-gradient(90deg, #6ac6f1, #00aeef);
}
.bento-grid-item.hero-image {
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
}
.bento-grid-item.horizontal {
flex-flow: row;
max-height: 200px;
}
.bento-grid-item.no-padding {
box-sizing: border-box;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
width: 100%;
padding: 0;
}
.mc750-main-image {
justify-content: space-between;
align-items: center;
width: 90%;
height: 100%;
display: flex;
position: relative;
}
.image-64 {
object-fit: contain;
width: 100%;
height: 100%;
}
.mc750-metawan {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: space-around;
align-items: center;
height: 100%;
display: flex;
}
.next-gen-text {
color: #fff;
letter-spacing: normal;
font-size: 19px;
}
.superior-routing-speeds-image {
object-fit: contain;
width: 50%;
height: 70%;
}
.metawan-logo {
width: 70%;
}
.mc750-rack-mountable {
display: none;
}
.mc750-rack-mount-div {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.mc750-1u-rack-mountable {
object-fit: contain;
flex: 0 auto;
align-self: stretch;
width: 100%;
max-height: 250px;
position: relative;
inset: 0%;
}
.mc750-ports {
flex: 0 auto;
align-self: auto;
width: 100%;
height: 110%;
padding-top: 0;
}
.mc750-front-display {
object-fit: fill;
width: 100%;
height: 100%;
}
.bento-grid-feature-div {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.bento-grid-feature-text {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-flow: column;
display: flex;
}
.bento-grid-feature-image {
max-width: 150px;
max-height: 100px;
}
@media screen and (max-width: 991px) {
.section {
flex: 1;
width: 100%;
padding-left: 60px;
padding-right: 60px;
}
.section.cc-cta {
padding-left: 0;
padding-right: 0;
}
.section.cc-store-home-wrap {
margin-top: 0;
}
.section.media {
margin-top: 140px;
padding-left: 60px;
padding-right: 60px;
}
.section.contact {
margin-bottom: 60px;
}
.section.home-video {
margin-top: 0;
}
.section.top {
margin-top: 100px;
}
.section.bottom {
margin-bottom: 100px;
}
.section.media-grid {
margin-top: 60px;
}
.section.article-image, .section.article-text {
margin-top: 50px;
}
.section.vacancies {
padding-left: 40px;
padding-right: 40px;
}
.section.no-space.foundation {
padding-left: 0;
padding-right: 0;
}
.section.full-width.no-space.dark-bg.padding-top {
padding-top: 0;
}
.section.margin-top {
margin-top: 100px;
}
.section.home-client-success {
margin-top: 0;
}
.styleguide-block {
text-align: center;
}
.container {
padding-left: 20px;
padding-right: 20px;
}
.container.home-4 {
margin-top: 20px;
margin-bottom: 40px;
}
.container.new-products {
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.container.new-products.margin-top {
margin-top: 100px;
}
.container.home {
flex-direction: column;
}
.container.video-grid {
padding: 0;
}
.paragraph-bigger {
font-size: 21px;
}
.button {
justify-content: center;
}
.button.cc-contact-us {
display: none;
}
.button.home-button-1 {
align-self: flex-start;
padding: 10px 15px;
}
.button.home-button-1-top {
padding: 10px 15px;
}
.button.home-button-1-top.top {
opacity: 0;
transition: background-color .4s, opacity .4s, color .4s;
display: none;
top: -42px;
left: auto;
}
.button.home-button-1-top.top.article {
align-self: center;
left: -152px;
}
.button.home-button-1-top.top.service {
align-self: flex-start;
left: -2px;
}
.button.home-button-1-top.top-2, .button.home-button-1-top.top-3 {
opacity: 0;
display: none;
top: -42px;
left: auto;
}
.label.cc-light, .label.cc-light.title {
font-size: 10px;
}
.paragraph-light {
font-size: 14px;
line-height: 20px;
}
.paragraph-light.home-text-3 {
text-align: left;
font-size: 14px;
line-height: 21px;
}
.paragraph-light.slide._90 {
width: 90%;
}
.paragraph-light.media, .paragraph-light.media.column {
margin-top: 0;
}
.paragraph-light.maxh {
line-height: 1.8;
}
.heading-jumbo {
font-size: 56px;
line-height: 70px;
}
.logo-link.w--current {
flex: 1;
align-self: center;
}
.menu-icon {
width: 20px;
display: block;
}
.menu-icon.white {
z-index: 99999999;
color: var(--white);
width: 20px;
max-width: none;
position: relative;
}
.menu {
flex: 0 auto;
align-items: center;
margin-left: 0;
position: static;
}
.navigation-wrap {
background-color: #0000;
}
.navigation-wrap.article {
z-index: 0;
}
.navigation {
flex-direction: row;
align-self: center;
padding: 30px 60px;
}
.navigation-item {
text-align: center;
padding: 15px 30px;
transition: background-color .4s, opacity .4s, color .4s;
}
.navigation-item:hover {
background-color: #f7f8f9;
}
.navigation-item:active {
background-color: #eef0f3;
}
.navigation-item.white {
background-color: #0000;
border-bottom-style: solid;
border-bottom-width: 2px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
padding: 0 0 5px;
}
.navigation-item.white:hover {
border-bottom-style: solid;
border-bottom-width: 2px;
margin-left: 0;
margin-right: 0;
}
.menu-button {
padding: 0;
}
.menu-button.w--open {
background-color: #0000;
}
.logo-image {
width: 140px;
}
.navigation-items {
-webkit-text-fill-color: inherit;
background-color: #0000;
background-clip: border-box;
flex-direction: column;
justify-content: flex-end;
align-self: center;
align-items: center;
width: 100vw;
height: 100vh;
margin-left: 0;
display: flex;
position: fixed;
inset: 0%;
}
.footer-wrap {
background-size: 50%;
}
.cta-text {
width: auto;
}
.cta-wrap {
width: auto;
padding: 80px 50px 90px;
}
.motto-wrap {
margin-bottom: 0;
}
.our-services-grid {
text-align: center;
grid-template: ". ."
". ."
". ."
/ 1fr 1fr;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.service-icon {
display: inline-block;
}
.contact-form-grid {
grid-row-gap: 50px;
text-align: center;
grid-template: "."
"."
/ 1fr;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.get-in-touch-form {
text-align: left;
}
.our-contacts {
grid-template: "."
"."
"."
/ 1fr;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.team-members {
grid-template: ". ."
". ."
". ."
/ 1fr 1fr;
}
.team-member-title-wrap {
margin-bottom: 30px;
}
.project-details-grid {
grid-row-gap: 50px;
text-align: center;
grid-template: "."
"."
/ 1fr;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.blog-detail-header-wrap {
width: 70%;
}
.detail-header-image {
height: 460px;
}
.blog-item {
width: 80%;
}
.blog-preview-image {
height: 460px;
}
.blog-summary-wrap {
width: 100%;
}
.home-content-wrap {
margin-top: 0;
}
.home-section-wrap {
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
}
.home-section-wrap.bottom._70 {
margin-bottom: 60px;
}
.section-heading.home-text-2 {
margin-top: 30px;
font-size: 38px;
line-height: 42px;
}
.about-grid {
grid-column-gap: 60px;
grid-row-gap: 50px;
text-align: center;
grid-template: "."
"."
/ 1fr;
align-items: stretch;
margin-bottom: 60px;
}
.about-grid.cc-about-2 {
grid-column-gap: 60px;
grid-row-gap: 50px;
grid-template: "."
"."
/ 1fr;
grid-auto-flow: column;
align-items: stretch;
margin-bottom: 60px;
}
.about-grid.cc-about-2.mc6000 {
margin-bottom: 40px;
}
.about-grid.cc-about-2.space-top {
margin-top: 140px;
}
.about-grid.slide-up {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-flow: column;
margin-bottom: 100px;
}
.about-grid.no-pic {
grid-template-columns: 1fr .5fr;
margin-bottom: 60px;
}
.about-grid._3 {
margin-top: 100px;
}
.intro-text {
width: auto;
}
.collection-wrap {
flex-flow: column;
align-items: center;
margin-left: 0;
margin-right: 0;
}
.blog-preview-wrap {
text-align: center;
width: 80%;
padding-right: 15px;
}
.banner.black {
height: auto;
min-height: 70svh;
}
.banner.mc7000 {
padding-left: 0;
padding-right: 0;
}
.text-block.white {
font-size: 5vw;
}
.div-block-2 {
margin-top: 20%;
}
.image.scroll-arrow {
width: 17px;
}
.text-block-3 {
font-size: 14px;
}
.div-block-4 {
flex-direction: column;
}
.grid {
flex-direction: column;
margin-bottom: 100px;
display: flex;
}
.text-block-4 {
font-size: 21px;
}
.text-block-5.date {
font-size: 16px;
}
.text-block-6 {
font-size: 14px;
line-height: 21px;
}
.grid-2.footer {
grid-column-gap: 60px;
grid-template-columns: 1.5fr .75fr;
}
.image-3 {
width: 170px;
}
.grid-3 {
grid-column-gap: 49px;
}
.footer-link {
font-family: Nb akademie std, sans-serif;
font-weight: 300;
}
.navigation-2 {
padding: 30px 60px;
}
.logo-image-2 {
z-index: 99;
width: 140px;
position: relative;
}
.routerbanner {
object-fit: fill;
background-repeat: no-repeat;
background-size: cover;
flex-wrap: nowrap;
align-content: flex-start;
height: auto;
display: inline-block;
position: relative;
top: 0;
overflow: hidden;
}
.routerbanner.video {
object-fit: fill;
align-self: stretch;
height: auto;
display: block;
position: static;
overflow: hidden;
}
.routerbanner.banner-vid {
position: static;
}
.intro-grid {
grid-column-gap: 40px;
margin-top: 60px;
margin-bottom: 100px;
}
.intro-grid.no-banner {
grid-template-columns: 1fr 1.25fr;
}
.page-header {
font-size: 56px;
line-height: 72px;
}
.page-header.mid {
margin-bottom: 60px;
font-size: 42px;
line-height: 56px;
}
.page-header.slide {
margin-top: 20px;
margin-bottom: 20px;
margin-right: 0;
font-size: 56px;
line-height: 72px;
}
.paragraph-light-line {
font-size: 14px;
line-height: 24px;
}
.descriptor {
text-align: left;
margin-bottom: 30px;
font-size: 18px;
line-height: 24px;
}
.descriptor.intro {
text-align: left;
font-size: 54px;
}
.descriptor.intro.slide {
font-size: 21px;
}
.descriptor.intro.careers {
margin-top: 80px;
}
.descriptor.intro.about {
font-size: 28px;
}
.descriptor.positions {
font-size: 20px;
}
.descriptor.top-padding {
margin-top: 60px;
}
.heading-2.router-title {
margin-top: 60px;
font-size: 24px;
line-height: 32px;
}
.router-icon {
width: 70%;
}
.routers-grid {
grid-column-gap: 30px;
grid-row-gap: 80px;
grid-template-columns: 1fr 1fr;
}
.footer-top {
padding-left: 60px;
padding-right: 60px;
}
.quote {
opacity: .91;
margin-top: 0;
margin-bottom: 100px;
font-size: 2.4vw;
line-height: 3.4vw;
}
.tab-text, .tab-text.blue {
font-size: 21px;
line-height: 28px;
}
.arrow.laern-more {
width: 15px;
}
.case-study-footer {
grid-template-columns: 1fr 1fr;
}
.text-block-9 {
font-size: 21px;
line-height: 28px;
}
.top-footer-link {
font-size: 18px;
line-height: 24px;
}
.top-footer-contact {
padding-top: 20px;
padding-bottom: 40px;
}
.top-footer-arrow {
width: 18px;
margin-bottom: 10px;
}
.top-footer-contact-3 {
display: none;
}
.top-footer-arrow-2, .top-footer-arrow-3 {
width: 18px;
margin-bottom: 10px;
}
.devider-trigger {
grid-column-gap: 20px;
grid-row-gap: 20px;
align-items: center;
}
.div-block-6 {
padding-right: 0;
}
.text-block-12 {
margin-bottom: 5px;
font-size: 16px;
line-height: 24px;
}
.cs-footer-link {
font-size: 14px;
line-height: 28px;
}
.casestudy-footer {
padding: 20px;
}
.cs-paragraph {
font-size: 14px;
line-height: 21px;
}
.name {
margin-top: 30px;
font-size: 18px;
line-height: 21px;
}
.company {
margin-top: 5px;
font-size: 16px;
line-height: 21px;
}
.clients-grid {
grid-column-gap: 60px;
grid-template-columns: 1fr 1fr 1fr;
}
.services-banner {
height: 650px;
}
.services-grid {
grid-column-gap: 60px;
grid-row-gap: 120px;
margin-bottom: 100px;
}
.services-icon {
width: 60px;
}
.intro-image, .intro-image.about {
display: none;
}
.intro-text-bottom {
margin-top: 40px;
}
.list-item-icon {
text-align: left;
background-position: 0 8px;
font-size: 16px;
line-height: 24px;
}
.heading-3 {
text-align: left;
font-size: 18px;
line-height: 28px;
}
.paragraph-medium {
text-align: left;
font-size: 16px;
line-height: 24px;
}
.paragraph-medium.small {
width: 80%;
}
.about-profiles {
grid-column-gap: 30px;
}
.about-team {
margin-bottom: 100px;
}
.wrapper {
padding-left: 30px;
padding-right: 30px;
}
.text-right-image {
grid-row-gap: 50px;
text-align: center;
grid-template: "."
"."
/ 1fr;
}
.text-right-image.cc-about-2 {
grid-template-columns: 1fr;
grid-template-areas: "."
".";
}
.image-left-text {
margin-top: 40px;
}
.list.mc250-wi-fi {
width: 90%;
}
.image-18.home-image-1 {
object-fit: cover;
width: 100%;
max-width: none;
max-height: 400px;
position: relative;
}
.drop-menu {
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
height: 100vh;
margin-left: auto;
margin-right: auto;
padding-top: 40px;
display: none;
position: fixed;
inset: 0%;
}
.about-intro-grid {
grid-column-gap: 60px;
margin-top: 140px;
margin-bottom: 60px;
}
.div-block-58 {
width: 100%;
}
.div-block-58.service {
margin-bottom: 20px;
}
.div-block-58.get-in-touch {
margin-bottom: auto;
}
.mid-banner {
height: 450px;
}
.div-block-59.hide {
display: block;
}
.div-block-59.hide.routers {
height: auto;
overflow: visible;
}
.grid-7.slide {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.gallery-image {
height: 50vh;
}
.racetrack {
background-size: 135%;
height: 500px;
}
.media-grid {
grid-column-gap: 40px;
margin-bottom: 100px;
}
.media-items {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-areas: ".";
justify-items: center;
width: 100%;
max-width: none;
overflow: hidden;
}
.media-image {
max-width: none;
}
.media-big-box {
order: 11;
width: 100%;
}
.contact-intro-grd {
margin-top: 140px;
margin-bottom: 60px;
}
.support-button {
width: 40vw;
}
.map-grid {
margin-bottom: 100px;
}
.office-wrap {
margin-bottom: 40px;
}
.map-wrap {
margin-bottom: 30px;
}
.adress {
align-self: flex-end;
}
.careers-grid {
grid-column-gap: 60px;
grid-row-gap: 50px;
text-align: center;
grid-template: "."
"."
/ 1fr 1fr;
align-items: stretch;
margin-bottom: 0;
}
.careers-grid.cc-about-2 {
grid-template: "."
"."
/ 1fr 1fr;
margin-bottom: 100px;
}
.careers-grid.slide-up {
grid-column-gap: 80px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-bottom: 100px;
}
.positionswrap {
margin-bottom: 100px;
}
.article-wrap, .article-wrap.services {
width: 70%;
}
.div-block-69 {
object-fit: contain;
max-height: 400px;
padding-left: 60px;
padding-right: 60px;
}
.article-section.image.retailers {
max-height: 400px;
}
.article-text.start.menu-button {
width: 100%;
}
.article-button {
flex-direction: column;
}
.about-tile {
align-items: flex-start;
margin-top: 40px;
margin-bottom: 0;
}
.about-tile.no-trim {
padding: 40px 40px 20px;
}
.about-tile-wrap {
flex-flow: column;
justify-content: center;
align-items: center;
}
.services-page-top {
margin-top: 140px;
}
.service-page-wrap {
width: 70%;
}
.service-copy-wrap {
align-items: flex-start;
margin-top: 40px;
margin-bottom: 0;
}
.clients-button {
flex-direction: column;
}
.service-container {
margin-top: 140px;
}
.service-section-wrap {
align-items: flex-start;
margin-top: 40px;
margin-bottom: 0;
}
.service-top-image {
flex: 1;
width: 50%;
max-width: 40vw;
}
.service-left {
width: 100%;
}
.service-right {
margin-left: 40px;
}
.service-button {
flex-direction: column;
}
.service-button.new {
margin-top: 60px;
margin-bottom: 40px;
}
.routers-image {
margin-bottom: 60px;
}
.div-block-75 {
width: 100%;
margin-bottom: 40px;
padding-top: 0;
}
.full-drop-nav {
z-index: 2147483647;
background-color: var(--metacom-navy);
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/606db9df2f43600b32851499_Metacom%20-%20Website%20footer%20grid-20.svg");
background-position: 50%;
background-size: 50%;
display: none;
}
.div-block-82 {
opacity: 1;
padding: 30px 60px;
}
.full-nav {
text-align: center;
padding: 15px 30px;
transition: background-color .4s, opacity .4s, color .4s;
}
.full-nav:hover {
background-color: #f7f8f9;
}
.full-nav:active {
background-color: #eef0f3;
}
.full-nav.white {
background-color: #0000;
border-bottom-style: solid;
border-bottom-width: 2px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
padding: 0 0 5px;
}
.full-nav.white:hover {
border-bottom-style: solid;
border-bottom-width: 2px;
margin-left: 0;
margin-right: 0;
}
.about-grid-5 {
grid-row-gap: 20px;
place-items: center;
width: 100%;
max-width: none;
margin-top: 60px;
margin-bottom: 90px;
padding-left: 0;
padding-right: 0;
}
.video-2 {
height: 400px;
}
.html-embed {
margin-top: 100px;
}
.html-embed-2 {
margin-top: 80px;
}
.html-embed-2.padding-top {
position: relative;
top: 0;
overflow: hidden;
}
.html-embed-2.padding-top.hide {
display: none;
}
.about-grid-copy {
grid-column-gap: 60px;
grid-row-gap: 50px;
text-align: center;
grid-template: "."
"."
/ 1fr 1fr;
align-items: stretch;
margin-bottom: 100px;
}
.about-grid-copy.cc-about-2 {
grid-template: "."
"."
/ 1fr 1fr;
margin-bottom: 100px;
}
.about-grid-copy.slide-up {
grid-column-gap: 80px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-bottom: 100px;
}
.router-mobile {
align-items: center;
width: 70%;
height: 400px;
margin-top: 20px;
display: flex;
overflow: hidden;
}
.div-block-89 {
margin-bottom: 40px;
}
.services-grid-2 {
grid-column-gap: 60px;
grid-row-gap: 120px;
margin-bottom: 100px;
}
.service-mobile {
display: none;
}
.about-mobile, .careers-mobile {
margin-top: 40px;
}
.scroll_section.expand {
height: auto;
overflow: hidden;
}
.c-scrolling-content {
margin-bottom: 0;
}
.wrapper-2 {
padding-left: 0;
padding-right: 0;
}
.scroll_container {
padding-left: 20px;
padding-right: 20px;
}
.scroll_container.sticky {
margin-bottom: 0;
padding-left: 60px;
padding-right: 60px;
position: relative;
top: 0%;
overflow: auto;
}
.html-embed-3 {
display: none;
}
.text-block-13 {
font-size: 14px;
}
.button-2 {
justify-content: center;
}
.button-2.home-button-1 {
align-self: flex-start;
padding: 10px 15px;
}
.button-2.home-button-1-top {
padding: 10px 15px;
}
.button-2.home-button-1-top.top {
opacity: 0;
top: -42px;
left: auto;
}
.div-block-90 {
margin-bottom: 0;
}
.mobilevideo {
display: block;
}
.mobilevideo.hide {
display: none;
}
.mobilevideo.background-video.routers {
object-fit: scale-down;
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
overflow: visible;
}
.iso-link-block {
margin-top: 20px;
}
.sub-heading-careers {
margin-top: -35px;
margin-bottom: 30px;
padding-left: 0;
}
.div-block-101 {
flex-direction: column;
}
.grid-12 {
grid-template: "Area Area Area Area Area Area"
"Area-3 Area-3 Area-3 Area-2 Area-2 Area-2"
"Area-3 Area-3 Area-3 Area-2 Area-2 Area-2"
"Area-4 Area-4 Area-4 Area-4 Area-4 Area-4"
"Area-5 Area-5 Area-5 Area-5 Area-5 Area-5"
"Area-6 Area-6 Area-6 Area-6 Area-6 Area-6"
"Area-6 Area-6 Area-6 Area-6 Area-6 Area-6"
"Area-8 Area-8 Area-8 Area-8 Area-8 Area-8"
"Area-8 Area-8 Area-8 Area-8 Area-8 Area-8"
"Area-9 Area-9 Area-9 Area-9 Area-9 Area-9"
"Area-10 Area-10 Area-10 Area-10 Area-10 Area-10"
"Area-11 Area-11 Area-11 Area-11 Area-11 Area-11"
"Area-12 Area-12 Area-12 Area-12 Area-12 Area-12"
"Area-13 Area-13 Area-13 Area-13 Area-13 Area-13"
"Area-14 Area-14 Area-14 Area-14 Area-14 Area-14"
/ 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
}
.white-line.smaller-margin {
margin-top: 20px;
}
.media-heading-caps {
display: none;
}
.media-special-update {
background-size: auto, auto;
padding-right: 30px;
}
.media-block-h3 {
font-size: 26px;
}
.rich-text-block-2 p {
font-size: 14px;
}
.cyber-security {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.image-link {
background-repeat: no-repeat;
background-size: contain;
display: none;
}
.column-2 {
padding-left: 0;
padding-right: 0;
}
.columns {
flex-direction: column;
}
.article-hero-image {
max-width: 650px;
max-height: 360px;
}
.collection-list-wrapper-3 {
flex-direction: row;
align-items: flex-start;
}
.collection-item-4 {
width: 150px;
margin-bottom: 80px;
margin-left: auto;
margin-right: 50px;
padding-left: 0;
padding-right: 0;
}
.next {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.heading-9 {
max-width: 150px;
font-size: 16px;
line-height: 1.5;
}
.div-block-116 {
display: none;
}
.previous {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.column-3 {
padding-left: 0;
padding-right: 0;
}
.secondary-image {
object-fit: contain;
width: auto;
height: 150px;
}
.div-block-121 {
justify-content: flex-start;
margin-top: 40px;
position: static;
}
.div-block-122 {
width: 100%;
}
.div-block-125 {
border-top: 1px solid var(--silver);
border-bottom: 1px solid var(--silver);
margin-left: 40px;
padding-left: 10px;
padding-right: 0;
top: 200px;
}
.text-block-20, .div-block-126, .job-details.job-title, .job-details.department, .job-details.location {
display: block;
}
.vacancies-hero {
padding-top: 200px;
padding-bottom: 100px;
}
.div-block-127 {
flex-direction: column;
align-items: flex-start;
}
.paragraph-7 {
max-height: 140px;
line-height: 1.4em;
overflow: hidden;
}
.collection-list-2 {
grid-template-columns: 1fr;
}
.image-36 {
max-width: 240px;
max-height: 500px;
}
.link-block {
padding: 30px;
}
.video-container {
background-color: #0000;
margin-top: 100px;
padding-left: 60px;
padding-right: 60px;
}
.f2wf-columns {
flex-direction: column;
align-items: flex-start;
}
.feature {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: row;
align-items: flex-start;
margin-top: 50px;
margin-bottom: 50px;
padding-left: 0;
padding-right: 0;
}
.image-wrapper {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 5%;
padding-bottom: 5%;
padding-right: 5%;
}
.image-wrapper.the-week-that-was {
justify-content: flex-start;
max-width: 200px;
padding-top: 0;
padding-bottom: 0;
}
.image-wrapper.mc250-wi-fi {
position: relative;
left: 0;
overflow: hidden;
}
.image-38 {
object-fit: contain;
object-position: 0% 50%;
width: 100%;
height: 100%;
overflow: hidden;
}
.column-6 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.in-the-news {
padding-left: 40px;
padding-right: 40px;
}
.column-7 {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
position: static;
}
.content-2 {
padding-left: 0;
padding-right: 0;
}
.image-wrapper-2 {
height: auto;
}
.title-3 {
font-size: 22px;
}
.article-section-3 {
grid-column-gap: 25px;
grid-row-gap: 25px;
}
.article-image-4 {
width: 80%;
}
.div-block-138 {
margin-top: 20px;
}
.f2wf-columns-2 {
flex-direction: column;
align-items: center;
}
.small-container-5 {
flex-direction: column;
}
.content-8 {
align-items: center;
padding-bottom: 0;
}
.text-7 {
text-align: center;
max-width: 100%;
font-size: 14px;
line-height: 200%;
}
.image-wrapper-6 {
margin-top: 25px;
padding-left: 0;
}
.image-left-2 {
padding-top: 0;
padding-bottom: 0;
}
.f2wf-small-columns-4 {
flex-direction: column;
display: none;
}
.column-13 {
align-items: center;
padding-right: 0;
}
.column-14._50-px {
grid-column-gap: 0px;
grid-row-gap: 0px;
padding: 50px;
}
.title-6 {
text-align: center;
align-self: center;
}
.description-12 {
text-align: center;
font-size: 14px;
}
.charter-2, .charter-details-2 {
padding-left: 50px;
padding-right: 50px;
}
.container-9 {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: stretch;
}
.f2wf-columns-3 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
justify-content: space-around;
align-items: center;
}
.info-3 {
padding: 30px;
}
.description-14 {
font-size: 14px;
}
.card-4 {
height: 100%;
}
.info-4 {
padding: 30px;
}
.name-5 {
font-size: 14px;
}
.foundation-hero-image {
margin-left: 0;
right: auto;
}
.foundation-title {
text-align: center;
}
.f2wf-columns-4 {
flex-direction: column;
align-items: center;
}
.vectors-wrapper-3 {
bottom: -865px;
right: 50%;
}
.text-block-24 {
width: 90%;
font-size: 15px;
}
.christina-wocintechchat-com-fjza4obv8ic-unsplash-1-2-copy {
max-width: 100%;
max-height: 100%;
}
.vectors-wrapper-1 {
z-index: 1;
left: -326px;
}
.vectors-wrapper-6 {
left: 331px;
}
.vectors-wrapper-7 {
z-index: 4;
bottom: 523px;
}
.vectors-wrapper-8 {
z-index: 5;
bottom: 503px;
left: -199px;
}
.vectors-wrapper-9 {
top: -23px;
left: 122px;
}
.vectors-wrapper-10 {
bottom: 8px;
}
.vectors-wrapper-11 {
top: 208px;
}
.f2wf-small-columns-6 {
flex-direction: column;
margin-top: 50px;
display: flex;
}
.f2wf-small-columns-4-copy {
flex-direction: column;
display: none;
}
.f2wf-small-columns-5 {
flex-direction: column;
width: 100%;
display: flex;
}
.container-9-copy {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: stretch;
}
.div-block-140 {
text-align: center;
width: 100%;
max-width: 1000px;
}
.foundation-contact, .foundation-contact-email-d {
text-align: center;
}
.hero-content-div {
padding-top: 80px;
}
.hero-content-div.mc7000 {
padding-bottom: 0;
}
.new-products-h1 {
font-size: 130px;
}
.new-products-h1.mc250 {
font-size: 90px;
}
.new-products-h2 {
font-size: 60px;
}
.new-products-h2.mc250 {
font-size: 40px;
}
.new-products-h2.centre-align-faq {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.new-products-hero-description {
letter-spacing: -1px;
width: 80%;
margin-top: 60px;
font-size: 25px;
}
.new-products-tagline {
font-size: 30px;
}
.tagline-wrapper {
padding-top: 60px;
}
.scroll-arrow.new-products {
height: 20px;
}
.scroll-arrow-div {
padding-left: 20px;
}
.new-products-hero-image {
margin-top: -40px;
margin-bottom: -40px;
}
.main-content {
width: 95%;
padding-top: 20px;
padding-bottom: 20px;
overflow: hidden;
}
.new-products-hero-image-wrapper {
align-self: center;
}
.features-grid-1 {
grid-template-columns: 1fr 1fr;
margin-bottom: 80px;
}
.features-grid-1.mc250 {
width: 95%;
margin-left: auto;
margin-right: auto;
}
.features-grid-cell {
min-height: 220px;
}
.metawan {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.metawan.mc450 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
}
.metawan.mc450.image {
width: 80%;
}
.text-block-25.mc450-metawan {
width: 100%;
max-width: none;
}
.feature-cell-wrapper.on-board-media {
flex-direction: column;
}
.feature-heading {
font-size: 26px;
}
.feature-heading.mc450.heading-only {
font-size: 25px;
}
.feature-heading.left-align {
font-size: 20px;
}
.feature-description.on-board-media {
width: 100%;
}
.feature-description.left-align {
font-size: 12px;
line-height: 1rem;
}
.build-options-wrapper {
width: 90%;
}
.build-options-sign-up-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
text-align: center;
flex-direction: column;
padding-left: 0;
}
.build-option-order-now {
margin-left: 0;
font-size: 21px;
}
.build-options-heading {
margin-bottom: 20px;
font-size: 70px;
}
.features-grid-2 {
grid-template-columns: 1fr 1fr;
}
.technical-specs-wrapper {
margin-top: -100px;
}
.download-brochure-form-wrapper {
margin-top: 100px;
padding: 30px;
top: 100px;
}
.mc7000-heading {
width: 100%;
margin-top: 110px;
}
.heading-18 {
font-size: 130px;
}
.enterprise-router-text-block {
font-size: 60px;
}
.div-block-142 {
z-index: -1;
width: 100%;
margin-top: 0;
position: relative;
}
.image-46 {
z-index: -1;
width: 100%;
}
.mc7000-description-wrapper {
width: 100%;
}
.prodcut-description-paragraph {
font-size: 20px;
}
.prodcut-description-paragraph.white {
font-size: 22px;
}
.support-services-wrapper {
margin-top: 50px;
}
.supported-services-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr;
}
.service-card {
grid-column-gap: 30px;
grid-row-gap: 30px;
padding: 30px;
}
.support-services-icon {
width: 40px;
height: 40px;
}
.supported-services-description {
letter-spacing: -.5px;
font-size: 20px;
line-height: 1.2;
}
.supported-services-link {
font-size: 20px;
line-height: 1;
}
.mc7000-full-page-break-image {
margin-top: 100px;
}
.image-48 {
border-radius: 5px;
bottom: -5vh;
}
.mc250-front-image {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
margin-top: -150px;
margin-bottom: -100px;
}
.new-navigation.home-dark {
overflow: visible;
}
.brand {
padding-left: 0;
}
.new-nav-link {
justify-content: flex-start;
align-items: center;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 75px;
}
.new-nav-link.our-devices {
display: flex;
}
.new-nav-link.our-devices.white {
font-weight: 400;
display: flex;
}
.new-nav-link.our-devices.white:hover {
color: var(--metacom-blue);
}
.new-nav-link.services {
display: flex;
}
.new-nav-link.services.white {
font-weight: 400;
}
.new-nav-link.services.white:hover {
color: var(--metacom-blue);
}
.new-nav-link.clients {
display: flex;
}
.new-nav-link.clients.white {
font-weight: 400;
}
.new-nav-link.clients.white:hover {
color: var(--metacom-blue);
}
.new-nav-link.white {
font-weight: 400;
}
.new-nav-link.white:hover {
color: var(--metacom-blue);
}
.nav-menu {
background-color: #fafafa;
padding-top: 20px;
padding-bottom: 20px;
font-family: Nb akademie std, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 1.2;
}
.nav-menu.dark {
background-color: #0000;
background-image: linear-gradient(#1a1b1f, #1a1b1fe6);
}
.dropdown-3.devices, .dropdown-3.services, .dropdown-3.clients {
display: none;
}
.new-nav-menu {
height: 100%;
padding: 0;
}
.new-nav-menu.w--open {
background-color: #0000;
flex-direction: row;
align-self: center;
align-items: center;
height: 50px;
padding: 0;
}
.icon-5 {
color: var(--metacom-blue);
padding-top: 15px;
padding-bottom: 5px;
}
.mc250-hero-image {
width: 100%;
}
.mc250-hero-image-wrapper {
width: 100%;
margin-top: -29%;
margin-bottom: -29%;
position: relative;
inset: 0% 0% auto;
}
.mc250-hero-tagline-wrapper {
width: 100%;
margin-left: 0;
position: relative;
inset: 0%;
}
.small-package-big-delivery {
max-width: 300px;
position: static;
left: 69px;
}
.mc250-hero-product-image {
z-index: 0;
width: 260%;
margin: 0;
padding-right: 0;
display: block;
position: relative;
inset: 0 0 0 -57%;
}
.mc250-tagline-2 {
max-width: 360px;
}
.div-block-143 {
margin-top: 0;
}
.div-block-144 {
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.mc250-wi-fi {
left: 0;
}
.mc250-wi-fi-text-wrapper {
padding-left: 50px;
padding-right: 50px;
}
.paragraph-8 {
font-size: 20px;
}
.image-52 {
width: 100%;
}
.mc450.cyan {
font-size: 120px;
}
.mc450-hero-text {
font-size: 50px;
}
.any-data-anywhere {
margin-right: 0%;
font-size: 40px;
}
.cyan.bold {
font-weight: 400;
}
.mc450-hero-image {
max-height: 470px;
}
.mc450-features-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 1fr 1fr 1fr;
}
.mc450-description-heading {
font-size: 50px;
}
.mc450-description-image-wrapper {
width: 90%;
margin-bottom: -15%;
}
.remote-reliable-robust-heading {
font-size: 40px;
}
.mc450-description-paragraph {
width: 80%;
}
.mc7000-banner-image-wrapper {
margin-top: 5%;
margin-bottom: 3%;
}
.mc7000-banner-text-wrapper {
margin-top: 5%;
margin-bottom: 7%;
}
.learn-more {
font-size: 2vw;
}
.mc7000-title {
font-size: 12vw;
}
.enterprise-router-title {
font-size: 6vw;
}
.all-your-business-needs-wrapper {
margin-top: 4%;
margin-bottom: 4%;
}
.text-block-28 {
font-size: 5vw;
font-weight: 200;
}
.foundation-hero-imge-gradient {
display: none;
}
.section-7 {
padding-top: 0;
}
.container-11 {
align-items: center;
}
.foundation-contact-us-header-wrap {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-direction: column;
align-items: flex-start;
padding-left: 75px;
padding-right: 0;
}
.frame-8 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.email-foundation-metacom-net, .phone-27-21-531-9900 {
align-items: flex-start;
}
.christina-wocintechchat-com-ez8g_7sh0j0-unsplash-1 {
object-position: 75% 50%;
}
.mc740-features-grid-temp {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 1fr 1fr 1fr;
}
.mc740-hero-image-temp {
max-height: 470px;
}
.mc740-hero-image-temp.right {
width: 40%;
}
.mc740-hero-image-temp.left {
width: 50%;
}
.mc740-hero-description-wrapper-temp {
margin-top: 10%;
}
.mc740-heading-temp {
margin-top: 0;
font-size: 50px;
line-height: 1;
}
.mc740-heading-temp.cyan {
font-size: 50px;
}
.mc740-features-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 1fr;
}
.mc740-features-middle-col {
padding: 30px 0;
}
.mc740-features-cell.corner-image {
display: none;
}
.mmc {
padding-top: 30px;
padding-bottom: 30px;
}
.remote-management, .cpu {
padding: 30px;
}
.mc740-image-cell.image {
padding-bottom: 30px;
}
._4k-video {
width: 100%;
}
.tile-4 {
background-image: radial-gradient(circle farthest-corner at 50% 50%, #00000069 31%, var(--black-2)), url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/608c1b1f75d9efe70172f0e0_digital-display.jpeg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
flex: 1;
}
.frame-39 {
width: 80%;
}
.text-15 {
font-size: 6em;
font-weight: 200;
}
.text-16 {
font-size: 2.4em;
}
.new-routers-grid {
grid-column-gap: 30px;
grid-row-gap: 80px;
grid-template-columns: 1fr 1fr;
}
.button-container.foundation {
margin-top: 15px;
}
.container-12 {
max-width: 728px;
}
.features-wrapper {
justify-content: space-between;
}
.collection-item-12 {
flex-flow: column;
}
.client-success-heading {
font-size: 20px;
line-height: 28px;
}
.cs-text-div {
padding-right: 0;
}
.paragraph-9 {
font-size: 14px;
line-height: 21px;
}
.mc750-bento-grid {
grid-template: "Area Area Area Area Area"
"Area-2 Area-2 Area-2 Area-3 Area-3"
"Area-4 Area-4 Area-5 Area-5 Area-5"
"Area-7 Area-7 Area-7 Area-7 Area-7"
"Area-6 Area-6 Area-8 Area-8 Area-9"
/ .5fr 1fr 1fr 1fr 1.5fr;
padding-left: 20px;
padding-right: 20px;
}
.bento-grid-item {
width: 100%;
max-height: 200px;
padding: 15px;
}
.bento-grid-item.horizontal {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding: 20px;
}
.bento-grid-item.no-padding {
height: 100%;
max-height: 200px;
}
.mc750-metawan {
grid-column-gap: 0px;
grid-row-gap: 0px;
padding-top: 10px;
padding-bottom: 10px;
}
.next-gen-text {
font-size: 15px;
line-height: 1.1;
}
.metawan-logo {
width: 90%;
}
.mc750-front-display {
object-fit: contain;
height: 110%;
}
.bento-grid-feature-image {
max-width: 120px;
max-height: 90px;
}
}
@media screen and (max-width: 767px) {
.section {
margin-left: 0;
margin-right: 0;
padding-left: 40px;
padding-right: 40px;
}
.section.cc-cta {
padding: 15px;
}
.section.cc-home-wrap {
margin-left: 15px;
margin-right: 15px;
}
.section.cc-store-home-wrap {
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.section.media {
align-items: center;
width: 100%;
padding-left: 40px;
padding-right: 40px;
}
.section.top {
margin-top: 20px;
}
.section.article-image {
margin-top: 20px;
padding-left: 0;
padding-right: 0;
}
.section.vacancies {
padding-right: 0;
}
.section.no-space.new-products, .section.new-products-hero {
padding-left: 0;
padding-right: 0;
}
.container {
text-align: center;
}
.container.home-4 {
margin-bottom: 100px;
}
.container.new-products.margin-top {
margin-top: 80px;
}
.container.mc450-hero-image {
max-width: 100%;
max-height: none;
}
.paragraph-bigger {
text-align: center;
font-family: Nb akademie std, sans-serif;
font-size: 16px;
line-height: 24px;
}
.button.home-button-1 {
margin-left: auto;
margin-right: auto;
}
.button.home-button-1-top.top.article {
align-self: center;
left: 0;
}
.button.home-button-1-top.top.service, .button.home-button-1-top.top.mc412 {
align-self: flex-start;
margin-left: auto;
margin-right: auto;
left: 0;
}
.rich-text {
text-align: left;
width: 90%;
max-width: 470px;
}
.paragraph-light {
text-align: center;
}
.paragraph-light.home-text-3 {
text-align: center;
width: 80%;
}
.paragraph-light.slide {
text-align: center;
}
.paragraph-light.router-title {
text-align: left;
justify-content: center;
}
.paragraph-light._90 {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.paragraph-light.media.column {
column-count: 0;
column-span: all;
display: block;
}
.paragraph-light.tablet {
width: 70%;
margin-left: auto;
margin-right: auto;
}
.paragraph-light.footer {
text-align: left;
}
.paragraph-light.the-week-that-was {
max-width: 380px;
}
.heading-jumbo {
font-size: 50px;
line-height: 64px;
}
.heading-jumbo-small {
font-size: 30px;
line-height: 52px;
}
.logo-link {
padding-left: 0;
}
.menu-icon {
width: 17px;
max-width: none;
}
.menu-icon.white {
width: 18px;
}
.navigation {
padding: 20px 40px;
}
.logo-image {
width: 120px;
}
.navigation-items {
padding-left: 40px;
padding-right: 40px;
}
.cta-wrap {
padding-left: 30px;
padding-right: 30px;
}
.intro-content {
width: 80%;
}
.our-services-grid {
grid-row-gap: 60px;
grid-template: "."
"."
"."
"."
"."
"."
/ 1fr;
}
.status-message.cc-no-data {
width: 80%;
max-width: 470px;
}
.contact-form-wrap {
padding: 30px;
}
.text-field.cc-contact-field, .text-field.cc-textarea {
text-align: left;
}
.team-pic {
height: 300px;
margin-bottom: 30px;
}
.team-member-name {
font-size: 16px;
line-height: 28px;
}
.project-name-wrap {
margin-bottom: 30px;
}
.project-name-link {
font-size: 16px;
line-height: 28px;
}
.detail-image {
margin-bottom: 15px;
}
.blog-detail-header-wrap {
text-align: left;
width: 90%;
max-width: 470px;
}
.blog-item {
width: 90%;
max-width: 470px;
}
.blog-summary-wrap {
text-align: center;
}
.utility-page-wrap {
padding: 15px;
}
._404-wrap {
padding: 30px;
}
.home-content-wrap {
margin-bottom: 60px;
}
.home-section-wrap {
align-items: center;
}
.home-section-wrap.bottom {
width: 100%;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.home-section-wrap.bottom._70 {
width: 100%;
}
.home-section-wrap._70 {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.section-heading.home-text-2 {
margin-top: 20px;
margin-bottom: 20px;
font-size: 36px;
}
.about-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-bottom: 80px;
}
.about-grid.cc-about-2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.about-grid.cc-about-2.space-top {
margin-top: 60px;
}
.about-grid.slide-up {
grid-column-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.about-grid.no-pic {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.banner.black {
height: auto;
min-height: 100svh;
padding-left: 20px;
padding-right: 20px;
}
.banner.mc7000 {
min-height: auto;
}
.text-block.white {
text-align: center;
margin-left: auto;
margin-right: auto;
font-size: 6vw;
line-height: 8vw;
}
.div-block-2 {
margin-top: 10%;
margin-left: auto;
margin-right: auto;
}
.text-block-2.white.underline {
font-size: 16px;
}
.div-block-3.home-text-1 {
justify-content: center;
}
.div-block-4 {
margin-left: auto;
margin-right: auto;
}
.grid-2.footer {
grid-column-gap: 30px;
margin-bottom: 0;
margin-left: 40px;
margin-right: 40px;
}
.image-3 {
width: 120px;
}
.footer-nav-head, .footer-link {
text-align: left;
}
.navigation-2 {
padding: 30px;
}
.logo-image-2 {
width: 120px;
}
.routerbanner.video {
display: none;
}
.intro-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
justify-items: center;
}
.intro-grid.no-banner {
grid-template-columns: 1fr;
margin-top: 140px;
margin-bottom: 80px;
}
.intro-grid.video {
margin-top: 0;
}
.intro-wrap {
align-items: center;
}
.page-header {
text-align: center;
font-size: 56px;
line-height: 72px;
}
.page-header.mid {
text-align: left;
margin-top: 20px;
}
.page-header.slide {
text-align: center;
}
.page-header.foundation {
font-size: 48px;
line-height: 50px;
}
.paragraph-light-line {
text-align: center;
}
.descriptor {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.descriptor.intro {
text-align: center;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
}
.descriptor.positions {
color: #000;
font-family: Nb akademie std, sans-serif;
font-weight: 500;
}
.heading-2.big-number, .heading-2.big-number._1, .heading-2.big-number._2 {
text-align: center;
}
.router-link, .router-icon {
margin-left: auto;
margin-right: auto;
}
.routers-grid {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
.footer-top {
padding-left: 40px;
padding-right: 40px;
}
.quote {
margin-top: 0;
margin-bottom: 100px;
font-size: 3.5vw;
line-height: 5vw;
}
.case-study-footer {
grid-template-columns: 1fr 1fr;
}
.top-footer-contact-3 {
display: block;
}
.div-block-6 {
flex-direction: column;
align-items: center;
display: flex;
}
.div-block-6.hide, .casestudy-footer.hide {
display: none;
}
.testimony-footer {
grid-template-columns: 1fr 1fr;
}
.clients-grid {
grid-column-gap: 30px;
grid-row-gap: 60px;
grid-template-columns: 1fr 1fr;
}
.services-grid {
grid-column-gap: 40px;
grid-row-gap: 100px;
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
.services-icon {
width: 50px;
margin-left: auto;
margin-right: auto;
}
.intro-image {
display: none;
}
.list-item-icon {
text-align: left;
background-image: url("https://cdn.prod.website-files.com/606d788243ccdd5da1217078/6073547a672f3c8630fb1cdb_Metacom%20-%20Website%20bullet.svg");
background-position: 0%;
background-size: 8px 8px;
justify-content: flex-start;
padding-left: 30px;
display: block;
}
.heading-3 {
text-align: center;
}
.heading-3.paragraph {
margin-left: auto;
margin-right: auto;
}
.paragraph-medium {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.paragraph-medium.small {
opacity: 1;
color: var(--grey);
text-align: center;
font-size: 14px;
line-height: 20px;
}
.about-profiles {
grid-row-gap: 60px;
grid-template-columns: 1fr 1fr;
}
.image-left-text {
flex-direction: column;
justify-content: center;
align-items: center;
height: 250px;
margin-right: 0;
padding-top: 80px;
display: flex;
overflow: hidden;
}
.list {
align-self: center;
width: 100%;
}
.list.mc250-wi-fi {
width: 80%;
left: 0;
}
.home-video-1 {
width: 100%;
}
.image-18.home-image-1 {
object-position: 50% 80%;
}
.home-video-2 {
width: 100%;
}
.router-wrap, .router-wrap-2, .router-wrap-3, .router-wrap-4, .router-wrap-5, .router-wrap-6 {
flex-direction: column;
align-items: center;
display: flex;
}
.service-icon-wrap {
margin-left: auto;
margin-right: auto;
}
.service-wrap, .client-wrap-1, .client-wrap-2 {
flex-direction: column;
align-items: center;
display: flex;
}
.client-wrap-3 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.client-wrap-4 {
flex-direction: column;
align-items: center;
display: flex;
}
.div-block-58 {
width: 100%;
}
.mid-banner {
height: 300px;
display: none;
}
.image-20 {
width: 100%;
}
.div-block-59.hide.routers {
height: 400px;
display: flex;
}
.grid-7.slide {
grid-column-gap: 40px;
}
.div-block-60 {
width: 100%;
margin: 60px auto;
}
.gallery-image {
min-width: 22.5%;
margin-left: 10px;
margin-right: 10px;
}
.racetrack {
height: 400px;
}
.blue-block {
margin-left: auto;
margin-right: auto;
}
.mediablock {
flex-direction: column;
align-items: center;
display: flex;
}
.heading-6.media-title {
text-align: center;
}
.heading-6.media-title.big {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.heading-6.article-title, .media-date {
text-align: center;
}
.media-category {
text-align: center;
margin-bottom: 0;
}
.media-big-box {
flex-direction: column;
align-self: center;
align-items: center;
display: flex;
}
.contact-wrap {
height: 300px;
}
.support-grid {
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.support-button {
width: 60vw;
height: 80px;
}
.support-button-text {
font-size: 21px;
}
.map-grid, .office-wrap {
margin-bottom: 60px;
}
.map-heading, .map-text {
text-align: center;
}
.office-info {
align-self: center;
}
.map-wrap {
margin-top: 40px;
}
.adress {
background-image: none;
margin-left: auto;
margin-right: auto;
padding-left: 0;
}
.office-address {
opacity: .6;
text-align: center;
}
.careerslist {
align-self: stretch;
padding-left: 0;
}
.careers-grid {
margin-top: 40px;
}
.positions-grid {
grid-row-gap: 60px;
grid-template-columns: 1fr 1fr;
}
.article-wrap {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.article-wrap.services {
width: 100%;
margin-bottom: 60px;
}
.article-date {
text-align: left;
margin-top: 10px;
font-size: 15px;
}
.artile-category {
text-align: center;
}
.div-block-69 {
max-height: 300px;
padding-left: 30px;
padding-right: 30px;
}
.article-section {
display: none;
}
.article-section.image.retailers {
max-height: 300px;
}
.article-text.start.menu-button {
margin-top: 0;
}
.article-quote {
text-align: center;
}
.article-button {
margin-bottom: 60px;
}
.about-tile.no-trim {
margin-top: 10px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.services-page-top {
flex-direction: column;
align-items: center;
}
.service-page-wrap {
width: 100%;
}
.div-block-72 {
flex-direction: column;
align-items: center;
}
.list-column {
width: 100%;
margin-left: 0;
}
.service-container {
margin-top: 100px;
}
.service-section-wrap {
align-items: center;
}
.service-right {
display: none;
}
.service-button {
margin-left: auto;
margin-right: auto;
}
.service-button.new {
margin-top: 60px;
margin-bottom: 60px;
}
.div-block-75 {
align-items: center;
height: 200px;
display: flex;
overflow: hidden;
}
.home-line {
width: 30px;
}
.menu-x {
width: 17px;
max-width: none;
height: 20px;
display: block;
}
.div-block-78 {
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
display: flex;
position: relative;
top: 20px;
}
.full-drop-nav {
display: none;
}
.full-menu-nav {
font-size: 16px;
}
.div-block-82 {
padding: 30px;
}
.full-nav-items {
justify-content: flex-start;
padding-top: 10vh;
padding-bottom: 0;
}
.about-grid-5 {
margin-bottom: 60px;
}
.html-embed-2 {
min-height: 200px;
}
.div-block-85, .div-block-86 {
flex-direction: column;
align-items: center;
display: flex;
}
.about-grid-copy, .about-grid-copy.cc-about-2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.about-grid-copy.slide-up {
grid-column-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.router-mobile {
align-items: center;
width: 100%;
height: 250px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: flex;
overflow: hidden;
}
.services-grid-2 {
grid-column-gap: 40px;
grid-row-gap: 100px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.service-mobile {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
height: 250px;
margin-bottom: 60px;
display: flex;
overflow: hidden;
}
.bold-text-2 {
text-align: center;
font-family: Metacom nb akademie reg, sans-serif;
line-height: 24px;
}
.list-2 {
width: 100%;
padding-left: 0;
}
.about-mobile {
flex-direction: column;
justify-content: center;
align-items: center;
height: 250px;
margin-top: 0;
padding-top: 100px;
display: flex;
overflow: hidden;
}
.careers-mobile {
flex-direction: column;
justify-content: center;
align-items: center;
height: 250px;
padding-bottom: 61px;
display: flex;
overflow: hidden;
}
.c-scrolling-content {
margin-bottom: 0;
}
.c-scrolling-item {
width: 300px;
}
.scroll_container.sticky {
padding-left: 40px;
padding-right: 40px;
}
.button-2.home-button-1 {
margin-left: auto;
margin-right: auto;
}
.button-2.home-button-1-top.top.service {
align-self: flex-start;
margin-left: auto;
margin-right: auto;
left: 0;
}
.div-block-90 {
margin-bottom: 0;
}
.internet {
padding-bottom: 300px;
}
.lms, .r-d {
padding-bottom: 220px;
}
.mobilevideo {
display: block;
}
.mobilevideo.hide {
display: none;
}
.mobilevideo.background-video {
object-fit: fill;
justify-content: center;
width: 100%;
max-width: none;
height: 100%;
display: block;
overflow: visible;
}
.mobilevideo.background-video.routers {
max-width: none;
}
.mobilevideo.background-video.router-page {
height: 60%;
}
.iso-link-block {
margin-left: 0;
}
.link.the-week-that-was {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.link-3 {
justify-content: center;
}
.form {
flex-direction: column;
min-width: 400px;
display: flex;
}
.sub-heading-careers {
justify-content: center;
margin-top: -40px;
display: flex;
}
.div-block-101 {
align-items: center;
}
.h1 {
font-size: 50px;
line-height: 1.4;
}
.grid-12 {
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
grid-template-areas: "Area Area Area Area"
"Area-3 Area-3 Area-3 Area-3"
"Area-2 Area-2 Area-2 Area-2"
"Area-4 Area-4 Area-4 Area-4"
"Area-5 Area-5 Area-5 Area-5"
"Area-6 Area-6 Area-6 Area-6"
"Area-8 Area-8 Area-8 Area-8"
"Area-9 Area-9 Area-9 Area-9"
"Area-10 Area-10 Area-10 Area-10"
"Area-11 Area-11 Area-11 Area-11"
"Area-12 Area-12 Area-12 Area-12"
"Area-13 Area-13 Area-13 Area-13"
"Area-14 Area-14 Area-14 Area-14";
}
.media-hero-block {
padding: 20px;
}
.media-block-h2 {
font-size: 35px;
}
.media-heading-caps {
display: none;
}
.cyber-security {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.cyber-caution-image.oled {
min-height: 315px;
}
.media-article-h1 {
font-size: 60px;
line-height: 1.2;
}
.article-category {
font-size: 12px;
}
.paragraph-4 {
margin-top: 40px;
font-size: 12px;
line-height: 1.5;
}
.div-block-114 {
justify-content: center;
display: flex;
}
.article-hero-image {
object-fit: contain;
width: 80vw;
}
.rich-text-block-4 {
font-size: 14px;
line-height: 1.4;
}
.collection-item-4 {
margin-bottom: 0;
margin-right: auto;
}
.latest-releases {
font-size: 16px;
}
.back-to-media-button {
font-size: 12px;
line-height: 15px;
}
.collection-list {
grid-template-columns: 1fr 1fr;
}
.heading-10 {
font-size: 60px;
}
.apply-now-button {
margin-right: 0;
}
.button-4 {
max-width: none;
margin-top: 20px;
}
.div-block-121 {
flex-direction: column;
align-items: center;
}
.div-block-122 {
padding-left: 20px;
}
.div-block-125 {
display: none;
}
.vacancies-hero {
padding-top: 100px;
padding-bottom: 100px;
}
.paragraph-7 {
display: none;
}
.collection-list-2 {
grid-template-columns: 1fr;
}
.collection-item-6 {
text-align: center;
}
.video-container {
background-color: #0000;
margin-top: 60px;
padding-left: 40px;
padding-right: 40px;
}
.f2wf-columns {
align-items: center;
}
.feature {
flex-direction: column;
align-items: center;
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
}
.image-wrapper {
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
}
.image-wrapper.the-week-that-was {
justify-content: center;
margin-right: auto;
}
.image-38 {
width: 100px;
height: 80px;
}
.column-6 {
text-align: center;
align-items: center;
padding-left: 5%;
padding-right: 5%;
}
.features-list-2 {
padding: 20px 0 0;
}
.column-7 {
text-align: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
}
.content-2 {
padding-left: 0;
padding-right: 0;
}
.intro-2, .intro-3 {
text-align: center;
align-items: center;
}
.title-2 {
max-width: 200px;
}
.f2wf-small-columns {
flex-direction: column;
align-items: center;
}
.image-wrapper-2 {
align-items: center;
max-width: 200px;
}
.image-39 {
width: 70%;
padding-top: 20px;
}
.week-section {
padding-left: 0;
padding-right: 0;
}
.article-section-3 {
align-items: center;
}
.article-image-4 {
justify-content: center;
align-items: center;
width: 50%;
max-width: 200px;
}
.collection-list-5 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.div-block-138 {
margin-top: 20px;
display: none;
}
.f2wf-small-columns-2, .f2wf-small-columns-3 {
flex-direction: column;
align-items: center;
}
.content-8 {
padding-bottom: 30px;
}
.image-42 {
min-height: auto;
}
.f2wf-small-columns-4 {
flex-direction: column;
align-items: center;
}
.column-13 {
flex: 0 auto;
}
.column-14._50-px {
padding: 30px;
}
.title-6 {
font-size: 40px;
font-weight: 400;
}
.description-12 {
font-size: 14px;
}
.title-7 {
font-size: 40px;
font-weight: 200;
}
.container-9 {
flex-direction: column;
display: flex;
}
.name-4 {
padding-bottom: 10px;
}
.description-14 {
align-self: center;
font-size: 13px;
}
.description-14.contact {
width: 70%;
max-width: none;
}
.f2wf-columns-4 {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: center;
padding-left: 0;
}
.column-16 {
align-items: center;
padding-right: 0;
}
.title-8 {
align-self: center;
}
.vectors-wrapper-3 {
bottom: -689px;
}
.program-details-wrap {
align-self: center;
}
.text-block-24 {
font-size: 14px;
}
.vectors-wrapper-1 {
left: -241px;
}
.vectors-wrapper-6 {
left: 253px;
}
.vectors-wrapper-7 {
bottom: 428px;
}
.vectors-wrapper-8 {
bottom: 408px;
}
.vectors-wrapper-11 {
top: 82px;
left: 213px;
}
.column-17-copy {
padding-bottom: 0;
}
.f2wf-small-columns-6 {
flex-direction: column;
align-items: center;
display: flex;
}
.f2wf-small-columns-4-copy, .f2wf-small-columns-5 {
flex-direction: column;
align-items: center;
}
.container-9-copy {
flex-direction: column;
display: flex;
}
.foundation-contact-details {
flex-direction: column;
padding-right: 0%;
}
.div-block-140 {
width: 100%;
}
.image-43 {
max-width: 280px;
}
.hero-content-div.mc7000 {
padding-bottom: 20px;
}
.hero-content-div.mc750 {
padding-top: 100px;
padding-bottom: 100px;
}
.new-products-h1 {
font-size: 100px;
}
.new-products-h2 {
font-size: 40px;
}
.new-products-h2.centre-align-faq {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.new-products-hero-description {
font-size: 22px;
}
.new-products-tagline {
font-size: 26px;
}
.new-products-hero-image {
margin-top: -20px;
margin-bottom: -20px;
}
.main-content {
width: 95%;
margin-bottom: 0;
padding-top: 0;
}
.features-grid-cell.back-ports-features {
min-height: 180px;
}
.metawan {
width: 100%;
}
.text-block-25 {
letter-spacing: -1px;
width: 100%;
font-size: 19px;
}
.feature-cell-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.feature-heading {
font-size: 20px;
}
.feature-heading.oled-screen {
font-size: 30px;
}
.feature-heading.left-align {
font-size: 17px;
}
.feature-description {
font-size: 12px;
}
.feature-description.left-align {
font-size: 9px;
line-height: .7rem;
}
.build-options-sign-up-wrapper {
padding-left: 0;
}
.build-option-order-now {
font-size: 21px;
}
.build-options-heading {
text-align: center;
font-size: 60px;
}
.text-block-26 {
text-align: center;
max-width: 450px;
font-size: 22px;
}
.technical-specs-wrapper {
width: 90%;
}
.download-brochure-form-wrapper {
width: 90%;
top: 100px;
}
.download-brochure-heading {
font-size: 60px;
}
.text-block-27 {
font-size: 19px;
}
.heading-18 {
margin-top: 0;
font-size: 100px;
}
.enterprise-router-text-block {
font-size: 45px;
}
.div-block-142 {
width: 100%;
margin-top: 0;
}
.image-47 {
width: 110px;
margin-bottom: 10px;
}
.mc7000-description-wrapper {
padding-top: 20px;
}
.heading-wrapper {
margin-top: 50px;
}
.paragraph-wrapper {
margin-top: 30px;
}
.paragraph-wrapper.mc250 {
margin-bottom: 100px;
}
.prodcut-description-paragraph.white {
font-size: 20px;
}
.services-arrow {
width: 30px;
height: 30px;
}
.supported-services-grid {
grid-template-columns: 1fr;
margin-top: 50px;
}
.service-card.white {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.supported-services-description, .supported-services-link {
font-size: 18px;
}
.image-48 {
bottom: -3.3vh;
}
.mc250-front-image {
margin-top: -50px;
margin-bottom: -50px;
}
.question-text {
font-size: 20px;
}
.faq-answer {
padding-left: 15px;
padding-right: 15px;
font-size: 17px;
}
.mc250-hero-image {
margin-top: 0;
}
.mc250-hero-image-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: relative;
top: 0%;
}
.mc250-hero-tagline-wrapper {
min-width: auto;
min-height: auto;
position: relative;
}
.small-package-big-delivery {
max-width: 280px;
max-height: none;
left: 20px;
}
.mc250-hero-product-image {
position: relative;
left: -46%;
}
.mc250-ethernet-ports {
object-fit: cover;
}
.oled-screen-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.oled-screen-text {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.mc250-wi-fi {
margin-top: 5%;
left: 0;
}
.mc250-wi-fi-text-wrapper {
padding-left: 0;
padding-right: 0;
}
.paragraph-8 {
margin-bottom: 10%;
}
.image-52 {
width: 100%;
}
.rack-mountable-image {
object-fit: cover;
}
.mc450.cyan {
font-size: 100px;
}
.mc450-hero-text {
font-size: 40px;
}
.mc450-hero-image-wrapper {
margin-top: 0%;
margin-bottom: -5%;
padding-left: 0;
}
.any-data-anywhere {
margin-right: -10%;
font-size: 30px;
}
.mc450-hero-image {
max-height: 340px;
}
.mc450-features-grid {
grid-template-columns: 1fr 1fr;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-right: 5px;
}
.mc450-description-heading {
font-size: 40px;
}
.mc450-description-image-wrapper {
margin-bottom: -10%;
}
.remote-reliable-robust-heading {
margin-bottom: 0%;
font-size: 30px;
}
.mc450-description {
justify-content: center;
align-items: center;
padding-left: 0%;
display: flex;
}
.mc450-description-paragraph {
font-size: 16px;
}
.mc7000-banner-link {
grid-column-gap: 2%;
grid-row-gap: 2%;
}
.learn-more {
font-size: 3vw;
}
.all-your-business-needs-wrapper {
margin-top: 10%;
}
.router-wrap-7 {
flex-direction: column;
align-items: center;
display: flex;
}
.foundation-contact-us-header-wrap {
padding-left: 40px;
}
.frame-8 {
grid-column-gap: 30px;
grid-row-gap: 30px;
width: 90%;
}
.phone-27-21-531-9900 {
font-size: 16px;
}
.foundation-apply-button {
align-self: center;
}
.email-foundation-metacom-net-1, .phone-27-21-531-9900-1 {
font-size: 16px;
}
.div-block-146 {
justify-content: center;
align-self: center;
align-items: center;
margin: 20px auto;
display: flex;
}
.mc740-features-grid-temp {
grid-template-columns: 1fr 1fr;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-right: 5px;
}
.mc740-hero-image-wrapper-temp {
margin-top: 0%;
margin-bottom: -5%;
padding-left: 0;
}
.mc740-hero-image-temp {
max-height: 340px;
}
.mc740-features-grid {
grid-template-columns: 1fr;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.remote-management {
padding: 10px;
}
.image-55 {
height: auto;
}
.vectors-wrapper-14 {
width: auto;
max-width: 100px;
height: auto;
max-height: 100px;
}
.text-10 {
font-size: 1em;
}
.cpu {
padding: 10px;
}
.image-56 {
height: auto;
}
.vectors-wrapper-15 {
width: auto;
max-width: 100px;
height: auto;
max-height: 100px;
}
.tile, .tile-3 {
padding: 10px;
}
.html5 {
width: auto;
height: auto;
padding: 10px;
}
.text-14 {
font-size: 13px;
line-height: 2;
}
.mc740-cell-heading {
font-size: 1.2em;
}
.mc740-cell-description {
font-size: 1em;
}
.tile-4 {
padding: 10px;
}
.html5-2 {
height: auto;
padding: 20px;
}
.heading-25 {
font-size: 20px;
}
.text-15 {
font-size: 5em;
}
.text-16 {
font-size: 2em;
}
.new-routers-grid {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.our-latest-release {
padding-left: 0;
}
.features-metrics {
padding: 60px 15px;
}
.features-wrapper {
flex-wrap: wrap;
margin-bottom: -40px;
}
.features-block {
width: 50%;
margin-bottom: 40px;
}
.client-success-heading {
text-align: center;
font-size: 18px;
line-height: 24px;
}
.paragraph-9 {
font-size: 14px;
line-height: 20px;
}
.mc750-bento-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template: "Area Area Area Area"
"Area-2 Area-2 Area-3 Area-3"
"Area-4 Area-7 Area-7 Area-7"
"Area-5 Area-5 Area-5 Area-5"
"Area-8 Area-6 Area-6 Area-9"
/ 2fr 1fr 1fr 2fr;
padding-left: 10px;
padding-right: 10px;
}
.bento-grid-item.no-padding {
height: 100%;
}
.next-gen-text {
font-size: 11px;
}
.superior-routing-speeds-image {
width: 40%;
}
.mc750-1u-rack-mountable, .mc750-ports {
height: auto;
}
.bento-grid-feature-image {
max-height: 70px;
}
}
@media screen and (max-width: 479px) {
h1 {
font-size: 36px;
line-height: 52px;
}
img {
object-fit: contain;
}
.section {
align-self: center;
margin-top: 100px;
padding-left: 30px;
padding-right: 30px;
}
.section.cc-store-home-wrap {
padding-left: 0;
padding-right: 0;
}
.section.media {
margin-top: 140px;
margin-bottom: 0;
padding-left: 30px;
padding-right: 30px;
}
.section.contact {
margin-top: 0;
margin-bottom: 0;
}
.section.top {
margin-top: 60px;
}
.section.diagram {
margin-top: 0;
}
.section.media-grid {
justify-content: center;
margin-top: 30px;
padding-left: 0;
padding-right: 0;
}
.section.cyber-caution {
padding-left: 0;
padding-right: 0;
}
.section.vacancies {
padding-left: 20px;
}
.section.white.the-week-that-was {
margin-top: 100px;
}
.section.no-space.foundation {
padding-left: 0;
padding-right: 0;
}
.section.foundation-hero {
padding-left: 20px;
padding-right: 20px;
}
.section.faq {
margin-top: 50px;
}
.section.supported-services {
margin-top: 0;
}
.container {
padding-left: 0;
padding-right: 0;
}
.container.home-4 {
margin-bottom: 40px;
padding-left: 0;
padding-right: 0;
}
.container.new-products {
overflow: hidden;
}
.container.new-products.margin-top {
margin-top: 60px;
}
.container.new-navigation {
padding-left: 20px;
padding-right: 20px;
}
.container.video-grid {
padding: 30px;
}
.paragraph-bigger {
text-align: center;
}
.rich-text {
width: 100%;
max-width: none;
}
.paragraph-light.date {
text-align: center;
margin-left: auto;
margin-right: auto;
display: inline-block;
}
.paragraph-light.router-title {
margin-top: 20px;
margin-bottom: 20px;
}
.paragraph-light.media.column {
padding-right: 0;
}
.paragraph-light.router {
width: 90%;
}
.paragraph-light.footer {
text-align: center;
}
.paragraph-light.maxh {
max-height: 250px;
}
.heading-jumbo {
font-size: 36px;
line-height: 48px;
}
.menu {
margin-left: 15px;
}
.navigation {
padding-left: 20px;
padding-right: 20px;
}
.menu-button, .menu-button.w--open {
flex: none;
}
.logo-image {
width: 90px;
}
.footer-wrap {
background-size: 60%;
}
.cta-wrap {
padding-left: 15px;
padding-right: 15px;
}
.status-message.cc-no-data, .contact-form-grid {
width: 100%;
}
.our-contacts {
width: 90%;
}
.team-members {
grid-template: "."
"."
"."
"."
"."
"."
/ 1fr;
}
.project-details-grid {
width: 100%;
}
.blog-detail-header-wrap, .blog-item {
width: 100%;
max-width: none;
}
.home-section-wrap.bottom, .home-section-wrap._70 {
width: 100%;
}
.about-grid {
grid-row-gap: 30px;
margin-bottom: 0;
}
.about-grid.cc-about-2 {
margin-bottom: 0;
}
.about-grid.cc-about-2.space-top {
margin-top: 60px;
}
.banner.black {
padding-left: 0;
padding-right: 0;
}
.banner.mc7000 {
min-height: 50dvh;
}
.text-block.white {
font-size: 9vw;
line-height: 1.2;
}
.text-block-2.white.underline {
font-size: 11px;
}
.grid-2.footer {
grid-template-rows: auto auto auto;
grid-template-columns: 1.25fr;
margin-left: 30px;
margin-right: 30px;
}
.footer-logo {
margin-bottom: 60px;
}
.image-3 {
width: 150px;
}
.grid-3 {
margin-right: 0;
}
.footer-link {
margin-bottom: 10px;
}
.grid-4 {
margin-top: 40px;
}
.navigation-2 {
padding: 25px 30px;
display: block;
}
.routerbanner {
height: 20vh;
top: 30px;
}
.routerbanner.video {
height: auto;
display: none;
}
.routerbanner.banner-vid {
top: 12px;
}
.intro-grid {
margin-top: 0;
}
.intro-grid.no-banner {
margin-top: 100px;
}
.intro-grid.video {
margin-top: 0;
}
.intro-wrap {
margin-bottom: 0;
}
.page-header {
font-size: 46px;
line-height: 52px;
}
.page-header.mid {
text-align: left;
margin-bottom: 40px;
}
.page-header.slide {
margin-bottom: 0;
font-size: 35px;
line-height: 44px;
}
.page-header.services {
font-size: 42px;
line-height: 56px;
}
.descriptor {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.descriptor.intro.careers {
margin-top: 20px;
}
.descriptor.outro {
text-align: center;
}
.heading-2.router-title {
margin-top: 70px;
}
.router-icon {
width: 90%;
}
.routers-grid {
grid-row-gap: 90px;
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
.footer-top {
padding-left: 30px;
padding-right: 30px;
}
.quote {
margin-top: 0;
margin-bottom: 100px;
font-size: 19px;
line-height: 1.4;
}
.arrow.laern-more {
width: 12px;
}
.case-study-footer {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
justify-items: center;
}
.text-block-9 {
text-align: center;
}
.top-footer-link {
text-align: center;
margin-top: 10px;
margin-bottom: 20px;
}
.top-footer-contact {
padding-bottom: 20px;
}
.div-block-6 {
flex-direction: column;
align-items: center;
display: flex;
}
.text-block-12 {
text-align: center;
}
.image-7 {
width: 70%;
}
.casestudy-footer {
padding-top: 25px;
padding-bottom: 25px;
}
.cs-paragraph, .name, .company {
text-align: center;
}
.testimony-footer {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.clients-grid {
grid-template-columns: 1fr;
}
.services-grid {
grid-template-columns: 1fr;
margin-bottom: 0;
}
.list-item-icon {
background-position: 0 7px;
}
.about-profiles {
grid-template-columns: 1fr;
}
.about-team {
margin-bottom: 0;
padding-bottom: 0;
}
.heading-4 {
margin-top: 40px;
}
.timeline-box {
width: 50vw;
height: 50vh;
margin-left: 20px;
margin-right: 20px;
}
.the-height-400vh-section {
margin-left: 0;
}
.image-left-text {
justify-content: flex-start;
margin-top: 0;
padding-top: 0;
}
.banner-wrap {
width: 80%;
}
.about-intro-grid {
margin-top: 100px;
}
.mid-banner {
height: 250px;
}
.image-20 {
width: 110%;
}
.div-block-59 {
align-items: center;
}
.div-block-59.hide.routers {
justify-content: flex-end;
height: 350px;
}
.grid-7.slide {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.div-block-60 {
width: 100%;
margin-top: 80px;
}
.gallery-track {
padding-left: 10px;
padding-right: 10px;
}
.gallery-image {
margin-left: 10px;
margin-right: 10px;
}
.media-items {
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
.mediablock {
padding-top: 20px;
}
.media-category {
margin-top: 10px;
margin-bottom: 40px;
line-height: 24px;
}
.div-block-64 {
align-self: center;
}
.media-link-box {
margin-top: 20px;
}
.media-wrap {
grid-template-rows: auto;
grid-template-columns: 1fr;
place-items: center;
display: flex;
}
.div-block-67 {
align-items: center;
max-width: none;
margin-left: auto;
margin-right: auto;
}
.contact-intro-grd {
margin-top: 100px;
margin-bottom: 0;
}
.support-button {
width: 80vw;
height: 60px;
}
.support-button-text {
font-size: 18px;
}
.map-wrap {
margin-top: 30px;
}
.careers-grid {
margin-top: 41px;
padding-top: 0;
}
.positions-grid {
grid-row-gap: 80px;
grid-template-columns: 1fr;
}
.article-wrap {
width: 100%;
}
.article-date {
margin-top: 10px;
font-size: 12px;
}
.div-block-69 {
max-height: 130px;
padding-left: 30px;
padding-right: 30px;
}
.article-section.image.retailers {
max-height: 130px;
}
.article-text.start {
margin-top: 0;
}
.list-column {
margin-top: 30px;
}
.big-number-service {
margin-bottom: 20px;
font-size: 40px;
line-height: 48px;
}
.service-container {
margin-top: 40px;
}
.service-button.new {
margin-top: 60px;
margin-bottom: 0;
}
.div-block-77 {
margin-top: 40px;
}
.full-drop-nav {
display: none;
}
.div-block-82 {
padding: 25px 30px;
}
.full-nav-items {
justify-content: flex-start;
padding-top: 10vh;
padding-bottom: 0;
display: flex;
}
.about-grid-5 {
grid-template-columns: 1fr;
}
.html-embed-2 {
min-height: auto;
margin-top: 60px;
}
.div-block-88 {
width: 100%;
}
.bold-text {
text-align: center;
}
.services-grid-2 {
grid-template-columns: 1fr;
margin-bottom: 60px;
}
.service-mobile {
height: 150px;
}
.list-2 {
margin-top: 30px;
}
.about-mobile {
padding-top: 0;
}
.careers-mobile {
justify-content: center;
margin-top: 0;
padding-bottom: 49px;
}
.c-scrolling-item {
width: 300px;
}
.timeline-header {
font-size: 2em;
}
.internet {
padding-bottom: 120px;
}
.lms {
padding-bottom: 140px;
}
.r-d {
padding-bottom: 100px;
}
.iso-link-block {
display: block;
}
.custom-list-icon {
padding-left: 0;
display: block;
}
.organogram-grid {
display: none;
}
.div-block-92 {
width: 320px;
height: 800px;
padding-bottom: 0;
padding-right: 0;
}
.image-24 {
width: 120%;
}
.heading-7 {
margin-top: 40px;
margin-left: 40px;
font-family: Metacom telegraf, sans-serif;
font-weight: 200;
}
.text-block-14 {
margin-top: -20px;
margin-left: 40px;
font-family: Metacom nb akademie reg, sans-serif;
}
.text-block-15 {
margin-top: 30px;
margin-left: 40px;
font-family: Metacom nb akademie reg, sans-serif;
}
.link {
color: var(--metacom-blue);
margin-top: 30px;
margin-left: 40px;
text-decoration: none;
}
.link.the-week-that-was {
flex-direction: column;
align-items: center;
margin-top: 0;
margin-left: 0;
}
.link-3 {
justify-content: center;
}
.form {
min-width: 300px;
padding-left: 20px;
padding-right: 20px;
}
.sub-heading-careers {
text-align: center;
}
.media-heading {
margin-left: 0;
margin-right: 10px;
}
.h1 {
font-size: 38px;
line-height: 50px;
}
.grid-12 {
grid-template: "Area Area Area"
"Area-3 Area-3 Area-3"
"Area-2 Area-2 Area-2"
"Area-2 Area-2 Area-2"
"Area-4 Area-4 Area-4"
"Area-5 Area-5 Area-5"
"Area-6 Area-6 Area-6"
"Area-8 Area-8 Area-8"
"Area-9 Area-9 Area-9"
"Area-10 Area-10 Area-10"
"Area-11 Area-11 Area-11"
"Area-12 Area-12 Area-12"
"Area-13 Area-13 Area-13"
"Area-14 Area-14 Area-14"
/ 1fr 1fr 1fr;
}
.white-line {
margin-top: 30px;
margin-bottom: 30px;
}
.media-hero-block {
width: auto;
}
.media-block-h2 {
font-size: 26px;
line-height: 1.4;
}
.media-heading-caps {
display: none;
}
.cyber-security {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.div-block-110 {
min-width: 200px;
min-height: 500px;
}
.cyber-caution-image.oled {
padding-left: 10px;
padding-right: 10px;
}
.like-button {
padding-top: 30px;
}
.div-block-111 {
padding-left: 30px;
padding-right: 30px;
line-height: 23px;
}
.media-article-h1 {
font-size: 40px;
}
.article-category {
font-size: 10px;
}
.paragraph-4 {
margin-top: 30px;
}
.article-hero-image {
max-height: 200px;
}
.rich-text-block-4 {
line-height: 1.5;
}
.collection-list-wrapper-3 {
width: 100%;
}
.div-block-117 {
justify-content: center;
}
.secondary-image {
width: 150px;
}
.collection-list {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-columns: 1fr;
align-items: flex-start;
width: 90%;
padding-left: 0;
}
.container-3 {
padding-left: 10px;
padding-right: 10px;
}
.heading-10 {
font-size: 40px;
}
.apply-now-button {
width: 100%;
}
.apply-now-button.brochure:hover {
background-color: var(--metacom-blue);
}
.div-block-121 {
width: 100%;
}
.div-block-122 {
width: 150%;
padding-left: 0;
}
.heading-11 {
font-size: 22px;
line-height: 1.4;
}
.paragraph-5 {
font-size: 15px;
}
.paragraph-6 {
font-size: 16px;
}
.rich-text-block-5 {
font-size: 14px;
}
.video-container {
padding-left: 0;
padding-right: 0;
}
.div-block-131 {
max-width: 90%;
font-size: 14px;
}
.page-title {
text-align: center;
font-size: 38px;
line-height: 46px;
}
.js-clock {
flex-wrap: wrap;
}
.box {
margin-bottom: 10px;
}
.feature {
margin-top: 20px;
margin-bottom: 40px;
}
.feature.test {
display: none;
}
.image-wrapper {
margin-bottom: 0;
}
.image-wrapper.the-week-that-was {
max-width: none;
}
.image-wrapper.mc250-wi-fi {
margin-top: 20px;
margin-left: 0;
left: 0;
}
.image-38 {
width: 100px;
}
.column-6 {
width: 80%;
padding: 0;
}
.source-link.author {
padding-left: 0;
padding-right: 0;
}
.in-the-news {
padding: 30px 0;
}
.features-list-2 {
padding-left: 0;
padding-right: 0;
}
.the-week-that-was-headline {
font-size: 2.2ch;
line-height: 1.2;
}
.empty-state {
text-align: center;
justify-content: center;
}
.artcile-copy {
align-items: center;
}
.article-section-3 {
text-align: center;
}
.author-2 {
justify-content: center;
}
.collection-list-5 {
grid-template-columns: 1fr 1fr;
place-items: center;
}
.div-block-135 {
flex-direction: column;
align-self: center;
align-items: center;
}
.dropdown-2 {
margin-left: 0;
}
.dropdown-toggle-2 {
margin-top: 20px;
}
.heading-16 {
text-align: center;
margin-top: 10px;
margin-bottom: 5px;
font-size: 40px;
}
.text-block-23 {
text-align: center;
}
.heading-17 {
margin-bottom: 0;
font-size: 12px;
}
.text-7 {
font-size: 13px;
}
.column-13 {
margin-bottom: -100px;
padding-bottom: 0;
}
.column-14._50-px {
padding: 10px;
}
.content-9 {
align-self: center;
align-items: center;
margin-left: auto;
margin-right: auto;
}
.title-6 {
font-size: 32px;
}
.description-12 {
width: 90%;
}
.charter-2 {
padding-top: 50px;
padding-left: 15px;
padding-right: 15px;
}
.title-7 {
font-size: 32px;
}
.charter-details-2 {
padding: 0;
}
.description-14.contact {
width: 90%;
}
.foundation-hero-image {
margin-left: 0;
}
.foundation-title {
font-size: 4ch;
}
.column-16 {
align-items: center;
}
.title-8 {
font-size: 32px;
}
.vectors-wrapper-3 {
bottom: -389px;
}
.vectors-wrapper-1 {
bottom: 75px;
left: -136px;
}
.vectors-wrapper-6 {
width: 50px;
height: 50px;
top: -150px;
left: 140px;
}
.vectors-wrapper-7 {
width: 25px;
height: 25px;
bottom: 238px;
left: -98px;
}
.vectors-wrapper-8 {
width: 25px;
height: 25px;
bottom: 199px;
left: -112px;
}
.vectors-wrapper-9 {
width: 25px;
height: 25px;
top: 13px;
left: 54px;
}
.vectors-wrapper-10 {
width: 75px;
height: 75px;
bottom: -26px;
left: 17px;
}
.vectors-wrapper-11 {
width: 35px;
height: 35px;
top: 20px;
left: 123px;
}
.foundation-contact-details {
padding-right: 0%;
}
.div-block-140 {
width: 100%;
}
.image-43 {
object-fit: fill;
width: 100%;
max-width: 200px;
}
.hero-content-div {
padding-top: 60px;
}
.hero-content-div.mc7000 {
padding-bottom: 0;
}
.hero-content-div.mc750 {
padding-top: 50px;
padding-bottom: 50px;
}
.hero-wrapper {
padding-left: 40px;
padding-right: 40px;
}
.new-products-h1, .new-products-h1.mc250 {
font-size: 60px;
}
.new-products-h2 {
font-size: 30px;
}
.new-products-h2.white, .new-products-h2.white.left-align {
text-align: left;
}
.new-products-h2.white.centre-align {
text-align: center;
}
.new-products-h2.left-align.flex-horizontal {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
}
.new-products-h2.mc250 {
font-size: 30px;
}
.new-products-hero-description {
letter-spacing: 0;
width: 70%;
margin-top: 40px;
font-size: 13px;
}
.new-products-hero-description.mc750 {
width: 90%;
margin-top: 50px;
font-size: 16px;
}
.new-products-tagline {
letter-spacing: -1px;
font-size: 20px;
}
.tagline-wrapper {
padding-top: 40px;
}
.tagline-wrapper.mc750 {
padding-top: 30px;
}
.scroll-arrow.new-products {
height: 15px;
}
.scroll-arrow-div {
padding-left: 10px;
}
.new-products-hero-image {
margin: 0 auto;
}
.main-content {
width: 90%;
padding-top: 0;
}
.new-products-hero-image-wrapper {
align-self: auto;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.features-grid-1 {
grid-template-columns: 1fr;
}
.features-grid-1.mc250 {
align-content: start;
}
.features-grid-cell {
min-height: 150px;
padding: 5%;
}
.features-grid-cell.back-ports-features {
min-height: auto;
padding-bottom: 0%;
}
.features-grid-cell.on-board-media {
grid-row-gap: 20px;
}
.features-grid-cell.oled-screen {
padding: 20px;
}
.features-grid-cell.mc450-metawan {
min-height: 120px;
}
.features-grid-cell.led-indicators {
min-height: auto;
}
.metawan {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.metawan.mc450 {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.text-block-25 {
letter-spacing: -1px;
width: 100%;
font-size: 16px;
line-height: 1.2;
}
.text-block-25.mc450-metawan {
font-size: 14px;
}
.oled-screen-image {
width: 100%;
}
.feature-cell-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
align-items: center;
}
.feature-cell-image-icon {
width: 50%;
height: 40%;
}
.feature-cell-image-icon.mc450 {
margin-bottom: 2%;
}
.feature-heading {
font-size: 17px;
}
.feature-heading.on-board-media {
min-width: auto;
}
.feature-heading.oled-screen {
font-size: 30px;
}
.feature-heading.mc450, .feature-heading.mc450.heading-only {
font-size: 20px;
}
.feature-description {
font-size: 10px;
}
.feature-description.mc450 {
font-size: 13px;
}
.back-ports-features.mc450 {
align-items: flex-start;
}
.build-options-sign-up-wrapper {
padding-left: 0;
}
.build-option-order-now {
padding: 10px 20px;
font-size: 20px;
display: none;
}
.build-options-heading {
font-size: 40px;
}
.text-block-26 {
max-width: 260px;
font-size: 20px;
}
.features-grid-2 {
grid-template-columns: 1fr;
margin-left: auto;
margin-right: auto;
}
.div-block-141 {
grid-column-gap: 20px;
grid-row-gap: 0px;
grid-template-columns: 1fr;
margin-bottom: 10px;
}
.technical-specs-wrapper {
margin-top: 0;
}
.download-brochure-form-wrapper {
margin-top: 50px;
top: 70px;
}
.download-brochure-heading {
margin-bottom: 20px;
font-size: 40px;
}
.text-block-27 {
font-size: 17px;
line-height: 1.3;
}
.form-3 {
flex-direction: column;
}
.mc7000-heading {
margin-top: 50px;
}
.heading-18 {
font-size: 55px;
}
.enterprise-router-text-block {
margin-top: -10px;
font-size: 26px;
}
.image-47 {
width: 80px;
margin-bottom: 10px;
}
.foundation-contact-form {
width: 100%;
}
.mc7000-description-wrapper.mc250 {
width: 90%;
padding-top: 0;
}
.paragraph-wrapper.mc250 {
margin-top: 0;
padding-left: 10px;
padding-right: 10px;
}
.prodcut-description-paragraph {
text-align: center;
font-size: 16px;
}
.prodcut-description-paragraph.white {
font-size: 14px;
}
.support-services-wrapper {
margin-top: 90px;
}
.supported-services-heading {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: flex-start;
align-items: center;
}
.services-arrow {
align-items: center;
width: 30px;
height: 30px;
display: flex;
}
.arrow-down {
width: 80%;
}
.service-card {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.service-card.white {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding: 20px;
}
.supported-services-description {
letter-spacing: -.5px;
font-size: 16px;
line-height: 1.2;
}
.supported-services-description.white-bg {
font-size: 18px;
}
.supported-services-link {
font-size: 16px;
}
.link-arrow {
width: 15px;
height: 15px;
}
.image-48 {
border-radius: 2px;
bottom: -2vh;
}
.mc250-front-image {
margin-top: 0;
margin-bottom: 0;
}
.faq-wrapper {
margin-top: 20px;
}
.question-text {
font-size: 17px;
}
.faq-answer {
font-size: 14px;
}
.nav-logo {
min-width: 100px;
max-width: 120px;
}
.new-nav-link {
justify-content: flex-start;
padding-left: 40px;
padding-right: 0;
}
.nav-menu {
justify-content: space-between;
padding-top: 10px;
}
.nav-menu.dark {
z-index: 999;
}
.icon-5 {
padding-top: 10px;
}
.mc250-hero-image {
align-self: center;
padding-left: 0;
padding-right: 0;
position: relative;
}
.mc250-hero-image-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
margin-top: -19%;
margin-bottom: -30%;
display: flex;
position: relative;
inset: 83% 0% 0%;
}
.mc250-hero-tagline-wrapper {
justify-content: center;
margin-top: 10%;
margin-bottom: -10%;
position: relative;
left: 0%;
right: 0%;
}
.small-package-big-delivery {
max-width: 240px;
}
.mc250-hero-product-image {
flex: 1;
width: 100%;
position: static;
inset: 26% 0% 0%;
}
.mc250-tagline-2 {
text-align: center;
}
.div-block-144 {
justify-content: center;
margin-bottom: 50px;
display: flex;
}
.mc250-ethernet-ports {
object-fit: cover;
min-height: 130px;
position: relative;
}
.oled-screen-wrapper {
flex-direction: column;
justify-content: center;
height: auto;
}
.mc250-wi-fi {
margin-top: 0;
left: 0;
}
.mc250-wi-fi-text-wrapper {
margin-top: 30px;
padding-left: 10px;
padding-right: 0;
}
.paragraph-8 {
font-size: 18px;
}
.mc450.cyan {
font-size: 50px;
}
.mc450-hero-text {
font-size: 20px;
}
.mc450-hero-image-wrapper {
flex-direction: column;
width: 90%;
margin-top: 20%;
margin-bottom: -5%;
}
.any-data-anywhere {
text-align: center;
margin-top: 0%;
margin-right: 0%;
font-size: 20px;
}
.mc450-hero-image {
max-width: 210px;
margin-top: -10%;
margin-left: 0%;
padding-left: 0%;
}
.mc450-features-grid {
grid-template-columns: 1fr;
}
.mc450-description-heading {
font-size: 30px;
}
.mc450-description-image-wrapper {
flex-direction: column-reverse;
align-items: flex-start;
width: 100%;
margin-top: 0%;
margin-bottom: 0%;
padding-left: 0%;
}
.remote-reliable-robust-heading {
z-index: 1;
margin-left: 10%;
font-size: 30px;
position: relative;
}
.mc450-description-image {
z-index: 0;
margin-bottom: -25%;
margin-left: 10%;
position: relative;
}
.mc450-description {
margin-top: 20%;
}
.mc450-description-paragraph {
width: 80%;
font-size: 14px;
}
.mc7000-banner-wrapper {
width: 90%;
}
.learn-more {
font-size: 4vw;
}
.foundation-contact-us-header-wrap {
padding-left: 30px;
}
.vectors-wrapper-12 {
width: 90%;
height: auto;
padding-right: 30px;
overflow: visible;
}
.foundation-apply {
font-size: 16px;
}
.mc740.cyan {
font-size: 60px;
}
.mc740-features-grid-temp {
grid-template-columns: 1fr;
}
.mc740-features-temp {
padding-left: 30px;
padding-right: 30px;
}
.mc740-hero-image-wrapper-temp {
flex-direction: column;
width: 90%;
margin-top: 20%;
margin-bottom: auto;
}
.mc740-hero-image-temp {
max-width: 210px;
margin-top: -10%;
margin-left: 0%;
padding-left: 0%;
}
.mc740-hero-image-temp.right, .mc740-hero-image-temp.left {
width: 100%;
max-width: none;
max-height: none;
margin-left: auto;
padding-left: 0%;
left: auto;
}
.mc740-description-text-wrapper-temp {
margin-top: 10%;
margin-bottom: 10%;
padding-left: 30px;
padding-right: 30px;
}
.mc740-description-text-temp {
font-size: 14px;
}
.mc740-features-grid {
grid-template-columns: 1fr;
}
.mc740-features-middle-col, .mc740-features-col-left {
width: 100%;
}
.mmc {
padding-left: 30px;
padding-right: 30px;
}
.row {
flex-direction: column;
}
.remote-management, .cpu, .tile {
padding: 20px;
}
.row-3, .row-4, .row-5 {
flex-direction: column;
}
.tile-2 {
padding: 20px;
}
._003-020-06-300-v2-2-3 {
object-fit: contain;
height: 110%;
}
.tile-3 {
padding: 20px;
}
.frame-39 {
width: 100%;
}
.text-15 {
font-size: 4em;
}
.text-16 {
font-size: 1.5em;
}
.mc740-wi-fi {
display: none;
}
.mc740-wi-fi-test-1 {
object-fit: cover;
object-position: 10% 50%;
}
.new-routers-grid {
grid-row-gap: 90px;
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
.video-grid {
padding: 0;
}
.our-latest-release {
margin-bottom: 30px;
line-height: 1;
}
.download-pdf {
font-size: 16px;
}
.container-12 {
max-width: none;
}
.client-success-heading {
font-weight: 500;
}
.mc750-bento-grid {
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-areas: "Area Area Area Area"
"Area-2 Area-2 Area-2 Area-2"
"Area-3 Area-3 Area-3 Area-3"
"Area-5 Area-5 Area-5 Area-5"
"Area-4 Area-4 Area-6 Area-6"
"Area-7 Area-7 Area-7 Area-7"
"Area-8 Area-8 Area-9 Area-9";
width: 100%;
}
.bento-grid-item.horizontal {
flex-flow: row;
}
.mc750-metawan {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.mc750-ports {
height: 110%;
}
.bento-grid-feature-image {
max-height: 60px;
}
}
#w-node-_86e64837-0616-515b-4568-76c147234d34-3821707e {
grid-area: 1 / 1 / 2 / 2;
justify-self: start;
}
#w-node-_86e64837-0616-515b-4568-76c147234d41-3821707e {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-f23f9449-c33d-42be-101f-579416788a87-3821707e {
grid-area: 1 / 1 / 2 / 2;
justify-self: start;
}
#w-node-a9f89f7b-ab42-dc43-fe1f-917ec944ae91-51e627e8, #w-node-_4befaaed-1190-9547-02e3-f3ecbf776771-51e627e8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_295aee75-f6d9-67f8-752d-3595f8da9b1d-51e627e8, #w-node-_411179d8-cf40-2ce6-788d-4db01f99ceae-51e627e8 {
justify-self: start;
}
#w-node-b9467c66-03ae-49f8-5090-791017cafe27-51e627e8, #w-node-c0056c4f-d926-e6c4-c423-755d5b2cbf7d-5b2cbf71, #w-node-c0056c4f-d926-e6c4-c423-755d5b2cbf82-5b2cbf71, #w-node-c0056c4f-d926-e6c4-c423-755d5b2cbf87-5b2cbf71, #w-node-c0056c4f-d926-e6c4-c423-755d5b2cbf8c-5b2cbf71, #w-node-c0056c4f-d926-e6c4-c423-755d5b2cbf91-5b2cbf71, #w-node-c0056c4f-d926-e6c4-c423-755d5b2cbf96-5b2cbf71, #w-node-c0056c4f-d926-e6c4-c423-755d5b2cbfa6-5b2cbf71, #w-node-c0056c4f-d926-e6c4-c423-755d5b2cbfab-5b2cbf71, #w-node-c0056c4f-d926-e6c4-c423-755d5b2cbfb0-5b2cbf71, #w-node-c0056c4f-d926-e6c4-c423-755d5b2cbfb5-5b2cbf71, #w-node-c0056c4f-d926-e6c4-c423-755d5b2cbfba-5b2cbf71, #w-node-c0056c4f-d926-e6c4-c423-755d5b2cbfbf-5b2cbf71, #w-node-c0056c4f-d926-e6c4-c423-755d5b2cbfed-5b2cbf71, #w-node-_4bd46d9e-bcf9-5113-3995-5853a358c7c4-a358c7b8, #w-node-_4bd46d9e-bcf9-5113-3995-5853a358c7c9-a358c7b8, #w-node-_4bd46d9e-bcf9-5113-3995-5853a358c7ce-a358c7b8, #w-node-_4bd46d9e-bcf9-5113-3995-5853a358c7d3-a358c7b8, #w-node-_4bd46d9e-bcf9-5113-3995-5853a358c7d8-a358c7b8, #w-node-_4bd46d9e-bcf9-5113-3995-5853a358c7dd-a358c7b8, #w-node-_4bd46d9e-bcf9-5113-3995-5853a358c7e8-a358c7b8, #w-node-_4bd46d9e-bcf9-5113-3995-5853a358c7ed-a358c7b8, #w-node-_4bd46d9e-bcf9-5113-3995-5853a358c7f2-a358c7b8, #w-node-_4bd46d9e-bcf9-5113-3995-5853a358c7f7-a358c7b8, #w-node-_4bd46d9e-bcf9-5113-3995-5853a358c7fc-a358c7b8, #w-node-_4bd46d9e-bcf9-5113-3995-5853a358c801-a358c7b8, #w-node-_4bd46d9e-bcf9-5113-3995-5853a358c834-a358c7b8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3385c9c9-82f5-24fc-84f9-1278b0d59a78-a252be46 {
align-self: center;
}
#w-node-_1365e61c-2e4a-1d8e-a004-fb94d28633a6-a252be46 {
align-self: start;
}
#w-node-c8cbbbe4-2c5d-365b-fb40-743172e47bcb-a252be46, #w-node-c8cbbbe4-2c5d-365b-fb40-743172e47bd1-a252be46, #w-node-c8cbbbe4-2c5d-365b-fb40-743172e47be2-a252be46, #w-node-c8cbbbe4-2c5d-365b-fb40-743172e47bef-a252be46, #w-node-a01215cf-bc0f-9d2c-882f-10452ca8b211-a252be46, #w-node-e94e73e6-5bf1-5adb-d0f9-66fe018e3785-a252be46, #w-node-f90b857d-d9e9-1bfa-1468-1461a3184b25-a252be46, #w-node-d02c3c49-13d8-3793-c585-6beebad345e3-a252be46 {
align-self: stretch;
}
#w-node-_10364b10-3e58-f0aa-0c4c-97014a7a160e-a252be46 {
grid-area: 1 / 1 / 2 / 2;
justify-self: start;
}
#w-node-_85f2b148-85cf-21d6-c716-17f8638fbd99-a252be46 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-f770a5aa-53d1-d901-8c50-31f734da9b65-479fd87c, #w-node-f770a5aa-53d1-d901-8c50-31f734da9b65-0beef69c, #w-node-_3385c9c9-82f5-24fc-84f9-1278b0d59a78-c1f22dc6 {
align-self: center;
}
#w-node-_3b79e8ab-1ff3-cef3-9c1b-2b5f7e49be85-c1f22dc6 {
grid-area: 1 / 2 / 2 / 3;
justify-self: start;
}
#w-node-_1f8d6915-614f-18e8-edad-dc43a9320377-c1f22dc6, #w-node-d1f390cc-56ee-9e0f-f2f1-b6cf0a3f34a7-1abe93bc {
grid-area: 1 / 1 / 2 / 2;
justify-self: start;
}
#w-node-b0d78637-54c5-555d-7561-8e9390d8186a-1abe93bc {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-d1f390cc-56ee-9e0f-f2f1-b6cf0a3f34a7-3173d590 {
grid-area: 1 / 1 / 2 / 2;
justify-self: start;
}
#w-node-b0d78637-54c5-555d-7561-8e9390d8186a-3173d590, #w-node-b0d78637-54c5-555d-7561-8e9390d8186a-05db26a5, #w-node-b0d78637-54c5-555d-7561-8e9390d8186a-62f9f5f4 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-d1f390cc-56ee-9e0f-f2f1-b6cf0a3f34a7-4aae14c7 {
grid-area: 1 / 1 / 2 / 2;
justify-self: start;
}
#w-node-b0d78637-54c5-555d-7561-8e9390d8186a-4aae14c7 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-f770a5aa-53d1-d901-8c50-31f734da9b65-ef1cbf98, #w-node-f770a5aa-53d1-d901-8c50-31f734da9b65-95915b50 {
align-self: center;
}
#w-node-f770a5aa-53d1-d901-8c50-31f734da9b65-ca1ad45e {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: center;
}
#w-node-f770a5aa-53d1-d901-8c50-31f734da9b65-dc61f28d, #w-node-f770a5aa-53d1-d901-8c50-31f734da9b65-9e3b5e95, #w-node-f770a5aa-53d1-d901-8c50-31f734da9b65-b2db63d5, #w-node-f770a5aa-53d1-d901-8c50-31f734da9b65-a2a845a0, #w-node-f770a5aa-53d1-d901-8c50-31f734da9b65-0e3ce701, #w-node-f770a5aa-53d1-d901-8c50-31f734da9b65-59db644b {
align-self: center;
}
#w-node-_372f4396-ccee-fa88-4fb4-b7094ca87c2a-3515a93e {
grid-area: 1 / 1 / 2 / 2;
justify-self: start;
}
#w-node-_60ed590f-35be-648c-ff2b-8c78ccab3a8a-3515a93e {
grid-area: 1 / 2 / 2 / 3;
justify-self: start;
}
#w-node-_1e1214ae-bbcf-2e25-c2ed-61e3efc98371-c12531a9 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_23151bb9-cd57-623c-d1d9-865c06a54f68-c12531a9 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6b048415-5478-653c-65d3-b5c3b66d43c6-c12531a9 {
grid-area: 6 / 1 / 7 / 3;
}
#w-node-_6b048415-5478-653c-65d3-b5c3b66d43c7-c12531a9, #w-node-_6b048415-5478-653c-65d3-b5c3b66d43c9-c12531a9 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_5c5a7379-16c7-b91d-997b-76a79ab60d11-c12531a9 {
grid-area: 5 / 1 / 6 / 3;
}
#w-node-_5c5a7379-16c7-b91d-997b-76a79ab60d12-c12531a9, #w-node-_5c5a7379-16c7-b91d-997b-76a79ab60d14-c12531a9 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_647f6e79-fcb2-1dd9-da20-b833d373e42f-c12531a9 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-f9b80a0c-445c-6e5c-1039-a6342685f8ba-c12531a9, #w-node-_1b8f2ceb-d1e7-c649-9014-46c833b53a54-c12531a9 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-cb019ada-75dc-ab3e-fc01-3b2643605d3e-c12531a9 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-cb019ada-75dc-ab3e-fc01-3b2643605d3f-c12531a9, #w-node-cb019ada-75dc-ab3e-fc01-3b2643605d41-c12531a9 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-b853d42a-c9da-762b-4adf-42ffea3f7cfc-c12531a9 {
grid-area: 4 / 1 / 5 / 3;
}
#w-node-b853d42a-c9da-762b-4adf-42ffea3f7cfd-c12531a9, #w-node-b853d42a-c9da-762b-4adf-42ffea3f7cff-c12531a9 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_33f9b929-fe6e-b745-4430-799ac6e26e92-4853067e, #w-node-_492300bf-7507-5041-d63f-ca6937dd1755-4853067e, #w-node-b132a2df-836a-c448-33d1-935acf10bd43-4853067e {
grid-area: Area;
}
#w-node-_9855ed23-0fe1-4f9a-862d-6d6d91b44102-4853067e, #w-node-e28942db-025a-9836-b2c5-59715c5f7656-4853067e {
grid-area: Area-2;
}
#w-node-_95195bac-0a5c-94cd-e0c0-458d9672eb16-4853067e {
grid-area: Area-3;
}
#w-node-_59696e08-ae85-10d4-1b51-25faed7826e3-4853067e, #w-node-a6f6ae8c-941a-d20e-3f3e-9de23dfcbd85-4853067e, #w-node-_0183968d-20c0-b3b4-e9e4-3414fced4263-4853067e {
grid-area: Area-4;
}
#w-node-_5af4fcce-c12f-ca2b-e7e5-b3a6411c161a-4853067e {
grid-area: Area-5;
}
#w-node-_5eb77fab-6241-4506-ab10-eb5547d74107-4853067e {
grid-area: Area-6;
}
#w-node-_41e8c31c-2358-b74b-2f23-e4f2dde8810b-4853067e {
grid-area: Area-9;
}
#w-node-c2e79d27-e130-b62d-d19e-bca660aa837c-4853067e {
grid-area: Area-8;
}
#w-node-_046144da-d9a0-334e-7218-51e80dde8955-4853067e {
grid-area: Area-10;
}
#w-node-_4e49aa03-1ce2-a764-9b50-afe05be19cfc-4853067e {
grid-area: Area-11;
}
#w-node-c267187b-8e5e-b1c2-e201-36f8efdb293a-4853067e {
grid-area: Area-7;
}
#w-node-_938aaba0-113e-f276-98ad-2531e78f4aa6-4853067e {
grid-area: Area-12;
}
#w-node-c49b3400-8fa8-cb27-da62-fb7a0e3bf042-4853067e {
grid-area: Area-13;
}
#w-node-_77ea8491-d861-b74f-4dc0-40cc39041848-fc873b16 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_135d40ec-3235-a7a3-d0f9-e4d7fbc8bd2b-ae84f597 {
grid-area: Area;
}
#w-node-_90abbb9f-993e-2189-13f0-c0445f3b3276-ae84f597, #w-node-_09d0d6e8-2f21-5fe3-c7eb-bb56399ef921-ae84f597 {
grid-area: Area-2;
}
#w-node-_6c85dbbf-f438-6b25-82f9-aa2032ea0217-ae84f597, #w-node-_9ac61d54-65f9-9d00-7c74-11bf4418c067-ae84f597, #w-node-_05af90d1-0e1a-bc09-ef3b-eb2468caf152-ae84f597, #w-node-_05af90d1-0e1a-bc09-ef3b-eb2468caf154-ae84f597, #w-node-a3486039-676d-b6c9-fa3d-e4303192ae79-ae84f597, #w-node-a3486039-676d-b6c9-fa3d-e4303192ae7b-ae84f597 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_963edd1a-fff0-f402-35d3-eb7d76d7a113-ae84f597 {
grid-area: Area-3;
}
#w-node-ba171bb5-766f-39f8-fd87-4ce4365d6ab7-e2ba4566, #w-node-ba171bb5-766f-39f8-fd87-4ce4365d6abc-e2ba4566, #w-node-ba171bb5-766f-39f8-fd87-4ce4365d6ac1-e2ba4566, #w-node-ba171bb5-766f-39f8-fd87-4ce4365d6ac6-e2ba4566, #w-node-ba171bb5-766f-39f8-fd87-4ce4365d6acb-e2ba4566, #w-node-ba171bb5-766f-39f8-fd87-4ce4365d6ad0-e2ba4566, #w-node-ba171bb5-766f-39f8-fd87-4ce4365d6adb-e2ba4566, #w-node-ba171bb5-766f-39f8-fd87-4ce4365d6ae0-e2ba4566, #w-node-ba171bb5-766f-39f8-fd87-4ce4365d6ae5-e2ba4566, #w-node-ba171bb5-766f-39f8-fd87-4ce4365d6aea-e2ba4566, #w-node-ba171bb5-766f-39f8-fd87-4ce4365d6aef-e2ba4566, #w-node-ba171bb5-766f-39f8-fd87-4ce4365d6af4-e2ba4566, #w-node-ba171bb5-766f-39f8-fd87-4ce4365d6b27-e2ba4566 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_28466b18-849d-a19c-9b34-01b146774664-80912207 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_787a83d3-4c9c-2bf7-9c85-4268efa21af9-80912207 {
grid-row: span 2 / span 2;
}
#w-node-e1808af7-dba6-dc72-afbc-00dee4f0b505-2274651b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-a823e2db-f51f-0ee2-1d54-eae088b3a182-ed3648c7 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ab30dc51-b9d8-9899-f6e9-90dcf5884475-ed3648c7, #w-node-_25126aa3-3337-73c1-f52c-0b359b5c1e8f-ed3648c7, #w-node-db7f50d3-7d6a-8836-2574-334bb7fbe61d-ed3648c7, #w-node-b33f0510-581a-4526-b72d-109ea1d3113d-ed3648c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_187cde24-a7d6-013b-caac-a1ceb1ff97e7-ed3648c7 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_679df49f-f8af-4b0c-7546-49f87182d053-ed3648c7, #w-node-_679df49f-f8af-4b0c-7546-49f87182d05a-ed3648c7, #w-node-_679df49f-f8af-4b0c-7546-49f87182d061-ed3648c7, #w-node-_679df49f-f8af-4b0c-7546-49f87182d068-ed3648c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_679df49f-f8af-4b0c-7546-49f87182d06f-ed3648c7 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_9024c653-075a-11b8-a8bc-0e27a9c0ad7c-ed3648c7, #w-node-_3864d3a0-337c-94a8-e7e6-ea7e86a36d5a-ed3648c7, #w-node-_859a14f9-8d45-8fa3-94a1-0387704be358-ed3648c7, #w-node-_0b3e6b44-3d09-951d-e6c0-e5f18e937e0f-ed3648c7, #w-node-_5b1b3271-e2e6-dff1-8e12-3b471f86cd0e-ed3648c7, #w-node-c6eac9cd-20c4-7912-4aab-5deb004f503e-ed3648c7, #w-node-ae95cdf9-a6c8-b0eb-eb0a-18fe31e624da-ed3648c7, #w-node-_0345de61-a48d-036d-66f8-b3103f143306-ed3648c7, #w-node-d03b282f-122d-d960-38e3-a3bd50c92e47-ed3648c7, #w-node-_480893fe-4994-5e97-833f-ef8ed2b6e0cf-ed3648c7, #w-node-_0e84a4fe-a689-4f91-e1ba-aa72a67d8b65-ed3648c7, #w-node-_9e108f1d-1f36-9068-782f-63d051f285c1-ed3648c7, #w-node-_0b37d185-e6d7-ecfb-0a5d-55bcb1275854-ed3648c7, #w-node-_350776f6-9239-c7ab-2604-ba9ed12058b9-ed3648c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_87d83ec9-8fb5-1d8d-c1d4-be334bffb4b8-c9992fe5 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_87d83ec9-8fb5-1d8d-c1d4-be334bffb4c6-c9992fe5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_87d83ec9-8fb5-1d8d-c1d4-be334bffb4db-c9992fe5 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_87d83ec9-8fb5-1d8d-c1d4-be334bffb4bf-c9992fe5, #w-node-_87d83ec9-8fb5-1d8d-c1d4-be334bffb4cd-c9992fe5, #w-node-_29393fb5-d00a-4346-6d24-44215280db73-c9992fe5, #w-node-_87d83ec9-8fb5-1d8d-c1d4-be334bffb4d4-c9992fe5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0f1c79e3-989b-9deb-c3dd-e92f7de1f7dc-c9992fe5 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ae981219-0fa3-40c2-b0c1-3fd91f1e6976-c9992fe5, #w-node-ae981219-0fa3-40c2-b0c1-3fd91f1e6980-c9992fe5, #w-node-ae981219-0fa3-40c2-b0c1-3fd91f1e698a-c9992fe5, #w-node-ae981219-0fa3-40c2-b0c1-3fd91f1e6994-c9992fe5, #w-node-ae981219-0fa3-40c2-b0c1-3fd91f1e699e-c9992fe5, #w-node-ae981219-0fa3-40c2-b0c1-3fd91f1e69a8-c9992fe5, #w-node-ae981219-0fa3-40c2-b0c1-3fd91f1e69b2-c9992fe5, #w-node-ae981219-0fa3-40c2-b0c1-3fd91f1e69bc-c9992fe5, #w-node-ae981219-0fa3-40c2-b0c1-3fd91f1e69c6-c9992fe5, #w-node-ae981219-0fa3-40c2-b0c1-3fd91f1e69d0-c9992fe5, #w-node-ae981219-0fa3-40c2-b0c1-3fd91f1e69da-c9992fe5, #w-node-ae981219-0fa3-40c2-b0c1-3fd91f1e69e4-c9992fe5, #w-node-ae981219-0fa3-40c2-b0c1-3fd91f1e69ee-c9992fe5, #w-node-ae981219-0fa3-40c2-b0c1-3fd91f1e69f8-c9992fe5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f603693b-764f-901f-567f-a45247f6863e-a7255ccc {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_6655fe7f-4678-1ee3-0fef-0b5333710461-a7255ccc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6f69f6d9-5a3c-d095-323a-48f6de98af62-a7255ccc {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-bf976bee-5bac-09a7-e972-8565ffa3eec8-a7255ccc {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_92a30f49-e7fc-2d48-d420-357d8236739f-a7255ccc, #w-node-_8f20b4db-8b50-322f-fe24-41b6bb63c560-a7255ccc, #w-node-ce6870bb-1b8d-1388-b9c2-8311c26b4c89-a7255ccc, #w-node-_61ce7925-b515-36cf-0e48-591d9331b2dc-a7255ccc, #w-node-bbe911b8-73c8-de98-ddfe-ab005a845bef-a7255ccc, #w-node-b50324d6-1eda-c2f6-4647-ec7fe51c8550-a7255ccc, #w-node-b50324d6-1eda-c2f6-4647-ec7fe51c855a-a7255ccc, #w-node-b50324d6-1eda-c2f6-4647-ec7fe51c8564-a7255ccc, #w-node-b50324d6-1eda-c2f6-4647-ec7fe51c856e-a7255ccc, #w-node-b50324d6-1eda-c2f6-4647-ec7fe51c8578-a7255ccc, #w-node-b50324d6-1eda-c2f6-4647-ec7fe51c8582-a7255ccc, #w-node-b50324d6-1eda-c2f6-4647-ec7fe51c858c-a7255ccc, #w-node-b50324d6-1eda-c2f6-4647-ec7fe51c8596-a7255ccc, #w-node-b50324d6-1eda-c2f6-4647-ec7fe51c85a0-a7255ccc, #w-node-b50324d6-1eda-c2f6-4647-ec7fe51c85aa-a7255ccc, #w-node-b50324d6-1eda-c2f6-4647-ec7fe51c85b4-a7255ccc, #w-node-b50324d6-1eda-c2f6-4647-ec7fe51c85be-a7255ccc, #w-node-b50324d6-1eda-c2f6-4647-ec7fe51c85c8-a7255ccc, #w-node-b50324d6-1eda-c2f6-4647-ec7fe51c85d2-a7255ccc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6ef7788d-da21-ee34-5bfa-ac62d21f0af9-689e9471 {
grid-area: span 1 / span 1 / span 1 / span 1;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
#w-node-_026daeec-d1c3-c5c4-2efd-5849b2d46c03-689e9471 {
grid-area: span 1 / span 1 / span 1 / span 1;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
align-self: stretch;
}
#w-node-e00f983c-5a43-b886-967c-c4fac57c4e17-689e9471, #w-node-c4ab5fdc-f4e9-f82e-4467-ba5045fa683a-689e9471 {
grid-column: span 2 / span 2;
}
#w-node-ad258c90-9d3e-5133-525c-58ecace9b364-689e9471 {
grid-area: span 1 / span 1 / span 1 / span 1;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
justify-self: auto;
}
#w-node-acfb4b0b-ebf5-7ca1-ba2b-4bea92bb116c-689e9471, #w-node-acfb4b0b-ebf5-7ca1-ba2b-4bea92bb1179-689e9471, #w-node-acfb4b0b-ebf5-7ca1-ba2b-4bea92bb1180-689e9471, #w-node-a8e692e6-dcda-ea7f-47b3-110189f84ef1-689e9471, #w-node-_70939d23-fb21-dbb7-c214-59eb7e613d27-689e9471, #w-node-acfb4b0b-ebf5-7ca1-ba2b-4bea92bb1191-689e9471, #w-node-_86deb23d-3ce7-52da-9f56-7b0d78c2ff59-689e9471, #w-node-_3e8ed3e4-6b83-c07d-40a9-ddf3d437b9aa-689e9471 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b79102fe-f71f-e095-98f3-6b81376dbe8c-86cc27ca {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_4df7fe27-df89-3104-c802-5591a557c364-86cc27ca, #w-node-ea6a6098-4d14-a0d2-76ff-308a304d5ace-86cc27ca {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-b79102fe-f71f-e095-98f3-6b81376dbe8c-da51616e {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_4df7fe27-df89-3104-c802-5591a557c364-da51616e, #w-node-ea6a6098-4d14-a0d2-76ff-308a304d5ace-da51616e {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-d87e5f5c-8309-4e02-c902-2581a8bd1ea7-5838d4ce {
grid-area: Area;
place-self: center;
}
#w-node-_46b0f82d-c00e-3b6f-efea-a1df07a85490-5838d4ce {
grid-area: Area-3;
}
#w-node-_1caf8137-4058-3d07-c9d6-4fe4c14b2cb9-5838d4ce {
grid-area: Area-2;
}
#w-node-_15783b59-b525-170c-97cd-bb82084c771c-5838d4ce {
grid-area: Area-4;
align-self: start;
}
#w-node-e1c76714-8637-eda0-ebf7-8ac7e5a524fe-5838d4ce {
grid-area: Area-5;
place-self: auto;
}
#w-node-d527ba0d-0e1d-e817-6732-eaea7f2a32de-5838d4ce {
grid-area: Area-6;
}
#w-node-_440a510a-6213-74d6-8e6f-2e19d36c42fa-5838d4ce {
grid-area: Area-7;
}
#w-node-_3bcc7eb6-db8b-96fa-ecf8-1e1f970ed798-5838d4ce {
grid-area: Area-8;
}
@media screen and (max-width: 991px) {
#w-node-_6a45902b-05ff-b4a0-8d8f-95052912c729-3821707e {
place-self: start center;
}
#w-node-_86e64837-0616-515b-4568-76c147234d34-3821707e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c2a3304d-8010-cbc2-bced-15d87367a684-3821707e {
place-self: start center;
}
#w-node-_86e64837-0616-515b-4568-76c147234d41-3821707e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b916cd48-1eff-885b-ce65-da88b3376f25-3821707e {
justify-self: center;
}
#w-node-f23f9449-c33d-42be-101f-579416788a87-3821707e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-eec0924f-aa26-81e4-8908-b63131bbd1e5-51e627e8 {
grid-area: 2 / 1 / 2 / 2;
}
#w-node-_411179d8-cf40-2ce6-788d-4db01f99ceae-51e627e8 {
justify-self: stretch;
}
#w-node-_3385c9c9-82f5-24fc-84f9-1278b0d59a78-a252be46 {
grid-area: span 2 / span 2 / span 2 / span 2;
}
#w-node-_10364b10-3e58-f0aa-0c4c-97014a7a160e-a252be46 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_85f2b148-85cf-21d6-c716-17f8638fbd99-a252be46 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f770a5aa-53d1-d901-8c50-31f734da9b65-0beef69c, #w-node-_1e85b2ea-e9e2-eeef-28c8-1cdc26521372-0beef69c, #w-node-_5d45b1d3-f764-b46f-0a93-8783c2240478-0beef69c, #w-node-_3385c9c9-82f5-24fc-84f9-1278b0d59a78-c1f22dc6, #w-node-b9009e6c-2036-a166-bb31-6f2487103090-c1f22dc6, #w-node-_3b79e8ab-1ff3-cef3-9c1b-2b5f7e49be85-c1f22dc6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_1f8d6915-614f-18e8-edad-dc43a9320377-c1f22dc6 {
grid-area: 2 / 1 / 2 / 3;
}
#w-node-c5c83484-17a6-99dc-6e27-d5f6a9964c30-c1f22dc6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-d1f390cc-56ee-9e0f-f2f1-b6cf0a3f34a7-1abe93bc {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-_273c64c5-76f5-eee2-601e-ab11a797d36a-1abe93bc {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-b0d78637-54c5-555d-7561-8e9390d8186a-1abe93bc {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-_1ad76028-80b9-2828-9fbc-9dadad0cc90c-1abe93bc {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-d1f390cc-56ee-9e0f-f2f1-b6cf0a3f34a7-3173d590 {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-dfcc9778-7b04-d04c-f6d9-017e6aba6538-3173d590 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-b0d78637-54c5-555d-7561-8e9390d8186a-3173d590 {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-_0165e37b-240f-d954-0627-090d025f4d58-3173d590 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-b0d78637-54c5-555d-7561-8e9390d8186a-05db26a5 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_754626ec-2962-8ab9-12cd-37d7769422a5-05db26a5 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-b0d78637-54c5-555d-7561-8e9390d8186a-62f9f5f4 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-cbaad254-314f-617e-ba07-c9c0dfee61d7-62f9f5f4 {
order: -9999;
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-d1f390cc-56ee-9e0f-f2f1-b6cf0a3f34a7-4aae14c7 {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-_0391de50-663d-ce26-c922-6f3332d18797-4aae14c7 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-b0d78637-54c5-555d-7561-8e9390d8186a-4aae14c7 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_07a3e489-44f5-670e-594f-60a949f4a9b9-4aae14c7 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_372f4396-ccee-fa88-4fb4-b7094ca87c2a-3515a93e {
grid-area: 2 / 1 / 2 / 3;
}
#w-node-a07922cc-479c-4ab4-06b4-dd9826bee14c-3515a93e {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_60ed590f-35be-648c-ff2b-8c78ccab3a8a-3515a93e {
grid-area: 2 / 1 / 2 / 3;
}
#w-node-_4d77ae1f-bacd-9f5b-5009-9660efc90458-3515a93e {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c267187b-8e5e-b1c2-e201-36f8efdb293a-4853067e {
grid-area: Area-14;
}
#w-node-a823e2db-f51f-0ee2-1d54-eae088b3a182-ed3648c7, #w-node-_187cde24-a7d6-013b-caac-a1ceb1ff97e7-ed3648c7, #w-node-_679df49f-f8af-4b0c-7546-49f87182d06f-ed3648c7 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_87d83ec9-8fb5-1d8d-c1d4-be334bffb4b8-c9992fe5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_87d83ec9-8fb5-1d8d-c1d4-be334bffb4db-c9992fe5, #w-node-_0f1c79e3-989b-9deb-c3dd-e92f7de1f7dc-c9992fe5, #w-node-f603693b-764f-901f-567f-a45247f6863e-a7255ccc {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6f69f6d9-5a3c-d095-323a-48f6de98af62-a7255ccc {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-bf976bee-5bac-09a7-e972-8565ffa3eec8-a7255ccc, #w-node-ce6870bb-1b8d-1388-b9c2-8311c26b4c89-a7255ccc, #w-node-_61ce7925-b515-36cf-0e48-591d9331b2dc-a7255ccc {
grid-area: span 1 / span 2 / span 1 / span 2;
}
}
@media screen and (max-width: 767px) {
#w-node-_86e64837-0616-515b-4568-76c147234d34-3821707e {
grid-row-start: 2;
}
#w-node-_86e64837-0616-515b-4568-76c147234d41-3821707e {
grid-column: 1 / 2;
grid-row-start: 2;
}
#w-node-f23f9449-c33d-42be-101f-579416788a87-3821707e {
grid-row-start: 2;
}
#w-node-_10364b10-3e58-f0aa-0c4c-97014a7a160e-a252be46 {
grid-row-start: 2;
grid-column-end: 3;
}
#w-node-ef7b80e9-873c-7682-0e1f-dcdf2763df09-a252be46, #w-node-_5b2671a9-2c01-1c09-951f-76cd397936d8-a252be46, #w-node-_85f2b148-85cf-21d6-c716-17f8638fbd99-a252be46 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f770a5aa-53d1-d901-8c50-31f734da9b65-0beef69c {
justify-self: center;
}
#w-node-_3385c9c9-82f5-24fc-84f9-1278b0d59a78-c1f22dc6, #w-node-b9009e6c-2036-a166-bb31-6f2487103090-c1f22dc6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_3b79e8ab-1ff3-cef3-9c1b-2b5f7e49be85-c1f22dc6 {
grid-row: 2 / 3;
grid-column-start: 1;
}
#w-node-_1f8d6915-614f-18e8-edad-dc43a9320377-c1f22dc6 {
grid-row: 2 / 3;
grid-column-end: 3;
}
#w-node-c5c83484-17a6-99dc-6e27-d5f6a9964c30-c1f22dc6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_372f4396-ccee-fa88-4fb4-b7094ca87c2a-3515a93e {
grid-row-start: 2;
grid-column-end: 3;
}
#w-node-a07922cc-479c-4ab4-06b4-dd9826bee14c-3515a93e {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_60ed590f-35be-648c-ff2b-8c78ccab3a8a-3515a93e {
grid-row-start: 2;
grid-column-start: 1;
}
#w-node-_4d77ae1f-bacd-9f5b-5009-9660efc90458-3515a93e {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_33f9b929-fe6e-b745-4430-799ac6e26e92-4853067e {
grid-area: Area;
}
#w-node-_28466b18-849d-a19c-9b34-01b146774664-80912207 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-_787a83d3-4c9c-2bf7-9c85-4268efa21af9-80912207 {
grid-row: span 2 / span 2;
}
#w-node-_679df49f-f8af-4b0c-7546-49f87182d053-ed3648c7, #w-node-_679df49f-f8af-4b0c-7546-49f87182d05a-ed3648c7, #w-node-_679df49f-f8af-4b0c-7546-49f87182d061-ed3648c7, #w-node-_679df49f-f8af-4b0c-7546-49f87182d068-ed3648c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_679df49f-f8af-4b0c-7546-49f87182d06f-ed3648c7, #w-node-ce6870bb-1b8d-1388-b9c2-8311c26b4c89-a7255ccc, #w-node-_61ce7925-b515-36cf-0e48-591d9331b2dc-a7255ccc {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_1d2cb38a-9343-a223-a4f1-083ca36d30f5-5838d4ce {
grid-area: Area-9;
}
}
@media screen and (max-width: 479px) {
#w-node-_4e49aa03-1ce2-a764-9b50-afe05be19cfc-4853067e {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-a823e2db-f51f-0ee2-1d54-eae088b3a182-ed3648c7, #w-node-_187cde24-a7d6-013b-caac-a1ceb1ff97e7-ed3648c7, #w-node-_679df49f-f8af-4b0c-7546-49f87182d06f-ed3648c7, #w-node-_87d83ec9-8fb5-1d8d-c1d4-be334bffb4b8-c9992fe5, #w-node-_87d83ec9-8fb5-1d8d-c1d4-be334bffb4db-c9992fe5, #w-node-_0f1c79e3-989b-9deb-c3dd-e92f7de1f7dc-c9992fe5, #w-node-f603693b-764f-901f-567f-a45247f6863e-a7255ccc, #w-node-_6655fe7f-4678-1ee3-0fef-0b5333710461-a7255ccc, #w-node-_6f69f6d9-5a3c-d095-323a-48f6de98af62-a7255ccc, #w-node-bf976bee-5bac-09a7-e972-8565ffa3eec8-a7255ccc, #w-node-_92a30f49-e7fc-2d48-d420-357d8236739f-a7255ccc, #w-node-ce6870bb-1b8d-1388-b9c2-8311c26b4c89-a7255ccc, #w-node-_61ce7925-b515-36cf-0e48-591d9331b2dc-a7255ccc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_026daeec-d1c3-c5c4-2efd-5849b2d46c03-689e9471 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
#w-node-e00f983c-5a43-b886-967c-c4fac57c4e17-689e9471, #w-node-c4ab5fdc-f4e9-f82e-4467-ba5045fa683a-689e9471 {
grid-column: span 1 / span 1;
}
#w-node-acfb4b0b-ebf5-7ca1-ba2b-4bea92bb116c-689e9471, #w-node-acfb4b0b-ebf5-7ca1-ba2b-4bea92bb1179-689e9471 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}