html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Fontawesome5 solid;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/62a9af18ca51cf39870081f0_FontAwesome5_Solid.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto condensed 2";
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/62fbc10d9b021c6bd6a69ebd_roboto-condensed-medium%202.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: z9yl;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612f7674f8b0aaf87e405a84_TruenoSemibold-Z9yl.otf") format("opentype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "35zy";
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612f769307883d4ab69faf7d_TruenoSemiboldItalic-35Zy.otf") format("opentype");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Truenoultltit;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612f7694b95d932f9fce844d_TruenoUltralightItalic-AYmD.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Truenoexbd;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612f7693fc48d95afa11123c_TruenoExtrabold-05gr.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Truenoblkol;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612f76938a2e861b61c7bcc6_TruenoBlackOutline-P43P.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Truenoltit;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612f76932b0d71138934e00a_TruenoLightItalic-OoMo.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Truenolt;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612f7693d8851aef147f7771_TruenoLight-E2pg.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Truenosbdit;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612f769307883d4ab69faf7d_TruenoSemiboldItalic-35Zy.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Truenobd;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612f769356e0d6ba29195e2c_TruenoBold-XYE2.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Truenoultblkit;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612f76932b0d71711134e00b_TruenoUltrablackItalic-prwv.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Truenorgit;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612f7693a3e5106cd5cbcaa3_Trueno-75PE.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Truenoexbdolit;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612f7693a675337ff40af862_TruenoExtraboldOutlineItalic-adaJ.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Truenoblkolit;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612f76938a2e860927c7bcc7_TruenoBlackOutlineItalic-LLEy.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Truenoexbdol;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612f7693e8010f03758428d2_TruenoExtraboldOutline-W8J9.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Truenosbd;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612f7674f8b0aaf87e405a84_TruenoSemibold-Z9yl.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Truenoblkit;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612f7693f8b0aa29fd405a8b_TruenoBlackItalic-dXnl.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Truenobdolit;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612f7693bcf3eb1b84cbc7de_TruenoBoldOutlineItalic-454Y.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Truenoultlt;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612f768756e0d6de38195e28_TruenoUltralight-DKax.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Truenorg;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612f7693f928f03813d1d442_Trueno-wml2.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Truenoblk;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612f7693a011b4c8c0b9fde6_TruenoBlack-mBYV.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Truenobdol;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612f7693d8851a3dde7f7770_TruenoBoldOutline-oYMq.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Truenoultblk;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612f7693f36f21c5d337b0f6_TruenoUltrablack-xdnV.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Truenoexbdit;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612f7693151d77f82fba7a62_TruenoExtraboldItalic-eg1O.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Fontawesome;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/62a87dd235e4fda4310364be_FontAwesome-Regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Fontawesome;
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/62a87dd27bd03b9b20923b12_FontAwesome-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Font awesome 5 brands 400";
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/62a9ad40c794bafa31f65077_Font%20Awesome%205%20Brands-Regular-400.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Font awesome 5 pro 400";
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/62a87dd235e4fda4310364be_FontAwesome-Regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Font awesome 5 pro solid 900";
src: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/62a9af620510468ad36a7ab4_Font%20Awesome%205%20Pro-Solid-900.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root {
--white: white;
--grey-text: #afafaf;
--grey-a: #222;
--light-green: #b0e000;
--light-black: #191919;
--deep-green: #2bb800;
--greytext2: #6e6e6e;
--almost-black: #0f0f0f;
--almost-white: #e4e4e4;
--grey2: #222;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.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-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.w-pagination-previous {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-previous-icon {
margin-right: 4px;
}
.w-pagination-next {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-next-icon {
margin-left: 4px;
}
.w-commerce-commercecheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercelayoutcontainer {
justify-content: center;
align-items: flex-start;
display: flex;
}
.w-commerce-commercelayoutmain {
flex: 0 800px;
margin-right: 20px;
}
.w-commerce-commercecartapplepaybutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
align-items: center;
height: 38px;
min-height: 30px;
margin-bottom: 8px;
padding: 0;
text-decoration: none;
display: flex;
}
.w-commerce-commercecartapplepayicon {
width: 100%;
height: 50%;
min-height: 20px;
}
.w-commerce-commercecartquickcheckoutbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
justify-content: center;
align-items: center;
height: 38px;
margin-bottom: 8px;
padding: 0 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
margin-right: 8px;
display: block;
}
.w-commerce-commercecheckoutcustomerinfowrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-commerce-commercecheckoutblockcontent {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 20px;
}
.w-commerce-commercecheckoutlabel {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutemailinput {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutemailinput::placeholder {
color: #999;
}
.w-commerce-commercecheckoutemailinput:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingaddresswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutshippingfullname {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingfullname::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingfullname:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstreetaddress {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddress:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutrow {
margin-left: -8px;
margin-right: -8px;
display: flex;
}
.w-commerce-commercecheckoutcolumn {
flex: 1;
padding-left: 8px;
padding-right: 8px;
}
.w-commerce-commercecheckoutshippingcity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingcity::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstateprovince {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstateprovince::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstateprovince:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingzippostalcode {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingzippostalcode:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingcountryselector {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingcountryselector::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcountryselector:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingmethodswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutshippingmethodslist {
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.w-commerce-commercecheckoutshippingmethoditem {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
flex-direction: row;
align-items: baseline;
margin-bottom: 0;
padding: 16px;
font-weight: 400;
display: flex;
}
.w-commerce-commercecheckoutshippingmethoddescriptionblock {
flex-direction: column;
flex-grow: 1;
margin-left: 12px;
margin-right: 12px;
display: flex;
}
.w-commerce-commerceboldtextblock {
font-weight: 700;
}
.w-commerce-commercecheckoutshippingmethodsemptystate {
text-align: center;
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 64px 16px;
}
.w-commerce-commercecheckoutpaymentinfowrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutcardnumber {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardnumber::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutcardexpirationdate {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardexpirationdate::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutcardsecuritycode {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardsecuritycode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingaddresstogglewrapper {
flex-direction: row;
display: flex;
}
.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
margin-top: 4px;
}
.w-commerce-commercecheckoutbillingaddresstogglelabel {
margin-left: 8px;
font-weight: 400;
}
.w-commerce-commercecheckoutbillingaddresswrapper {
margin-top: 16px;
margin-bottom: 20px;
}
.w-commerce-commercecheckoutbillingfullname {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingfullname::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingfullname:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstreetaddress {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddress:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingcity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingcity::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstateprovince {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstateprovince::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstateprovince:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingzippostalcode {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingzippostalcode:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingcountryselector {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingcountryselector::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcountryselector:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercelayoutsidebar {
flex: 0 0 320px;
position: sticky;
top: 20px;
}
.w-commerce-commercecheckoutorderitemswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummaryblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-commerce-commercecheckoutorderitemslist {
margin-bottom: -20px;
}
.w-commerce-commercecheckoutorderitem {
margin-bottom: 20px;
display: flex;
}
.w-commerce-commercecartitemimage {
width: 60px;
height: 0%;
}
.w-commerce-commercecheckoutorderitemdescriptionwrapper {
flex-grow: 1;
margin-left: 16px;
margin-right: 16px;
}
.w-commerce-commercecheckoutorderitemoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none;
}
.w-commerce-commercecheckoutorderitemquantitywrapper {
white-space: pre-wrap;
display: flex;
}
.w-commerce-commercecheckoutordersummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
flex-direction: row;
justify-content: space-between;
margin-bottom: 8px;
display: flex;
}
.w-commerce-commercecheckoutsummarytotal {
font-weight: 700;
}
.w-commerce-commercecheckoutplaceorderbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 3px;
align-items: center;
margin-bottom: 20px;
padding: 9px 15px;
text-decoration: none;
display: block;
}
.w-commerce-commercecheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.w-commerce-commercecartwrapper {
display: inline-block;
position: relative;
}
.w-commerce-commercecartopenlink {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commercecartopenlinkicon {
margin-right: 8px;
}
.w-commerce-commercecartopenlinkcount {
color: #3898ec;
text-align: center;
background-color: #fff;
border-radius: 9px;
min-width: 18px;
height: 18px;
margin-left: 8px;
padding-left: 6px;
padding-right: 6px;
font-size: 11px;
font-weight: 700;
line-height: 18px;
display: inline-block;
}
.w-commerce-commercecartcontainerwrapper {
z-index: 1001;
background-color: #000c;
position: fixed;
inset: 0;
}
.w-commerce-commercecartcontainerwrapper--cartType-modal {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
flex-direction: row;
justify-content: flex-end;
align-items: stretch;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
background-color: #0000;
position: absolute;
inset: 100% auto auto 0;
}
.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
background-color: #0000;
position: absolute;
inset: 100% 0 auto auto;
}
.w-commerce-commercecartcontainer {
background-color: #fff;
flex-direction: column;
width: 100%;
min-width: 320px;
max-width: 480px;
display: flex;
overflow: auto;
box-shadow: 0 5px 25px #00000040;
}
.w-commerce-commercecartheader {
border-bottom: 1px solid #e6e6e6;
flex: none;
justify-content: space-between;
align-items: center;
padding: 16px 24px;
display: flex;
position: relative;
}
.w-commerce-commercecartheading {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.w-commerce-commercecartcloselink {
width: 16px;
height: 16px;
}
.w-commerce-commercecartformwrapper {
flex-direction: column;
flex: 1;
display: flex;
}
.w-commerce-commercecartform {
flex-direction: column;
flex: 1;
justify-content: flex-start;
display: flex;
}
.w-commerce-commercecartlist {
-webkit-overflow-scrolling: touch;
flex: 1;
padding: 12px 24px;
overflow: auto;
}
.w-commerce-commercecartitem {
align-items: flex-start;
padding-top: 12px;
padding-bottom: 12px;
display: flex;
}
.w-commerce-commercecartiteminfo {
flex-direction: column;
flex: 1;
margin-left: 16px;
margin-right: 16px;
display: flex;
}
.w-commerce-commercecartproductname {
font-weight: 700;
}
.w-commerce-commercecartoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none;
}
.w-commerce-commercecartquantity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 60px;
height: 38px;
margin-bottom: 10px;
padding: 8px 6px 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecartquantity::placeholder {
color: #999;
}
.w-commerce-commercecartquantity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecartfooter {
border-top: 1px solid #e6e6e6;
flex-direction: column;
flex: none;
padding: 16px 24px 24px;
display: flex;
}
.w-commerce-commercecartlineitem {
flex: none;
justify-content: space-between;
align-items: baseline;
margin-bottom: 16px;
display: flex;
}
.w-commerce-commercecartordervalue {
font-weight: 700;
}
.w-commerce-commercecartcheckoutbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 2px;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: block;
}
.w-commerce-commercecartemptystate {
flex: 1;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.w-commerce-commercecarterrorstate {
background-color: #ffdede;
flex: none;
margin: 0 24px 24px;
padding: 10px;
}
.w-commerce-commerceaddtocartform {
margin: 0 0 15px;
}
.w-commerce-commerceaddtocartoptionpillgroup {
margin-bottom: 10px;
display: flex;
}
.w-commerce-commerceaddtocartoptionpill {
color: #000;
cursor: pointer;
background-color: #fff;
border: 1px solid #000;
margin-right: 10px;
padding: 8px 15px;
}
.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
color: #fff;
background-color: #000;
}
.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
color: #666;
cursor: not-allowed;
background-color: #e6e6e6;
border-color: #e6e6e6;
outline-style: none;
}
.w-commerce-commerceaddtocartquantityinput {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 60px;
height: 38px;
margin-bottom: 10px;
padding: 8px 6px 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commerceaddtocartquantityinput::placeholder {
color: #999;
}
.w-commerce-commerceaddtocartquantityinput:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commerceaddtocartbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
color: #666;
cursor: not-allowed;
background-color: #e6e6e6;
border-color: #e6e6e6;
outline-style: none;
}
.w-commerce-commercebuynowbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
margin-top: 10px;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
color: #666;
cursor: not-allowed;
background-color: #e6e6e6;
border-color: #e6e6e6;
outline-style: none;
}
.w-commerce-commerceaddtocartoutofstock {
background-color: #ddd;
margin-top: 10px;
padding: 10px;
}
.w-commerce-commerceaddtocarterror {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
}
.w-commerce-commerceorderconfirmationcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercecheckoutcustomerinfosummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutsummaryflexboxdiv {
flex-direction: row;
justify-content: flex-start;
display: flex;
}
.w-commerce-commercecheckoutsummarytextspacingondiv {
margin-right: .33em;
}
.w-commerce-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercepaypalcheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercepaypalcheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.w-layout-hflex {
flex-direction: row;
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;
}
.w-commerce-commercelayoutcontainer {
flex-direction: column;
align-items: stretch;
}
.w-commerce-commercelayoutmain {
flex-basis: auto;
margin-right: 0;
}
.w-commerce-commercelayoutsidebar {
flex-basis: auto;
}
}
@media screen and (max-width: 479px) {
.w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
font-size: 16px;
}
.w-commerce-commercecheckoutrow {
flex-direction: column;
}
.w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
font-size: 16px;
}
.w-commerce-commercecartcontainerwrapper--cartType-modal {
flex-direction: row;
justify-content: center;
align-items: stretch;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
flex-direction: row;
justify-content: center;
align-items: stretch;
display: flex;
position: fixed;
inset: 0;
}
.w-commerce-commercecartquantity, .w-commerce-commerceaddtocartquantityinput {
font-size: 16px;
}
}
body {
background-color: var(--white);
color: #333;
font-family: Roboto, sans-serif;
font-size: 14px;
line-height: 18px;
}
h1 {
color: #000;
margin-top: 20px;
margin-bottom: 10px;
font-size: 38px;
font-weight: 700;
line-height: 44px;
}
h2 {
margin-top: 20px;
margin-bottom: 20px;
padding: 10px;
font-family: Truenosbd, sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 36px;
}
h3 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 24px;
font-weight: bold;
line-height: 30px;
}
h4 {
color: #000;
margin-top: 10px;
margin-bottom: 10px;
font-size: 18px;
font-weight: 700;
line-height: 24px;
}
p {
margin-bottom: 10px;
}
a {
text-decoration: none;
}
a.w--current {
z-index: 100;
position: relative;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
img {
display: inline-block;
}
strong {
font-weight: bold;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin-bottom: 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin-bottom: 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
.body {
text-align: center;
background-color: #fff0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 100vw;
font-size: 16px;
display: block;
overflow: visible;
}
.button-navigation-button {
color: #fff;
text-align: left;
-webkit-text-fill-color: inherit;
background-color: #2bb800;
background-clip: padding-box;
border-radius: 6px;
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin-left: 20px;
margin-right: 20px;
padding: 5px 29px;
font-family: Truenosbd, sans-serif;
font-size: 15px;
font-weight: 700;
display: flex;
}
.button-navigation-button:hover {
transform: scale(1.1);
}
.button-navigation-button.w--current {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.utility-page-wrap {
background-image: linear-gradient(#fff, #b8b8b8);
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
align-items: center;
width: 260px;
display: flex;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.contact-form {
opacity: 1;
-webkit-text-fill-color: inherit;
background-color: #91919100;
background-clip: border-box;
height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.contact-form-grid {
grid-column-gap: 20px;
grid-row-gap: 13px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: stretch;
align-items: stretch;
margin-top: 22px;
display: grid;
}
.submit-button {
background-color: #2bb800;
border-radius: 10px;
font-weight: 700;
}
.heading-10 {
color: #fff;
font-size: 38px;
}
.italic-text {
color: var(--grey-text);
letter-spacing: .3px;
font-size: 15px;
font-style: normal;
font-weight: 500;
}
.italic-text.email-text {
color: #d6d6d6;
font-weight: 700;
text-decoration: underline;
}
.italic-text.email-text:hover, .field-label {
color: #fff;
}
.field-label-2 {
color: #fff;
font-family: Truenosbd, sans-serif;
font-style: normal;
}
.field-label-3, .field-label-4, .field-label-5 {
color: #fff;
}
.body-2 {
text-align: left;
-webkit-text-fill-color: inherit;
background-clip: border-box;
}
.body-2.platformbg {
background-image: linear-gradient(#000, #474747);
}
.hero-4 {
background-color: #2bb800;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: block;
}
.hero-overlay-7 {
color: #fff;
background-image: linear-gradient(#0009, #0009), url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/6140734d5ef470565a9abf44_imgonline-com-ua-CompressToSize-FunK5F9gP8.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
justify-content: flex-start;
align-items: center;
height: 90vh;
max-height: 780px;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.cards-section-4 {
background-color: #2bb800;
flex-direction: column;
justify-content: center;
align-items: center;
height: auto;
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 50px;
display: flex;
}
.navigation-link {
color: #fff;
padding: 20px 15px;
font-family: Truenorg, sans-serif;
font-size: 15px;
}
.navigation-link:hover {
color: var(--white);
text-shadow: 0 0 20px #ffffffa8;
font-weight: 400;
text-decoration: none;
}
.navigation-link.w--current {
color: var(--grey-a);
letter-spacing: 4px;
white-space: pre-line;
background-color: #f4f4f4;
border-radius: 0 0 8px 8px;
height: 44px;
font-family: Truenosbd, sans-serif;
font-size: 14px;
font-weight: 400;
text-decoration: none;
}
.navigation-link.merch {
display: block;
}
.navigation-link.login {
border: 1px none var(--white);
color: #2a2a2a;
cursor: pointer;
background-color: #fff;
border-radius: 5px;
width: 100%;
height: 100%;
padding: 3.5px 17px 0 13px;
font-family: "Roboto condensed 2", sans-serif;
font-size: 12px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
box-shadow: 0 2px 5px #000, inset 0 0 6px #00000080;
}
.nav-menu {
z-index: 100;
color: #a8a6a6;
background-color: #000;
flex-flow: row;
flex: none;
justify-content: space-between;
align-items: center;
width: 100%;
height: 45px;
margin-bottom: 0;
padding-bottom: 0;
display: flex;
overflow: hidden;
box-shadow: 0 3px 9px 3px #0003;
}
.navbar {
z-index: 100;
opacity: 1;
background-color: #0000;
flex-direction: row;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 45px;
font-size: 11px;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.div-block {
background-color: #2bb800;
margin-top: 10px;
}
.centered-container-2 {
text-align: center;
flex-direction: column;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 70vh;
margin-left: auto;
margin-right: auto;
display: flex;
}
.heading-vert-benefits {
color: #2bb800;
text-align: left;
flex-direction: row;
align-items: center;
width: auto;
height: auto;
margin: 0 auto 0 0;
padding-top: 10px;
padding-bottom: 0;
padding-left: 0;
font-size: 26px;
line-height: 30px;
display: flex;
}
.slide-1 {
background-image: linear-gradient(#0003, #0003), url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/613756580e10be6aedf14f8a_FW-AERIAL_-001.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
height: auto;
padding-left: 20px;
padding-right: 20px;
}
.slider-2 {
height: auto;
}
.container-3 {
background-color: #0000;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
height: 70%;
margin: 100px auto;
display: flex;
}
.heading-43 {
color: #fff;
width: 300px;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
font-size: 18px;
line-height: 30px;
}
.paragraph-39 {
color: #fff;
text-align: justify;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
margin-right: 44px;
padding-top: 6px;
padding-bottom: 0;
font-size: 14px;
line-height: 16px;
display: flex;
}
.navigation-link-bold {
color: #191919;
font-family: Truenosbd, sans-serif;
font-size: 17px;
font-style: normal;
text-decoration: none;
}
.container-8 {
z-index: 20;
opacity: 1;
background-color: #00000096;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 100vw;
height: 55vw;
margin-top: -47px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
inset: 0% 0% 0;
overflow: hidden;
transform: translate(0);
}
.texte-blanc-home-page {
color: var(--light-green);
text-align: center;
letter-spacing: .15vw;
text-indent: 0;
text-shadow: 0 0 11px #ffffff54;
align-items: center;
width: auto;
height: auto;
margin-top: .7vw;
margin-left: 0;
font-family: Truenorg, sans-serif;
font-size: 2.5vw;
font-style: normal;
font-weight: 400;
line-height: 2vw;
display: flex;
}
.body-6 {
background-color: #000;
height: 100vh;
}
.background-blanc {
background-color: #fff;
}
.container-9 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: auto;
margin-top: 0;
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.text-noir {
align-items: center;
width: 90vh;
height: 150px;
padding-top: 50px;
padding-bottom: 50px;
font-size: 16px;
display: flex;
}
.column-1 {
background-color: #2bb800;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50%;
display: flex;
}
.column2 {
background-image: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612e073739931e2455bca0a9_imgonline-com-ua-CompressToSize-4ypqyFyyoPQAh.jpg");
background-position: 50%;
background-size: cover;
width: 50%;
}
.join-the-biochar-network {
color: #fff;
width: auto;
margin-left: 0;
font-size: 60px;
line-height: 65px;
}
.text-join-the-biochar-network {
color: #fff;
align-items: center;
width: auto;
height: auto;
margin-bottom: 0;
margin-left: 0;
padding-top: 20px;
padding-bottom: 20px;
font-size: 16px;
display: flex;
}
.button-join-the-biochar-network {
color: #2bb800;
cursor: pointer;
background-color: #fff;
border-radius: 10px;
justify-content: center;
align-items: center;
width: auto;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
font-size: 16px;
font-weight: 700;
display: flex;
}
.button-join-the-biochar-network:hover {
transform: scale(1.1);
}
.card-section {
background-color: #000;
flex-wrap: nowrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center flex-start;
align-items: center;
width: auto;
height: auto;
margin-right: -88px;
padding: 40px 37px 40px 0;
display: flex;
}
.column-5 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.black-background {
background-color: #2bb800;
height: auto;
}
.div-block-road-map {
margin-top: 40px;
margin-bottom: 40px;
padding-top: 0;
padding-bottom: 0;
}
.div-block-road-map:hover {
transform: scale(1.5);
}
.div-block-road-map:active {
transform: none;
}
.container-10 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: auto;
padding-top: 40px;
padding-bottom: 100px;
display: flex;
}
.faq-list {
max-width: none;
margin-top: 48px;
margin-left: auto;
margin-right: auto;
}
.faq-wraper {
background-color: #f5f5f5;
border-radius: 4px;
margin-bottom: 8px;
padding: 8px 8px 20px 16px;
}
.triger {
cursor: pointer;
justify-content: space-between;
align-items: center;
display: flex;
}
.div-block-12 {
background-color: #f7f7f7;
border-radius: 4px;
align-items: center;
width: auto;
height: auto;
display: flex;
}
.p2 {
font-size: 12px;
}
.p2.faq-response {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
padding-bottom: 16px;
padding-right: 32px;
display: flex;
}
.html-embed {
width: 30px;
margin-left: auto;
margin-right: auto;
}
.html-embed.faq-chevron {
cursor: pointer;
}
.text-block {
color: #2bb800;
}
.image-17, .image-18, .image-19 {
margin-bottom: 24px;
}
.noir-background {
background-color: #000;
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: auto;
display: flex;
}
.image-20 {
height: 100px;
margin-top: 23px;
margin-bottom: 25px;
padding-bottom: 0;
}
.body-7 {
background-image: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/613876c8ca29e9333dafe18c_imgonline-com-ua-CompressToSize-XPC7RzEuxOvPAo.jpg");
background-repeat: no-repeat;
background-size: cover;
}
._13 {
background-image: linear-gradient(#0000001a, #0000001a), url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/61375170821eeb30cd349185_imgonline-com-ua-CompressToSize-iJHDUZU3LlIGN6S.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
flex-direction: row;
justify-content: flex-start;
align-items: center;
height: 100vh;
display: flex;
}
.div-block-19 {
background-image: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612e073739931e2455bca0a9_imgonline-com-ua-CompressToSize-4ypqyFyyoPQAh.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100vh;
height: 100vh;
}
.div-block-20 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: auto;
padding-top: 50px;
padding-bottom: 50px;
display: flex;
}
.section-9 {
background-color: #2bb800;
}
.blanc-benefits {
color: #000;
margin-bottom: 0;
padding-top: 5px;
padding-left: 0;
padding-right: 0;
font-size: 14px;
line-height: 14px;
}
.section-10 {
border-radius: 10px;
height: auto;
display: none;
}
.buttion-faq {
background-color: #2bb800;
border-radius: 10px;
margin-top: 8px;
margin-left: auto;
margin-right: auto;
padding-right: 19px;
font-weight: 700;
display: none;
}
.buttion-faq:hover {
transform: scale(1.1);
}
.container-14 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: auto;
margin-top: 0;
margin-bottom: 0;
padding-top: 10px;
display: flex;
}
.menu-link {
letter-spacing: 0;
font-size: 12px;
font-weight: 400;
}
.menu-link:hover {
outline-offset: 0px;
outline: 3px #0000;
}
.heading-58 {
color: #fff;
letter-spacing: -.06vw;
text-shadow: 0 0 15px #ffffff91;
flex-direction: column;
justify-content: center;
height: auto;
margin-top: 11px;
margin-bottom: 0;
font-family: Truenobd, sans-serif;
font-size: 5vw;
line-height: 3.5vw;
display: flex;
}
.container-19 {
flex-direction: column;
justify-content: center;
align-items: center;
height: 83vh;
display: flex;
}
.what-is-ggr-heading {
color: #000;
align-items: center;
height: 200px;
font-size: 60px;
line-height: 65px;
display: flex;
}
.card-wrapper-f {
perspective: 1000px;
flex-wrap: wrap;
align-content: space-around;
display: flex;
}
.card {
grid-column-gap: 16px;
grid-row-gap: 16px;
cursor: pointer;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 270px;
height: 250px;
margin-bottom: 29px;
margin-right: 50px;
display: grid;
position: relative;
}
.front-card {
backface-visibility: hidden;
background-color: #fff;
background-image: linear-gradient(#0000004d, #0000004d), url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612e528f5c257631d0bf94cc_Agriculture_Soil_Soil_Image-landscape.jpg");
background-position: 0 0, 50% 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
border-radius: 10px;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.front-card:hover {
opacity: 0;
}
.front-card:active {
transform: none;
}
.back-card {
backface-visibility: hidden;
background-color: #fff;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.heading-60 {
color: #fff;
text-align: center;
width: 200px;
margin-left: auto;
margin-right: auto;
font-size: 25px;
line-height: 35px;
}
.body-8 {
background-color: #000;
justify-content: center;
align-items: center;
display: flex;
}
.blanc-benefits-1 {
color: #000;
margin-right: 35px;
font-size: 14px;
}
.blanc-benefits-2 {
color: #000;
margin-right: 7px;
padding-right: 0;
font-size: 14px;
display: flex;
}
.blanc-benefits-3 {
color: #000;
padding-right: 0;
font-size: 14px;
}
.front-card-1 {
backface-visibility: hidden;
background-color: #fff;
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/6138c0978adbc81dc0a37f6a_5232250-cows-on-bedding.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
border-radius: 10px;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.front-card-1:hover {
opacity: 0;
}
.front-card-2 {
backface-visibility: hidden;
background-color: #fff;
background-image: linear-gradient(#0000004d, #0000004d), url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/613755ebacc106ed8196cfb1_image%20(3)%402x.png");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
border-radius: 10px;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.front-card-2:hover {
opacity: 0;
}
.front-card-3 {
backface-visibility: hidden;
background-color: #fff;
background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/613755e53980c31a81d39a8f_Fertilizer-Nitrogen%402x.png");
background-position: 0 0, 100%;
background-repeat: repeat, no-repeat;
background-size: auto, auto;
border-radius: 10px;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.front-card-3:hover {
opacity: 0;
}
.front-card-4 {
backface-visibility: hidden;
background-color: #fff;
background-image: linear-gradient(#0000004d, #0000004d), url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612e51a0ab96f75b2adbb669_imgonline-com-ua-CompressToSize-i74MCe0CZglP3.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
border-radius: 10px;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.front-card-4:hover {
opacity: 0;
}
.front-card-4:active {
transform: none;
}
.front-card-copy {
backface-visibility: hidden;
background-color: #fff;
background-image: linear-gradient(#0000004d, #0000004d), url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612e529242673a8ea2524ecf_fertiliser003.jpg");
background-position: 0 0, 0%;
background-size: auto, cover;
border-radius: 10px;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.front-card-copy:hover {
opacity: 0;
transform: translate(0);
}
.front-card-copy:active {
transform: none;
}
.magnify {
min-width: 80%;
max-width: 100%;
padding: 0;
display: block;
}
.round-loope {
object-fit: fill;
background-color: #fff0;
border-radius: 50%;
display: block;
position: static;
left: -410px;
box-shadow: 1px 1px 10px #0000005c;
}
.collection-list-wrapper-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: auto;
padding-bottom: 0;
display: flex;
}
.div-block-27 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: auto;
padding-left: 60px;
display: flex;
}
.heading-noir-platform {
color: #000;
width: auto;
margin-top: 10px;
margin-bottom: 20px;
padding-top: 0;
font-size: 60px;
line-height: 60px;
}
.paragraph-51 {
color: #000;
width: 200px;
margin-bottom: 20px;
}
.button-platform {
background-color: #2bb800;
border-radius: 10px;
font-size: 14px;
font-weight: 700;
}
.button-platform:hover {
transform: scale(1.1);
}
.image-x {
margin-left: 0;
padding-top: 4px;
padding-left: 10px;
}
.div-block-28 {
background-color: #0000008f;
flex-direction: row;
justify-content: center;
align-items: center;
width: auto;
height: 400px;
display: flex;
}
.image-x1 {
max-width: none;
margin-top: 1px;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.slide-2-copy-de-1 {
background-image: linear-gradient(#0003, #0003), url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/613876c83b8ef496a8c40ff8_imgonline-com-ua-CompressToSize-6PnCq1KhL7UoUSqu.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.image-x2 {
margin-left: 0;
padding-top: 0;
padding-left: 44px;
}
.slide-3-copy-1 {
background-image: linear-gradient(#0003, #0003), url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/61387f13c43aafd68e39dcb1_imgonline-com-ua-CompressToSize-MffpA9teJCwPLY.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.div-block-29 {
background-color: #0000009c;
flex-direction: column;
justify-content: center;
align-items: center;
width: 500px;
height: 320px;
margin-bottom: 27px;
display: flex;
}
.centered-container-sofies {
text-align: center;
flex-direction: column;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 70vh;
margin-left: auto;
margin-right: auto;
display: flex;
}
.image-bsw-logo {
height: 100px;
margin-top: 23px;
margin-bottom: 25px;
padding-bottom: 0;
}
.image-27 {
margin-top: -13px;
margin-bottom: 27px;
padding-top: 0;
padding-bottom: 0;
}
.pargraph-sofies {
color: #fff;
text-align: center;
margin-top: -17px;
margin-right: 0;
padding-top: 0;
padding-left: 25px;
padding-right: 25px;
}
.paragraph-arla, .paragraph-bsw {
color: #fff;
padding-left: 30px;
padding-right: 30px;
}
.image-28 {
margin-left: 0;
margin-right: 0;
padding-top: 7px;
padding-left: 10px;
padding-right: 20px;
}
.image-29 {
margin-left: 0;
margin-right: 40px;
padding-top: 14px;
padding-left: 20px;
padding-right: 20px;
}
.section-13 {
background-image: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/61324eb99da61147eea749a0_Fort%20William%20sunrise%20-%20John%20Kyle.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: row;
align-items: center;
height: 100vh;
display: flex;
}
.section-14 {
background-color: #0000001a;
flex-direction: column;
justify-content: center;
align-items: center;
height: 83vh;
display: flex;
}
.container-21 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: auto;
padding-top: 0;
padding-bottom: 40px;
display: flex;
}
.container-22 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: auto;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.body-9 {
background-color: #000;
}
.cards-section-7 {
color: #aa6f6f;
background-color: #000;
flex-direction: column;
align-items: flex-start;
padding: 40px 20px 50px 40px;
display: flex;
}
.hero-5 {
background-color: #000;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: auto;
padding: 20px 40px;
display: flex;
}
.paragraph-55, .paragraph-56 {
color: #fff;
width: auto;
}
.icon-7 {
color: #fff;
background-color: #000;
}
.icon-8 {
background-color: #000;
}
.column-18 {
padding-left: 14px;
}
.card-approach {
background-color: #2bb800;
flex-direction: column;
justify-content: center;
align-items: center;
width: 250px;
height: 250px;
display: flex;
}
.image-33 {
padding-right: 0;
}
.heading-72 {
color: #fff;
text-align: center;
font-size: 17px;
line-height: 25px;
}
.heading-75 {
color: #fff;
justify-content: flex-start;
align-items: center;
width: 1000px;
height: 200px;
margin-bottom: 0;
margin-left: auto;
margin-right: 150px;
padding-left: 0;
font-size: 60px;
line-height: 65px;
display: flex;
}
.link, .link-2, .link-3 {
color: #fff;
font-weight: 700;
}
.link-block {
width: 500px;
}
.container-32 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
max-width: none;
display: flex;
}
.div-block-32 {
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-33 {
background-color: #00000080;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: auto;
height: auto;
padding: 70px 50px;
display: flex;
}
.body-11 {
background-color: #a8a8a836;
}
.big-white-heading-left {
color: #fff;
margin-top: 0;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
font-size: 60px;
line-height: 60px;
}
.medium-black-heading-left {
color: #000;
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding-top: 30px;
padding-bottom: 0;
font-size: 38px;
display: flex;
}
.medium-white-heading-left {
color: #fff;
flex-flow: row;
justify-content: flex-start;
align-items: center;
height: auto;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.black-paragraph-left {
font-size: 16px;
}
.white-paragraph {
color: #fff;
margin-top: 10px;
font-size: 16px;
}
.small-black-heading-left {
color: #000;
text-align: left;
font-size: 20px;
font-weight: 700;
}
.small-white-heading-left {
color: #fff;
margin-top: 10px;
font-size: 17px;
font-weight: 700;
}
.small-green-heading-left {
color: #2bb800;
font-size: 14px;
font-weight: 700;
line-height: 25px;
}
.small-white-heading-center {
color: #fff;
text-align: center;
font-size: 20px;
}
.small-black-heading-center {
color: #000;
text-align: center;
flex-direction: column;
align-items: center;
font-size: 20px;
font-weight: 700;
display: flex;
}
.small-green-heading-center {
color: #2bb800;
text-align: center;
font-size: 20px;
}
.black-paragraph-center {
text-align: center;
margin-top: 10px;
padding-top: 10px;
font-size: 16px;
}
.white-paragraph-center {
color: #fff;
text-align: center;
margin-top: 10px;
font-size: 16px;
}
.medium-black-heading-center {
text-align: center;
padding-top: 10px;
font-size: 40px;
}
.medium-white-heading-center {
color: #fff;
text-align: center;
}
.medium-green-heading-left {
color: #2bb800;
margin-top: 40px;
font-size: 38px;
}
.medium-green-heading-center {
color: #2bb800;
text-align: center;
font-size: 40px;
}
.white {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
font-size: 60px;
line-height: 60px;
}
.container-34 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: none;
padding-left: 150px;
padding-right: 150px;
display: flex;
}
.container-35 {
justify-content: center;
align-items: center;
display: none;
}
.hero-5-green {
background-color: #2bb800;
background-image: linear-gradient(#2bb800, #2bb800);
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: auto;
padding: 20px 20px 100px;
display: flex;
}
.section-20 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: auto;
display: flex;
}
.container-36 {
flex-direction: column;
justify-content: space-between;
height: auto;
margin-top: 50px;
margin-bottom: 50px;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.container-19-bbb {
background-image: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/613b3b10992a9d50313d5fe3_logo%20sans%20texte%20opacity.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
height: 93vh;
display: flex;
}
.body-12 {
background-color: #fff;
}
.medium-white-heading-left-copy {
color: #fff;
flex-flow: row;
align-items: flex-start;
margin-top: 40px;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.medium-white-heading-left-with-padding {
color: #fff;
flex-flow: row;
align-items: center;
height: auto;
margin-top: 40px;
margin-bottom: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.columns-5 {
margin-top: 50px;
padding-bottom: 0;
}
.button-navigation-button-copy {
color: #fff;
text-align: left;
-webkit-text-fill-color: inherit;
background-color: #2bb800;
background-clip: padding-box;
border-radius: 10px;
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin-left: 20px;
margin-right: 20px;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
font-weight: 700;
display: flex;
}
.button-navigation-button-copy:hover {
transform: scale(1.1);
}
.button-navigation-button-copy.w--current {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-35 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 270px;
height: 270px;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.grid-11 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.big-white-heading-left-bbb {
color: #fff;
margin-top: 0;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
font-size: 50px;
line-height: 60px;
}
.div-block-37, .div-block-38, .div-block-39 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.image-34 {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.heading-85 {
margin-top: 0;
padding-bottom: 20px;
}
.column-25, .container-37 {
justify-content: flex-start;
align-items: center;
display: flex;
}
.grid-13 {
grid-column-gap: 70px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 30px;
}
.columns-7 {
display: flex;
}
.grid-14 {
grid-column-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-flow: row;
}
.image-45 {
min-width: 0%;
max-width: 100%;
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
}
.body-1 {
height: auto;
}
.column-26 {
justify-content: center;
display: flex;
}
.columns-9 {
padding-top: 20px;
padding-bottom: 20px;
}
.split-screen {
background-color: #2bb800;
justify-content: space-between;
height: 100vh;
display: flex;
}
.split-wrapper {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 50%;
padding: 100px 50px 100px 150px;
display: flex;
}
.split-wrapper.bg-image {
background-image: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/612e073739931e2455bca0a9_imgonline-com-ua-CompressToSize-4ypqyFyyoPQAh.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.htlm:hover {
transform: scale(1.1);
}
.container-38 {
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
}
.section-21 {
background-color: #fff;
padding-bottom: 50px;
padding-left: 20px;
padding-right: 20px;
}
.magnify-system {
flex: 0 auto;
min-width: 100%;
max-width: 100%;
padding: 40px;
}
.column-27 {
justify-content: center;
display: flex;
}
.cards-section-7-copy {
color: #aa6f6f;
background-color: #000;
padding: 40px 20px 50px;
display: none;
}
.div-block-43 {
justify-content: flex-start;
display: flex;
}
.button {
color: #2bb800;
background-color: #fff;
border-radius: 10px;
font-weight: 700;
}
.button:hover {
transform: scale(1.1);
}
.cards-section {
padding-top: 100px;
padding-bottom: 100px;
}
.centered-container-3 {
text-align: center;
flex: 1;
}
.cards-grid-container {
grid-column-gap: 40px;
grid-row-gap: 40px;
text-align: left;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.cards-image-mask {
border-radius: 0%;
width: 100%;
padding-top: 100%;
position: relative;
overflow: hidden;
}
.cards-image {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
inset: 0%;
}
.medium-green-heading-left-copy {
color: #2bb800;
font-size: 38px;
}
.image-56 {
text-align: center;
order: 0;
align-self: auto;
max-height: 37px;
margin-right: 3px;
padding-top: 0;
padding-bottom: 0;
display: block;
}
.div-block-45 {
width: 0;
height: 0;
}
.div-block-46 {
cursor: pointer;
align-items: center;
padding-left: 10px;
display: flex;
position: absolute;
inset: 0% auto 0% 0%;
}
.header-bbb {
color: #dbdbdb;
letter-spacing: .1px;
object-fit: fill;
align-self: center;
padding-top: 2px;
padding-left: 0;
font-family: Truenosbd, sans-serif;
font-size: 16px;
}
.header-bbb.header-bbb-small {
color: #fff;
margin-right: 0;
padding-top: 1px;
padding-left: 0;
padding-right: 0;
font-size: 14px;
}
.div-block-48 {
z-index: 100;
grid-column-gap: 3px;
order: 0;
align-self: auto;
margin-right: 12px;
display: flex;
position: relative;
}
.section-23 {
background-color: var(--white);
padding: 202px 0;
}
.section-team-story {
background-color: var(--light-black);
filter: grayscale(74%);
justify-content: center;
align-items: center;
height: 460px;
padding-left: 10%;
padding-right: 10%;
transition: filter .45s;
display: flex;
position: relative;
box-shadow: 0 0 19px 1px #00000080;
}
.section-team-story:hover {
filter: grayscale(0%);
}
.section-team-story.bgwhite {
background-color: var(--white);
box-shadow: 0 0 19px 1px #fff6;
}
.our-story {
justify-content: center;
align-items: center;
height: 90vh;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
overflow: hidden;
}
.column-section {
flex-direction: column;
justify-content: center;
width: 35%;
height: 80%;
display: flex;
}
.column-section.column-1-vision {
flex-direction: column;
justify-content: center;
width: 45%;
display: flex;
}
.column-section.column-right {
width: 40%;
margin-left: 17px;
}
.wrapper-our-story {
background-color: #0000;
width: 300px;
padding: 0;
display: flex;
}
.heading-86 {
color: var(--deep-green);
margin-top: 1px;
margin-bottom: 8px;
padding-bottom: 4px;
padding-left: 0;
padding-right: 0;
font-size: 40px;
}
.heading-86.h1 {
color: var(--grey-a);
}
.heading-86.color-light-green {
color: var(--light-green);
}
.color-green-light {
line-height: 14px;
}
.text-block-3 {
color: var(--grey-text);
letter-spacing: .4px;
margin-top: 5px;
padding-top: 0;
padding-left: 0;
padding-right: 40px;
font-family: Roboto, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 21px;
}
.image-57 {
margin-top: 27px;
margin-right: 67px;
padding: 48px 0 48px 18px;
}
.image-58 {
width: 0;
max-width: none;
height: .1vh;
}
.image-59 {
mix-blend-mode: normal;
background-color: #0000;
border-radius: 18px;
width: 23vw;
max-width: none;
height: 23vw;
max-height: none;
margin: 0 81px 0 0;
position: absolute;
top: 0;
left: 0;
}
.image-59.ourstoryimageb {
margin-left: 81px;
margin-right: 0;
}
.image-59.ourstoryimageb.hamish1 {
opacity: 0;
transition: opacity .525s;
}
.image-59.ourstoryimageb.hamish1:hover, .image-59.ourstoryimageb.hamish2 {
opacity: 1;
}
.image-59.alex1 {
opacity: 0;
transition: opacity .5s;
}
.image-59.alex1:hover {
opacity: 1;
}
.image-59.tilak1 {
opacity: 0;
transition: opacity .5s;
}
.image-59.tilak1:hover {
opacity: 1;
}
.div-block-49 {
border-left: 2px solid var(--grey-text);
margin-top: 0;
margin-bottom: 0;
padding: 5px 0 5px 16px;
box-shadow: -17px 0 13px -12px #0000001a;
}
.div-block-49.ourstoryparagraphwhite {
color: var(--grey-text);
border-left-color: #b9b9b9;
width: 60%;
box-shadow: -17px 0 13px -12px #0000000a;
}
.div-block-49.teamparagraphblack {
width: 60%;
box-shadow: -17px 0 16px -12px #ffffff0f;
}
.div-block-50 {
flex-flow: row;
order: 1;
justify-content: center;
width: 23vw;
height: 23vw;
margin-right: 74px;
display: flex;
position: relative;
}
.team-header {
color: #fff;
margin-top: 0;
margin-bottom: 0;
padding: 0;
font-family: Truenosbd, sans-serif;
font-size: 18px;
line-height: 18px;
}
.team-header.textdark {
color: var(--grey-a);
font-size: 18px;
}
.text-block-4 {
color: var(--grey-text);
letter-spacing: .4px;
column-count: auto;
width: auto;
margin-top: 5px;
font-weight: 400;
}
.text-block-4.textdark2 {
color: var(--greytext2);
padding-right: 14px;
font-size: 14px;
}
.div-block-51 {
height: 80%;
}
.footer {
background-color: var(--almost-black);
text-align: center;
align-items: flex-start;
height: 260px;
padding-top: 37px;
padding-bottom: 0;
}
.footer-flex-container {
text-align: left;
justify-content: flex-start;
margin-bottom: 24px;
display: flex;
}
.footer-logo-link {
flex: 0 auto;
min-width: 60px;
max-height: 60px;
margin-left: 32px;
margin-right: 55px;
padding-right: 0;
}
.footer-image {
object-fit: contain;
object-position: 0% 50%;
width: 100%;
height: 170px;
}
.footer-heading {
color: var(--white);
letter-spacing: 1.2px;
margin-top: 0;
margin-bottom: 5px;
padding-top: 0;
padding-left: 0;
font-family: Truenosbd, sans-serif;
font-size: 18px;
font-style: normal;
line-height: 1.5;
}
.footer-link {
color: var(--almost-white);
letter-spacing: .7px;
margin-bottom: 10px;
font-weight: 500;
text-decoration: none;
display: block;
}
.footer-link:hover {
text-decoration: underline;
}
.container-39 {
display: block;
}
.footer-copyright {
color: #5e5e5e;
}
.footer-link-container {
border-left: 1px solid var(--grey-text);
margin-right: 40px;
padding-left: 16px;
}
.div-block-52 {
justify-content: flex-end;
margin-bottom: 3px;
display: flex;
}
.list {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.footer-social-media {
color: var(--almost-white);
font-family: "Font awesome 5 brands 400", sans-serif;
font-size: 25px;
}
.footer-social-media.font-awesome {
font-family: "Font awesome 5 pro solid 900", sans-serif;
font-weight: 400;
}
.footer-social-media.footermail {
font-family: "Font awesome 5 pro solid 900", sans-serif;
}
.list-item {
margin-bottom: 14px;
}
.container-40 {
background-color: var(--grey-a);
}
.div-block-53 {
width: 50vw;
overflow: hidden;
}
.div-block-54 {
background-color: var(--light-black);
width: 50%;
padding: 67px 69px 27px;
box-shadow: -11px -4px 40px -9px #000000bd;
}
.header-trueno-60 {
color: var(--white);
letter-spacing: .9px;
text-shadow: 0 0 6px #ffffff78;
margin-top: 0;
margin-bottom: 11px;
margin-left: -2px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
font-size: 43px;
font-weight: 400;
line-height: 40px;
}
.header-trueno-60.white-text, .header-trueno-60.text-white {
color: var(--white);
}
.div-block-55 {
border-left: 1px solid var(--grey-text);
max-width: 800px;
padding-left: 20px;
padding-right: 20px;
}
.form-block {
max-width: 800px;
padding-left: 20px;
padding-right: 20px;
}
.button-black {
border: 2px solid var(--white);
color: var(--white);
letter-spacing: .4px;
background-color: #0000;
border-radius: 8px;
width: 100%;
margin-top: 12px;
padding-top: 6px;
padding-bottom: 8px;
font-family: Truenorg, sans-serif;
font-size: 17px;
transition: all .125s;
}
.button-black:hover {
box-shadow: 0 0 13px #ffffff61;
}
.button-black:active {
opacity: .59;
box-shadow: 0 0 6px #ffffff61;
}
.button-black.ctablackbutton {
border-width: 3px;
width: 48%;
margin-top: 0;
padding-top: 5px;
padding-bottom: 5px;
font-size: 16px;
}
.button-black.ctablackbutton.ctagreen {
border-width: 3px;
border-color: var(--deep-green);
background-color: var(--deep-green);
text-align: center;
width: 48%;
font-size: 14px;
transition: all .125s;
}
.button-black.ctablackbutton.ctagreen:hover {
box-shadow: 0 0 13px -3px #cfeb6a;
}
.button-black.ctablackbutton.ctagreen:active {
opacity: .74;
font-size: 15.5px;
box-shadow: 0 0 10px -3px #cfeb6a;
}
.button-black.ctablackbutton.button-fx {
text-align: center;
width: 48%;
font-size: 14px;
transition: all .125s;
}
.button-black.ctablackbutton.button-fx:hover {
box-shadow: 0 0 11px -1px #ffffffe0;
}
.button-black.ctablackbutton.button-fx:active {
opacity: .76;
border-width: 2px;
font-size: 15.5px;
box-shadow: 0 0 8px -1px #ffffffe0;
}
.button-black.button-nuclear {
border-width: 3px;
border-color: var(--light-green);
color: var(--light-green);
margin-top: 25px;
transition: all .275s;
}
.button-black.button-nuclear:hover {
text-shadow: 1px 1px 6px #b0e000b8;
box-shadow: 0 0 13px #b0e0007a;
}
.button-black.button-nuclear:active {
opacity: .7;
border-width: 3px;
font-size: 16.5px;
box-shadow: 0 0 7px #b0e0007a;
}
.button-black.button-full-black {
border-color: var(--almost-black);
background-color: var(--almost-black);
margin-top: 19px;
transition: all .2s;
}
.button-black.button-full-black:hover {
box-shadow: 0 0 19px -4px #ffffffb8;
}
.button-black.button-full-black:active {
opacity: .73;
font-size: 16.5px;
box-shadow: 0 0 11px -4px #ffffffb8;
}
.button-black.button-full-black.button-our-mission-about-us {
opacity: 1;
text-align: center;
}
.button-black.button-full-black.button-our-mission-about-us:hover {
text-shadow: 1px 1px 6px #ffffff96;
box-shadow: 0 0 19px -4px #ffffff96;
}
.button-black.button-full-black.button-our-mission-about-us:active {
opacity: .74;
}
.button-black.button-full-black.button-our-mission-about-us.button-mission {
background-color: var(--deep-green);
border-width: 0;
width: 70%;
}
.button-black.button-full-black.button-our-mission-about-us.button-mission-copy {
background-color: var(--deep-green);
letter-spacing: .7px;
border-width: 0;
width: 100%;
margin-top: 21px;
padding-left: 38px;
padding-right: 38px;
position: static;
bottom: 51px;
right: -26px;
box-shadow: 3px 2px 14px #0000004d;
}
.button-black.button-full-black.button-our-mission-about-us.button-mission-copy.buttongreenermobile {
display: none;
}
.button-black.button-full-black.button-our-mission-about-us.asd {
background-color: var(--deep-green);
border-width: 0;
width: 60%;
box-shadow: 3px 4px 14px #000000bf;
}
.button-black.button-full-black.button-our-mission-about-us.asd.buttonfarmsmobile {
display: none;
}
.div-block-57 {
height: 0;
}
.input {
color: var(--greytext2);
border-radius: 6px;
margin-bottom: 0;
font-size: 15px;
font-style: normal;
font-weight: 500;
box-shadow: inset 0 0 7px 2px #0003;
}
.input::placeholder {
color: var(--grey-text);
font-weight: 400;
}
.form-message {
border-radius: 6px;
margin-bottom: 5px;
padding-bottom: 40px;
font-size: 15px;
font-weight: 500;
box-shadow: inset 0 0 7px 2px #0003;
}
.form-message::placeholder {
color: var(--grey-text);
font-weight: 400;
}
.contact-form-label {
color: var(--almost-white);
letter-spacing: .3px;
margin-bottom: 2px;
font-family: Truenosbd, sans-serif;
font-size: 15px;
font-weight: 400;
}
.div-block-58 {
flex-direction: column;
justify-content: space-between;
height: auto;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.div-block-59 {
background-color: var(--white);
height: 200vh;
}
.div-block-60 {
background-color: var(--light-green);
border: 1px solid #0000;
height: 50vh;
}
.div-block-61 {
padding-right: 0;
}
.image-60 {
width: auto;
max-width: none;
height: 100vh;
}
.section-24 {
height: 300vw;
}
.track {
height: 752.04vh;
margin-top: -9px;
}
.camera {
filter: saturate(112%);
object-fit: fill;
background-image: linear-gradient(175deg, #86dbff, #b9fbff 27%, #dbf4ff 68%, #e4e4e4);
width: 100vw;
height: 100vh;
position: sticky;
top: 0;
overflow: hidden;
}
.frame {
height: 100%;
transform: translate(0);
}
.background {
width: 752.04vh;
max-width: none;
height: 100vh;
position: absolute;
}
.section-25 {
background-color: #0000;
height: auto;
margin-top: -3px;
display: none;
}
.div-block-62 {
height: 100vh;
position: absolute;
}
.image-62 {
position: absolute;
left: 1625px;
}
.section-26 {
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
}
.div-block-63 {
width: 45%;
height: 60%;
}
.html-embed-2 {
border: 1px #000;
width: 100%;
height: 100%;
}
.div-block-64 {
width: 45%;
height: 60%;
}
.image-63 {
max-height: 45%;
}
.image-63.sticky {
max-width: 18rem;
height: auto;
max-height: none;
margin-bottom: 0;
position: sticky;
}
.image-64 {
opacity: .59;
position: absolute;
bottom: -44px;
left: -6px;
transform: rotate(0);
}
.image-65 {
z-index: 9;
opacity: .37;
max-width: 90px;
position: absolute;
top: 14px;
right: 0;
transform: rotate(180deg);
}
.homebiocharsection {
background-color: #303030;
background-image: linear-gradient(#131313, #050505);
justify-content: space-around;
align-items: center;
height: 70vh;
padding-bottom: 19px;
padding-left: 49px;
padding-right: 49px;
display: flex;
}
.div-block-65 {
perspective: 863px;
justify-content: center;
align-items: center;
width: 40vw;
display: flex;
position: static;
transform: translate(0);
}
.biocharmolecule {
opacity: 1;
transform-style: preserve-3d;
max-width: 90%;
max-height: 50vh;
margin-bottom: 20px;
margin-left: -8px;
transition: all .2s;
position: relative;
}
.biocharhand {
opacity: 1;
filter: hue-rotate(1deg);
transform-style: preserve-3d;
border-radius: 0;
max-width: 120%;
min-height: 0;
max-height: 55vh;
transition: opacity .625s;
position: absolute;
left: auto;
}
.biocharhand:hover {
opacity: 0;
}
.paragraph {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
position: static;
top: 59.6vh;
left: 93.7vh;
}
.paragraph._8 {
width: auto;
min-width: 40vw;
padding-left: 135px;
}
.paragraph.container-our-solution {
width: 500px;
margin-bottom: 5vw;
margin-left: 13vw;
position: static;
top: 161px;
left: -1.7vh;
}
.paragraph.container-vision-1 {
width: 100%;
padding-left: 24px;
}
.paragraph.biochar-container {
width: 540px;
max-width: 45vw;
margin-left: 10px;
}
.paragraph.pioneerscontainer2 {
width: 50%;
margin-left: 32px;
}
.paragraph.soilbenefitsheader {
width: 800px;
max-width: 1000px;
}
.paragraph.containertoolate {
width: 46.6vh;
position: absolute;
top: 65.5vh;
left: 99.2vh;
}
.paragraph.container-open-cycle {
width: 49vh;
position: absolute;
top: 5.7vh;
left: 178.2vh;
}
.paragraph.pyroparag {
width: 53.2vh;
position: absolute;
top: 3.9vh;
left: 306vh;
}
.paragraph.staplepara {
width: 60vh;
position: absolute;
top: 68.9vh;
left: 403.3vh;
}
.paragraph.bchar {
width: 600px;
margin-left: 43px;
}
.paragraph.a-huge-opportunity {
width: 60vh;
position: absolute;
top: 98.4vh;
left: 97.1vh;
}
.paragraph.container-open-cycle-copy {
width: 49vh;
position: absolute;
top: 5.7vh;
left: 178.2vh;
}
.paragraph.paragraphonfarm {
width: 100%;
}
.paragraph.carboncycle {
margin-top: 2vw;
}
.paragraph.paragraphcarbonc {
width: 140%;
margin-top: -3px;
margin-left: -134px;
}
.paragraph.paragraphenriching {
width: auto;
}
.paragraph.paragraphenriching.swaq {
margin-left: 16px;
padding-left: 0;
}
.paragraph.pyro {
width: 120%;
margin-top: 4px;
margin-left: 22px;
}
.paragraph.container-vision-1-copy {
width: 100%;
padding-left: 32px;
position: absolute;
top: auto;
bottom: 6.4vw;
left: 6.9vw;
}
.paragraph.paragraphbiocharforyou-copy {
justify-content: center;
align-items: center;
}
.div-block-67 {
width: 2vh;
margin-right: 9px;
}
.div-block-67.lines-about-us {
margin-right: 11px;
}
.div-block-67.why-matter {
margin-right: 14px;
}
.div-block-67.whatisbioc {
width: 4vh;
}
.div-block-67.whatisbioc.whatis2 {
width: 1vh;
}
.div-block-67.linesforyou {
margin-top: 7px;
margin-right: 14px;
}
.div-block-67.linehome {
width: 3vh;
}
.div-block-67.blof2efg {
width: 2vh;
}
.div-block-67.guzg {
margin-right: 11px;
padding-top: 6px;
}
.div-block-67.guzg-copy {
margin-top: -3px;
margin-right: 0;
padding-top: 6px;
}
.div-block-67.lines-about-us-copy {
margin-right: 11px;
}
.line {
height: 15px;
}
.line.lightgreen {
background-color: var(--almost-black);
}
.line.darkgreen {
background-color: var(--white);
}
.our-mission {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fff;
background-image: linear-gradient(91deg, #fff 39%, #dadada);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
max-width: 100vw;
height: 93vh;
display: flex;
overflow: hidden;
}
.line-dot {
background-color: #fff;
border-radius: 1px;
width: 4px;
height: 12px;
margin-bottom: 7px;
}
.line-dot.line-dot-mission {
background-color: var(--light-green);
}
.line-dot.line-vision {
background-color: var(--deep-green);
}
.line-dot.linedottoolate {
background-color: #dad5d0;
width: .5vh;
height: 1.4vh;
margin-bottom: .8vh;
}
.line-dot.linedotopencycle {
background-color: #fff;
width: .5vh;
height: 1.4vh;
margin-bottom: .8vh;
}
.line-dot.dotplatform {
width: 4px;
height: 8px;
}
.line-dot.linedothugeopportunity {
background-color: #cbcbcb;
width: .5vh;
height: 1.4vh;
margin-bottom: .8vh;
}
.line-dot.linedotleaf {
background-color: var(--deep-green);
}
.line-dot.linedotforyou {
width: 3px;
height: 10px;
}
.line-dot.linedotforyou.linedotyellow {
background-color: #c5e842;
}
.line-dot.linedothome.linedotleaf {
background-color: var(--deep-green);
}
.line-dot.linedothome {
background-color: #b0e000;
width: 4px;
}
.miniheader {
color: var(--light-green);
text-align: left;
background-color: #b0e00000;
font-family: Truenosbd, sans-serif;
font-size: 14px;
line-height: 16px;
}
.miniheader.miniheaderourmission {
color: var(--light-green);
}
.miniheader.minitoolate {
color: var(--deep-green);
font-size: 1.4vh;
}
.mainheaders {
color: #fff;
text-align: left;
text-shadow: 0 0 12px #ffffff4d;
width: 120%;
margin-top: 0;
margin-bottom: 0;
font-family: Truenosbd, sans-serif;
font-size: 33px;
line-height: 34px;
}
.mainheaders.mainheader-mission {
color: var(--deep-green);
width: 100%;
}
.mainheaders.main-header-vision {
color: #454545;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
font-size: 31px;
line-height: 37px;
}
.mainheaders.headertextpiioneer {
font-size: 30px;
}
.mainheaders.headertoolate {
color: #424242;
margin-top: -.3vh;
font-size: 2.8vh;
line-height: 3.1vh;
}
.mainheaders.headeropencycle {
color: #fff;
text-shadow: 0 0 7px #29292945;
margin-top: -.4vh;
font-size: 2.8vh;
line-height: 3.1vh;
}
.mainheaders.headeropencycle-copy {
color: #fff;
letter-spacing: .5px;
text-shadow: 0 0 7px #29292945;
margin-top: -.4vh;
font-size: 2.8vh;
line-height: 3.1vh;
}
.mainheaders.headeropencycle-copy-copy {
color: #222;
letter-spacing: .5px;
text-shadow: 1px 0 #29292930;
margin-top: -.4vh;
font-size: 2.8vh;
line-height: 3.1vh;
}
.mainheaders.onfarmbenefits {
color: #424242;
letter-spacing: .4px;
-webkit-text-stroke-color: var(--grey-a);
margin-top: 0;
margin-bottom: 0;
font-family: Truenosbd, sans-serif;
font-weight: 400;
}
.mainheaders.header-biochar-for-you {
width: 100%;
margin-top: 0;
margin-bottom: 0;
}
.mainheaders.headersbiocharforyou {
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: "Roboto condensed 2", sans-serif;
font-size: 28px;
}
.mainheaders.headerhome {
letter-spacing: .2px;
margin-top: 0;
margin-bottom: 0;
padding: 0;
font-size: 28px;
}
.mainheaders.headerhome.scaling {
width: 100%;
}
.mainheaders.headerhome.headergreener {
color: #333;
width: 160%;
font-size: 25px;
}
.mainheaders.headersenrichig {
text-shadow: 0 0 8px #ffffff36;
width: auto;
margin-top: 0;
margin-bottom: 6px;
padding: 0;
font-size: 31px;
}
.mainheaders.main-header-vision-copy {
color: #454545;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
font-size: 31px;
line-height: 37px;
}
.mainheaders.header-biochar-for-you-copy {
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 26px;
}
.mainheaders.whatisit {
color: #4d4d4d;
}
.paragraphtext {
color: #8b8888;
text-align: left;
letter-spacing: .1px;
max-width: none;
margin-top: 10px;
font-weight: 400;
}
.paragraphtext.paragraph-mission {
color: #a5a5a5;
letter-spacing: .1px;
width: 70%;
margin-top: 1px;
font-size: 1.2vw;
font-weight: 400;
line-height: 1.3vw;
}
.paragraphtext.paragraph-mission.textenriching {
color: #d6d5d5;
text-shadow: 0 1px 20px #000, 0 1px 20px #00000061;
width: auto;
font-size: 18px;
line-height: 25px;
}
.paragraphtext.our-solution-text {
opacity: 1;
color: #b1ae9f;
max-width: 45vw;
margin-top: 5px;
font-size: 16px;
line-height: 19px;
}
.paragraphtext.paragraph-vision {
color: #a5a5a5;
max-width: 45vw;
margin-top: 1px;
}
.paragraphtext.textbiochar {
max-width: 40vw;
margin-top: .2vw;
font-size: 1.35vw;
line-height: 1.39vw;
}
.paragraphtext.pioneerstext {
max-width: 100%;
margin-top: 7px;
font-size: 18px;
line-height: 22px;
}
.paragraphtext.textwhatisbiochar {
color: #a3a3a3;
max-width: 32vw;
margin-top: 3px;
font-size: 18px;
line-height: 20px;
}
.paragraphtext.paragraphwhydoes {
color: #c7c7c7;
max-width: none;
margin-top: 3px;
font-size: 18px;
line-height: 20px;
}
.paragraphtext.paragraphtoolate {
color: #b1b1b1;
letter-spacing: .02vh;
max-width: none;
margin-top: .4vh;
font-size: 1.82vh;
font-weight: 500;
line-height: 2.1vh;
}
.paragraphtext.paragraphopencycle {
color: #579086;
max-width: none;
margin-top: .4vh;
font-size: 2vh;
font-weight: 400;
line-height: 2.2vh;
}
.paragraphtext.pyrotext {
color: #3f8555;
max-width: none;
margin-top: .4vh;
font-size: 2vh;
font-weight: 400;
line-height: 2.2vh;
}
.paragraphtext.stapletext {
color: #798342;
letter-spacing: 0;
max-width: none;
margin-top: .4vh;
font-size: 2vh;
font-weight: 400;
line-height: 2.2vh;
}
.paragraphtext.quotehugeopportunity {
color: #676767;
letter-spacing: .4px;
max-width: none;
margin-top: .7vh;
font-family: Roboto Condensed, sans-serif;
font-size: 2vh;
font-weight: 700;
line-height: 2.3vh;
}
.paragraphtext.huge-opportinity-paragrpah {
color: #a1a1a1;
letter-spacing: 0;
max-width: none;
margin-top: 1vh;
font-size: 2vh;
font-weight: 400;
line-height: 2.3vh;
}
.paragraphtext.textonfarm {
color: #a7a7a7;
margin-top: 5px;
}
.paragraphtext.textbiocharforyou {
color: #bbb;
-webkit-text-stroke-color: #ffeded;
}
.paragraphtext.textbiocharforyou.mobi {
display: none;
}
.paragraphtext.paragraphbiocharforyou {
color: #a3a3a3;
margin-top: 1px;
}
.paragraphtext.paragraphhome {
color: #7d7f7a;
margin-top: 5px;
font-size: 18px;
line-height: 25px;
}
.paragraphtext.paragraphhome.paragraphgreener {
color: #a0a0a0;
-webkit-text-stroke-color: #bebebe;
text-shadow: 0 0 25px #c3bdff4f;
font-family: Roboto, sans-serif;
}
.paragraphtext.paragraph-vision-copy {
color: #a5a5a5;
max-width: 45vw;
margin-top: 1px;
}
.paragraphtext.paragraphbiocharforyou-copy {
color: #a3a3a3;
margin-top: 1px;
line-height: 22px;
}
.div-block-68 {
letter-spacing: .3px;
transform-style: preserve-3d;
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
max-width: 950px;
display: flex;
}
.div-block-68.container-vision-2 {
margin-bottom: 31px;
}
.div-block-68.biochar-block {
max-width: 520px;
}
.div-block-68.containerpioneer {
max-width: 90%;
}
.div-block-68.block-why-does-it-matter {
max-width: none;
}
.div-block-68.paragraphonfarm {
max-width: none;
padding-left: 0;
}
.div-block-68.containerenriching {
max-width: 40rem;
}
.div-block-68.containerenriching.swaqqq {
padding-left: 8px;
}
.div-block-68.containerenriching-copy {
max-width: 60rem;
}
.div-block-68.container-vision-2-copy {
margin-left: 0;
}
.div-block-68.container-vision-2-copy-copy.swww {
margin-left: 3px;
}
.div-block-68.container-vision-2-copy-copy {
margin-left: 43px;
}
.cta-section {
justify-content: center;
align-items: center;
height: 90vh;
display: flex;
}
.div-block-69 {
z-index: 40;
background-color: #000;
background-image: linear-gradient(#333, #000);
flex-direction: column;
justify-content: center;
align-items: center;
width: 45%;
height: 100%;
display: flex;
position: relative;
box-shadow: 18px 0 40px -13px #0009;
}
.div-block-70 {
object-fit: fill;
background-color: #000;
width: 55%;
height: 100%;
position: relative;
overflow: hidden;
}
.cta-bg {
max-width: none;
height: 100%;
position: absolute;
bottom: 0;
left: -84px;
overflow: visible;
}
.cta-bg.ctabgcopy {
opacity: 1;
max-width: none;
height: 100%;
margin-left: -76px;
position: absolute;
top: auto;
bottom: 0;
left: 0;
}
.cta-fg {
z-index: 30;
opacity: 0;
mix-blend-mode: normal;
max-width: none;
height: 120%;
position: absolute;
top: auto;
bottom: 0;
left: 0;
}
.image-68 {
width: 66%;
margin-top: 4vh;
margin-bottom: 5vh;
padding-top: 26px;
}
.div-block-71 {
width: 50%;
padding-left: 16px;
}
.div-block-71.platform-landing {
width: 40%;
padding-left: 10px;
}
.div-block-71.cta {
width: 80%;
margin-bottom: 10vh;
}
.text-block-5 {
color: var(--white);
text-align: left;
letter-spacing: .2px;
width: 310px;
font-family: Truenobd, sans-serif;
font-size: 33px;
line-height: 35px;
}
.text-block-5.pioneers-header {
text-shadow: 0 0 10px #ffffff5c;
width: 280px;
font-size: 42px;
}
.text-block-5.header-cta {
font-size: 31px;
}
.text-block-5.title-platform {
width: 330px;
font-size: 35px;
}
.div-block-72 {
margin-top: 7px;
display: flex;
}
.div-block-72.platform-line {
flex-direction: column;
margin-top: 0;
margin-left: 5vw;
}
.div-block-72.pioneers-liens {
justify-content: space-between;
margin-bottom: 24px;
}
.div-block-72.dots-cta {
opacity: .4;
filter: grayscale();
justify-content: space-between;
margin-top: 13px;
}
.div-block-73 {
background-color: var(--light-green);
width: 4px;
height: 12px;
margin-bottom: 6px;
margin-right: 4.85px;
padding-right: 0;
}
.div-block-73.line-to-remove-responsive {
background-color: #0000;
}
.div-block-73.line-pioneers {
width: 12px;
height: 4px;
}
.text-block-6 {
color: #a7a7a7;
text-align: left;
letter-spacing: .4px;
margin-top: 15px;
font-size: 15px;
font-weight: 400;
line-height: 17px;
}
.text-block-6.subheader-platform {
opacity: .73;
color: #dbdaca;
letter-spacing: -.3px;
width: 410px;
max-width: 90vw;
margin-top: 3px;
font-size: 21px;
font-weight: 400;
line-height: 26px;
transform: translate(0);
}
.text-block-6.subheader-pioneers {
width: 46vw;
}
.text-block-6.cta-responsive {
color: #8b8888;
letter-spacing: .02vw;
margin-top: .4vw;
font-size: 1.37vw;
line-height: 1.5vw;
}
.div-block-74 {
justify-content: space-between;
align-items: center;
margin-top: 24px;
margin-bottom: 41px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.map-container {
object-fit: fill;
min-width: 40vw;
max-width: 40vw;
height: 100%;
position: relative;
overflow: visible;
}
.map-europe {
opacity: 1;
width: auto;
max-width: none;
height: 90vh;
margin-left: 0;
position: absolute;
top: 0;
left: 6.4vw;
}
.map-pois {
width: auto;
max-width: none;
height: 90vh;
position: absolute;
left: 6.4vw;
}
.map-bbb, .map-lines {
max-width: none;
height: 90vh;
position: absolute;
left: 6.4vw;
}
.header-space {
width: 0;
height: 1px;
}
.section-27 {
z-index: 0;
opacity: 1;
background-image: radial-gradient(circle at 0 0, #000, #0009 60%, #0000), linear-gradient(145deg, #191919, #313131 62%, #191919);
height: auto;
position: relative;
overflow: visible;
}
.div-block-75 {
flex-direction: row;
justify-content: center;
align-items: center;
width: 100vw;
height: 95vh;
display: flex;
position: relative;
}
.div-block-76 {
width: 40%;
margin-right: 27px;
}
.image-69 {
max-width: 70px;
position: absolute;
top: -23px;
right: 0;
transform: rotate(0);
}
.image-70 {
max-width: 50px;
position: absolute;
bottom: 0;
left: 0;
transform: rotate(180deg);
}
.platform1 {
opacity: 1;
height: auto;
padding-top: 148px;
position: relative;
overflow: visible;
}
.islands {
width: 107vw;
max-width: 107vw;
position: absolute;
bottom: 0;
left: 0;
}
.lines {
width: 107vw;
max-width: 107vw;
position: absolute;
top: auto;
bottom: 0;
left: 0;
}
.skyfall {
width: 107vw;
max-width: none;
position: absolute;
bottom: 0;
left: 0;
overflow: visible;
}
.grow {
opacity: 1;
width: 107vw;
max-width: 107vw;
position: absolute;
bottom: 0;
left: 0;
}
.bbb-island {
width: 107vw;
max-width: 107vw;
position: absolute;
bottom: 0;
left: 0;
}
.div-block-78 {
max-width: 100vw;
margin-top: auto;
position: relative;
}
.section-28 {
height: 148vw;
padding-top: 4vw;
}
.hexbg {
opacity: .51;
position: absolute;
top: 0;
left: 0;
}
.benefitsbbb {
border-radius: 20px;
max-width: 7%;
position: absolute;
top: 0;
left: 0;
}
.arrows, .scalablea, .scalableb {
position: absolute;
top: 0;
left: 0;
}
.easya {
position: absolute;
}
.easyb, .qualitya, .qualityb, .valora, .valorb, .emissionsa, .emissionsb, .dataa, .datab {
position: absolute;
top: 0;
left: 0;
}
.whybbb {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
display: flex;
position: absolute;
top: 11.3vw;
left: 40.8vw;
}
.platform-advantages {
color: var(--light-green);
margin-bottom: -.4vw;
font-family: Truenosbd, sans-serif;
font-size: 1.2vw;
line-height: 1.6vw;
}
.text-block-7 {
color: #464646;
font-family: Truenobd, sans-serif;
font-size: 3.5vw;
line-height: 3.5vw;
text-decoration: none;
}
.benefitheader {
text-align: center;
letter-spacing: -.07vw;
width: 17vw;
font-family: Truenolt, sans-serif;
font-size: 2.06vw;
line-height: 2.5vw;
position: absolute;
top: 29.5vw;
left: 19.3vw;
}
.benefitheader.benefitheadera {
color: #e2e2e2;
text-shadow: 0 0 3px #fff6;
line-height: 2.1vw;
top: 29.5vw;
left: 19vw;
}
.benefitheader.benefitheaderb {
color: #ebf96d;
text-shadow: 0 0 4px #ffb30ec4;
font-size: 2vw;
top: 48.9vw;
left: 8.5vw;
}
.benefitheader.benefitheaderc {
color: #70a75c;
text-shadow: 0 0 10px #98d14d;
width: 16.8vw;
padding-left: 17px;
padding-right: 17px;
font-size: 1.9vw;
line-height: 2.2vw;
top: 67vw;
left: 19.3vw;
}
.benefitheader.benefitheader4 {
color: #f7ffd6;
top: 86.6vw;
left: 8.4vw;
}
.benefitheader.benefitheader4.benefitheader5 {
color: #8ad312;
letter-spacing: -.09vw;
text-shadow: 0 0 6px #accf29;
width: 16vw;
line-height: 2.2vw;
top: 122.6vw;
left: 9.2vw;
}
.benefitheader.benefitheaderf {
color: #fff7e2;
letter-spacing: -.13vw;
text-shadow: 0 0 12px #ffffff7d;
width: 17vw;
height: 9vw;
font-size: 1.7vw;
line-height: 2.2vw;
top: 104.1vw;
left: 19.4vw;
}
.scalablec.easyc {
opacity: 1;
}
.benefittext {
color: #c2c2c2;
text-align: left;
width: auto;
height: auto;
font-family: Roboto, sans-serif;
font-size: 1.14vw;
font-weight: 400;
line-height: 1.3vw;
position: static;
top: 25.6vw;
left: 62.1vw;
}
.benefittext.benefittextg {
font-size: 1.14vw;
line-height: 1.32vw;
}
.benefittext.texteasy {
font-size: 1.14vw;
}
.benefittext.textquality {
letter-spacing: -.05px;
font-size: 1.14vw;
}
.benefittext.textemissions {
font-size: 1.14vw;
}
.div-block-79 {
flex-direction: row;
justify-content: center;
align-items: center;
width: 20vw;
height: 12.4vw;
display: flex;
position: absolute;
top: 25.6vw;
left: 62vw;
}
.div-block-79.blockb {
height: 12.4vw;
top: 44.3vw;
left: 51.1vw;
}
.div-block-79.blockc {
height: 12.5vw;
top: 81.8vw;
left: 51.1vw;
}
.div-block-79.blocke {
top: 63.1vw;
left: 62vw;
}
.div-block-79.blockf {
top: 100.1vw;
}
.div-block-79.blockg {
top: 119.6vw;
left: 51.4vw;
}
.div-block-80 {
background-color: #fff;
width: 100vw;
height: 3vw;
position: absolute;
bottom: 0;
left: 0;
}
.pioneers-section {
background-image: linear-gradient(#141414, #000 54%, #1a1a1a);
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 95vh;
display: flex;
}
.div-block-81 {
width: 100vw;
height: 45vw;
margin-top: 23px;
margin-bottom: 6vh;
position: relative;
transform: scale(.94);
}
.image-71 {
opacity: .38;
width: 44vw;
position: absolute;
top: 0;
left: 28vw;
}
.image-72 {
opacity: 0;
width: 44vw;
position: absolute;
top: 0;
left: 28vw;
}
.pioneer-container {
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 26vw;
height: 9vw;
display: flex;
position: absolute;
top: 2.9vw;
left: 9vw;
}
.pioneer-container.edinburgh {
top: 15.2vw;
left: 1.7vw;
}
.pioneer-container.biomacon {
top: 27.1vw;
}
.pioneer-container.bsw {
align-items: flex-start;
top: 2.8vw;
left: 65vw;
}
.pioneer-container.arla {
align-items: flex-start;
top: 15.1vw;
left: 72.3vw;
}
.pioneer-container.dss {
align-items: flex-start;
top: 27.1vw;
left: 65vw;
}
.text-block-8 {
color: var(--white);
font-family: Truenorg, sans-serif;
font-size: 2.3vw;
line-height: 3vw;
}
.text-block-9 {
color: #b1b1b1;
text-align: right;
font-size: 1.2vw;
line-height: 1.4vw;
}
.text-block-9.pioneers-paragraph-right {
text-align: left;
font-size: 1.27vw;
}
.link-4 {
color: var(--white);
text-shadow: 0 0 15px #ffffff78;
cursor: pointer;
margin-bottom: 3px;
font-family: Truenorg, sans-serif;
font-size: 2vw;
line-height: 2.8vw;
}
.link-4:hover {
text-shadow: 0 0 13px #fff;
text-decoration: none;
}
.image-73 {
max-width: 58px;
position: absolute;
top: 33px;
right: -7px;
transform: rotate(90deg);
}
.image-73.pattern-our-vision-bottom {
inset: auto 0 32px auto;
transform: rotate(180deg);
}
.image-73._73ourteam {
left: -5px;
right: auto;
transform: none;
}
.div-block-82 {
background-color: var(--deep-green);
width: 100vw;
height: 17px;
position: absolute;
top: 0;
}
.div-block-82.green-line {
background-color: var(--light-green);
top: 17px;
}
.div-block-82.green-line.casestuddy {
left: 0;
}
.div-block-82.bottom {
background-color: var(--deep-green);
top: auto;
bottom: 0;
}
.div-block-82.bottom.bottomvision2 {
background-color: #838383;
}
.div-block-82.bottom-greener {
background-color: var(--light-green);
top: auto;
bottom: 17px;
}
.div-block-82.bottom-greener.bottomvision1 {
background-color: #cfcfcf;
}
.div-block-82.dark-green-line.casestudy {
left: 0;
}
.div-block-82.bottom-greener-copy {
background-color: var(--deep-green);
top: auto;
bottom: 0;
}
.div-block-82.bottom-greener-copy.bottomvision1 {
background-color: #cfcfcf;
}
.pattern-vision-bottom {
max-width: 58px;
position: absolute;
bottom: 32px;
left: -9px;
transform: rotate(-90deg);
}
.pattern-vision-bottom.patternvisionbottom {
left: auto;
right: 0;
transform: none;
}
.html-embed-3 {
height: 100%;
}
.alex2 {
opacity: 1;
border-radius: 18px;
}
.text-span {
color: var(--deep-green);
margin-right: .4vw;
}
.team-icons {
flex-direction: row;
justify-content: flex-end;
align-items: center;
width: auto;
height: auto;
display: flex;
position: absolute;
top: 34px;
right: 19px;
}
.team-social-icon {
color: #fff;
margin-bottom: 14px;
padding-left: 13px;
padding-right: 13px;
font-family: "Font awesome 5 brands 400", sans-serif;
font-size: 25px;
line-height: 25px;
}
.team-social-icon.font-awesome {
font-family: "Font awesome 5 pro solid 900", sans-serif;
}
.team-social-icon.icon-dark {
color: #797979;
}
.div-block-83 {
align-items: center;
display: flex;
}
.hex {
width: 23vw;
position: absolute;
}
.hex.scalable {
width: 23.2vw;
top: 19vw;
left: 16.4vw;
}
.hex.ez {
opacity: .93;
top: 37.7vw;
left: 5.7vw;
}
.hex.data {
top: 112.6vw;
left: 5.9vw;
}
.hex.valorisation {
top: 56.4vw;
left: 16.4vw;
}
.hex.quality {
opacity: .8;
top: 75.1vw;
left: 5.7vw;
}
.hex.emissions {
opacity: .86;
top: 93.8vw;
left: 16.4vw;
}
.scalable {
position: absolute;
right: 730px;
}
.iconscalable {
max-width: 11vw;
position: absolute;
top: 25.7vw;
left: 44.3vw;
}
.div-block-84 {
background-color: #9094df;
width: .35vw;
height: 1vw;
margin-bottom: 4px;
}
.div-block-84.linequality {
background-color: #f1eb7b;
}
.div-block-84.linedata {
background-color: #dfdfdf;
}
.div-block-84.pointy-line-green {
background-color: #cef051;
}
.div-block-84.pointy-line-black {
background-color: #797979;
}
.div-block-84.pointylinered {
background-color: #f19697;
}
.pointyline {
position: absolute;
top: 29.2vw;
left: 60.8vw;
}
.pointyline.quality {
top: 64.2vw;
}
.pointyline.data {
top: 102.3vw;
}
.pointyline.lineeasy {
top: 47.9vw;
left: 49.8vw;
}
.pointyline.linevalor {
top: 83.5vw;
left: 49.8vw;
}
.pointyline.linedata {
top: 122vw;
left: 49.8vw;
}
.iconeasy {
opacity: .86;
width: 13vw;
position: absolute;
top: 45.1vw;
left: 32.1vw;
}
.iconvalor {
width: 10vw;
position: absolute;
top: 63.9vw;
left: 44.4vw;
}
.iconquality {
max-width: 8vw;
position: absolute;
top: 82.1vw;
left: 35.1vw;
}
.icondata {
max-width: 12vw;
position: absolute;
top: 120.2vw;
left: 33.1vw;
}
.iconemissions {
opacity: .86;
max-width: 17vw;
position: absolute;
top: 98.3vw;
left: 45.4vw;
}
.emissionslines {
max-width: 20vw;
position: absolute;
top: 98.9vw;
left: 17.7vw;
}
.scalablelines {
max-width: 20vw;
position: absolute;
top: 24.2vw;
left: 17.8vw;
}
.valorisationlines {
max-width: 20vw;
position: absolute;
top: 61.3vw;
left: 17.8vw;
}
.qualitylines {
max-width: 20vw;
position: absolute;
top: 80.2vw;
left: 7.2vw;
}
.visualisationlines {
max-width: 20vw;
position: absolute;
top: 117.4vw;
left: 7.1vw;
}
.arrowss {
opacity: .38;
transform-style: preserve-3d;
max-width: 37vw;
position: absolute;
top: 11.5vw;
left: 28.3vw;
}
.bbb-benefits {
width: 12vw;
position: absolute;
top: 6.6vw;
left: 11.2vw;
}
.easylines {
max-width: 20vw;
position: absolute;
top: 42.6vw;
left: 7vw;
}
.image-75 {
max-width: 43vw;
margin-bottom: 51px;
margin-left: 3vw;
}
.cta-line {
background-color: #fff;
width: 12px;
height: 4px;
margin-right: 6px;
}
.image-76 {
filter: contrast(102%);
min-width: 100%;
max-width: 100%;
min-height: 100%;
margin-left: 0;
padding-right: 0;
overflow: hidden;
box-shadow: 1px 1px 3px #000;
}
.div-block-85 {
position: absolute;
top: .1vw;
left: 36.3vw;
}
.div-block-85.hexsruc {
left: 36.4vw;
}
.div-block-85.hexbsw {
left: 50.33vw;
}
.div-block-85.hexedin {
top: 12.15vw;
left: 29.4vw;
}
.div-block-85.hexarla {
top: 12.15vw;
left: 57.3vw;
}
.div-block-85.hexukceh {
top: 24.2vw;
left: 36.4vw;
}
.div-block-85.hexdss {
top: 24.2vw;
left: 50.35vw;
}
.image-77 {
transform-style: preserve-3d;
max-width: 13.3vw;
position: absolute;
}
.image-78 {
max-width: 13.3vw;
position: absolute;
top: 12.2vw;
left: 43.4vw;
}
.image-79 {
width: 8.5vw;
max-width: 9vw;
position: absolute;
top: 3.3vw;
left: 2.4vw;
}
.image-80 {
width: 11vw;
max-width: 12vw;
position: absolute;
top: 2.1vw;
left: 1.4vw;
}
.image-81 {
width: 11vw;
max-width: 11vw;
position: absolute;
top: 6.2vw;
left: 1.2vw;
}
.image-82 {
max-width: 12vw;
position: absolute;
top: 1.2vw;
left: 2vw;
}
.image-83 {
width: 8vw;
max-width: 9vw;
position: absolute;
top: 4vw;
left: 3.05vw;
}
.image-84 {
width: 9vw;
max-width: 9vw;
position: absolute;
top: 4.3vw;
left: 2.1vw;
}
.image-85 {
width: 10vw;
max-width: 10vw;
position: absolute;
top: 5.7vw;
left: 1.5vw;
}
.image-86 {
width: 9vw;
max-width: 9vw;
position: absolute;
top: 14.6vw;
left: 45.6vw;
}
.div-block-86 {
align-items: center;
width: 80vw;
display: flex;
}
.div-block-87 {
justify-content: center;
align-items: center;
height: 90vh;
margin-bottom: -61px;
display: flex;
}
.image-87 {
border-radius: 15px;
}
.div-block-88 {
flex-direction: column;
justify-content: center;
height: 20vh;
margin-bottom: 57px;
display: flex;
}
.linkwrapperpioneers {
opacity: .83;
}
.linkwrapperpioneers:hover {
opacity: 1;
}
.div-block-89 {
z-index: 9999999;
position: relative;
}
.div-block-90 {
margin-top: 4px;
position: absolute;
bottom: 0;
}
.div-block-91 {
display: flex;
}
.div-block-95 {
background-color: #00000030;
width: 100%;
position: absolute;
}
.image-88 {
filter: invert();
}
.heading-87 {
background-color: #0000;
border-radius: 20px;
width: 46vw;
padding-left: 81px;
padding-right: 81px;
}
.image-89 {
margin-bottom: 54px;
}
.text-block-10 {
font-weight: 500;
}
.text-block-11 {
font-family: Roboto Condensed, sans-serif;
}
.section-29 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: linear-gradient(#000, #272727);
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
height: auto;
min-height: 75vh;
padding: 66px 114px 95px;
display: flex;
}
.text-block-12 {
color: #868686;
margin-top: 3px;
}
.text-block-13 {
color: #dadada;
text-align: center;
text-shadow: 1px 1px 6px #ececec9c;
margin-bottom: 37px;
font-family: Truenorg, sans-serif;
font-size: 23px;
}
.div-block-96 {
width: 850px;
}
.text-block-14 {
color: #b1b1b1;
}
.text-block-15 {
color: #ddd;
text-shadow: 0 0 6px #fafafa73;
margin-top: 28px;
font-size: 18px;
}
.link-5 {
color: #9c9c9c;
text-decoration: underline;
}
.link-6 {
color: #cacaca;
text-decoration: underline;
}
.bbb-hex-pioneers {
opacity: .87;
}
.bbb-hex-pioneers:hover {
opacity: 1;
}
.html-embed-4 {
margin-bottom: -4px;
}
.div-block-97 {
background-color: #fff;
border-radius: 18px;
width: 300px;
height: 180px;
padding-top: 22px;
position: absolute;
top: 39px;
left: 49px;
box-shadow: inset 0 0 20px 1px #00000038;
}
.div-block-98 {
border: 10px #000;
border-radius: 0;
width: 100vw;
height: 100%;
position: relative;
overflow: hidden;
}
.text-block-16 {
color: #fff;
text-align: center;
text-shadow: 1px 1px 8px #ffffffbd;
font-family: Truenosbd, sans-serif;
font-size: 19px;
}
.div-block-99 {
height: 250px;
}
.section-30 {
background-color: #131313;
flex-direction: row;
justify-content: center;
align-items: flex-start;
padding-top: 0;
padding-bottom: 0;
display: block;
position: relative;
overflow: hidden;
}
.div-block-100 {
background-color: var(--almost-black);
width: 10vw;
}
.div-block-101 {
text-shadow: 0 0 10px #ffffff87;
justify-content: center;
align-items: center;
margin-bottom: 6px;
display: flex;
}
.text-block-17 {
color: var(--light-green);
text-align: center;
width: 179px;
margin-left: -9px;
font-family: Truenobd, sans-serif;
font-size: 32px;
line-height: 32px;
}
.text-span-2 {
font-family: Fontawesome5 solid, sans-serif;
}
.text-span-3 {
font-family: "Font awesome 5 pro solid 900", sans-serif;
font-weight: 400;
}
.text-block-18 {
color: #fff;
font-size: 40px;
}
.text-block-19 {
color: #fff;
margin-right: 12px;
font-family: "Font awesome 5 pro solid 900", sans-serif;
font-size: 40px;
font-weight: 400;
}
.div-block-102 {
opacity: 1;
background-color: #fff;
border: 8px #f5f5f5;
border-radius: 9999px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 360px;
height: 360px;
padding-top: 0;
padding-bottom: 9px;
padding-left: 0;
display: flex;
position: absolute;
top: 246px;
bottom: 193px;
left: 1px;
transform: scale(.8);
box-shadow: inset 0 0 20px -3px #000, 0 0 50px -20px #ffffff9c;
}
.text-block-20 {
color: #818181;
padding-left: 3px;
font-size: 16px;
line-height: 18px;
}
.div-block-103 {
justify-content: flex-start;
align-items: flex-start;
width: 180px;
margin-top: 24px;
display: flex;
}
.text-block-21 {
color: #2e2e2e;
text-shadow: 0 0 6px #fff;
margin-top: 3px;
margin-left: 10px;
margin-right: 10px;
font-family: "Font awesome 5 pro solid 900", sans-serif;
font-size: 20px;
}
.text-block-21.phoneicon {
margin-left: 3px;
margin-right: 7px;
}
.div-block-104 {
background-color: #e4e4e4;
width: 210px;
height: 1px;
}
.div-block-105 {
background-color: #fff;
width: 1px;
height: 100%;
}
.text-span-4 {
color: var(--deep-green);
}
.map-overlay {
background-color: #000;
width: 100%;
height: 100%;
position: absolute;
top: 0;
box-shadow: inset 1px 1px 34px 6px #000000c7;
}
.image-90 {
position: absolute;
}
.image-91 {
filter: saturate(114%) blur();
width: 98vw;
max-width: 98%;
top: 33px;
right: -6px;
}
.section-31 {
z-index: -2;
width: 100vw;
position: fixed;
}
.section-biochar-a {
background-color: #000;
position: relative;
overflow: hidden;
}
.landinghider, .div-block-106 {
height: 100vh;
}
.stars {
width: 100vw;
max-width: 140vw;
position: absolute;
top: 38.9vh;
left: auto;
transform: translate(0);
}
.containerwhydoesitmatter {
flex-direction: column;
justify-content: center;
align-items: center;
height: auto;
margin-top: -32px;
margin-bottom: -88px;
padding-bottom: 0;
display: flex;
}
.column-what-is-biochar {
margin-top: 91px;
}
.what-is-biochar-container-section {
justify-content: center;
align-items: center;
height: 92vh;
margin-top: -97px;
padding-top: 49px;
display: flex;
}
.image-93 {
width: 50vw;
max-width: 750px;
margin-right: 176px;
padding-top: 8px;
}
.cloudtopcontainer {
background-image: linear-gradient(#212864, #0d7cb9 51%, #b2e4fb 77%, #9ef1fa);
height: 430px;
}
.image-94 {
position: absolute;
bottom: 0;
}
.div-block-108 {
justify-content: center;
align-items: center;
max-width: 40vw;
padding-left: 41px;
display: flex;
}
.graph {
width: 650px;
margin-top: 105px;
margin-bottom: 44px;
position: relative;
}
.div-block-109 {
background-image: linear-gradient(#bc9262, #c2935d 7%, #c78f4b 21%, #a0723f 54%, #5a4429 80%, #302319);
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-top: 23px;
padding-bottom: 212px;
display: flex;
}
.soilbenefits {
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 25px;
padding-left: 56px;
display: flex;
}
.benefitsection {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 40%;
height: auto;
display: flex;
}
.benefitsection.water-retention {
justify-content: flex-end;
align-items: flex-start;
}
.benefitsection.climate-proof {
background-image: linear-gradient(#879290, #404746);
}
.benefitsection.carbon-storage {
background-image: linear-gradient(#393939, #0b0000);
}
.ctabg {
max-width: none;
height: 100%;
margin-left: -97px;
}
.soilbenefitscolumn {
flex-direction: row;
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.soilbenefitscolumn.benefitscolumnb {
justify-content: flex-start;
width: 100%;
}
.soilbenefitscolumn.soilbenefitsimage {
justify-content: flex-start;
align-items: center;
width: 100%;
padding-left: 5px;
}
.line-dot-soil {
background-color: #fff;
width: 3px;
height: 9px;
margin-bottom: 4px;
}
.text-block-22 {
color: var(--light-green);
text-align: left;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-bottom: 4px;
font-family: Truenorg, sans-serif;
font-size: 16px;
display: flex;
}
.text-block-22.soilbenefitheaderb {
justify-content: flex-start;
}
.soil-icon {
font-family: "Font awesome 5 pro solid 900", sans-serif;
font-size: 19px;
}
.soil-icon.soil-icon-carbon {
font-weight: 400;
}
.text-block-23 {
color: #fcfad3;
text-align: left;
width: 300px;
font-family: Roboto Condensed, sans-serif;
font-size: 17px;
font-weight: 400;
}
.text-block-23.textsoilb {
text-align: left;
width: 270px;
}
.image-95 {
max-width: 100%;
height: 300px;
margin-bottom: 12px;
margin-left: -14px;
}
.image-95.image-carbon-storage {
max-height: none;
margin-left: 18px;
}
.image-95.waterretention {
margin-left: -37px;
}
.image-95.climateprooof {
margin-left: -34px;
}
.div-block-110 {
margin-left: 15px;
margin-right: 7px;
padding-top: 3px;
}
.div-block-110.dotssoilb {
margin-left: -2px;
margin-right: 15px;
}
.moon {
position: absolute;
bottom: 197px;
right: -15px;
}
.image-96 {
opacity: 1;
width: 120vw;
max-width: none;
position: absolute;
bottom: 8px;
}
.factory {
max-width: none;
height: 46.5vh;
position: absolute;
top: 39vh;
left: 9.4vh;
}
.car {
max-width: none;
height: 13.9vh;
position: absolute;
top: 60.6vh;
left: 62.8vh;
}
.arrowsa {
max-width: none;
height: 21vh;
position: absolute;
top: 256.547px;
bottom: 45.1vh;
left: 4.6vh;
}
.arrowsb {
max-width: none;
height: 13vh;
position: absolute;
top: 44.8vh;
bottom: 302.359px;
left: 68.7vh;
}
.blocka {
max-width: none;
height: 40vh;
position: absolute;
top: 49.9vh;
left: 64vh;
}
.blockb, .blockc {
opacity: 0;
max-width: none;
height: 40vh;
position: absolute;
top: 49.9vh;
left: 64vh;
}
.thermometer {
max-width: none;
height: 14vh;
position: absolute;
top: 104.1vh;
left: 78.6vh;
}
.suna {
max-width: none;
height: 25.2vh;
position: absolute;
top: 38vh;
left: 104.9vh;
}
.sunb {
opacity: 0;
max-width: none;
height: 40.6vh;
position: absolute;
top: 25.9vh;
left: 94.4vh;
}
.sunc {
opacity: 0;
max-width: none;
height: 47.7vh;
position: absolute;
top: 14.2vh;
left: 85.8vh;
}
.report {
max-width: none;
height: 54.3vh;
position: absolute;
top: 54.5vh;
left: 91.2vh;
overflow: visible;
}
.foresta {
max-width: none;
height: 65.58vh;
position: absolute;
top: 26.4vh;
left: 152.2vh;
}
.woodfactory {
max-width: none;
height: 48vh;
position: absolute;
top: 16vh;
left: 213.6vh;
}
.woodprocessed {
max-width: none;
height: 27.8vh;
position: absolute;
top: 61.4vh;
left: 195.4vh;
}
.moleculea {
max-width: none;
max-height: 15vh;
position: absolute;
top: -.4vh;
left: 223.6vh;
}
.molecule-b {
max-width: none;
max-height: 10vh;
position: absolute;
top: 8.1vh;
left: 227.4vh;
}
.moleculec {
max-width: none;
max-height: 7vh;
position: absolute;
top: 15.2vh;
left: 229.4vh;
}
.pyrolysis {
max-width: none;
height: 66.1vh;
position: absolute;
top: 33.9vh;
left: 252.1vh;
}
.forestb {
max-width: none;
height: 87.9vh;
position: absolute;
top: 0;
left: 271.2vh;
}
.forestc {
max-width: none;
height: 59vh;
position: absolute;
top: 0;
left: 355.7vh;
}
.truck {
max-width: none;
height: 32.8vh;
position: absolute;
top: 52.7vh;
left: 349.7vh;
}
.slurry {
max-width: none;
height: 34.3vh;
position: absolute;
top: 44.3vh;
left: 519.6vh;
}
.barn {
max-width: none;
height: 36.9vh;
position: absolute;
top: 0;
left: 394.9vh;
}
.barnroof {
cursor: pointer;
max-width: none;
height: 36.9vh;
position: absolute;
top: -.2vh;
left: 392.9vh;
}
.grass {
max-width: none;
height: 40.1vh;
position: absolute;
top: 14.8vh;
left: 450.7vh;
}
.cows {
max-width: none;
height: 73.01vh;
position: absolute;
top: .5vh;
left: 481vh;
}
.tractor {
height: 26.5vh;
position: absolute;
top: 51.9vh;
left: 625.1vh;
}
.dots-bchar-container {
width: 20px;
margin-right: 1.4vh;
}
.reportcontainer {
opacity: 1;
overflow: hidden;
}
.opencyclecontainer {
letter-spacing: .3px;
transform-style: preserve-3d;
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
max-width: 41.7vh;
display: flex;
}
.opencyclecontainer.biochar-block {
max-width: 520px;
}
.opencyclecontainer.containerpioneer {
max-width: 90%;
}
.dotsopencycle {
width: 2vh;
margin-right: 0;
}
.pyrocontainer {
letter-spacing: .3px;
transform-style: preserve-3d;
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
max-width: 46vh;
display: flex;
}
.pyrocontainer.biochar-block {
max-width: 520px;
}
.pyrocontainer.containerpioneer {
max-width: 90%;
}
.staplecontainer {
letter-spacing: .3px;
transform-style: preserve-3d;
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
max-width: 48vh;
display: flex;
}
.staplecontainer.biochar-block {
max-width: 520px;
}
.staplecontainer.containerpioneer {
max-width: 90%;
}
.image-97 {
position: absolute;
}
.div-block-111 {
background-image: radial-gradient(circle, #0000, #000000b5 86%, #000);
width: 100vw;
height: 100vh;
position: absolute;
}
.text-block-24 {
color: #fff;
margin-top: 44px;
margin-left: 740px;
margin-right: auto;
font-size: 30px;
position: relative;
}
.image-98 {
max-width: none;
height: 100%;
}
.image-99 {
opacity: .51;
max-width: 90px;
position: absolute;
top: -23px;
left: -19px;
transform: rotate(90deg);
}
.islandsuppliers {
width: 50.18vw;
position: absolute;
top: 5.02vw;
left: 0;
}
.islandcustomers {
width: 48.23vw;
position: absolute;
right: 0;
}
.image-102 {
width: 48.58%;
}
.thingscustomer {
width: 34.69vw;
position: absolute;
top: 3.5vw;
right: 0;
}
.islandbbb {
width: 62.34vw;
position: absolute;
top: 2.8vw;
left: 17.3vw;
}
.thingsbbb {
width: 82.7vw;
position: absolute;
top: 0;
left: 0;
}
.linesplatform {
width: 80.71%;
position: absolute;
top: 10.2vw;
left: 19.3vw;
}
.div-block-112 {
justify-content: flex-end;
align-items: flex-start;
width: 100vw;
height: 55vw;
padding-top: 117px;
display: flex;
position: relative;
}
.thingssupplier {
width: 48.58vw;
position: absolute;
top: 0;
left: 0;
}
.customersillustrationcontainer {
width: 48.23vw;
height: 36vw;
position: absolute;
top: -20.8vw;
right: 0;
}
.suppliersillustrationcontainer {
width: 50.18vw;
height: 40vw;
position: absolute;
top: 0;
left: 0;
}
.bbbillustrationcontainer {
width: 82.7vw;
position: absolute;
top: .7vw;
left: 17.4vw;
}
.platform2 {
flex-direction: column;
justify-content: flex-end;
align-items: center;
height: 100%;
margin-top: 0;
display: flex;
position: relative;
overflow: hidden;
}
.image-103 {
width: 110vw;
max-width: none;
position: absolute;
bottom: 0;
}
.platform3 {
background-color: #fff;
width: 100%;
height: auto;
min-height: 50vw;
padding-bottom: 9vh;
display: flex;
position: relative;
}
.platformsupplierscontainer {
justify-content: flex-start;
width: 100%;
height: auto;
margin-right: 4vw;
display: flex;
transform: translate(-62px);
}
.platformsupplierscontainer.customers {
width: 40%;
margin-left: 10vw;
}
.headerplatformbenefits {
color: #fff;
font-family: Truenosbd, sans-serif;
font-size: 33px;
line-height: 50px;
}
.headerplatformbenefits.customers {
color: #0f0f0f;
margin-left: -2px;
line-height: 34px;
}
.text-block-25 {
color: #949288;
width: 470px;
margin-top: 2px;
font-size: 16px;
font-weight: 500;
}
.div-block-113 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: "Area"
"."
/ 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 25px;
display: flex;
}
.rowplatformbenefits {
justify-content: space-between;
align-items: center;
width: 470px;
display: flex;
}
.div-block-114 {
border: 3px solid #fff;
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 220px;
height: 220px;
display: flex;
}
.div-block-114.nega {
border-color: var(--grey-a);
}
.div-block-115 {
background-color: var(--white);
border-radius: 0 0 20px 20px;
justify-content: center;
align-items: center;
width: 102%;
height: 37%;
margin-bottom: -3%;
margin-left: 0%;
padding-left: 11px;
padding-right: 11px;
display: flex;
}
.div-block-115.nega {
background-color: var(--grey-a);
}
.text-block-26 {
color: #fff;
text-align: center;
flex-direction: column;
justify-content: center;
width: 100%;
height: 62%;
margin-top: 5px;
font-family: "Font awesome 5 pro solid 900", sans-serif;
font-size: 60px;
font-weight: 400;
display: flex;
}
.text-block-26.nega {
color: var(--grey-a);
}
.text-block-26.test {
font-family: "Font awesome 5 pro solid 900", sans-serif;
}
.text-block-27 {
color: #3d3d3d;
text-align: center;
margin-top: -3px;
font-family: "Roboto condensed 2", sans-serif;
font-size: 16px;
font-weight: 400;
}
.text-block-27.nega {
color: #fff;
}
.div-block-116 {
height: 100%;
}
.div-block-117 {
border-right: 2px solid #666;
width: 45px;
}
.div-block-117.nega {
border-left: 2px solid #cfcfcf;
border-right: 0 #d3d3d3;
}
.div-block-118 {
perspective: 255px;
transform: none;
}
.platformsupplierscontainernega {
justify-content: flex-start;
width: 50%;
height: auto;
margin-right: 0;
display: flex;
transform: translate(0);
}
.platformsupplierscontainernega.customers {
width: 40%;
margin-top: -58px;
margin-left: 10vw;
transform: none;
}
.image-104 {
transform: translate(0);
}
.image-105 {
width: 48.23vw;
position: absolute;
bottom: -10.3vw;
right: 0;
}
.image-106 {
width: 34.69vw;
position: absolute;
bottom: 0;
right: 0;
}
.div-block-119 {
width: 100%;
min-height: 500px;
position: relative;
}
.customersillustrationcontainer-copy {
width: 48.23vw;
height: 36vw;
position: absolute;
top: -.1vw;
right: 0;
}
.div-block-120 {
transform: translate(-71px);
}
.rowplatformbenefits-copy {
justify-content: space-between;
align-items: center;
width: 470px;
display: flex;
}
.iconcontainer {
justify-content: center;
align-items: center;
width: 100%;
height: 63%;
display: flex;
}
.iconplatform {
object-fit: contain;
max-width: 42%;
max-height: 50%;
margin-top: 8px;
}
.div-block-121 {
justify-content: center;
align-items: center;
width: 650px;
max-width: none;
display: flex;
}
.cloudzzz {
max-width: none;
max-height: 43.99vh;
}
.manure {
height: 69.34vh;
position: absolute;
top: 16.3vh;
left: 579vh;
}
.forestd {
max-width: none;
height: 85.94vh;
position: absolute;
top: 0;
left: 645.8vh;
}
.newspaperimage {
max-width: none;
height: 53vh;
position: absolute;
top: 87.5vh;
left: 89.9vh;
}
.animationtriggerdiv {
cursor: pointer;
width: 60vh;
height: 100vh;
position: absolute;
top: 0;
left: 93.3vh;
}
.newspapercontainer {
position: absolute;
top: 12.5vh;
left: -.2vh;
}
.legendbenefitcontainer {
align-items: flex-end;
width: 27.3vh;
display: flex;
position: absolute;
top: 14.5vh;
left: 452.9vh;
}
.legendbenefitcontainer.slurrytank {
align-items: flex-start;
width: 41vh;
top: 29.1vh;
left: 502.3vh;
}
.legendbenefitcontainer.manure {
left: 480.8vh;
}
.legendbenefitcontainer.man-ure {
align-items: flex-end;
width: 33vh;
top: 37.2vh;
left: 581.7vh;
}
.legendbenefitcontainer.slurrytractor {
align-items: flex-start;
width: 35vh;
top: 34.9vh;
bottom: -55.9219px;
left: 655.1vh;
}
.legendbenefitcontainer.legendanimationroof {
width: 35vh;
}
.linebenefit {
background-color: #fff;
width: .5vh;
height: 43vh;
margin-left: 1.2vh;
margin-right: 1.2vh;
}
.linebenefit.slurrytank {
height: 19vh;
}
.linebenefit.man-ure {
height: 14vh;
}
.linebenefit.slurrytractor {
height: 16vh;
}
.text-block-28 {
color: #fff;
text-shadow: 1px 1px 8px #0000004a;
margin-bottom: 2px;
font-family: Roboto Condensed, sans-serif;
font-size: 2.6vh;
line-height: 2.8vh;
}
.text-block-28.slurrytank {
text-align: right;
margin-bottom: -4.2px;
}
.text-block-28.man-ure {
text-align: right;
}
.image-108 {
opacity: .49;
width: 100vw;
max-width: none;
margin-bottom: 30px;
}
.text-block-29 {
color: #fcfad3;
width: 600px;
margin-top: 1px;
font-size: 17px;
font-weight: 400;
}
.benefitrow {
justify-content: space-between;
align-items: center;
width: 800px;
margin-top: 51px;
margin-bottom: 89px;
display: flex;
}
.bottomhud {
display: none;
}
.div-block-125 {
opacity: 0;
display: none;
}
.mainheaders-copy {
color: #fff;
text-align: left;
text-shadow: 0 0 12px #ffffff4d;
width: 120%;
font-family: Truenosbd, sans-serif;
font-size: 33px;
line-height: 34px;
}
.mainheaders-copy.mainheader-mission {
color: var(--deep-green);
}
.mainheaders-copy.main-header-vision {
color: #454545;
font-size: 31px;
line-height: 37px;
}
.linkwrapperpioneers2 {
opacity: .83;
}
.linkwrapperpioneers2:hover {
opacity: 1;
}
.linkwrapperpioneers3 {
opacity: .83;
}
.linkwrapperpioneers3:hover {
opacity: 1;
}
.linkwrapperpioneers4 {
opacity: .83;
}
.linkwrapperpioneers4:hover {
opacity: 1;
}
.linkwrapperpioneers5 {
opacity: .83;
}
.linkwrapperpioneers5:hover {
opacity: 1;
}
.linkwrapperpioneers6 {
opacity: .83;
}
.linkwrapperpioneers6:hover {
opacity: 1;
}
.div-block-126 {
opacity: 1;
background-color: #da2828;
width: 75%;
height: 24vh;
}
.div-block-127 {
opacity: 1;
outline-offset: 0px;
background-image: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/62fd1520d5941142b3db39b6_badge-check.png");
background-position: 0 0;
background-repeat: repeat;
background-size: cover;
border: 1px #5456bd;
outline: 30px solid #333;
width: 600px;
height: 200px;
position: absolute;
top: 0;
left: 0%;
box-shadow: 2px -11px 3px #000;
}
.div-block-128 {
background-color: #252525;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 60%;
height: 30vw;
padding-top: 25px;
padding-left: 0;
transition: all .45s;
display: flex;
}
.div-block-128:hover {
filter: hue-rotate(180deg);
}
.text-block-30 {
color: #fff;
background-color: #693e3e;
min-width: 10px;
margin-top: 67px;
margin-bottom: 67px;
padding-top: 4px;
padding-bottom: 4px;
}
.div-block-129 {
filter: saturate(71%);
-webkit-backdrop-filter: blur();
backdrop-filter: blur();
border: 0 solid #000;
border-radius: 8px;
display: flex;
position: absolute;
transform: skew(0deg);
box-shadow: inset 0 0 16px #000;
}
.section-32 {
background-color: #b3b3b3;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.div-block-130 {
background-color: #030303;
width: 100px;
height: 30px;
}
.text-block-31 {
color: #000;
text-indent: 2px;
text-shadow: 0 0 10px #eeeeee54;
white-space: normal;
font-size: 25px;
line-height: 28px;
}
.yoloswag {
background-color: #ee6c6c;
border: 2px solid #fff;
border-radius: 20px;
width: 150px;
height: 70px;
}
.yoloswag.square-corners {
border-radius: 0;
width: 400px;
}
.yoloswag2 {
background-color: #fff;
border-radius: 0;
width: 300px;
height: 100px;
}
.yoloswag2.square-corners {
border-radius: 0;
width: 400px;
}
.div-block-131 {
margin-left: -23px;
}
.body-13 {
justify-content: center;
align-items: center;
display: block;
}
.yoloparagraph {
background-color: #ee6c6c;
border: 2px solid #fff;
border-radius: 20px;
width: 300px;
height: 200px;
}
.yoloparagraph.square-corners {
border-radius: 0;
width: 400px;
}
.div-block-132 {
background-image: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/62fba95ae1774159eaf06771_CustomerThings.png");
background-position: 0 0;
background-size: contain;
width: 200px;
height: 200px;
transition: all .375s;
}
.div-block-132:hover {
opacity: .23;
}
.div-block-132:active {
transform: scale(1.7);
}
.div-block-133 {
width: 100%;
}
.div-block-134 {
justify-content: center;
width: 100%;
display: flex;
}
.div-block-135 {
border: 3px solid #fff;
justify-content: center;
width: 50%;
display: flex;
}
.product-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-auto-flow: row;
height: auto;
min-height: 80vh;
margin-top: 0;
margin-bottom: 25px;
padding-top: 41px;
}
.product-image {
z-index: 10;
-webkit-text-fill-color: inherit;
object-fit: cover;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: cover;
background-clip: border-box;
border-radius: 0;
width: auto;
height: 100%;
display: block;
position: absolute;
}
.product-image._2, .product-image._3 {
z-index: 10;
border-radius: 5px;
display: none;
}
.product-image._1 {
border-radius: 5px;
width: auto;
height: 100%;
display: block;
}
.product-image._4 {
z-index: 10;
display: none;
}
.product-image._6 {
z-index: 15;
display: none;
}
.product-image._6.biochar-diagram {
z-index: 10;
display: none;
transform: scale(0);
}
.product-image._5 {
display: none;
}
.product-content-wrapper {
flex-direction: column;
justify-content: center;
min-height: 80vh;
padding-left: 18px;
padding-right: 60px;
display: flex;
}
.product-name {
font-family: Truenobd, sans-serif;
}
.product-description {
color: #8d8d8d;
width: auto;
margin-top: 17px;
margin-bottom: 20px;
font-size: 13px;
}
.price-text {
color: var(--greytext2);
margin-bottom: 0;
font-size: 18px;
font-weight: 500;
}
.select-field {
background-color: #fff;
border-radius: 3px;
width: 200px;
margin-left: 0;
padding-left: 19px;
font-size: 14px;
}
.select-field.selector {
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--light-green);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--light-green);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--light-green);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--light-green);
color: var(--deep-green);
text-align: left;
pointer-events: none;
}
.select-field.selector:focus {
border: 1px solid var(--light-green);
}
.option {
width: auto;
display: flex;
}
.add-to-cart-button {
background-color: var(--deep-green);
opacity: .33;
text-align: center;
object-fit: fill;
pointer-events: none;
border-radius: 8px;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 30px;
margin-top: 7px;
padding: 0 11px;
font-family: "Roboto condensed 2", sans-serif;
font-size: 16px;
position: static;
}
.quantity {
border-top-color: var(--light-green);
border-right-color: var(--light-green);
border-bottom-color: var(--light-green);
border-left-color: var(--light-green);
color: var(--deep-green);
pointer-events: none;
background-color: #fff;
width: 55px;
padding-left: 23px;
}
.product-images {
flex-direction: row;
justify-content: center;
align-items: center;
min-height: 80vh;
margin-top: 0;
margin-left: 40px;
display: flex;
}
.product-image-thumbnail {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: scale-down;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
border-radius: 3px;
flex-wrap: nowrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
margin: 10px 0;
display: flex;
}
.div-block-136 {
width: 85%;
display: block;
}
.product-image-container {
border-radius: 20px;
flex: 0 auto;
order: 0;
justify-content: center;
align-items: center;
width: 20vw;
min-width: 200px;
max-width: 600px;
height: 20vw;
min-height: 200px;
max-height: 600px;
transition: all .125s;
display: flex;
position: relative;
box-shadow: 1px 1px 12px #0000002e;
}
.product-image-container:hover {
transform: scale(1.05);
box-shadow: 1px 1px 20px #0000002e;
}
.quantity-fields {
display: flex;
}
.field-label-6, .field-label-7 {
color: #454545;
align-self: center;
width: 100px;
font-family: "Roboto condensed 2", sans-serif;
}
.shop-nav {
z-index: 99;
justify-content: flex-end;
align-items: center;
padding: 10px 40px 0;
display: flex;
position: fixed;
right: 0;
}
.shop-nav.withproductbtn {
justify-content: space-between;
width: 100%;
right: 0;
}
.icon-9 {
color: var(--grey-a);
width: 20px;
min-width: 20px;
height: 20px;
min-height: 20px;
margin-right: 0;
}
.cart-button {
pointer-events: none;
background-color: #fff6;
border-radius: 10px;
margin-top: 0;
padding-right: 7px;
position: static;
}
.cart-button:hover {
transform: scale(1.1);
}
.cart-quantity {
background-color: var(--deep-green);
color: var(--white);
margin-top: -20px;
margin-left: -7px;
}
.div-block-137 {
display: block;
}
.products-button {
background-color: var(--grey-a);
color: var(--white);
cursor: pointer;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 170px;
padding-top: 6px;
padding-bottom: 6px;
font-family: Truenorg, sans-serif;
font-size: 12px;
display: flex;
box-shadow: inset 0 0 5px #0003, 1px 2px 11px #00000036;
}
.products-button:hover {
opacity: .77;
}
.products-button.w--current {
background-color: var(--almost-white);
color: var(--grey-a);
border-radius: 5px;
justify-content: flex-start;
align-items: center;
height: 25px;
margin-top: 9px;
padding-top: 0;
padding-bottom: 0;
padding-left: 11px;
font-family: Truenolt, sans-serif;
font-weight: 400;
display: flex;
}
.text-span-6 {
margin-right: 8px;
font-family: "Font awesome 5 pro 400", sans-serif;
font-size: 12px;
}
.grid-16 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/65d47d54a338d80ce6c68046_artwork.png");
background-position: 0 0;
background-size: auto;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-bottom: 40px;
display: flex;
}
.featured-product-description {
background-image: linear-gradient(to bottom, #3d3d3d, var(--grey-a));
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 44px;
padding-right: 71px;
display: flex;
}
.featured-product-image {
-webkit-text-fill-color: inherit;
object-fit: fill;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
background-clip: border-box;
width: auto;
height: auto;
display: block;
position: static;
overflow: hidden;
}
.featured-product-heading {
color: #eee;
margin-top: 0;
margin-bottom: 5px;
font-family: Truenobd, sans-serif;
font-size: 22px;
}
.featured-product-caption {
color: var(--almost-white);
max-width: 700px;
margin-bottom: 30px;
font-size: 14px;
}
.display-products-wrapper {
margin-bottom: 40px;
}
.heading-88 {
text-align: center;
}
.more-products-heading {
color: #454545;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
font-family: "Roboto condensed 2", sans-serif;
font-size: 22px;
}
.collection-list-wrapper-3 {
flex-direction: column;
display: block;
}
.product-card {
pointer-events: none;
flex-direction: column;
justify-content: flex-end;
align-items: center;
margin-left: 32px;
margin-right: 32px;
display: flex;
}
.product-card-name {
color: #666;
margin-top: 8px;
margin-bottom: 0;
font-family: Roboto Condensed, sans-serif;
font-size: 17px;
font-weight: 400;
}
.product-card-price {
color: var(--grey-text);
font-family: "Roboto condensed 2", sans-serif;
font-size: 16px;
font-weight: 500;
}
.image-109 {
box-shadow: 1px 1px 8px #0000004d;
}
.product-card-image {
background-color: var(--grey-a);
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: contain;
width: 200px;
height: 200px;
box-shadow: 1px 1px 4px #0000004d;
}
.product-card-image:hover {
box-shadow: none;
-webkit-text-fill-color: inherit;
background-image: none;
background-clip: border-box;
width: 195px;
}
.div-block-138 {
background-color: #0000;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: contain;
width: 200px;
height: 200px;
position: static;
}
.div-block-139 {
width: 200px;
height: 200px;
}
.product-displayed-image {
z-index: 10;
object-fit: fill;
border-radius: 20px;
transition: opacity .5s;
position: absolute;
}
.product-displayed-image:hover {
opacity: 0;
width: auto;
height: auto;
}
.product-displayed-image._2 {
z-index: 10;
opacity: 1;
}
.collection-list {
justify-content: center;
margin-bottom: 40px;
display: flex;
}
.link-7 {
object-fit: fill;
border: 1px solid #000;
border-radius: 3px;
padding-left: 9px;
padding-right: 9px;
display: inline;
}
.category-button {
border: 2px solid var(--deep-green);
color: var(--deep-green);
border-radius: 5px;
padding: 3px 12px;
display: inline-block;
}
.category-button:hover {
color: var(--white);
}
.category-button.w--current {
background-color: var(--deep-green);
color: var(--white);
}
.collection-item {
border: 3px none var(--deep-green);
color: var(--deep-green);
border-radius: 5px;
margin-left: 16px;
margin-right: 16px;
padding: 0;
font-family: Truenosbd, sans-serif;
display: inline-block;
}
.collection-item:hover {
background-color: var(--deep-green);
color: var(--white);
}
.collection-list-wrapper-4 {
justify-content: center;
margin-bottom: 20px;
display: none;
}
.see-more-button-wrapper {
justify-content: flex-end;
padding-bottom: 14px;
padding-left: 40px;
padding-right: 40px;
display: none;
}
.div-block-140 {
display: block;
}
.text-span-7 {
font-family: "Font awesome 5 pro 400", sans-serif;
}
.main-image-wrapper {
z-index: 0;
border-radius: 5px;
flex: 0 auto;
justify-content: center;
width: 500px;
max-width: 60vh;
height: 550px;
display: flex;
position: relative;
box-shadow: 1px 1px 3px #0003;
}
.product-image-carousell {
flex-direction: column;
align-items: center;
display: flex;
}
.image-110, .image-111 {
z-index: 11;
position: absolute;
}
.product-thumbnail-image {
background-color: #0000;
margin-bottom: 10px;
margin-right: 10px;
box-shadow: 1px 1px 3px #0003;
}
.img-thumbnail {
opacity: 1;
object-fit: cover;
background-color: #0000;
border-radius: 3px;
width: 70px;
height: 80px;
}
.img-thumbnail._2, .img-thumbnail._3 {
width: 60px;
height: 70px;
}
.heading-89 {
font-family: Truenobd, sans-serif;
}
.text-block-32 {
color: var(--deep-green);
font-family: Truenobd, sans-serif;
}
.cart-item-name {
color: var(--deep-green);
font-family: "Roboto condensed 2", sans-serif;
font-size: 15px;
}
.cart-name {
color: var(--grey2);
background-color: #0000;
font-family: "Roboto condensed 2", sans-serif;
}
.remove-cart-item-button {
color: #f36440;
text-align: right;
margin-right: 0;
font-family: "Font awesome 5 pro 400", sans-serif;
font-weight: 400;
position: static;
}
.text-block-33 {
font-family: Roboto, sans-serif;
}
.option-2, .selected-option {
font-weight: 500;
}
.cart-item-price {
color: var(--greytext2);
font-size: 14px;
}
.cart-container {
border-radius: 5px;
}
.image-112, .cart-item-image {
border-radius: 3px;
}
.price-description {
color: var(--grey-text);
font-size: 12px;
}
.text-block-34 {
font-size: 16px;
}
.cart-container-2 {
border-radius: 5px;
}
.checkout-button {
background-color: var(--deep-green);
color: var(--white);
border-radius: 5px;
font-family: "Roboto condensed 2", sans-serif;
font-size: 18px;
box-shadow: 0 2px 5px #0003, inset 0 0 20px #0003;
}
.checkout-button:hover {
opacity: .79;
box-shadow: inset 0 0 20px #0003;
}
.apple-pay {
border-radius: 5px;
}
.checkout-form {
background-color: var(--white);
}
.order-items {
background-color: var(--white);
border: 0 solid #000;
border-radius: 5px;
box-shadow: 1px 1px 3px #0000004d;
}
.block-header {
background-color: #0000;
border-width: 0;
}
.block-content {
background-color: #0000;
border: 1px solid #0000;
}
.divider-line {
background-color: var(--almost-white);
width: auto;
height: 1px;
margin-left: 10px;
margin-right: 10px;
}
.block-content-2 {
background-color: #0000;
border: 1px solid #0000;
}
.order-summary {
border: 0 solid #000;
border-radius: 5px;
}
.field-input {
background-color: var(--white);
box-shadow: inset 0 0 3px #00000026;
}
.checkout-section-header {
color: var(--deep-green);
font-family: Truenobd, sans-serif;
}
.block-headerr {
border-width: 0;
}
.shipping-method {
border: 1px solid var(--grey-text);
background-color: #0000;
border-radius: 3px;
}
.checkout-banner {
width: 100vw;
height: auto;
}
.checkout-header {
padding-left: 20px;
padding-right: 20px;
font-family: Truenobd, sans-serif;
font-size: 32px;
}
.div-block-141 {
margin-top: 0;
top: 60px;
}
.shipping-method-list {
border: 0 solid #000;
}
.bottom-grass {
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/63863476beb03c14aca29c5b_GrassFinal.png");
background-position: 50% 100%;
background-repeat: repeat-x;
background-size: contain;
width: auto;
height: 40px;
max-height: 5vh;
margin-bottom: -1px;
margin-left: 0;
display: block;
}
.c02-icon {
justify-content: flex-end;
width: 100%;
display: flex;
}
.image-113 {
margin-bottom: -17px;
margin-right: -30px;
transform: rotate(40deg);
}
.checkout-banner-img {
-webkit-text-fill-color: inherit;
background-image: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/636e6969ef41c93d2e04325f_Checkout%20banner%20v2.png");
background-position: 0 0;
background-size: cover;
background-clip: border-box;
width: 100vw;
height: 17vw;
}
.image-114 {
margin-bottom: -6px;
padding-bottom: 0;
}
.body-14 {
background-color: #fff;
background-image: linear-gradient(#fff, #fff);
margin-bottom: 0;
}
.content-wrapper {
max-width: 700px;
}
.merch-header-img {
transform: scale3d(1none, 1none, 1none);
mix-blend-mode: normal;
transform-style: preserve-3d;
transition: transform .2s;
overflow: hidden;
}
.merch-header-img:hover {
width: auto;
display: inline-block;
transform: scale(1.1);
}
.product-displayed-image-2 {
z-index: 9;
opacity: 1;
border-radius: 20px;
position: absolute;
}
.product-displayed-image-2:hover {
opacity: 1;
}
.text-block-35 {
display: block;
}
.order-confirmation {
background-color: var(--white);
}
.block-header-2 {
border-width: 0;
}
.block-content-3 {
border: 0 solid #000;
}
.block-header-3 {
border-width: 0;
}
.block-content-4 {
border: 0 solid #000;
}
.block-header-4 {
border-width: 0;
}
.block-content-5 {
border: 0 solid #000;
}
.checkout-field-label {
font-weight: 700;
}
.checkbox-label {
z-index: 2;
pointer-events: none;
color: #7c7c7c;
letter-spacing: .2px;
justify-content: center;
align-items: center;
width: 0;
height: 0;
margin-bottom: 0;
font-size: 13px;
font-weight: 700;
display: flex;
position: absolute;
}
.checkbox {
margin-top: 0;
}
.empty-state {
border: 0 solid #000;
}
.web-payments {
display: none;
}
.div-block-142 {
width: 100%;
height: 100vw;
}
.html-embed-5 {
display: none;
}
.image-116 {
box-sizing: border-box;
filter: blur();
object-position: 50% 0%;
width: 100%;
max-height: 100%;
margin-bottom: -27px;
}
.div-block-143 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.div-block-144 {
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
height: auto;
display: flex;
position: relative;
}
.text-block-36 {
color: var(--light-green);
text-align: right;
letter-spacing: -.6px;
text-shadow: 0 0 20px #000;
white-space: nowrap;
font-family: Truenosbd, sans-serif;
font-size: 62px;
line-height: 67px;
position: relative;
}
.text-span-8 {
color: var(--deep-green);
letter-spacing: -1px;
}
.text-span-9 {
color: var(--white);
}
.div-block-145 {
background-color: #00000091;
width: 100%;
height: 102%;
position: absolute;
top: 0;
}
.section-33 {
background-color: #fff;
padding-top: 2.4rem;
padding-bottom: 15vw;
position: relative;
overflow: hidden;
}
.section-33.sectionbiocharforyou {
z-index: 5;
color: #0f0f0f;
background-color: #0000;
background-image: linear-gradient(#0000, #000 18%, #000);
padding-top: 4.3rem;
padding-bottom: 8vw;
position: relative;
overflow: hidden;
box-shadow: 2px 20px 100px #0000;
}
.section-33.sectionbiocharforyou.swag {
background-image: linear-gradient(#0000, #000 10%, #000);
}
.section-33.benefitss {
display: none;
}
.grid-17 {
grid-column-gap: 15px;
grid-row-gap: 30px;
grid-template: "Area"
/ 1fr 1fr 1fr;
margin-top: 25px;
}
.heading-90 {
color: var(--deep-green);
letter-spacing: -.2px;
align-items: center;
margin-top: 0;
margin-bottom: 0;
font-family: Roboto Condensed, sans-serif;
font-size: 21px;
line-height: 24px;
display: flex;
}
.div-block-146 {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 33px;
display: flex;
}
.image-117 {
height: 30px;
margin-bottom: 2px;
margin-left: -7px;
margin-right: 5px;
}
.div-block-147 {
flex-direction: column;
justify-content: flex-end;
align-items: center;
height: auto;
padding-left: 10px;
padding-right: 10px;
transition: all .2s;
display: flex;
}
.div-block-147.biocharforyoucard {
justify-content: flex-start;
}
.div-block-147.biocharforyoucard.biocard1 {
transform: translate(0);
}
.div-block-147.biocharforyoucard.biocard1-copy {
justify-content: center;
align-items: center;
}
.text-span-10 {
color: var(--light-green);
margin-left: 5px;
}
.image-118 {
margin-bottom: 15px;
padding-left: 10%;
padding-right: 10%;
}
.image-118.image118soilcarbon {
margin-bottom: 46px;
padding-left: 9%;
padding-right: 10%;
}
.container-41 {
flex-direction: column;
margin-top: 103px;
padding-left: 46px;
padding-right: 46px;
display: flex;
}
.text-block-37 {
color: #b6b6b6;
font-family: Roboto Condensed, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 21px;
}
.div-block-148 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.image-119 {
opacity: 1;
}
.div-block-149 {
background-image: linear-gradient(#2e2e2e, #0f0f0f);
border-radius: 8px;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
height: 35px;
margin-top: 47px;
padding-left: 75px;
padding-right: 72px;
display: flex;
box-shadow: 0 4px 7px -1px #000000b3, 0 0 20px -3px #ffffff14;
}
.div-block-149:hover {
opacity: .76;
}
.div-block-149:active {
transform: translate(0, 1px);
box-shadow: 0 1px 6px -1px #000000b3, 0 0 20px -3px #ffffff14;
}
.text-block-38 {
color: #fff;
font-family: Roboto Condensed, sans-serif;
font-size: 18px;
}
.text-span-11 {
margin-left: 6px;
font-family: "Font awesome 5 pro solid 900", sans-serif;
font-size: 16px;
}
.image-120 {
opacity: .32;
width: 70px;
position: absolute;
bottom: -32px;
right: 0;
}
.image-121 {
max-width: 60px;
margin-top: -2px;
position: absolute;
top: 0;
}
.grassdivider {
z-index: 99;
position: absolute;
bottom: -2.8vw;
left: 0;
}
.grassdivider.secondgrass {
left: 95.3vw;
}
.div-block-150 {
background-color: var(--light-green);
height: 15px;
}
.div-block-150.lineleaf {
z-index: 99;
background-color: var(--deep-green);
position: relative;
}
.div-block-150.lineleaf.benefits, .div-block-150.benefitss {
display: none;
}
.section-34 {
z-index: 90;
background-image: linear-gradient(147deg, #000, #2b2b2b);
margin-top: -8px;
padding-top: 21vh;
padding-bottom: 21vh;
position: relative;
overflow: hidden;
box-shadow: 0 -11px 40px #0000004a;
}
.div-block-151 {
z-index: 0;
opacity: .71;
filter: invert(0%) blur(2px);
background-image: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/649b5eb2af56f6df618464f9_backgroundHexagonTiles.png");
background-position: 0 0;
background-repeat: repeat;
background-size: 13vw;
background-attachment: scroll;
width: 200%;
height: 300%;
margin-top: -10%;
transition: all .2s;
position: absolute;
top: 0;
left: -20%;
transform: rotate(10deg);
}
.container-42 {
z-index: 12;
grid-column-gap: 2rem;
justify-content: center;
align-items: center;
max-width: 1024px;
display: flex;
position: static;
}
.ctacolumn1 {
z-index: 13;
grid-row-gap: .7rem;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 50%;
display: flex;
position: relative;
}
.ctacolumn2 {
z-index: 2;
width: 50%;
height: auto;
position: relative;
}
.ctaheaderrow {
align-items: flex-end;
height: 3rem;
margin-left: -.5rem;
display: flex;
}
.image-122 {
max-height: 90%;
}
.ctadottedline {
background-color: #fff;
width: .8rem;
height: .15rem;
}
.div-block-152 {
grid-column-gap: .3rem;
display: flex;
}
.text-block-39 {
color: #fff;
letter-spacing: .03rem;
font-family: "Roboto condensed 2", sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 2.2rem;
}
.text-block-40 {
color: #b9b9b9;
text-align: left;
letter-spacing: .031rem;
margin-left: .2rem;
font-family: Roboto Condensed, sans-serif;
font-size: 1.14rem;
font-weight: 400;
line-height: 1.5rem;
box-shadow: 0 2px 5px #0003;
}
.form {
z-index: 9999;
grid-column-gap: 10px;
justify-content: space-between;
align-items: flex-start;
height: 2.8rem;
padding-top: 6px;
padding-bottom: 6px;
display: flex;
}
.text-field {
color: #fdfdfd;
text-align: center;
background-color: #0003;
border: 1px solid #c7c7c7;
border-radius: 40px;
margin-bottom: 0;
display: block;
box-shadow: inset 0 0 13px #ffffff47, inset 0 0 20px #000, 0 0 12px -4px #ffffff30;
}
.text-field.ctainputtext {
z-index: 9999;
letter-spacing: .03rem;
text-shadow: 0 1px 10px #ffffff8c;
height: 2rem;
font-family: Roboto Condensed, sans-serif;
font-size: 1rem;
line-height: 1rem;
box-shadow: inset 0 0 13px #ffffff21, inset 0 0 20px #000, 0 0 12px -4px #ffffff30;
}
.text-field.ctainputtext:hover {
border-color: #dfdfdf;
box-shadow: inset 0 0 13px #ffffff21, inset 0 0 20px #000, 0 0 12px -4px #ffffff7d;
}
.text-field.ctainputtext::placeholder {
color: #ffffffbf;
background-color: #0000;
font-family: Roboto Condensed, sans-serif;
}
.ctasubscribe {
background-color: var(--deep-green);
letter-spacing: .02rem;
text-shadow: 0 1px 8px #ffffff45;
border-radius: 40px;
height: 2rem;
padding-left: 46px;
padding-right: 46px;
font-family: "Roboto condensed 2", sans-serif;
font-size: 1.1rem;
font-weight: 500;
line-height: 1rem;
box-shadow: inset 0 2px 5px #ffffffab, 0 6px 11px #0000005c, 0 2px 16px #0003, inset 0 0 20px #32af1e;
}
.ctasubscribe:hover {
text-shadow: 0 1px 6px #ffffffbf;
background-color: #2bb800b0;
}
.ctasubscribe:active {
box-shadow: none;
text-shadow: 0 1px #ffffff63;
background-color: #2bb800;
margin-top: .1rem;
}
.error-message {
background-color: #ffdede00;
}
.text-block-41 {
color: #fff;
text-align: center;
letter-spacing: .1px;
font-family: Roboto Condensed, sans-serif;
font-size: 15px;
font-weight: 400;
}
.form-block-email {
z-index: 18;
width: 100%;
margin-bottom: 0;
position: relative;
}
.image-123 {
z-index: -5;
max-width: 100%;
margin-left: 1vw;
}
.div-block-153 {
z-index: 6;
width: 130vw;
height: 100vh;
margin-left: -30vw;
display: block;
position: absolute;
top: 0;
}
.success-message {
background-color: #0000;
}
.link-8 {
color: #d1d1d1;
cursor: pointer;
text-decoration: underline;
}
.link-8:hover {
opacity: .81;
}
.div-block-155 {
justify-content: flex-start;
align-items: center;
width: 100vw;
height: 100%;
padding-bottom: 15px;
padding-left: 19vw;
display: flex;
overflow: hidden;
box-shadow: inset 0 40px 50px 13px #000;
}
.div-block-156 {
display: flex;
}
.div-block-157 {
background-color: #fff;
width: .2rem;
height: .8rem;
}
.div-block-158 {
flex-direction: column;
justify-content: space-between;
align-items: center;
margin-top: .2rem;
margin-bottom: .5rem;
margin-right: .9rem;
display: flex;
}
.text-block-42 {
color: #fff;
text-align: left;
letter-spacing: .04rem;
font-family: Truenosbd, sans-serif;
font-size: 1.2rem;
line-height: 1.5rem;
}
.text-block-43 {
color: #fff;
text-align: left;
letter-spacing: -.05rem;
margin-left: -.2rem;
font-family: Truenosbd, sans-serif;
font-size: 3.7rem;
line-height: 3.16rem;
}
.text-span-12 {
color: var(--light-green);
}
.text-span-13 {
color: var(--deep-green);
line-height: 3.2rem;
}
.div-block-159 {
text-shadow: 6px 3px 13px #000000b8, 0 1px 60px #858585, 0 1px 300px #0000;
}
.image-124 {
z-index: -111;
opacity: 1;
object-fit: fill;
min-width: 100vw;
max-width: 100vw;
margin-top: 192px;
}
.div-block-160 {
z-index: 24;
background-image: linear-gradient(#fff0, #00000096 38%, #000 88%);
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 13rem;
display: flex;
position: absolute;
bottom: -64px;
overflow: hidden;
}
.text-block-44 {
color: #fff;
letter-spacing: .1rem;
width: 100vw;
margin-bottom: -2vw;
font-family: "Roboto condensed 2", sans-serif;
font-size: 1.1rem;
font-weight: 700;
line-height: 1.2rem;
display: none;
}
.marquee {
justify-content: space-between;
align-items: center;
width: 300vw;
height: 12rem;
margin-left: 0;
padding-bottom: 20px;
padding-left: 1.521vw;
padding-right: 0;
display: flex;
transform: translate(-100vw)scale(.3);
}
.partnerlogo {
opacity: .71;
max-width: 10vw;
margin-top: 32px;
}
.marqueethird {
justify-content: space-between;
align-items: center;
width: 100vw;
display: flex;
}
.section-35 {
z-index: 10;
background-image: linear-gradient(#010101 2%, #0e0e0e);
padding-top: 7vw;
padding-bottom: 74px;
position: relative;
overflow: hidden;
}
.div-block-161 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
align-items: center;
width: 100%;
height: 350px;
margin-bottom: 1vw;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.div-block-161.otherwayaround {
margin-bottom: 1vw;
}
.div-block-162 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
padding: 0 43px;
display: flex;
}
.div-block-162.text {
padding-left: 2px;
padding-right: 2px;
}
.div-block-163 {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.div-block-163.bullcontainer {
width: 140%;
height: 80%;
}
.div-block-163.bullcontainer.photohand {
height: 70%;
}
.div-block-163.bullcontainer-copy {
width: 140%;
height: 80%;
}
.bullconstellation {
width: auto;
max-width: 400%;
height: auto;
max-height: 150%;
position: absolute;
inset: -3.2vw 0% 0%;
}
.container-43 {
margin-bottom: -18px;
}
.image-125 {
box-shadow: none;
border-radius: 3px;
max-width: 72%;
height: auto;
}
.greener-smarter {
background-color: #fff;
background-image: linear-gradient(#eee, #fff);
justify-content: center;
align-items: center;
width: 100vw;
height: auto;
padding: 4vw 0 172px;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-164 {
background-color: #b37676;
width: 100%;
height: auto;
padding: 53px 21px;
}
.container-44 {
width: 80%;
max-width: 1080px;
height: auto;
}
.greenerrow {
justify-content: center;
align-items: center;
height: 700px;
margin-right: -5vw;
display: flex;
}
.greenerrow.complicateddiagram {
align-items: center;
height: 55vw;
margin-top: -100px;
margin-right: 3vw;
padding-right: 0;
position: relative;
}
.div-block-165 {
grid-row-gap: 50px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 40%;
height: 80%;
max-height: 400px;
display: flex;
}
.div-block-166 {
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 55%;
margin-top: 16px;
display: flex;
position: relative;
}
.greenersmarter {
color: #fff;
text-align: left;
letter-spacing: -.05rem;
margin-left: -.2rem;
font-family: Truenosbd, sans-serif;
font-size: 5.2rem;
line-height: 4.7rem;
}
.text-span-13-copy {
color: var(--deep-green);
line-height: 3.2rem;
}
.text-span-12-copy {
color: var(--light-green);
}
.image-126 {
max-width: 90%;
}
.image-126.greeneratoms {
position: absolute;
top: 46.672px;
left: 50.2812px;
}
.div-block-166-copy {
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 45vw;
height: 100%;
margin-top: -26px;
margin-right: 47px;
display: flex;
position: relative;
}
.div-block-166-copy._166-mobile {
display: none;
}
.top {
opacity: .14;
width: 30vw;
max-width: none;
height: auto;
display: none;
position: absolute;
top: -1.9vw;
left: 0;
}
.bottom {
opacity: .13;
width: 50vw;
max-width: none;
height: auto;
display: none;
position: absolute;
top: 28.2vw;
left: -.2vw;
}
.div-block-165-copy {
grid-row-gap: 50px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 40%;
height: 65%;
max-height: 800px;
margin-bottom: 200px;
margin-left: 83px;
display: flex;
}
.section-36 {
width: 1px;
}
.section-37, .section-38 {
display: flex;
}
.section-39 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.section-40 {
display: flex;
}
.section-41, .section-42 {
width: 100vw;
}
.section-43 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: flex-start;
width: auto;
height: 50rem;
display: flex;
position: relative;
}
.div-block-167 {
z-index: 0;
background-color: #db9595;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.div-block-168 {
grid-row-gap: 1rem;
background-color: #f0f0f0;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
padding: 31px 46px 49px;
display: flex;
box-shadow: inset 0 2px 20px #777;
}
.image-129 {
z-index: 0;
object-fit: cover;
width: auto;
min-width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
position: absolute;
top: 0;
left: 0;
}
.div-block-169 {
width: auto;
}
.text-block-45 {
color: #fff;
letter-spacing: .02rem;
text-shadow: 0 0 3px #ffffff4d;
background-color: #444;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 27rem;
min-width: 4rem;
margin-top: 0;
margin-bottom: 0;
padding: 11px 2rem;
font-family: "Roboto condensed 2", sans-serif;
font-size: 1.3rem;
font-weight: 500;
line-height: 18px;
display: flex;
box-shadow: inset 0 0 20px #0003, 3px 4px 14px #0003;
}
.div-block-170 {
justify-content: space-between;
align-items: center;
width: 27rem;
height: 11.3rem;
padding-top: 9px;
padding-bottom: 9px;
display: flex;
}
.div-block-171 {
background-color: #fff;
background-image: linear-gradient(#fff, #f3f3f3 53%, #fff);
border: 1px solid #dadada;
border-radius: 14px;
width: 100%;
padding: 15px 21px 22px 28px;
box-shadow: inset 0 0 10px #0003, 1px 2px 20px #0000, 0 7px 19px #0000000a;
}
.image-130 {
width: 8rem;
margin-right: 24px;
}
.image-130.vertical130 {
width: auto;
max-height: 10rem;
margin-right: 19px;
}
.image-130.vertical130.bolt {
max-height: 9rem;
margin-left: 41px;
margin-right: 2px;
}
.image-130.vertical130.facktory {
margin-left: 25px;
}
.text-block-46 {
color: #4b4b4b;
text-align: left;
margin-top: 0;
margin-bottom: 0;
font-family: "Roboto condensed 2", sans-serif;
font-size: 1.2rem;
font-weight: 700;
}
.text-block-46.farmbenefitstext, .text-block-46.farmbenefitstext-copy {
color: #a7a7a7;
margin-top: 6px;
font-family: Roboto, sans-serif;
font-size: .9rem;
font-weight: 400;
line-height: 1.2rem;
}
.text-block-46.text-block-46-copy {
line-height: 20px;
}
.div-block-172 {
background-color: #0000001a;
width: 100%;
height: 1px;
margin-top: 2px;
}
.div-block-173 {
background-image: linear-gradient(#0000003b, #0000003b), radial-gradient(circle, #fff0, #000000b5);
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.section-43-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: flex-start;
width: auto;
height: 50rem;
display: none;
position: relative;
}
.div-block-168-copy {
grid-row-gap: 1.2rem;
background-image: linear-gradient(#202020, #000);
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
padding: 31px 46px 49px;
display: flex;
box-shadow: inset 0 2px 20px #000;
}
.div-block-171-copy {
background-color: #fff;
background-image: linear-gradient(#363636, #353535 53%, #252525);
border: 1px #000;
border-radius: 14px;
width: 15rem;
padding: 15px 21px 22px 28px;
box-shadow: inset 0 0 10px #0003, 1px 2px 20px #0000, 0 7px 19px #0000000a;
}
.text-block-46-copy {
color: #fff;
text-align: left;
font-family: "Roboto condensed 2", sans-serif;
font-size: 1.2rem;
font-weight: 700;
}
.text-block-46-copy.farmbenefitstext {
color: #a7a7a7;
margin-top: 6px;
font-family: Roboto, sans-serif;
font-size: .9rem;
font-weight: 400;
line-height: 1.2rem;
}
.div-block-172-copy {
background-color: #0000001a;
border: 1px solid #5e5e5e;
width: 100%;
height: 1px;
margin-top: 2px;
}
.text-block-45-copy {
color: #fff;
letter-spacing: .02rem;
text-shadow: 0 0 3px #ffffff4d;
background-color: #44444442;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 27rem;
min-width: 4rem;
padding: 11px 2rem;
font-family: "Roboto condensed 2", sans-serif;
font-size: 1.3rem;
font-weight: 500;
display: flex;
box-shadow: inset 0 0 20px #0003, 3px 4px 14px #0003;
}
.image-131 {
z-index: -1;
filter: blur(1px);
object-fit: cover;
object-position: 50% 50%;
min-width: 100vw;
max-width: none;
max-height: 450px;
position: absolute;
top: 0;
}
.section-44 {
flex-direction: column;
justify-content: center;
align-items: center;
height: 450px;
display: flex;
position: relative;
overflow: hidden;
}
.text-block-47 {
color: var(--white);
letter-spacing: .2px;
text-shadow: 0 1px 20px #000000eb;
font-family: Truenosbd, sans-serif;
font-size: 45px;
line-height: 50px;
}
.text-block-47.articlesheader {
flex-flow: column;
margin-top: 0;
margin-bottom: 0;
display: block;
}
.text-block-47.careers-header {
text-align: center;
max-width: 650px;
margin-left: 5%;
margin-right: 5%;
}
.text-block-48 {
color: #f5f5f5;
letter-spacing: .5px;
text-shadow: 0 0 15px #000;
max-width: 430px;
font-size: 18px;
font-weight: 300;
line-height: 22px;
}
.text-block-48.careers {
text-align: left;
letter-spacing: 0;
width: auto;
max-width: none;
height: auto;
margin-top: 10px;
margin-bottom: 0;
font-size: 14px;
line-height: 17px;
}
.blogmaincontainer {
padding-top: 35px;
padding-bottom: 88px;
}
.blogsearchbarcontainer {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 50px;
padding: 0;
display: flex;
}
.container-45 {
max-width: 780px;
}
.collection-item-3 {
background-image: linear-gradient(to top, #fff, #f8f8f8 38%, #fff 84%, #fff);
border: 1px solid #cecece;
border-radius: 13px;
justify-content: space-between;
align-items: center;
height: 300px;
margin-top: 16px;
margin-bottom: 16px;
display: flex;
overflow: hidden;
box-shadow: 0 4px 14px #0000001f, 1px 3px 6px #0003;
}
.image-132 {
object-fit: cover;
object-position: 0% 50%;
max-width: 300px;
height: 100%;
}
.div-block-174 {
width: 100%;
height: 100%;
padding: 9px 21px 10px 43px;
}
.div-block-175 {
justify-content: space-between;
align-items: flex-end;
margin-top: 2px;
display: flex;
}
.div-block-176 {
letter-spacing: .2px;
background-image: linear-gradient(#ffffff26, #ffffff26);
border-radius: 40px;
margin-bottom: 5px;
margin-left: 4px;
padding: 4px 11px;
box-shadow: 0 2px 7px #0003, inset 0 0 6px #00000061;
}
.text-block-49 {
color: #fff;
text-align: center;
font-family: "Roboto condensed 2", sans-serif;
font-size: 13px;
font-weight: 500;
}
.collection-item-4 {
align-items: center;
}
.collection-list-2 {
display: flex;
}
.text-block-50 {
color: var(--deep-green);
font-family: "Roboto condensed 2", sans-serif;
font-weight: 500;
display: none;
}
.text-block-51 {
margin-top: 12px;
margin-bottom: 3px;
font-family: "Roboto condensed 2", sans-serif;
font-size: 28px;
line-height: 30px;
}
.div-block-177 {
height: 40px;
}
.text-block-52 {
border: 2px solid var(--deep-green);
color: var(--deep-green);
border-radius: 5px;
justify-content: center;
align-items: center;
width: 180px;
margin-top: 7px;
padding: 6px 10px;
font-family: Roboto Condensed, sans-serif;
font-size: 16px;
font-weight: 700;
display: flex;
}
.blogcollectionsummarytext {
color: #9e9e9e;
max-height: 120px;
font-family: Truenolt, sans-serif;
font-size: 15px;
line-height: 22px;
overflow: hidden;
}
.blogcollectionsummary {
max-height: 120px;
position: relative;
}
.section-45 {
object-fit: fill;
justify-content: center;
align-items: flex-end;
width: 100vw;
height: 350px;
padding-bottom: 34px;
padding-left: 110px;
padding-right: 110px;
display: flex;
position: relative;
}
.image-133 {
z-index: 1;
filter: brightness(53%);
object-fit: fill;
object-position: 50% 0%;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
min-width: 100vw;
max-height: 640px;
margin-top: -2px;
position: relative;
top: auto;
overflow: hidden;
}
.container-46 {
z-index: 3;
width: 100%;
min-width: 400px;
padding-left: 110px;
padding-right: 110px;
position: relative;
}
.text-block-53 {
color: #fff;
text-transform: uppercase;
font-family: Truenosbd, sans-serif;
font-size: 16px;
display: none;
}
.collection-list-wrapper-5 {
margin-top: 11px;
}
.div-block-176-copy {
border-radius: 40px;
margin-left: 0;
margin-right: 5px;
padding: 4px 11px;
box-shadow: 0 2px 7px #0003, inset 0 0 6px #00000061;
}
.text-block-49-copy {
color: #fff;
font-family: "Roboto condensed 2", sans-serif;
font-size: 16px;
font-weight: 500;
}
.text-block-54 {
color: #fff;
text-shadow: 0 1px 20px #000000ab;
margin-top: 11px;
font-family: "Roboto condensed 2", sans-serif;
font-size: 60px;
line-height: 70px;
}
.container-47 {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #7a7a7a;
background-color: #fff;
border: 1px solid #c2c2c2;
border-radius: 50px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: -43px;
padding: 33px 114px 85px;
font-size: 19px;
line-height: 28px;
display: flex;
box-shadow: 0 2px 20px #0003, 2px 4px 5px #0000001c;
}
.section-46 {
z-index: 2;
padding-left: 69px;
padding-right: 69px;
position: relative;
overflow: hidden;
}
.image-134 {
width: 300px;
}
.div-block-179 {
background-color: var(--grey-a);
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100vw;
margin-top: 0;
margin-bottom: 56px;
padding-top: 40px;
padding-left: 69px;
padding-right: 69px;
display: flex;
position: static;
box-shadow: 0 -6px 20px #0003;
}
.rte-dark {
width: 100%;
max-width: 940px;
padding-bottom: 61px;
}
.rte-dark h2 {
color: #fff;
margin-top: 35px;
margin-bottom: 12px;
padding-left: 0;
font-family: "Roboto condensed 2", sans-serif;
}
.rte-dark p {
color: var(--grey-text);
margin-top: 12px;
margin-bottom: 12px;
font-weight: 300;
}
.rte-dark h3 {
color: var(--almost-white);
margin-top: 41px;
font-family: "Roboto condensed 2", sans-serif;
font-size: 22px;
}
.rte-dark figcaption {
color: var(--white);
letter-spacing: .3px;
font-family: Roboto Condensed, sans-serif;
font-size: 16px;
font-weight: 400;
}
.rte-dark img {
margin: 16px 0 0;
}
.rte-dark ul {
color: var(--grey-text);
margin-top: 20px;
}
.rte-dark strong {
color: var(--almost-white);
letter-spacing: .1px;
font-weight: 500;
}
.rte-dark a {
color: var(--light-green);
-webkit-text-stroke-color: var(--deep-green);
cursor: pointer;
font-weight: 400;
}
.rte-dark a:hover {
opacity: .71;
text-decoration: underline;
}
.rte-dark sup {
color: #ebe9e9;
font-size: 13px;
font-weight: 500;
}
.rte-dark li {
color: var(--grey-text);
font-weight: 300;
}
.rte-blog-body {
text-align: left;
width: 100%;
margin-top: 5px;
font-weight: 300;
}
.rte-blog-body h2 {
color: #575757;
margin-top: 35px;
margin-bottom: 13px;
padding-left: 0;
padding-right: 0;
font-family: "Roboto condensed 2", sans-serif;
}
.rte-blog-body p {
margin-top: 12px;
margin-bottom: 12px;
font-weight: 300;
}
.rte-blog-body h4 {
color: #575757;
}
.rte-blog-body li {
font-weight: 300;
}
.rte-blog-body h3 {
color: #575757;
margin-top: 41px;
font-family: "Roboto condensed 2", sans-serif;
font-size: 22px;
}
.rte-blog-body ul {
margin-top: 20px;
}
.rte-blog-body strong {
color: #6b6b6b;
font-weight: 500;
}
.rte-blog-body a {
color: var(--deep-green);
cursor: pointer;
font-weight: 400;
}
.rte-blog-body a:hover {
opacity: .64;
text-decoration: underline;
}
.rte-blog-body img {
margin-top: 17px;
margin-bottom: 0;
}
.rte-blog-body figure {
width: 100%;
margin-left: -2px;
margin-right: -2px;
}
.rte-blog-body sup {
color: #6e6e6e;
margin-right: 4px;
font-size: 13px;
font-weight: 700;
}
.rte-blog-body figcaption {
color: #919191;
letter-spacing: .3px;
font-family: Roboto Condensed, sans-serif;
font-weight: 400;
}
.rte-blog-body blockquote {
font-size: 19px;
line-height: 28px;
}
.rte-blog-body.termsconditions {
font-size: 18px;
font-weight: 400;
line-height: 23px;
}
.div-block-180 {
background-color: var(--deep-green);
width: 100%;
height: 20px;
box-shadow: 0 6px 19px #0003, inset 0 0 10px #47474766;
}
.div-block-180.linegrass {
background-color: var(--light-green);
box-shadow: inset 0 0 5px #2b2b2b;
}
.div-block-181 {
width: 100vw;
overflow: hidden;
}
.div-block-182 {
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-top: 24px;
padding-top: 17px;
padding-bottom: 34px;
display: flex;
}
.div-block-183 {
background-color: #d3d3d3;
width: 40%;
height: 2px;
margin-bottom: 14px;
}
.form-block-2 {
width: 50%;
}
.div-block-184 {
z-index: -3;
opacity: .07;
background-image: linear-gradient(87deg, #000000e0, #383838db 54%, #ffffffe3);
width: 100%;
height: 100%;
position: absolute;
top: 148px;
left: 0;
}
.text-block-55 {
color: #7e7c7c;
text-align: left;
letter-spacing: .2px;
width: 100%;
min-width: 400px;
max-width: 850px;
margin-bottom: 0;
padding-bottom: 21px;
font-family: Roboto Condensed, sans-serif;
font-size: 21px;
font-weight: 300;
line-height: 33px;
}
.rte-blog-body-copy h2 {
color: #575757;
margin-top: 35px;
margin-bottom: 13px;
padding-left: 0;
padding-right: 0;
font-family: "Roboto condensed 2", sans-serif;
}
.rte-blog-body-copy p {
margin-top: 12px;
margin-bottom: 12px;
font-family: Roboto Condensed, sans-serif;
font-size: 16px;
font-weight: 300;
}
.rte-blog-body-copy h4 {
color: #575757;
}
.rte-blog-body-copy h3 {
color: #575757;
margin-top: 41px;
font-family: "Roboto condensed 2", sans-serif;
font-size: 22px;
}
.rte-blog-body-copy ul {
margin-top: 20px;
}
.rte-blog-body-copy strong {
color: #6b6b6b;
font-weight: 500;
}
.rte-blog-body-copy a {
color: var(--deep-green);
cursor: pointer;
}
.rte-blog-body-copy a:hover {
opacity: .64;
text-decoration: underline;
}
.rte-blog-body-copy img {
margin-top: 17px;
margin-bottom: 17px;
}
.rte-blog-body-copy figure {
width: 100%;
margin-left: -2px;
margin-right: -2px;
}
.rte-blog-body-copy sup {
color: #6e6e6e;
margin-right: 4px;
font-weight: 700;
}
.form-copy {
z-index: 9999;
grid-column-gap: 10px;
justify-content: center;
align-items: center;
height: 2.8rem;
padding-top: 6px;
padding-bottom: 6px;
display: flex;
}
.ctacolumn1-copy {
z-index: 13;
grid-row-gap: .7rem;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 400px;
display: flex;
position: relative;
}
.ctasubscribe-copy {
background-color: var(--deep-green);
color: #fff;
text-align: center;
letter-spacing: .02rem;
text-shadow: 0 1px 8px #ffffff45;
border-radius: 40px;
justify-content: center;
align-items: center;
width: 100%;
height: 2rem;
padding-left: 46px;
padding-right: 46px;
font-family: "Roboto condensed 2", sans-serif;
font-size: 1.1rem;
font-weight: 500;
line-height: 1rem;
display: flex;
box-shadow: inset 0 2px 5px #ffffffab, 0 6px 11px #0000005c, 0 2px 16px #0003, inset 0 0 20px #32af1e;
}
.ctasubscribe-copy:hover {
text-shadow: 0 1px 6px #ffffffbf;
background-color: #2bb800b0;
}
.ctasubscribe-copy:active {
box-shadow: none;
text-shadow: 0 1px #ffffff63;
background-color: #2bb800;
margin-top: .1rem;
}
.text-block-40-copy {
color: #b9b9b9;
text-align: left;
letter-spacing: .031rem;
width: 100%;
margin-left: .2rem;
font-family: Roboto Condensed, sans-serif;
font-size: 1.14rem;
font-weight: 400;
line-height: 1.5rem;
box-shadow: 0 2px 5px #0003;
}
.link-block-3 {
width: 100%;
}
.text-field-2 {
color: #8a8a8a;
text-align: left;
border: 1px #000;
border-radius: 700px;
width: 200px;
height: 34px;
padding-left: 21px;
font-size: 18px;
font-weight: 400;
box-shadow: 0 4px 9px #0003;
}
.text-field-2::placeholder {
color: #e6e6e6;
}
.div-block-185 {
height: 100%;
padding-left: 0;
padding-right: 20px;
}
.form-2 {
width: 450px;
display: flex;
}
.div-block-176-copy {
letter-spacing: .2px;
cursor: pointer;
background-image: linear-gradient(#ffffff26, #ffffff26);
border-radius: 40px;
width: 120px;
margin-bottom: 5px;
padding: 0 11px;
position: static;
box-shadow: 0 3px 5px #0003, 0 2px 7px #0003, inset 0 0 6px #00000061;
}
.div-block-176-copy:hover {
opacity: .83;
}
.text-block-49-copy {
color: #fff;
text-align: center;
letter-spacing: .5px;
font-family: "Roboto condensed 2", sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 34px;
}
.div-block-176-copy-copy {
cursor: pointer;
background-color: #48c223;
border-radius: 40px;
width: 120px;
height: 34px;
margin-bottom: 8px;
margin-left: 0;
margin-right: 5px;
padding: 4px 29px;
box-shadow: 0 2px 7px #0003, inset 0 0 6px #00000061;
}
.category-text {
color: #fff;
flex-direction: row;
justify-content: center;
align-items: center;
height: 100%;
font-family: "Roboto condensed 2", sans-serif;
font-size: 16px;
font-weight: 500;
display: flex;
}
.category-text.overlay {
pointer-events: auto;
}
.div-block-186 {
flex-direction: column;
justify-content: flex-start;
margin-right: -12px;
padding-left: 8px;
display: flex;
}
.text-span-14 {
margin-top: 2px;
margin-left: 7px;
font-family: "Font awesome 5 pro solid 900", sans-serif;
font-size: 12px;
font-weight: 400;
}
.div-block-187 {
color: #fff;
align-items: center;
font-family: Roboto Condensed, sans-serif;
font-size: 18px;
font-weight: 300;
display: flex;
}
.text-block-57 {
margin-left: 5px;
margin-right: 5px;
}
.div-block-188 {
display: flex;
}
.text-block-58 {
color: var(--light-green);
margin-left: 3px;
font-family: "Roboto condensed 2", sans-serif;
}
.text-block-59 {
position: absolute;
bottom: -9px;
right: 22px;
}
.div-block-189 {
background-image: linear-gradient(#ebebeb00 67%, #f8f8f8);
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.collection-list-wrapper-6 {
flex-direction: row;
}
.collection-list-3 {
display: flex;
}
.radio-button-label {
display: none;
}
.div-block-190 {
background-image: radial-gradient(circle, #0000 49%, #000000b0);
width: 70%;
max-width: 70%;
height: 91%;
position: absolute;
}
.image-135 {
max-height: 200px;
margin-right: 28px;
}
.text-block-60 {
color: #fff;
cursor: pointer;
background-color: #64b14d;
border-radius: 5px;
width: 400px;
height: 40px;
margin-top: 13px;
padding: 7px 58px 9px;
font-family: "Roboto condensed 2", sans-serif;
font-size: 20px;
line-height: 17px;
position: absolute;
box-shadow: 0 2px 13px #0003, 0 2px 5px #00000014, inset 0 0 15px 6px #149100;
}
.text-block-60:hover {
opacity: .69;
}
.text-span-15 {
font-size: 29px;
position: relative;
top: 1px;
}
.div-block-191 {
z-index: -111;
width: 100vw;
position: absolute;
overflow: hidden;
}
.link-9 {
color: #ced3c8;
}
.link-block-16 {
flex-direction: column;
justify-content: flex-end;
height: 100vh;
padding-bottom: 12vh;
display: flex;
position: absolute;
top: 0;
left: 620.1vh;
}
.div-block-192 {
position: relative;
}
.div-block-193 {
z-index: 99999;
width: 100vw;
overflow: hidden;
}
.div-block-194 {
width: 100vw;
overflow: hidden;
}
.navbar-2 {
display: none;
}
.link-10 {
color: #fff;
text-shadow: 0 0 1px #fff;
cursor: pointer;
}
.link-10:hover {
text-shadow: 0 0 9px #fff;
}
.bold-text-2 {
background-color: var(--deep-green);
border-radius: 4px;
}
.container-49 {
padding-left: 124px;
padding-right: 124px;
}
.heading-91 {
font-size: 45px;
}
.container-50 {
padding-top: 157px;
padding-bottom: 157px;
}
.modal-wrapper {
z-index: 99999;
grid-column-gap: 16px;
grid-row-gap: 16px;
opacity: 0;
background-image: radial-gradient(circle, #070707ba 18%, #000000fc);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: none;
position: fixed;
inset: 0%;
overflow: hidden;
}
.div-block-196 {
background-image: linear-gradient(#fff, #fff 15%, #cecece 99%, #fff);
border-radius: 11px;
justify-content: center;
align-items: center;
width: 450px;
height: 320px;
display: flex;
overflow: hidden;
box-shadow: inset 0 2px 13px 2px #00000045, 0 5px 40px #00000087;
}
.image-138 {
object-fit: cover;
object-position: 0% 50%;
width: 40%;
max-width: none;
min-height: 100%;
display: none;
}
.div-block-197 {
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 50%;
height: 100%;
padding-top: 19px;
padding-left: 46px;
padding-right: 46px;
display: flex;
position: relative;
box-shadow: -8px 0 20px #0003;
}
.text-block-63 {
color: #7e7e7e;
font-family: Roboto, sans-serif;
font-size: 16px;
line-height: 20px;
}
.text-span-16 {
color: var(--deep-green);
}
.text-span-17 {
color: var(--light-green);
}
.text-block-62 {
color: #272727;
text-align: left;
letter-spacing: 0;
padding-left: 12px;
font-family: Truenobd, sans-serif;
font-size: 30px;
line-height: 30px;
}
.div-block-198 {
background-color: var(--light-green);
box-shadow: 0 2px 13px 3px #0003, 0 2px 3px 0 #0003, inset 0 0 18px 0 var(--deep-green);
cursor: pointer;
border-radius: 9px;
justify-content: center;
align-items: center;
width: 100%;
height: 35px;
margin-top: 15px;
transition: all 40ms;
display: flex;
}
.div-block-198:hover {
box-shadow: 0 0 10px 3px #0003, 0 2px 3px 0 #0003, inset 0 0 18px 0 var(--deep-green);
opacity: .87;
transform: translate(0, 1px);
}
.div-block-198:active {
opacity: .55;
}
.text-block-64 {
color: #fff;
font-family: Roboto Condensed, sans-serif;
font-size: 21px;
font-weight: 700;
display: flex;
}
.image-139 {
max-width: 45px;
position: absolute;
top: -3px;
left: 0;
}
.image-139-copy {
max-width: 44px;
position: absolute;
bottom: 0;
left: -2px;
transform: rotate(-90deg);
}
.text-block-65 {
color: #4d4d4d;
cursor: pointer;
margin-top: 12px;
font-family: "Roboto condensed 2", sans-serif;
font-size: 15px;
font-weight: 700;
text-decoration: underline;
}
.text-block-65:hover {
opacity: .6;
}
.close {
cursor: pointer;
max-width: 38px;
position: absolute;
top: 12px;
right: 10px;
}
.close:hover {
opacity: .69;
}
.image-139-copy-copy {
max-width: 43px;
}
.div-block-199 {
justify-content: flex-start;
align-items: center;
width: 100%;
margin-bottom: 8px;
padding-left: 7px;
display: flex;
}
.text-span-18 {
margin-top: 1px;
margin-left: 7px;
font-size: 16px;
display: block;
}
.section-47 {
color: #464646;
background-image: linear-gradient(#363636, #000);
min-height: 450px;
padding-top: 49px;
padding-bottom: 49px;
font-weight: 500;
}
.checkbox-2 {
pointer-events: none;
color: #7c7c7c;
background-color: #18181800;
border-width: 2px;
border-color: #7c7c7c;
border-radius: 20px;
width: 80px;
height: 25px;
margin-top: 0;
margin-left: 0;
font-size: 16px;
position: absolute;
inset: 0%;
box-shadow: inset 0 0 5px #00000096, 0 0 4px #ffffff5e;
}
.checkbox-2.w--redirected-checked {
background-color: #3898ec00;
background-image: none;
border-width: 2px;
border-color: #707070;
margin-left: 0;
}
.checkbox-2.dairy {
width: 70px;
}
.checkbox-2.general {
width: 160px;
}
.image-bg {
height: 300px;
}
.image-140 {
object-fit: cover;
object-position: 50% 100%;
min-width: 100vw;
height: 400px;
}
.container-51 {
max-width: 600px;
}
.waitlistheaderrow {
align-items: flex-start;
display: flex;
position: relative;
}
.heading-92 {
color: var(--deep-green);
margin-top: 0;
margin-bottom: 5px;
font-family: Truenosbd, sans-serif;
}
.text-span-19 {
color: var(--white);
}
.text-span-20 {
color: var(--light-green);
}
.text-block-66 {
color: #fff;
}
.div-block-200 {
background-color: #fff;
border-radius: 13px;
width: 1px;
height: 70px;
position: absolute;
top: 7px;
left: -14px;
}
.div-block-201 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.waitlist-input {
color: #464646;
border: 2px solid #d9d9d9;
border-radius: 19px;
height: 27px;
box-shadow: inset 1px 2px 8px #0000003d;
}
.waitlist-input::placeholder {
color: #d4d4d4;
}
.waitlist-label {
color: #fff;
margin-bottom: 2px;
font-family: Truenorg, sans-serif;
font-size: 14px;
font-weight: 400;
}
.form-block-3 {
margin-top: 21px;
display: none;
}
.formrow {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
display: flex;
}
.formrow.formrowselect {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
margin-top: 20px;
}
.formrow.roworganic {
margin-top: 37px;
}
.formrow.roworganic-copy {
margin-top: 18px;
}
.div-block-203 {
width: 48%;
}
.form-section-header {
color: var(--white);
margin-top: 50px;
margin-bottom: 14px;
font-family: "Roboto condensed 2", sans-serif;
font-size: 20px;
font-weight: 400;
}
.select-field-2 {
color: #464646;
border: 2px solid #d9d9d9;
border-radius: 20px;
height: 27px;
padding-top: 0;
padding-bottom: 0;
box-shadow: inset 1px 2px 8px #00000030;
}
.checkbox-test {
z-index: 9999;
pointer-events: auto;
cursor: pointer;
flex-direction: column;
justify-content: center;
align-items: center;
width: 14px;
height: 14px;
margin-bottom: 0;
padding-left: 0;
display: flex;
position: relative;
}
.checkbox-test:hover {
transform: scale(1.02);
}
.checkbox-test.generalcropping {
width: 160px;
}
.checkbox-test.dairy {
width: 70px;
}
.checkbox-test.livestock {
width: 240px;
}
.checkbox-test.grazing-lfa {
width: 210px;
}
.checkbox-test.pigs {
width: 60px;
}
.checkbox-test.poultry {
width: 90px;
}
.checkbox-test.mixed {
width: 70px;
}
.checkbox-test.horticulture {
width: 120px;
}
.checktagsrrow {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-bottom: 3px;
display: flex;
}
.submit-row {
justify-content: flex-end;
margin-top: 15px;
display: flex;
}
.submit-button-2 {
letter-spacing: .3px;
background-color: #62c552;
border-radius: 4px;
padding: 4px 78px;
font-family: Roboto Condensed, sans-serif;
font-weight: 700;
box-shadow: inset 0 0 10px #115706;
}
.submit-button-2:hover {
opacity: .88;
}
.submit-button-2:active {
transform: scale(.96);
}
.checkbox-label-2 {
color: #fff;
font-family: Truenorg, sans-serif;
font-size: 12px;
}
.checkbox-3 {
cursor: pointer;
border-color: #fff;
border-radius: 4px;
width: 12px;
height: 12px;
margin-top: 4px;
}
.checkbox-3.w--redirected-checked {
background-color: #fff;
background-image: none;
border-color: #fff;
width: 12px;
height: 12px;
margin-top: 4px;
box-shadow: inset 0 0 0 2px #000;
}
.radio-button-field {
cursor: pointer;
flex-direction: column;
justify-content: center;
align-items: center;
width: 30px;
padding-left: 0;
display: flex;
}
.radio-button {
border-color: #fff;
border-radius: 31%;
width: 14px;
height: 14px;
margin-left: 0;
box-shadow: inset 0 0 #0003;
}
.radio-button.w--redirected-checked {
background-color: #fff;
border-width: 1px;
border-color: #fff;
box-shadow: inset 0 0 0 2px #000;
}
.radio-button-label-2 {
color: #fff;
font-family: Truenosbd, sans-serif;
}
.radiorow {
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 13px;
padding-left: 0;
display: flex;
}
.radiorow.interest {
margin-top: 0;
}
.text-block-67 {
color: #fff;
font-family: Truenosbd, sans-serif;
font-size: 9px;
}
.formcommentrow {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
margin-top: 21px;
display: flex;
}
.formcommentrow.formrowselect {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
margin-top: 20px;
}
.formcommentrow.roworganic {
margin-top: 37px;
}
.text-block-68 {
color: #fff;
margin-bottom: 8px;
font-family: Truenorg, sans-serif;
}
.textarea {
color: #464646;
border-radius: 10px;
min-height: 120px;
padding-top: 6px;
padding-bottom: 6px;
}
.textarea::placeholder {
color: #d4d4d4;
}
.formrow-copy {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
margin-top: 21px;
display: flex;
}
.formrow-copy.formrowselect {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
margin-top: 20px;
}
.formrow-copy.roworganic {
margin-top: 37px;
}
.success-message-2 {
border: 2px solid var(--deep-green);
background-color: #ddd0;
border-radius: 14px;
margin-top: 102px;
padding-top: 9px;
padding-bottom: 9px;
}
.text-block-69 {
color: var(--light-green);
font-size: 18px;
}
.div-block-204 {
z-index: 999;
}
.form-section-header-2 {
color: #fff;
margin-top: 50px;
margin-bottom: 14px;
font-family: "Roboto condensed 2", sans-serif;
font-size: 20px;
font-weight: 400;
}
.text-block-70 {
color: #fff;
margin-bottom: 8px;
font-family: Truenorg, sans-serif;
}
.text-block-71 {
color: #fff;
font-family: Truenosbd, sans-serif;
font-size: 9px;
}
.success-message-3 {
background-color: #ddd0;
border: 2px solid #2bb800;
border-radius: 14px;
margin-top: 102px;
padding-top: 9px;
padding-bottom: 9px;
}
.checkbox-label-3 {
color: #fff;
font-family: Truenorg, sans-serif;
font-size: 12px;
}
.div-block-205 {
width: 48%;
}
.select-field-3 {
color: #464646;
border: 2px solid #d9d9d9;
border-radius: 20px;
height: 27px;
padding-top: 0;
padding-bottom: 0;
box-shadow: inset 1px 2px 8px #00000030;
}
.form-block-4 {
margin-top: 21px;
}
.text-block-72 {
color: #b0e000;
font-size: 18px;
}
.checkbox-4 {
cursor: pointer;
border-color: #fff;
border-radius: 4px;
width: 12px;
height: 12px;
margin-top: 4px;
}
.checkbox-4.w--redirected-checked {
background-color: #fff;
background-image: none;
border-color: #fff;
width: 12px;
height: 12px;
margin-top: 4px;
box-shadow: inset 0 0 0 2px #000;
}
.html-embed-6 {
margin-bottom: 0;
}
.div-block-206 {
width: 100%;
height: 2000px;
}
.div-block-207 {
width: 80px;
height: 22px;
margin-top: 16px;
margin-left: 14px;
position: relative;
}
.div-block-207:hover {
opacity: .66;
}
.image-141 {
height: 17px;
margin-top: 1px;
position: absolute;
top: 5px;
right: 13px;
}
.ctasubscribe-copy-copy {
background-color: var(--deep-green);
color: #fff;
text-align: center;
letter-spacing: .02rem;
text-shadow: 0 1px 8px #ffffff45;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 100%;
margin-right: 0;
padding: 6px 20px 6px 0;
font-family: "Roboto condensed 2", sans-serif;
font-size: .8rem;
font-weight: 500;
line-height: 1rem;
display: flex;
box-shadow: inset 0 2px 5px #ffffffab, 0 6px 11px #0000005c, 0 2px 16px #0003, inset 0 0 20px #32af1e;
}
.ctasubscribe-copy-copy:hover {
text-shadow: 0 1px 6px #ffffffbf;
background-color: #2bb800b0;
}
.ctasubscribe-copy-copy:active {
box-shadow: none;
text-shadow: 0 1px #ffffff63;
background-color: #2bb800;
margin-top: .1rem;
}
.wrapper:hover {
opacity: .66;
}
.island1 {
width: 13vw;
position: absolute;
top: 10.9vw;
left: 17.1vw;
}
.island0 {
width: 20vw;
position: absolute;
top: 14.3vw;
left: 0;
}
.fire1 {
width: 2.5vw;
position: absolute;
top: 11.1vw;
left: 22.2vw;
}
.fire2 {
width: 4.5vw;
position: absolute;
top: 8.8vw;
left: 21.3vw;
}
.smoke {
width: 5vw;
position: absolute;
top: 2.8vw;
left: 20.3vw;
}
.co21 {
transform-style: preserve-3d;
width: 2.5vw;
position: absolute;
top: 5.6vw;
left: 17.7vw;
transform: rotateX(0)rotateY(180deg)rotateZ(0);
}
.co22 {
transform-style: preserve-3d;
width: 2.5vw;
position: absolute;
top: 1.2vw;
left: 25.4vw;
transform: rotateX(0)rotateY(180deg)rotateZ(47deg);
}
.arrow1 {
width: 2.5vw;
position: absolute;
top: 17.9vw;
left: 16.4vw;
}
.arrow2 {
width: 3vw;
position: absolute;
top: 28.4vw;
left: 16.8vw;
}
.island2 {
width: 30vw;
position: absolute;
top: 27.5vw;
left: 12.6vw;
}
.island3 {
width: 18vw;
position: absolute;
top: 33.3vw;
left: -.9vw;
}
.island4 {
width: 18vw;
position: absolute;
top: 44.8vw;
left: 11.3vw;
}
.island5 {
width: 19vw;
position: absolute;
top: 42.3vw;
left: 32vw;
}
.arrow5 {
width: 3vw;
position: absolute;
top: 41.8vw;
left: 34.7vw;
}
.arrow3 {
width: 3vw;
position: absolute;
top: 38.1vw;
left: 14.7vw;
}
.arrow4 {
width: 2vw;
position: absolute;
top: 43.9vw;
left: 22.8vw;
}
.steam {
width: 6vw;
position: absolute;
top: 23.9vw;
left: 26.6vw;
}
.text-block-73 {
color: #acacac;
font-family: Roboto Condensed, sans-serif;
font-size: 15px;
position: absolute;
top: 46.1vw;
left: 3.5vw;
}
.text-block-73.heat {
top: 57.2vw;
left: 16.6vw;
}
.text-block-73.heat-copy {
width: 200px;
top: 53.9vw;
left: 34.2vw;
}
.text-block-73.heat-copy-copy {
text-align: right;
width: 200px;
position: static;
top: 8.7vw;
left: auto;
right: 26vw;
}
.div-block-208 {
background-image: linear-gradient(#acacac, #acacac);
width: 1px;
height: 49px;
margin-top: 2px;
position: static;
top: 8.8vw;
left: 17.1vw;
}
.heatt {
width: 4.5vw;
position: absolute;
top: 43.3vw;
left: 13.9vw;
}
.div-block-209 {
grid-column-gap: 10px;
grid-row-gap: 10px;
width: 220px;
display: flex;
position: absolute;
top: 2.9vw;
right: 23vw;
}
.div-block-166-mobile {
transform-style: preserve-3d;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 45vw;
height: 100%;
margin-top: -26px;
margin-right: 47px;
display: none;
position: relative;
}
.div-block-166-mobile._166-mobile, .navbar-3 {
display: none;
}
.div-block-211 {
overflow: hidden;
}
.div-block-212 {
width: 100vw;
max-width: 100vw;
position: relative;
overflow: hidden;
}
.image-144 {
width: 100vw;
}
.more-products-heading-copy {
color: #454545;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
font-family: "Roboto condensed 2", sans-serif;
font-size: 22px;
}
.text-block-74 {
color: #8f8f8f;
}
.cart-quantity-2 {
width: 50px;
height: 50px;
padding-left: 11px;
}
.div-block-213 {
flex-direction: column;
align-items: center;
display: flex;
}
.apple-pay-2 {
border-radius: 5px;
}
.text-block-75 {
font-weight: 700;
}
.text-block-76 {
color: #4d4d4d;
}
.remove-button {
grid-column-gap: 5px;
grid-row-gap: 5px;
display: flex;
}
.text-block-77 {
color: #f36440;
font-size: 12px;
}
.div-block-214 {
z-index: 0;
background-image: radial-gradient(circle, #000, #fff0);
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
}
.remove-button-2 {
display: flex;
}
.text-block-78 {
color: #f36440;
margin-top: 0;
margin-left: 3px;
}
.closecart {
cursor: pointer;
transition: all 75ms;
}
.closecart:hover {
opacity: .75;
transform: scale(1.1);
}
.body-15 {
overflow: visible;
}
.div-block-215 {
width: 100vw;
height: 550px;
position: absolute;
top: 0;
overflow: visible;
}
.div-block-216 {
width: 100vw;
min-width: 100vw;
max-width: 100vw;
height: 640px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.link-11 {
color: #b6b6b5;
cursor: pointer;
font-weight: 700;
}
.link-11:hover {
color: #d1d1d1;
text-decoration: underline;
}
.grid-17-copy {
grid-column-gap: 15px;
grid-row-gap: 30px;
grid-template: "Area"
/ 1fr 1fr;
margin-top: 25px;
}
.div-block-217 {
justify-content: space-between;
margin-bottom: 19px;
display: flex;
}
.list-item-2 {
margin-bottom: 10px;
list-style-type: none;
}
.list-item-3 {
margin-bottom: 10px;
margin-left: 30px;
list-style-type: none;
}
.list-item-4 {
list-style-type: none;
}
.container-53 {
max-width: 750px;
padding-top: 20px;
padding-bottom: 20px;
}
.image-145 {
max-height: 40px;
}
.text-block-79 {
font-family: Truenorg, sans-serif;
font-size: 25px;
line-height: 28px;
}
.text-block-80 {
font-size: 12px;
font-weight: 500;
}
.section-48 {
padding-left: 29px;
padding-right: 29px;
}
.casestudybanner, .image-146 {
position: relative;
}
.casestudy-1 {
grid-column-gap: 64px;
grid-row-gap: 64px;
justify-content: center;
align-items: flex-start;
padding: 113px 62px 29px;
display: flex;
position: relative;
overflow: hidden;
}
.casestudy-1._2 {
padding: 81px 75px 32px;
}
.casestudy-1._3 {
flex-flow: column;
padding-top: 88px;
padding-bottom: 0;
}
.casestudy-1._3.case {
padding-top: 44px;
padding-bottom: 0;
}
.casestudy-1._3.casseeee {
padding-top: 11px;
padding-bottom: 21px;
}
.casestudy-1.casestudy {
flex-flow: column;
}
.casestudy-1._3-copy {
background-color: #202020;
flex-flow: column;
padding-top: 54px;
padding-bottom: 0;
}
.image-146-copy {
z-index: 2;
transition: opacity .2s;
position: absolute;
}
.image-146-copy:hover {
opacity: 0;
}
.column {
max-width: 100%;
}
.mainheaders-copy.headersenrichig {
text-shadow: 0 0 8px #ffffff36;
width: auto;
margin-top: 0;
margin-bottom: 6px;
padding: 0;
}
.mainheaders-copy.main-header-vision-copy {
color: #454545;
width: 110%;
margin-top: 0;
margin-bottom: 5px;
padding-bottom: 0;
font-size: 25px;
line-height: 30px;
}
.mainheaders-copy.main-header-vision-copy.whi {
color: #fff;
}
.mainheaders-copy.main-header-vision-copy.casestudyheader {
width: 100%;
}
.paragraph-copy {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
position: static;
top: 59.6vh;
left: 93.7vh;
}
.paragraph-copy._8 {
width: auto;
min-width: 40vw;
padding-left: 135px;
}
.paragraph-copy.container-our-solution {
width: 500px;
margin-bottom: 5vw;
margin-left: 13vw;
position: static;
top: 161px;
left: -1.7vh;
}
.paragraph-copy.container-vision-1 {
width: 100%;
}
.paragraph-copy.container-vision-1.casestudy2 {
justify-content: center;
align-items: flex-start;
padding-bottom: 38px;
}
.paragraph-copy.container-vision-1.aa {
max-width: 950px;
}
.paragraph-copy.biochar-container {
width: 540px;
max-width: 45vw;
margin-left: 10px;
}
.paragraph-copy.pioneerscontainer2 {
width: 50%;
margin-left: 32px;
}
.paragraph-copy.soilbenefitsheader {
width: 800px;
max-width: 1000px;
}
.paragraph-copy.containertoolate {
width: 46.6vh;
position: absolute;
top: 65.5vh;
left: 99.2vh;
}
.paragraph-copy.container-open-cycle {
width: 49vh;
position: absolute;
top: 5.7vh;
left: 178.2vh;
}
.paragraph-copy.pyroparag {
width: 53.2vh;
position: absolute;
top: 3.9vh;
left: 306vh;
}
.paragraph-copy.staplepara {
width: 60vh;
position: absolute;
top: 68.9vh;
left: 403.3vh;
}
.paragraph-copy.bchar {
width: 600px;
margin-left: 43px;
}
.paragraph-copy.a-huge-opportunity {
width: 60vh;
position: absolute;
top: 98.4vh;
left: 97.1vh;
}
.paragraph-copy.container-open-cycle-copy {
width: 49vh;
position: absolute;
top: 5.7vh;
left: 178.2vh;
}
.paragraph-copy.paragraphonfarm {
width: 100%;
}
.paragraph-copy.carboncycle {
margin-top: 2vw;
}
.paragraph-copy.paragraphcarbonc {
width: 140%;
margin-top: -3px;
margin-left: -134px;
}
.paragraph-copy.paragraphenriching {
width: auto;
}
.paragraph-copy.pyro {
width: 120%;
margin-top: 4px;
margin-left: 22px;
}
.paragraph-copy.container-vision-1-copy {
width: 100%;
margin-top: 112px;
padding-left: 32px;
position: absolute;
top: auto;
bottom: 6.4vw;
left: 6.9vw;
}
.image-147 {
margin-top: 8px;
margin-bottom: 66px;
margin-left: -4px;
}
.text-block-81 {
color: var(--grey-text);
margin-bottom: 72px;
font-size: 17px;
line-height: 23px;
}
.text-block-81.casestudy, .text-block-81.casestudy-copy {
margin-top: 20px;
margin-bottom: -7px;
}
.text-block-81.casee {
margin-bottom: -2px;
}
.text-block-81.cassse {
margin-bottom: 3px;
}
.text-block-81.asss {
margin-bottom: 45px;
}
.div-block-218 {
margin-top: -28px;
position: relative;
}
.image-148 {
height: 450px;
position: absolute;
top: 44px;
left: 39px;
}
.text-block-82 {
color: var(--greytext2);
width: 200px;
font-family: "Roboto condensed 2", sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 25px;
position: absolute;
top: 85px;
left: 190px;
}
.text-block-82.casestudystat2 {
width: 180px;
top: 297px;
}
.text-block-82.casestudystat2-copy {
top: 191px;
left: 247px;
}
.text-block-82.casestudystat2-copy-copy {
width: 150px;
top: 399px;
left: 247px;
}
.text-block-82-copy {
color: var(--white);
width: 200px;
font-family: Truenobd, sans-serif;
font-size: 38px;
font-weight: 400;
line-height: 25px;
position: absolute;
top: 94px;
left: 70px;
}
.text-block-82-copy.casestudystat2 {
top: 297px;
}
.text-block-82-copy.casestudystat2-copy {
top: 191px;
left: 247px;
}
.text-block-82-copy.casestudystat2-copy-copy {
top: 399px;
left: 247px;
}
.text-span-21 {
margin-left: 3px;
font-size: 28px;
}
.text-block-82-copy-copy {
color: #e3f4a6;
width: 200px;
font-family: Truenobd, sans-serif;
font-size: 38px;
font-weight: 400;
line-height: 25px;
position: absolute;
top: 306px;
left: 70px;
}
.text-block-82-copy-copy.casestudystat2 {
top: 297px;
}
.text-block-82-copy-copy.casestudystat2-copy {
top: 191px;
left: 247px;
}
.text-block-82-copy-copy.casestudystat2-copy-copy {
top: 399px;
left: 247px;
}
.text-block-82-copy-copy-copy {
color: var(--light-green);
width: 200px;
font-family: Truenobd, sans-serif;
font-size: 38px;
font-weight: 400;
line-height: 25px;
position: absolute;
top: 199px;
left: 130px;
}
.text-block-82-copy-copy-copy.casestudystat2 {
top: 297px;
}
.text-block-82-copy-copy-copy.casestudystat2-copy {
top: 191px;
left: 247px;
}
.text-block-82-copy-copy-copy.casestudystat2-copy-copy {
top: 399px;
left: 247px;
}
.text-block-82-copy-copy-copy-copy {
color: var(--deep-green);
width: 200px;
font-family: Truenobd, sans-serif;
font-size: 38px;
font-weight: 400;
line-height: 25px;
position: absolute;
top: 407px;
left: 126px;
}
.text-block-82-copy-copy-copy-copy.casestudystat2 {
top: 297px;
}
.text-block-82-copy-copy-copy-copy.casestudystat2-copy {
top: 191px;
left: 247px;
}
.text-block-82-copy-copy-copy-copy.casestudystat2-copy-copy {
top: 399px;
left: 247px;
}
.section-49 {
grid-column-gap: 53px;
grid-row-gap: 53px;
background-color: var(--grey-a);
flex-flow: column;
justify-content: center;
padding: 40px 98px 14px;
display: flex;
}
.section-49.white {
background-color: var(--white);
align-items: center;
}
.section-49.white-copy {
background-color: var(--white);
flex-flow: row;
align-items: center;
padding-top: 54px;
padding-bottom: 0;
}
.section-49.white-copy-copy {
background-color: var(--white);
flex-flow: row;
align-items: center;
padding-top: 0;
padding-bottom: 36px;
}
.mainheaders-copy-copy.main-header-vision-copy {
color: #fff;
width: 70%;
margin-top: 0;
margin-bottom: 4px;
padding-bottom: 0;
font-size: 20px;
line-height: 26px;
}
.mainheaders-copy-copy.main-header-vision-copy.black {
color: #3a3a3a;
}
.mainheaders-copy-copy.main-header-vision-copy.white {
color: #fff;
}
.mainheaders-copy-copy.main-header-vision-copy.white-copy {
color: #4b4b4b;
}
.mainheaders-copy-copy.main-header-vision-copy.white-copy-copy {
color: var(--grey-text);
text-shadow: none;
margin-top: 32px;
font-family: Roboto, sans-serif;
}
.text-block-83 {
color: var(--grey-text);
letter-spacing: .5px;
text-shadow: 0 0 17px #ffffff47;
font-family: Truenosbd, sans-serif;
font-size: 35px;
line-height: 35px;
}
.text-block-83.dark {
color: var(--greytext2);
}
.div-block-219 {
background-color: #fff;
width: 3px;
height: 90px;
margin-top: 7px;
margin-left: 10px;
margin-right: 10px;
}
.div-block-219.black {
background-color: #b4afaf;
}
.image-149 {
margin-top: 6px;
}
.column-copy {
justify-content: center;
max-width: 950px;
max-height: 350px;
display: flex;
}
.column-copy.aaa {
max-width: 950px;
}
.paragraph-copy-copy {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
position: static;
top: 59.6vh;
left: 93.7vh;
}
.paragraph-copy-copy._8 {
width: auto;
min-width: 40vw;
padding-left: 135px;
}
.paragraph-copy-copy.container-our-solution {
width: 500px;
margin-bottom: 5vw;
margin-left: 13vw;
position: static;
top: 161px;
left: -1.7vh;
}
.paragraph-copy-copy.container-vision-1 {
width: 100%;
margin-left: -50px;
}
.paragraph-copy-copy.container-vision-1.swague {
margin-left: 0;
}
.paragraph-copy-copy.container-vision-1.swagueee {
justify-content: center;
margin-left: 0;
}
.paragraph-copy-copy.biochar-container {
width: 540px;
max-width: 45vw;
margin-left: 10px;
}
.paragraph-copy-copy.pioneerscontainer2 {
width: 50%;
margin-left: 32px;
}
.paragraph-copy-copy.soilbenefitsheader {
width: 800px;
max-width: 1000px;
}
.paragraph-copy-copy.containertoolate {
width: 46.6vh;
position: absolute;
top: 65.5vh;
left: 99.2vh;
}
.paragraph-copy-copy.container-open-cycle {
width: 49vh;
position: absolute;
top: 5.7vh;
left: 178.2vh;
}
.paragraph-copy-copy.pyroparag {
width: 53.2vh;
position: absolute;
top: 3.9vh;
left: 306vh;
}
.paragraph-copy-copy.staplepara {
width: 60vh;
position: absolute;
top: 68.9vh;
left: 403.3vh;
}
.paragraph-copy-copy.bchar {
width: 600px;
margin-left: 43px;
}
.paragraph-copy-copy.a-huge-opportunity {
width: 60vh;
position: absolute;
top: 98.4vh;
left: 97.1vh;
}
.paragraph-copy-copy.container-open-cycle-copy {
width: 49vh;
position: absolute;
top: 5.7vh;
left: 178.2vh;
}
.paragraph-copy-copy.paragraphonfarm {
width: 100%;
}
.paragraph-copy-copy.carboncycle {
margin-top: 2vw;
}
.paragraph-copy-copy.paragraphcarbonc {
width: 140%;
margin-top: -3px;
margin-left: -134px;
}
.paragraph-copy-copy.paragraphenriching {
width: auto;
}
.paragraph-copy-copy.pyro {
width: 120%;
margin-top: 4px;
margin-left: 22px;
}
.paragraph-copy-copy.container-vision-1-copy {
width: 100%;
padding-left: 32px;
position: absolute;
top: auto;
bottom: 6.4vw;
left: 6.9vw;
}
.image-150 {
border-radius: 4px;
width: 30%;
height: 100%;
}
.image-73-copy {
max-width: 58px;
position: absolute;
top: 33px;
right: -7px;
transform: rotate(90deg);
}
.image-73-copy.pattern-our-vision-bottom {
inset: auto 0 32px auto;
transform: rotate(180deg);
}
.image-73-copy._73ourteam {
filter: invert(20%);
transform-style: preserve-3d;
top: -15px;
right: -1px;
transform: rotateX(180deg)rotateY(0)rotateZ(0);
}
.image-151 {
margin-top: 60px;
}
.image-152 {
object-fit: contain;
max-width: 830px;
}
.section-50 {
background-color: #fff;
justify-content: center;
padding-bottom: 53px;
padding-left: 65px;
padding-right: 65px;
display: flex;
}
.casestudy-1-copy {
grid-column-gap: 64px;
grid-row-gap: 64px;
justify-content: center;
align-items: flex-start;
padding: 113px 0;
display: flex;
position: relative;
overflow: hidden;
}
.casestudy-1-copy._2 {
background-color: #202020;
align-items: center;
margin-bottom: -7px;
padding: 81px 76px 43px;
}
.casestudy-1-copy._2-copy {
background-color: #202020;
flex-flow: column;
align-items: center;
margin-bottom: -7px;
padding: 81px 76px 43px;
}
.section-50-copy {
background-color: #202020;
justify-content: center;
padding-bottom: 53px;
padding-left: 61px;
padding-right: 61px;
display: flex;
position: relative;
}
.image-153 {
max-width: 550px;
}
.image-73-copy-copy {
max-width: 58px;
position: absolute;
top: 33px;
right: -7px;
transform: rotate(90deg);
}
.image-73-copy-copy.pattern-our-vision-bottom {
inset: auto 0 32px auto;
transform: rotate(180deg);
}
.image-73-copy-copy._73ourteam {
transform-style: preserve-3d;
top: auto;
bottom: 0;
right: 1px;
transform: none;
}
.container-54 {
flex-flow: column;
align-items: center;
max-width: 500px;
display: flex;
}
.image-154 {
max-width: 100%;
margin-right: 47px;
}
.image-155 {
border-radius: 4px;
margin-top: 72px;
margin-bottom: 59px;
box-shadow: 0 2px 20px 1px #0003;
}
.div-block-220 {
width: 100vw;
}
.body-16 {
max-width: 100vw;
overflow: visible;
}
.image-156 {
object-fit: cover;
width: 100%;
min-width: 101vw;
max-width: 101%;
margin-bottom: -3px;
margin-left: -6px;
position: static;
top: 0;
left: 0;
}
.div-block-221 {
justify-content: center;
align-items: center;
width: 100%;
padding-left: 52px;
padding-right: 52px;
display: flex;
position: absolute;
inset: 0%;
}
.div-block-222 {
position: relative;
}
.image-156-copy {
object-fit: cover;
width: 100%;
min-width: 101vw;
max-width: 101%;
margin-bottom: 0;
margin-left: -6px;
position: static;
top: 0;
left: 0;
}
.section-51 {
position: relative;
}
.div-block-68-copy.containerenriching {
align-items: center;
max-width: 780px;
}
.div-block-68-copy.containerenriching-copy {
align-items: center;
max-width: 100%;
}
.div-block-68-copy.containerenriching-copy-copy {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 100%;
}
.miniheader-copy.miniheaderourmission {
color: var(--light-green);
margin-bottom: 7px;
}
.miniheader-copy.miniheaderourmission-copy {
color: var(--light-green);
margin-bottom: 7px;
}
.mainheaders-copy {
color: #fff;
text-align: left;
text-shadow: 0 0 12px #ffffff4d;
width: 120%;
margin-top: 0;
margin-bottom: 0;
font-family: Truenosbd, sans-serif;
font-size: 33px;
line-height: 34px;
}
.mainheaders-copy.mainheader-mission {
color: var(--deep-green);
width: 100%;
}
.mainheaders-copy.main-header-vision {
color: #454545;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
font-size: 31px;
line-height: 37px;
}
.mainheaders-copy.headertextpiioneer {
font-size: 30px;
}
.mainheaders-copy.headertoolate {
color: #424242;
margin-top: -.3vh;
font-size: 2.8vh;
line-height: 3.1vh;
}
.mainheaders-copy.headeropencycle {
color: #fff;
text-shadow: 0 0 7px #29292945;
margin-top: -.4vh;
font-size: 2.8vh;
line-height: 3.1vh;
}
.mainheaders-copy.headeropencycle-copy {
color: #fff;
letter-spacing: .5px;
text-shadow: 0 0 7px #29292945;
margin-top: -.4vh;
font-size: 2.8vh;
line-height: 3.1vh;
}
.mainheaders-copy.headeropencycle-copy-copy {
color: #222;
letter-spacing: .5px;
text-shadow: 1px 0 #29292930;
margin-top: -.4vh;
font-size: 2.8vh;
line-height: 3.1vh;
}
.mainheaders-copy.onfarmbenefits {
color: #424242;
letter-spacing: .4px;
-webkit-text-stroke-color: var(--grey-a);
margin-top: 0;
margin-bottom: 0;
font-family: Truenosbd, sans-serif;
font-weight: 400;
}
.mainheaders-copy.header-biochar-for-you {
width: 100%;
margin-top: 0;
margin-bottom: 0;
}
.mainheaders-copy.headersbiocharforyou {
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: "Roboto condensed 2", sans-serif;
font-size: 28px;
}
.mainheaders-copy.headerhome {
letter-spacing: .2px;
margin-top: 0;
margin-bottom: 0;
padding: 0;
font-size: 28px;
}
.mainheaders-copy.headerhome.scaling {
width: 100%;
}
.mainheaders-copy.headerhome.headergreener {
color: #333;
width: 160%;
font-size: 25px;
}
.mainheaders-copy.headersenrichig {
text-align: center;
text-shadow: 0 0 8px #ffffff36;
width: auto;
margin-top: 0;
margin-bottom: 6px;
padding: 0;
font-size: 25px;
}
.mainheaders-copy.main-header-vision-copy {
color: #454545;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
font-size: 31px;
line-height: 37px;
}
.mainheaders-copy.headersenrichig-copy {
text-align: center;
text-shadow: 0 0 8px #ffffff36;
width: auto;
margin-top: 0;
margin-bottom: 6px;
padding: 0;
font-size: 30px;
}
.paragraphtext-copy {
color: #8b8888;
text-align: left;
letter-spacing: .1px;
max-width: none;
margin-top: 10px;
font-weight: 400;
}
.paragraphtext-copy.paragraph-mission {
color: #a5a5a5;
letter-spacing: .1px;
width: 70%;
margin-top: 1px;
font-size: 1.2vw;
font-weight: 400;
line-height: 1.3vw;
}
.paragraphtext-copy.paragraph-mission.textenriching, .paragraphtext-copy.paragraph-mission.textenriching-copy {
color: #d6d5d5;
text-align: center;
text-shadow: 0 1px 20px #000, 0 1px 20px #00000061;
width: auto;
margin-bottom: 19px;
font-size: 18px;
line-height: 25px;
}
.paragraphtext-copy.our-solution-text {
opacity: 1;
color: #b1ae9f;
max-width: 45vw;
margin-top: 5px;
font-size: 16px;
line-height: 19px;
}
.paragraphtext-copy.paragraph-vision {
color: #a5a5a5;
max-width: 45vw;
margin-top: 1px;
}
.paragraphtext-copy.textbiochar {
max-width: 40vw;
margin-top: .2vw;
font-size: 1.35vw;
line-height: 1.39vw;
}
.paragraphtext-copy.pioneerstext {
max-width: 100%;
margin-top: 7px;
font-size: 18px;
line-height: 22px;
}
.paragraphtext-copy.textwhatisbiochar {
color: #a3a3a3;
max-width: 32vw;
margin-top: 3px;
font-size: 18px;
line-height: 20px;
}
.paragraphtext-copy.paragraphwhydoes {
color: #c7c7c7;
max-width: none;
margin-top: 3px;
font-size: 18px;
line-height: 20px;
}
.paragraphtext-copy.paragraphtoolate {
color: #b1b1b1;
letter-spacing: .02vh;
max-width: none;
margin-top: .4vh;
font-size: 1.82vh;
font-weight: 500;
line-height: 2.1vh;
}
.paragraphtext-copy.paragraphopencycle {
color: #579086;
max-width: none;
margin-top: .4vh;
font-size: 2vh;
font-weight: 400;
line-height: 2.2vh;
}
.paragraphtext-copy.pyrotext {
color: #3f8555;
max-width: none;
margin-top: .4vh;
font-size: 2vh;
font-weight: 400;
line-height: 2.2vh;
}
.paragraphtext-copy.stapletext {
color: #798342;
letter-spacing: 0;
max-width: none;
margin-top: .4vh;
font-size: 2vh;
font-weight: 400;
line-height: 2.2vh;
}
.paragraphtext-copy.quotehugeopportunity {
color: #676767;
letter-spacing: .4px;
max-width: none;
margin-top: .7vh;
font-family: Roboto Condensed, sans-serif;
font-size: 2vh;
font-weight: 700;
line-height: 2.3vh;
}
.paragraphtext-copy.huge-opportinity-paragrpah {
color: #a1a1a1;
letter-spacing: 0;
max-width: none;
margin-top: 1vh;
font-size: 2vh;
font-weight: 400;
line-height: 2.3vh;
}
.paragraphtext-copy.textonfarm {
color: #a7a7a7;
margin-top: 5px;
}
.paragraphtext-copy.textbiocharforyou {
color: #bbb;
-webkit-text-stroke-color: #ffeded;
}
.paragraphtext-copy.paragraphbiocharforyou {
color: #a3a3a3;
margin-top: 1px;
}
.paragraphtext-copy.paragraphhome {
color: #7d7f7a;
margin-top: 5px;
font-size: 18px;
line-height: 25px;
}
.paragraphtext-copy.paragraphhome.paragraphgreener {
color: #a0a0a0;
-webkit-text-stroke-color: #bebebe;
text-shadow: 0 0 25px #c3bdff4f;
font-family: Roboto, sans-serif;
}
.paragraphtext-copy.paragraph-vision-copy {
color: #a5a5a5;
max-width: 45vw;
margin-top: 1px;
}
.button-black-copy {
border: 2px solid var(--white);
color: var(--white);
letter-spacing: .4px;
background-color: #0000;
border-radius: 8px;
width: 100%;
margin-top: 12px;
padding-top: 6px;
padding-bottom: 8px;
font-family: Truenorg, sans-serif;
font-size: 17px;
transition: all .125s;
}
.button-black-copy:hover {
box-shadow: 0 0 13px #ffffff61;
}
.button-black-copy:active {
opacity: .59;
box-shadow: 0 0 6px #ffffff61;
}
.button-black-copy.ctablackbutton {
border-width: 3px;
width: 48%;
margin-top: 0;
padding-top: 5px;
padding-bottom: 5px;
font-size: 16px;
}
.button-black-copy.ctablackbutton.ctagreen {
border-width: 3px;
border-color: var(--deep-green);
background-color: var(--deep-green);
text-align: center;
width: 48%;
font-size: 14px;
transition: all .125s;
}
.button-black-copy.ctablackbutton.ctagreen:hover {
box-shadow: 0 0 13px -3px #cfeb6a;
}
.button-black-copy.ctablackbutton.ctagreen:active {
opacity: .74;
font-size: 15.5px;
box-shadow: 0 0 10px -3px #cfeb6a;
}
.button-black-copy.ctablackbutton.button-fx {
text-align: center;
width: 48%;
font-size: 14px;
transition: all .125s;
}
.button-black-copy.ctablackbutton.button-fx:hover {
box-shadow: 0 0 11px -1px #ffffffe0;
}
.button-black-copy.ctablackbutton.button-fx:active {
opacity: .76;
border-width: 2px;
font-size: 15.5px;
box-shadow: 0 0 8px -1px #ffffffe0;
}
.button-black-copy.button-nuclear {
border-width: 3px;
border-color: var(--light-green);
color: var(--light-green);
margin-top: 25px;
transition: all .275s;
}
.button-black-copy.button-nuclear:hover {
text-shadow: 1px 1px 6px #b0e000b8;
box-shadow: 0 0 13px #b0e0007a;
}
.button-black-copy.button-nuclear:active {
opacity: .7;
border-width: 3px;
font-size: 16.5px;
box-shadow: 0 0 7px #b0e0007a;
}
.button-black-copy.button-full-black {
border-color: var(--almost-black);
background-color: var(--almost-black);
margin-top: 19px;
transition: all .2s;
}
.button-black-copy.button-full-black:hover {
box-shadow: 0 0 19px -4px #ffffffb8;
}
.button-black-copy.button-full-black:active {
opacity: .73;
font-size: 16.5px;
box-shadow: 0 0 11px -4px #ffffffb8;
}
.button-black-copy.button-full-black.button-our-mission-about-us {
opacity: 1;
text-align: center;
}
.button-black-copy.button-full-black.button-our-mission-about-us:hover {
text-shadow: 1px 1px 6px #ffffff96;
box-shadow: 0 0 19px -4px #ffffff96;
}
.button-black-copy.button-full-black.button-our-mission-about-us:active {
opacity: .74;
}
.button-black-copy.button-full-black.button-our-mission-about-us.button-mission {
background-color: var(--deep-green);
border-width: 0;
width: 70%;
}
.button-black-copy.button-full-black.button-our-mission-about-us.button-mission-copy {
background-color: var(--deep-green);
letter-spacing: .7px;
border-width: 0;
width: 100%;
margin-top: 21px;
padding-left: 38px;
padding-right: 38px;
position: static;
bottom: 51px;
right: -26px;
box-shadow: 3px 2px 14px #0000004d;
}
.button-black-copy.button-full-black.button-our-mission-about-us.button-mission-copy.buttongreenermobile {
display: none;
}
.button-black-copy.button-full-black.button-our-mission-about-us.asd {
background-color: var(--deep-green);
border-width: 0;
width: 350px;
box-shadow: 3px 4px 14px #000000bf;
}
.button-black-copy.button-full-black.button-our-mission-about-us.asd.buttonfarmsmobile {
display: none;
}
.div-block-223 {
justify-content: space-between;
width: 100%;
margin-top: 34px;
margin-bottom: 24px;
display: flex;
}
.text-block-84 {
color: #fff;
font-family: Roboto Condensed, sans-serif;
font-weight: 400;
}
.text-block-85 {
color: var(--light-green);
font-family: Truenobd, sans-serif;
font-size: 44px;
line-height: 38px;
}
.text-span-22 {
margin-left: 7px;
font-family: Truenorg, sans-serif;
font-size: 30px;
}
.div-block-224 {
width: 150px;
}
.div-block-225 {
background-image: radial-gradient(circle, #000000ad, #00000057);
width: 100%;
max-width: 100%;
height: 100%;
position: absolute;
}
.mainheaders-copy-copy {
color: #fff;
text-align: left;
text-shadow: 0 0 12px #ffffff4d;
width: 120%;
margin-top: 0;
margin-bottom: 0;
font-family: Truenosbd, sans-serif;
font-size: 33px;
line-height: 34px;
}
.mainheaders-copy-copy.mainheader-mission {
color: var(--deep-green);
width: 100%;
}
.mainheaders-copy-copy.main-header-vision {
color: #454545;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
font-size: 31px;
line-height: 37px;
}
.mainheaders-copy-copy.headertextpiioneer {
font-size: 30px;
}
.mainheaders-copy-copy.headertoolate {
color: #424242;
margin-top: -.3vh;
font-size: 2.8vh;
line-height: 3.1vh;
}
.mainheaders-copy-copy.headeropencycle {
color: #fff;
text-shadow: 0 0 7px #29292945;
margin-top: -.4vh;
font-size: 2.8vh;
line-height: 3.1vh;
}
.mainheaders-copy-copy.headeropencycle-copy {
color: #fff;
letter-spacing: .5px;
text-shadow: 0 0 7px #29292945;
margin-top: -.4vh;
font-size: 2.8vh;
line-height: 3.1vh;
}
.mainheaders-copy-copy.headeropencycle-copy-copy {
color: #222;
letter-spacing: .5px;
text-shadow: 1px 0 #29292930;
margin-top: -.4vh;
font-size: 2.8vh;
line-height: 3.1vh;
}
.mainheaders-copy-copy.onfarmbenefits {
color: #424242;
letter-spacing: .4px;
-webkit-text-stroke-color: var(--grey-a);
margin-top: 0;
margin-bottom: 0;
font-family: Truenosbd, sans-serif;
font-weight: 400;
}
.mainheaders-copy-copy.header-biochar-for-you {
width: 100%;
margin-top: 0;
margin-bottom: 0;
}
.mainheaders-copy-copy.headersbiocharforyou {
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: "Roboto condensed 2", sans-serif;
font-size: 28px;
}
.mainheaders-copy-copy.headerhome {
letter-spacing: .2px;
margin-top: 0;
margin-bottom: 0;
padding: 0;
font-size: 28px;
}
.mainheaders-copy-copy.headerhome.scaling {
width: 100%;
}
.mainheaders-copy-copy.headerhome.headergreener {
color: #333;
width: 160%;
font-size: 25px;
}
.mainheaders-copy-copy.headersenrichig {
text-shadow: 0 0 8px #ffffff36;
width: auto;
margin-top: 0;
margin-bottom: 6px;
padding: 0;
}
.mainheaders-copy-copy.main-header-vision-copy {
color: #454545;
width: 110%;
margin-top: 0;
margin-bottom: 5px;
padding-bottom: 0;
font-size: 25px;
line-height: 30px;
}
.mainheaders-copy-copy.main-header-vision-copy.whi {
color: #fff;
}
.mainheaders-copy-copy.main-header-vision-copy-copy {
color: #fff;
width: 110%;
margin-top: 0;
margin-bottom: 5px;
padding-bottom: 0;
font-size: 25px;
line-height: 30px;
}
.mainheaders-copy-copy.main-header-vision-copy-copy.whi {
color: #fff;
}
.div-block-226 {
grid-column-gap: 8px;
grid-row-gap: 8px;
border: 1px solid #000;
flex-flow: column;
padding: 17px 15px;
display: flex;
}
.div-block-227 {
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100px;
height: 100px;
display: flex;
}
.div-block-228 {
display: flex;
}
.outofstock {
color: #ff3b3b;
}
.text-block-86 {
color: #fa1414;
text-align: center;
margin-top: 8px;
}
.div-block-229 {
background-color: var(--deep-green);
box-shadow: inset 0 2px 20px 13px var(--light-black), 20px 20px 20px -15px #0003;
border-style: solid;
border-color: #000;
border-radius: 300px;
justify-content: center;
align-items: center;
width: 400px;
height: 180px;
margin-bottom: 4px;
transition: all .2s;
display: flex;
transform: translate(0);
}
.div-block-229:hover {
background-color: var(--white);
transform: scale(1.3);
box-shadow: 0 2px 5px #0003;
}
.body-17 {
background-color: var(--white);
padding: 37px 8px;
}
.section-52 {
background-image: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/660d5c965bd8f3eb1d6e9eaf_MyMovie-ezgif.com-optimize%20(1).gif");
background-position: 0 0;
background-size: auto;
border: 3px solid #000;
flex-flow: row;
justify-content: center;
align-items: center;
width: 1000px;
padding-top: 26px;
padding-bottom: 26px;
display: flex;
box-shadow: inset 0 2px 14px 20px #ffffff82, 0 2px 5px #0003;
}
.text-block-87 {
color: var(--light-green);
font-size: 40px;
font-weight: 700;
}
.text-block-87.textbold {
color: var(--almost-white);
}
.text-block-87-copy {
color: var(--white);
font-size: 40px;
font-weight: 700;
}
.div-block-68-copy {
letter-spacing: .3px;
transform-style: preserve-3d;
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
max-width: 950px;
display: flex;
}
.div-block-68-copy.biochar-block {
max-width: 520px;
}
.div-block-68-copy.containerpioneer {
max-width: 90%;
}
.div-block-68-copy.block-why-does-it-matter {
max-width: none;
}
.div-block-68-copy.paragraphonfarm {
max-width: none;
padding-left: 0;
}
.div-block-68-copy.containerenriching {
max-width: 26rem;
}
.div-block-68-copy.container-vision-2-copy {
padding-left: 0;
}
.div-block-218-copy {
margin-top: -28px;
position: relative;
}
.section-53 {
width: 500px;
height: 100px;
}
.section-54 {
min-width: 1000px;
min-height: 300px;
}
.heading-93 {
font-weight: 400;
}
.bold-text-3 {
font-weight: 700;
}
.div-block-230 {
width: auto;
margin-left: 100px;
margin-right: 100px;
display: flex;
}
.miniheader-copy {
color: var(--light-green);
text-align: left;
background-color: #b0e00000;
font-family: Truenosbd, sans-serif;
font-size: 14px;
line-height: 16px;
}
.miniheader-copy.miniheaderourmission {
color: var(--light-green);
}
.miniheader-copy.minitoolate {
color: var(--deep-green);
font-size: 1.4vh;
}
.div-block-231 {
flex-flow: column;
display: flex;
}
.heading-94 {
margin-top: 8px;
}
.div-block-67-copy {
width: 2vh;
margin-right: 9px;
}
.div-block-67-copy.lines-about-us {
margin-right: 11px;
}
.div-block-67-copy.why-matter {
margin-right: 14px;
}
.div-block-67-copy.whatisbioc {
width: 4vh;
}
.div-block-67-copy.whatisbioc.whatis2 {
width: 1vh;
}
.div-block-67-copy.linesforyou {
margin-top: 7px;
margin-right: 14px;
}
.div-block-67-copy.linehome {
width: 3vh;
}
.div-block-67-copy.blof2efg {
width: 2vh;
}
.div-block-67-copy.guzg {
margin-right: 11px;
padding-top: 6px;
}
.div-block-67-copy.guzg-copy {
margin-top: -3px;
margin-right: 0;
padding-top: 6px;
}
.div-block-67-copy.lines-about-us-copy {
align-self: flex-start;
margin-right: 11px;
}
.div-block-232 {
flex-flow: column;
display: flex;
}
.div-block-233 {
order: 1;
}
.image-157 {
vertical-align: middle;
max-width: 70%;
padding-bottom: 20px;
}
.section-55 {
flex-flow: column;
justify-content: center;
align-items: center;
padding-bottom: 32px;
display: flex;
}
.image-158 {
max-width: 70%;
}
.div-block-234 {
margin-left: 100px;
margin-right: 100px;
display: flex;
}
.paragraph-57 {
margin-bottom: 0;
padding: 28px 62px 0 74px;
}
.paragraph-58 {
padding-top: 15px;
font-size: 17px;
}
.image-159 {
width: 100px;
}
.text-block-88 {
opacity: .76;
color: #fff;
text-shadow: 0 0 16px #ffffff7a;
width: 100px;
font-family: Truenolt, sans-serif;
font-size: 17px;
}
.div-block-235, .div-block-235-copy {
flex-flow: row;
justify-content: center;
align-items: center;
margin-top: 11px;
display: flex;
}
.text-block-88-copy {
opacity: .76;
color: #fff;
text-shadow: 0 0 16px #ffffff7a;
margin-top: 85px;
font-family: "Roboto condensed 2", sans-serif;
font-size: 20px;
}
.div-block-236 {
background-color: #0000;
width: 100%;
height: 100%;
position: absolute;
}
.div-block-237 {
background-color: var(--almost-white);
width: 30px;
height: 6px;
position: static;
}
.div-block-238 {
flex-flow: column;
justify-content: center;
align-items: center;
width: 760px;
display: flex;
position: absolute;
top: 246px;
bottom: auto;
}
.div-block-239 {
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 18px;
margin-bottom: 50px;
display: flex;
}
.text-block-89 {
color: var(--almost-white);
text-align: center;
font-family: Truenorg, sans-serif;
font-size: 24px;
line-height: 30px;
}
.div-block-240 {
width: 100%;
height: 100%;
}
.button-2 {
background-color: var(--light-green);
text-shadow: 0 0 10px #0000007a;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 280px;
padding: 16px 39px;
font-family: Truenorg, sans-serif;
font-size: 20px;
display: flex;
box-shadow: inset 0 0 5px #000000ab, 0 2px 5px #000000ba;
}
.button-2:hover {
opacity: .73;
transform: scale(1.05);
}
.div-block-241 {
grid-column-gap: 68px;
grid-row-gap: 68px;
margin-top: 34px;
display: flex;
}
.button-2-copy {
background-color: var(--deep-green);
text-shadow: 0 0 10px #0000007a;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 280px;
padding: 16px 39px;
font-family: Truenorg, sans-serif;
font-size: 20px;
display: flex;
box-shadow: inset 0 0 5px #000000ab, 0 2px 5px #000000ba;
}
.button-2-copy:hover {
opacity: .82;
transform: scale(1.05);
}
.button-2-copy.applynow {
width: 200px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
padding: 10px 20px;
font-size: 18px;
}
.div-block-242 {
background-color: #fff;
width: 1px;
}
.div-block-243 {
z-index: 999;
position: absolute;
bottom: 0;
}
.text-block-90 {
color: #fff;
margin-top: 11px;
font-family: Truenolt, sans-serif;
font-size: 18px;
position: static;
}
.image-160 {
width: 90px;
}
.text-block-91 {
color: #fff;
font-family: "Roboto condensed 2", sans-serif;
font-size: 20px;
}
.div-block-244 {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.text-block-92 {
color: #fff;
}
.text-block-93 {
color: #fff;
text-align: center;
border: 2px solid #fff;
border-radius: 20px;
width: 100%;
padding: 11px 30px;
font-size: 16px;
font-weight: 500;
}
.div-block-245 {
width: 100%;
margin-bottom: 34px;
}
.button-2-copy-copy {
background-color: var(--deep-green);
text-shadow: 0 0 10px #0000007a;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 280px;
margin-top: 27px;
padding: 13px 39px;
font-family: Truenorg, sans-serif;
font-size: 20px;
display: flex;
box-shadow: inset 0 0 5px #0000001f, 0 2px 5px #0000002b;
}
.button-2-copy-copy:hover {
opacity: .82;
transform: scale(1.05);
}
.button-2-copy-copy.jd-back-button {
text-align: left;
background-color: #444;
flex: 0 auto;
width: 150px;
padding-left: 0;
padding-right: 0;
font-size: 14px;
display: none;
}
.section-33-copy {
background-color: #fff;
padding-top: 0;
padding-bottom: 8rem;
position: relative;
overflow: hidden;
}
.section-33-copy.sectionbiocharforyou {
z-index: 5;
color: #0f0f0f;
background-color: #fff0;
background-image: linear-gradient(#0000, #533c1d26 20%, #ffffff12 95%), linear-gradient(#0000, #0d0d0d 12%, #000);
padding-top: 4.3rem;
padding-bottom: 8vw;
position: relative;
overflow: hidden;
box-shadow: 2px 20px 100px #0000;
}
.container-41-copy {
flex-direction: column;
margin-top: 27px;
margin-bottom: 22px;
padding-left: 46px;
padding-right: 46px;
display: flex;
}
.section-51-copy {
width: 100%;
max-width: 950px;
height: 300px;
margin-bottom: 9px;
position: relative;
}
.image-156-copy {
object-fit: cover;
width: 100%;
min-width: auto;
max-width: 100%;
height: 100%;
margin-bottom: -3px;
margin-left: 0;
position: static;
top: 0;
left: 0;
}
.div-block-224-copy {
border-left: 1px solid var(--white);
width: 150px;
padding-left: 16px;
position: relative;
}
.text-span-22-copy {
color: var(--white);
margin-left: 7px;
font-family: Truenorg, sans-serif;
font-size: 30px;
}
.text-span-22-copy.swagg {
color: var(--deep-green);
}
.text-span-22-copy {
margin-left: 7px;
font-family: Truenorg, sans-serif;
font-size: 30px;
}
.text-span-22-copy-copy.swag {
color: var(--light-green);
}
.text-span-22-copy-copy, .text-span-22-copy-copy-copy {
color: var(--deep-green);
margin-left: 7px;
font-family: Truenorg, sans-serif;
font-size: 30px;
}
.section-56 {
flex-flow: column;
align-items: center;
width: 100%;
margin-bottom: -44px;
padding-left: 82px;
padding-right: 82px;
display: flex;
}
.div-block-223-copy {
justify-content: space-between;
width: 100%;
margin-top: 50px;
margin-bottom: 24px;
display: flex;
}
.div-block-224-copy {
width: 150px;
}
.text-block-94 {
color: #fff;
position: absolute;
top: -22px;
}
.keyr1 {
color: var(--white);
}
.keyr2 {
color: var(--deep-green);
}
.text-block-95 {
color: #fff;
width: 100%;
margin-bottom: 44px;
font-family: Truenorg, sans-serif;
font-size: 33px;
}
.text-block-96 {
color: var(--grey-text);
margin-top: 18px;
margin-bottom: 6px;
font-size: 22px;
font-weight: 700;
}
.text-block-96.as {
color: var(--greytext2);
}
.text-block-81-copy.casestudy, .text-block-81-copy.casestudy-copy {
margin-top: 20px;
margin-bottom: -7px;
}
.text-block-81-copy.casestudy, .text-block-81-copy.casestudy-copy {
margin-top: 20px;
margin-bottom: -7px;
}
.container-54-copy {
flex-flow: column;
align-items: center;
max-width: 950px;
display: flex;
}
.div-block-246 {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.text-block-96-copy {
color: var(--white);
margin-top: 18px;
margin-bottom: 6px;
font-size: 22px;
font-weight: 700;
}
.div-block-247 {
width: 65%;
}
.div-block-221-copy {
justify-content: center;
align-items: center;
width: 100%;
padding-left: 52px;
padding-right: 52px;
display: flex;
position: absolute;
inset: 0%;
}
.section-49-copy {
grid-column-gap: 53px;
grid-row-gap: 53px;
background-color: var(--grey-a);
flex-flow: column;
justify-content: center;
align-items: center;
padding: 40px 98px 14px;
display: flex;
}
.section-49-copy.white {
background-color: var(--white);
align-items: center;
}
.section-49-copy.white-copy {
background-color: var(--white);
flex-flow: row;
align-items: center;
padding-bottom: 0;
}
.section-49-copy.white-copy-copy {
background-color: var(--white);
flex-flow: row;
align-items: center;
padding-top: 0;
padding-bottom: 36px;
}
.image-161 {
object-fit: contain;
width: 30%;
margin-left: 37px;
}
.image-162 {
width: 35%;
}
.text-block-81-copy.casestudy, .text-block-81-copy.casestudy-copy {
margin-top: 20px;
margin-bottom: -7px;
}
.div-block-248 {
border-top: 2px solid #fff;
width: 100%;
margin-top: 24px;
padding-top: 31px;
padding-bottom: 22px;
display: flex;
}
.text-block-97 {
color: var(--almost-white);
justify-content: center;
align-items: center;
width: 30%;
min-width: 30%;
padding-left: 26px;
padding-right: 26px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
display: flex;
}
.image-163 {
width: 70%;
}
.text-block-95-copy {
color: #282828;
width: 100%;
font-family: Truenorg, sans-serif;
font-size: 33px;
}
.text-block-81-copy.casestudy, .text-block-81-copy.casestudy-copy {
margin-top: 20px;
margin-bottom: -7px;
}
.text-block-81-copy-copy {
color: var(--grey-text);
margin-top: 22px;
margin-bottom: 31px;
font-size: 17px;
line-height: 23px;
}
.text-block-81-copy-copy.casestudy, .text-block-81-copy-copy.casestudy-copy {
margin-top: 20px;
margin-bottom: -7px;
}
.text-block-81-copy.casestudy, .text-block-81-copy.casestudy-copy {
margin-top: 20px;
margin-bottom: -7px;
}
.text-block-81-copyi {
color: var(--grey-text);
margin-bottom: 0;
font-size: 17px;
line-height: 25px;
}
.text-block-81-copyi.casestudy, .text-block-81-copyi.casestudy-copy {
margin-top: 20px;
margin-bottom: -7px;
}
.div-block-249 {
justify-content: space-between;
align-items: center;
margin-top: 31px;
display: flex;
}
.image-164 {
object-fit: contain;
width: 55%;
padding-left: 15px;
}
.image-164-copy {
object-fit: contain;
width: 45%;
}
.text-block-81-copyi-copy {
color: var(--grey-text);
margin-bottom: 0;
padding-left: 18px;
font-size: 17px;
line-height: 25px;
}
.text-block-81-copyi-copy.casestudy, .text-block-81-copyi-copy.casestudy-copy {
margin-top: 20px;
margin-bottom: -7px;
}
.link-block-18, .link-block-19, .link-block-20 {
width: 30%;
}
.div-block-250 {
width: 950px;
max-width: 100%;
display: flex;
}
.column-copy {
max-width: 100%;
}
.column-copy-copy {
max-width: 100%;
padding-left: 32px;
}
.text-block-81-copy {
color: var(--grey-text);
margin-bottom: 0;
font-size: 17px;
line-height: 23px;
}
.text-block-81-copy.casestudy, .text-block-81-copy.casestudy-copy {
margin-top: 20px;
margin-bottom: -7px;
}
.image-165 {
margin-top: -24px;
}
.code-embed {
display: flex;
}
.code-embed.mobile {
display: none;
}
.div-block-251, .div-block-252 {
justify-content: space-around;
width: 45%;
display: flex;
position: relative;
}
.text-block-98 {
color: #fff;
font-family: Truenolt, sans-serif;
font-size: 20px;
position: absolute;
top: -32px;
}
.div-block-253 {
display: none;
}
.section-57 {
width: 100px;
}
.text-block-99 {
color: var(--grey-text);
text-align: right;
width: 100%;
margin-bottom: 13px;
padding-right: 54px;
font-style: italic;
font-weight: 400;
}
.blogmaincontainer-copy {
padding-top: 35px;
padding-bottom: 88px;
}
.collection-list-wrapper-7, .collection-list-wrapper-8, .collection-list-wrapper-9 {
width: 500px;
}
.our-story-copy {
justify-content: center;
align-items: center;
height: 90vh;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-254, .div-block-255, .div-block-256 {
height: 9rem;
}
.div-block-257 {
letter-spacing: .3px;
transform-style: preserve-3d;
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
max-width: 950px;
display: flex;
}
.section-58 {
z-index: 10;
background-image: linear-gradient(#010101 2%, #0e0e0e);
padding-top: 7vw;
padding-bottom: 74px;
position: relative;
overflow: hidden;
}
.paragraph-59 {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
position: static;
top: 59.6vh;
left: 93.7vh;
}
.div-block-258 {
background-image: radial-gradient(circle, #0000 49%, #000000b0);
width: 70%;
max-width: 70%;
height: 91%;
position: absolute;
}
.div-block-259 {
width: 2vh;
margin-right: 9px;
}
.div-block-259.guzg {
margin-right: 11px;
padding-top: 6px;
}
.image-166 {
box-shadow: none;
border-radius: 5px;
max-width: 70%;
height: 91%;
}
.div-block-260 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
align-items: center;
width: 100%;
height: 350px;
margin-bottom: 3vw;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.div-block-261 {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.div-block-261.bullcontainer {
width: 140%;
height: 80%;
}
.link-12 {
color: #b6b6b5;
cursor: pointer;
font-weight: 700;
}
.link-12:hover {
color: #d1d1d1;
text-decoration: underline;
}
.container-55 {
margin-bottom: -18px;
}
.div-block-262 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
padding: 0 43px;
display: flex;
}
.div-block-262.text {
padding-left: 2px;
padding-right: 2px;
}
.marquee-copy {
justify-content: space-between;
align-items: center;
width: 300vw;
height: 12rem;
margin-left: 0;
padding-bottom: 20px;
padding-left: 1.521vw;
padding-right: 0;
display: flex;
transform: translate(-100vw)scale(.3);
}
.section-35-copy {
z-index: 10;
background-color: #161616;
background-image: linear-gradient(#010101 2%, #0e0e0e);
padding-top: 0;
padding-bottom: 0;
position: relative;
overflow: hidden;
}
.meet-the-team {
z-index: 10;
background-image: linear-gradient(#fff, #fff);
padding-top: 7vw;
padding-bottom: 74px;
position: relative;
overflow: hidden;
}
.the-team {
background-color: var(--light-black);
filter: grayscale(74%);
justify-content: center;
align-items: center;
height: 460px;
padding-left: 10%;
padding-right: 10%;
transition: filter .45s;
display: flex;
position: relative;
box-shadow: 0 0 19px 1px #00000080;
}
.the-team:hover {
filter: grayscale(0%);
}
.the-team.bgwhite {
background-color: var(--white);
height: 90px;
padding-top: 3%;
padding-bottom: 0;
padding-left: 11%;
box-shadow: 0 0 19px 1px #fff6;
}
.section-59 {
background-color: #060606;
padding-top: 27px;
}
.div-block-263 {
padding-left: 10.2rem;
}
.medium-white-heading-left-with-padding-copy {
color: #fff;
flex-flow: row;
align-items: center;
height: auto;
margin-top: 40px;
margin-bottom: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.header-trueno-60-copy {
color: var(--grey-a);
letter-spacing: .9px;
text-shadow: 0 0 6px #ffffff78;
order: 0;
justify-content: flex-start;
align-self: auto;
align-items: center;
margin-top: 0;
margin-bottom: 11px;
margin-left: 3px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
font-size: 43px;
font-weight: 400;
line-height: 40px;
display: flex;
}
.header-trueno-60-copy.white-text, .header-trueno-60-copy.text-white {
color: var(--white);
}
.header-trueno-60-copy {
color: var(--grey-a);
letter-spacing: .9px;
text-shadow: 0 0 6px #ffffff78;
flex: 1;
margin-top: 0;
margin-bottom: 0;
margin-left: -2px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
font-size: 43px;
font-weight: 400;
line-height: 40px;
}
.header-trueno-60-copy.white-text, .header-trueno-60-copy.text-white {
color: var(--white);
}
.div-block-163-copy.bullcontainer, .div-block-163-copy.bullcontainer-copy {
width: 140%;
height: 80%;
}
.div-block-163-copy.bullcontainer-copy.container1-copy {
height: 15vw;
line-height: 18vw;
}
.div-block-190-copy {
background-image: radial-gradient(circle, #0000 49%, #000000b0);
width: 70%;
max-width: 70%;
height: 91%;
position: absolute;
}
.platform2-copy {
flex-direction: column;
justify-content: flex-end;
align-items: center;
height: 100%;
margin-top: 0;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-163-copy {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.div-block-163-copy.bullcontainer {
width: 140%;
height: 60%;
}
.div-block-163-copy.bullcontainer.photohand {
height: 70%;
}
.div-block-163-copy.bullcontainer-copy {
width: 140%;
height: 80%;
}
.bullconstellation-copy {
width: auto;
max-width: 400%;
height: auto;
max-height: 150%;
position: absolute;
inset: -3.2vw 0% 0%;
}
.div-block-266 {
-webkit-text-fill-color: inherit;
background-clip: border-box;
flex-flow: column;
justify-content: center;
align-items: center;
height: 300px;
display: flex;
}
.div-block-266.careers {
background-image: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/685eb229e4c17bb8afe2dd36_image%2085.png");
background-position: 50%;
background-size: cover;
height: 300px;
}
.div-block-267 {
background-color: #000;
background-image: linear-gradient(#2b2b2b, #000);
}
.empty-state-2 {
background-color: #ddd6;
border-radius: 4px;
}
.text-block-100 {
color: #fff;
}
.flex-block {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: row;
width: 100%;
margin: 0;
padding: 0 10px;
}
.flex-block-2 {
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.div-block-268 {
text-align: left;
}
.div-block-269 {
background-image: linear-gradient(180deg, var(--almost-white), white 9%);
justify-content: center;
display: block;
}
.button-3 {
font-family: Truenolt, sans-serif;
font-size: 18px;
}
.heading-95 {
align-self: auto;
}
.image-167 {
vertical-align: baseline;
min-width: 150px;
max-width: 200px;
display: inline-block;
}
.container-56 {
justify-content: center;
display: flex;
}
.jd-property-label {
color: var(--greytext2);
margin-top: 15px;
margin-bottom: 5px;
font-family: Truenolt, sans-serif;
font-size: 13px;
}
.jd-property-divider {
background-color: var(--light-green);
width: 100%;
height: 2px;
margin: 15px 0 10px;
}
.text-block-101 {
margin-top: 5px;
margin-bottom: 5px;
}
.flex-block-3 {
justify-content: flex-start;
align-items: flex-start;
width: auto;
margin-bottom: 40px;
padding-left: 10vw;
padding-right: 10vw;
}
.flex-block-4 {
width: auto;
min-width: 20%;
max-width: 20%;
}
.div-block-270 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.backarrow {
padding-right: 10px;
font-family: "Font awesome 5 pro solid 900", sans-serif;
}
.image-168 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: cover;
background-attachment: fixed;
height: auto;
}
.div-block-271 {
background-color: var(--grey-a);
background-image: linear-gradient(#0000004d, #0000004d), url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/691b52d835eaf9f4e33f41e6_Wye%20Valley%20-%20Rob%20Wicks%20crop.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
justify-content: center;
align-items: center;
height: 85vh;
min-height: 500px;
max-height: 700px;
display: flex;
}
.div-block-272 {
background-color: var(--almost-black);
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.carrers-about-flex {
grid-column-gap: 19px;
grid-row-gap: 19px;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 80%;
max-width: none;
height: 100%;
margin: 40px 10%;
}
.div-block-273 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
width: 200px;
min-width: 100px;
max-width: none;
height: 100%;
max-height: 200px;
display: none;
}
.image-170 {
max-height: 100%;
}
.div-block-274 {
width: 80%;
margin-bottom: 40px;
margin-left: 10%;
margin-right: 10%;
}
.career-card {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fff;
border-radius: 8px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
padding: 0;
transition: all .2s;
display: flex;
box-shadow: 0 2px 7px #0003;
}
.career-card:hover {
transform: scale(1.02);
box-shadow: 0 2px 14px #0003;
}
.div-block-275 {
flex-flow: column;
flex: 1;
display: flex;
}
.career-card-divider {
margin-left: 5px;
margin-right: 5px;
}
.career-card-text {
color: var(--greytext2);
}
.career-class-heading {
-webkit-text-stroke-color: #333;
flex: 1;
margin-top: 0;
}
.text-block-102 {
color: var(--deep-green);
font-family: "Font awesome 5 pro 400", sans-serif;
font-size: 24px;
line-height: 30px;
}
.careers-link {
color: var(--grey-a);
width: 100%;
height: 100%;
margin: 0;
padding: 15px 30px;
transition: all .2s;
display: flex;
}
.div-block-276 {
justify-content: center;
align-items: center;
display: flex;
}
.careers-image-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template: "Area" 1fr
"." 1fr
/ 1fr 1fr 1fr;
place-items: stretch stretch;
width: auto;
min-width: 58%;
height: 266px;
min-height: auto;
max-height: none;
overflow: visible;
}
.careers-image-wrapper {
border-radius: 5px;
width: 100%;
overflow: hidden;
}
.image-171 {
z-index: 20;
object-fit: cover;
position: relative;
inset: 0%;
}
.image-172 {
max-width: none;
max-height: none;
}
.careers-image {
box-sizing: border-box;
object-fit: cover;
width: 100%;
height: 100%;
overflow: clip;
}
.flex-block-6 {
justify-content: space-between;
align-self: stretch;
align-items: flex-start;
}
.careers-section {
color: var(--white);
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
@media screen and (min-width: 1280px) {
.navigation-link {
padding-left: 20px;
padding-right: 20px;
}
.card-section {
justify-content: flex-start;
width: auto;
height: auto;
}
.container-10 {
padding-top: 20px;
padding-bottom: 20px;
}
.div-block-19 {
background-position: 100%;
background-size: cover;
}
.blanc-benefits-1, .blanc-benefits-2 {
text-align: left;
}
.image-28 {
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.hero-5 {
background-color: #000;
}
.paragraph-55, .paragraph-56 {
color: #fff;
width: auto;
}
.card-approach {
flex-direction: column;
padding-right: 10px;
}
.card-wrapper-approach {
margin-right: 10px;
}
.image-33 {
padding-left: 40px;
padding-right: 40px;
}
.heading-72 {
color: #fff;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 20px;
line-height: 25px;
display: flex;
}
.heading-75 {
margin-bottom: 0;
}
.small-green-heading-left {
font-size: 14px;
}
.container-34 {
justify-content: flex-start;
align-items: flex-start;
}
.hero-5-green {
background-color: #000;
}
.image-34 {
margin-top: 50px;
padding-top: 80px;
}
.column-21 {
padding-left: 0;
padding-right: 0;
}
.grid-14 {
grid-column-gap: 60px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: start;
display: grid;
}
.columns-8 {
display: flex;
}
.image-45 {
margin-top: 50px;
padding-top: 80px;
}
.image-54 {
padding-left: 10px;
}
.text-block-3 {
margin-top: 12px;
}
.image-57 {
margin-right: 0;
padding-left: 32px;
padding-right: 18px;
}
.team-header, .team-header.textdark {
font-size: 20px;
}
.footer {
height: auto;
min-height: 260px;
padding-top: 40px;
padding-bottom: 6px;
}
.footer-flex-container {
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 24px;
}
.footer-logo-link {
min-width: 0;
}
.footer-image {
width: auto;
max-width: none;
height: auto;
max-height: 180px;
}
.footer-heading {
color: var(--white);
letter-spacing: 1.2px;
text-indent: 0;
margin-top: 0;
margin-bottom: 10px;
padding-top: 0;
padding-bottom: 0;
font-family: Truenosbd, sans-serif;
font-size: 18px;
font-weight: 400;
}
.footer-link {
color: var(--white);
}
.container-39 {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
max-width: 100%;
height: 100%;
min-height: auto;
max-height: 100%;
display: flex;
}
.footer-copyright {
margin-bottom: 0;
padding-bottom: 0;
padding-left: 22px;
}
.footer-copyright.footer-address {
padding-left: 0;
padding-right: 22px;
}
.footer-link-container {
border-left: 1px solid #d9d9d9;
margin-left: 52px;
padding-left: 17px;
}
.footer-link-container.footer-link-container-extra {
margin-left: 25px;
}
.div-block-52 {
background-color: var(--almost-black);
}
.list {
display: flex;
}
.div-block-58 {
justify-content: center;
height: 90%;
}
.homebiocharsection {
justify-content: center;
}
.biocharhand {
max-height: 55vh;
}
.paragraph.container-our-solution {
margin-left: 12vw;
font-size: 16px;
line-height: 19px;
top: 59px;
}
.paragraph.pioneerscontainer2 {
width: 52%;
}
.mainheaders.mainheaderbiochar {
font-size: 37px;
}
.mainheaders.headertextpiioneer {
font-size: 33px;
line-height: 36px;
}
.paragraphtext.textbiochar {
font-size: 1.3vw;
}
.paragraphtext.pioneerstext {
margin-top: 3px;
font-size: 20px;
line-height: 24px;
}
.div-block-68.containerpioneer {
max-width: 95%;
}
.div-block-68.container-vision-2-copy {
width: 100%;
max-width: 100%;
margin-left: 0;
}
.cta-bg.ctabgcopy {
margin-left: -79px;
}
.div-block-71 {
width: 45%;
}
.text-block-5 {
width: 340px;
font-size: 37px;
}
.div-block-72.platform-line {
margin-top: 3px;
}
.div-block-73.line-to-remove-responsive {
background-color: var(--light-green);
}
.text-block-6.subheader-platform {
opacity: 1;
color: #a09f92;
margin-top: 2px;
line-height: 27px;
}
.islands, .lines, .skyfall, .grow, .bbb-island {
width: 110vw;
max-width: 110vw;
}
.whybbb {
left: 41vw;
}
.text-block-7.benefits-header {
letter-spacing: -.1vw;
}
.benefitheader.benefitheaderc {
color: #5caf3f;
}
.div-block-81 {
margin-top: 35px;
}
.image-71 {
opacity: 1;
}
.image-72 {
opacity: .9;
}
.team-icons {
display: flex;
}
.team-social-icon {
font-size: 28px;
}
.team-social-icon.font-awesome {
font-family: "Font awesome 5 pro solid 900", sans-serif;
}
.hex.quality {
opacity: .82;
}
.scalablelines {
width: 20vw;
top: 24.2vw;
left: 17.8vw;
}
.easy {
max-width: 20vw;
position: absolute;
top: 42.7vw;
left: 7vw;
}
.valorisationlines {
max-width: 20vw;
position: absolute;
top: 61.2vw;
left: 17.7vw;
}
.qualitylines {
width: 20vw;
position: absolute;
top: 80.2vw;
left: 7vw;
}
.visualisationlines {
max-width: 20vw;
position: absolute;
top: 117.4vw;
left: 7.2vw;
}
.arrowss {
opacity: .91;
}
.graph {
max-width: 850px;
}
.opencyclecontainer.containerpioneer, .pyrocontainer.containerpioneer, .staplecontainer.containerpioneer {
max-width: 95%;
}
.platform2 {
margin-top: -43px;
}
.platformsupplierscontainer {
margin-right: 1vw;
}
.div-block-113 {
justify-content: flex-start;
}
.rowplatformbenefits {
width: 700px;
}
.div-block-114 {
width: 240px;
height: 240px;
margin-right: 2vw;
}
.div-block-116 {
width: 450px;
}
.platformsupplierscontainernega.customers {
transform: translate(0, -19px);
}
.div-block-120 {
transform: translate(-167px);
}
.rowplatformbenefits-copy {
width: 700px;
}
.div-block-132 {
width: 100px;
}
.product-content-wrapper {
align-items: stretch;
}
.product-images {
justify-content: center;
}
.product-image-container {
width: 20vw;
height: 20vw;
}
.featured-product-heading {
font-size: 24px;
}
.featured-product-caption {
font-size: 16px;
line-height: 20px;
}
.main-image-wrapper {
width: 40vw;
max-width: 60vh;
height: 70vh;
}
.bottom-grass {
height: 40px;
max-height: none;
}
.image-124 {
margin-top: -6px;
}
.text-block-44 {
margin-bottom: -2rem;
}
.div-block-161 {
height: 380px;
}
.div-block-163.bullcontainer, .div-block-163.bullcontainer-copy {
width: 130%;
}
.bullconstellation.bullstars {
min-height: 13px;
}
.bullconstellation.bullshadow {
min-width: auto;
min-height: 13px;
}
.container-43 {
flex-direction: column;
display: flex;
}
.image-125 {
background-image: linear-gradient(#814545d9, #814545d9);
}
.greener-smarter {
background-image: linear-gradient(#fff 15%, #eee 94%);
}
.div-block-165 {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.greenersmarter {
letter-spacing: -.04rem;
font-size: 5rem;
line-height: 4.2rem;
}
.div-block-165-copy {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.container-50 {
padding-top: 191px;
padding-bottom: 191px;
}
.div-block-209 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.paragraph-copy.container-our-solution {
margin-left: 12vw;
font-size: 16px;
line-height: 19px;
top: 59px;
}
.paragraph-copy.pioneerscontainer2 {
width: 52%;
}
.paragraph-copy-copy.container-our-solution {
margin-left: 12vw;
font-size: 16px;
line-height: 19px;
top: 59px;
}
.paragraph-copy-copy.pioneerscontainer2 {
width: 52%;
}
.casestudy-1-copy._2-copy {
padding-left: 152px;
padding-right: 152px;
}
.mainheaders-copy.mainheaderbiochar {
font-size: 37px;
}
.mainheaders-copy.headertextpiioneer {
font-size: 33px;
line-height: 36px;
}
.paragraphtext-copy.textbiochar {
font-size: 1.3vw;
}
.paragraphtext-copy.pioneerstext {
margin-top: 3px;
font-size: 20px;
line-height: 24px;
}
.mainheaders-copy-copy.mainheaderbiochar {
font-size: 37px;
}
.mainheaders-copy-copy.headertextpiioneer {
font-size: 33px;
line-height: 36px;
}
.div-block-68-copy.containerpioneer {
max-width: 95%;
}
.image-161 {
margin-right: 0;
}
.image-165 {
max-width: 300px;
}
.image-166 {
background-image: linear-gradient(#814545d9, #814545d9);
}
.div-block-260 {
height: 380px;
}
.div-block-261.bullcontainer {
width: 130%;
}
.container-55 {
flex-direction: column;
display: flex;
}
.div-block-163-copy.bullcontainer, .div-block-163-copy.bullcontainer-copy {
width: 130%;
}
.platform2-copy {
margin-top: -43px;
}
.div-block-163-copy.bullcontainer, .div-block-163-copy.bullcontainer-copy {
width: 130%;
}
.carrers-about-flex {
width: 100%;
max-width: 1024px;
}
.div-block-274 {
max-width: 1024px;
}
.div-block-276 {
justify-content: center;
align-items: center;
display: flex;
}
}
@media screen and (min-width: 1440px) {
.contact-form {
height: auto;
}
.texte-blanc-home-page {
margin-top: .6vw;
font-size: 2.1vw;
}
.heading-58 {
font-size: 4.3vw;
}
.paragraph-51 {
margin-bottom: 30px;
}
.card-approach {
background-color: #2bb800;
width: 250px;
margin-bottom: 40px;
margin-right: 40px;
padding-bottom: 10px;
}
.card-wrapper-approach {
margin-right: 30px;
}
.div-block-46 {
padding-left: 13px;
}
.header-bbb.header-bbb-small {
font-size: 17px;
}
.section-team-story {
overflow: visible;
}
.heading-86 {
opacity: 1;
font-size: 50px;
}
.heading-86.color-light-green {
letter-spacing: -1px;
margin-left: 10px;
font-size: 50px;
}
.text-block-3 {
margin-top: 13px;
}
.image-57 {
padding-left: 0;
padding-right: 0;
}
.image-59.ourstoryimageb.hamish1, .image-59.ourstoryimageb.hamish2, .image-59.alex1, .image-59.tilak2, .image-59.tilak1 {
width: 100%;
height: 100%;
}
.div-block-50 {
width: 300px;
height: 300px;
}
.text-block-4 {
margin-top: 17px;
font-size: 16px;
line-height: 19px;
}
.div-block-51 {
justify-content: center;
display: flex;
}
.footer-flex-container {
margin-left: 16px;
}
.footer-logo-link {
max-height: none;
}
.footer-image {
max-height: 160px;
}
.footer-heading {
letter-spacing: .8px;
font-family: Truenosbd, sans-serif;
font-size: 20px;
}
.footer-copyright {
color: var(--grey-text);
}
.footer-link-container {
height: 150px;
margin-left: 5px;
}
.div-block-52 {
background-color: #0f0f0f00;
}
.div-block-54 {
width: 60%;
padding-left: 90px;
padding-right: 90px;
}
.button-black.ctablackbutton.ctagreen, .button-black.ctablackbutton.button-fx {
font-size: 17px;
}
.section-26 {
background-color: #fff0;
}
.image-63.sticky {
max-width: 23rem;
}
.homebiocharsection {
height: 80vh;
}
.div-block-65 {
width: 40vw;
margin-right: 2vw;
transform: scale(1.12)translate(0);
}
.biocharmolecule {
max-width: 450px;
margin-left: -3vw;
}
.biocharhand {
max-width: 130%;
max-height: 62vh;
margin-left: -13px;
}
.paragraph.container-our-solution {
margin-top: -6vw;
margin-left: auto;
margin-right: 52vw;
padding-top: 73px;
top: 39px;
transform: scale(1.1);
}
.paragraph.paragraphcarbonc {
margin-top: 87px;
}
.div-block-67 {
flex-direction: column;
width: 1.7vw;
}
.div-block-67.whatisbioc {
width: 22px;
}
.our-mission {
background-color: #fff;
height: 100vh;
}
.line-dot {
background-color: #fff;
border-radius: 1px;
width: 5px;
height: 17px;
margin-bottom: 10px;
padding-bottom: 14px;
padding-right: 0;
}
.line-dot.dotplatform {
height: 8px;
}
.line-dot.soybenefit {
width: 4px;
height: 12px;
margin-bottom: 8px;
}
.line-dot.whatisbioc {
width: 4px;
height: 12px;
}
.mainheaders.headertextpiioneer {
font-size: 36px;
line-height: 38px;
}
.paragraphtext {
letter-spacing: 0;
font-size: 17px;
line-height: 19px;
}
.paragraphtext.paragraph-mission {
font-size: 1.1vw;
line-height: 1.2vw;
}
.paragraphtext.our-solution-text {
max-width: 42vw;
}
.paragraphtext.textbiochar {
font-size: 18px;
line-height: 19px;
}
.paragraphtext.pioneerstext {
font-size: 23px;
line-height: 27px;
}
.paragraphtext.paragraph-vision-copy {
font-weight: 400;
}
.div-block-68 {
transform: scale3d(1none, 1none, 1none);
}
.cta-bg {
height: 140%;
bottom: -24px;
left: -43px;
}
.cta-bg.ctabgcopy {
margin-left: -79px;
}
.cta-fg {
height: 140%;
bottom: -24px;
}
.image-68 {
width: auto;
max-width: 490px;
height: 47vh;
margin-top: 2vh;
margin-bottom: 3vh;
padding-top: 116px;
padding-bottom: 24px;
}
.div-block-71 {
max-width: 700px;
}
.div-block-71.platform-landing {
margin-bottom: 58px;
padding-left: 33px;
}
.div-block-71.cta {
width: 70%;
margin-bottom: 15vh;
}
.div-block-72.platform-line {
margin-top: 5px;
}
.text-block-6.subheader-platform {
line-height: 28px;
}
.text-block-6.cta-responsive {
letter-spacing: .012vw;
font-size: 1.2vw;
line-height: 1.25vw;
}
.html-embed-3 {
width: 100%;
padding-left: 25px;
padding-right: 25px;
}
.team-social-icon {
font-size: 30px;
}
.team-social-icon.font-awesome {
padding-right: 49px;
}
.image-75 {
margin-top: 61px;
margin-left: 0;
}
.image-76 {
aspect-ratio: 1;
object-fit: cover;
object-position: 50% 100%;
}
.graph {
max-width: 950px;
margin-top: 120px;
}
.dots-bchar-container {
flex-direction: column;
flex: 0 auto;
align-items: flex-start;
width: 20px;
display: flex;
}
.opencyclecontainer {
transform: scale3d(1none, 1none, 1none);
}
.dotsopencycle {
flex-direction: column;
flex: 0 auto;
align-items: flex-start;
width: 20px;
display: flex;
}
.pyrocontainer, .staplecontainer {
transform: scale3d(1none, 1none, 1none);
}
.platform2 {
height: 113%;
margin-top: -25px;
}
.platform3 {
min-height: 45vw;
}
.platformsupplierscontainer {
margin-right: 8vw;
}
.platformsupplierscontainernega.customers {
margin-top: -42px;
margin-left: 14vw;
transform: none;
}
.customersillustrationcontainer-copy {
top: -12.8vh;
}
.featured-product-heading {
font-size: 28px;
}
.featured-product-caption {
font-size: 18px;
line-height: 22px;
}
.main-image-wrapper {
width: 40vw;
height: 70vh;
}
.collection-item-2 {
margin-left: 30px;
margin-right: 30px;
}
.text-block-36 {
font-size: 65px;
line-height: 70px;
}
.section-33 {
padding-bottom: 14vw;
}
.section-33.sectionbiocharforyou {
padding-bottom: 8vw;
}
.div-block-155 {
padding-left: 13vw;
}
.text-block-42 {
font-size: 1.5rem;
line-height: 1.5rem;
}
.text-block-43 {
font-size: 4.8rem;
line-height: 4.2rem;
}
.div-block-161 {
padding-top: 0;
padding-bottom: 6vw;
}
.div-block-163.bullcontainer {
width: 120%;
height: 100%;
}
.div-block-163.bullcontainer.photohand {
width: 110%;
}
.div-block-163.bullcontainer-copy {
width: 120%;
height: 100%;
}
.div-block-163.bullcontainer-copy.photohand {
width: 110%;
}
.container-43 {
max-width: 1100px;
}
.container-44 {
max-width: 1280px;
}
.greenersmarter {
font-size: 5.7rem;
line-height: 4.5rem;
}
.div-block-168, .div-block-168-copy {
padding-left: 84px;
padding-right: 84px;
}
.div-block-196 {
width: 550px;
}
.div-block-197 {
padding-left: 64px;
padding-right: 64px;
}
.text-block-62 {
font-size: 35px;
}
.div-block-198 {
height: 42px;
margin-top: 16px;
}
.text-block-64 {
font-size: 24px;
}
.image-139-copy {
max-width: 50px;
}
.text-block-65 {
font-size: 16px;
}
.close {
max-width: 42px;
}
.image-139-copy-copy {
max-width: 47px;
}
.text-block-73 {
font-size: 17px;
}
.text-block-73.heat-copy-copy {
width: 240px;
}
.div-block-209 {
width: 250px;
}
.div-block-212 {
-webkit-text-fill-color: inherit;
background-clip: border-box;
}
.casestudy-1._3 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding-bottom: 112px;
}
.casestudy-1._3-copy {
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.paragraph-copy.container-our-solution {
margin-top: -6vw;
margin-left: auto;
margin-right: 52vw;
padding-top: 73px;
top: 39px;
transform: scale(1.1);
}
.paragraph-copy.paragraphcarbonc {
margin-top: 87px;
}
.paragraph-copy-copy.container-our-solution {
margin-top: -6vw;
margin-left: auto;
margin-right: 52vw;
padding-top: 73px;
top: 39px;
transform: scale(1.1);
}
.paragraph-copy-copy.container-vision-1.swagueee {
justify-content: center;
}
.paragraph-copy-copy.paragraphcarbonc {
margin-top: 87px;
}
.section-50-copy {
margin-top: -1px;
}
.mainheaders-copy.headertextpiioneer {
font-size: 36px;
line-height: 38px;
}
.paragraphtext-copy {
letter-spacing: 0;
font-size: 17px;
line-height: 19px;
}
.paragraphtext-copy.paragraph-mission {
font-size: 1.1vw;
line-height: 1.2vw;
}
.paragraphtext-copy.our-solution-text {
max-width: 42vw;
}
.paragraphtext-copy.textbiochar {
font-size: 18px;
line-height: 19px;
}
.paragraphtext-copy.pioneerstext {
font-size: 23px;
line-height: 27px;
}
.paragraphtext-copy.paragraph-vision-copy {
font-weight: 400;
}
.button-black-copy.ctablackbutton.ctagreen, .button-black-copy.ctablackbutton.button-fx {
font-size: 17px;
}
.mainheaders-copy-copy.headertextpiioneer {
font-size: 36px;
line-height: 38px;
}
.div-block-68-copy {
transform: scale3d(1none, 1none, 1none);
}
.div-block-67-copy {
flex-direction: column;
width: 1.7vw;
}
.div-block-67-copy.whatisbioc {
width: 22px;
}
.section-33-copy {
padding-bottom: 14vw;
}
.section-33-copy.sectionbiocharforyou {
padding-bottom: 8vw;
}
.text-block-95 {
margin-bottom: 46px;
}
.image-161 {
margin-left: 101px;
}
.column-copy {
padding-left: 108px;
}
.div-block-257 {
transform: scale3d(1none, 1none, 1none);
}
.div-block-259 {
flex-direction: column;
width: 1.7vw;
}
.div-block-260 {
padding-top: 0;
padding-bottom: 6vw;
}
.div-block-261.bullcontainer {
width: 120%;
height: 100%;
}
.div-block-261.bullcontainer.photohand {
width: 110%;
}
.container-55 {
max-width: 1100px;
}
.the-team {
overflow: visible;
}
.platform2-copy {
height: 113%;
margin-top: -25px;
}
.div-block-163-copy.bullcontainer {
width: 120%;
height: 100%;
}
.div-block-163-copy.bullcontainer.photohand {
width: 110%;
}
.div-block-163-copy.bullcontainer-copy {
width: 120%;
height: 100%;
}
.div-block-163-copy.bullcontainer-copy.photohand {
width: 110%;
}
}
@media screen and (min-width: 1920px) {
.button-navigation-button {
width: auto;
height: auto;
margin-left: 30px;
margin-right: 30px;
}
.navigation-link {
padding-left: 20px;
padding-right: 20px;
}
.navigation-link.login {
font-size: 19px;
}
.nav-menu {
height: 50px;
}
.navigation-link-bold {
font-size: 15px;
}
.texte-blanc-home-page {
justify-content: center;
width: 1100px;
line-height: 30px;
}
.text-noir {
margin-bottom: 30px;
font-size: 20px;
line-height: 25px;
}
.card-section {
text-align: right;
width: 90vh;
}
.div-block-19 {
width: 100vh;
}
.blanc-benefits {
text-align: left;
}
.menu-link {
font-size: 15px;
}
.heading-58 {
align-items: center;
width: 120vh;
}
.container-19 {
justify-content: center;
align-items: flex-start;
}
.what-is-ggr-heading {
font-size: 70px;
}
.blanc-benefits-3 {
text-align: left;
}
.image-31 {
display: block;
}
.div-block-33 {
align-items: flex-start;
padding-left: 100px;
}
.big-white-heading-left {
line-height: 65px;
}
.medium-black-heading-left {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 10px;
}
.medium-white-heading-left {
color: #fff;
font-size: 40px;
}
.black-paragraph-left {
font-size: 16px;
}
.white-paragraph, .white-paragraph-center {
color: #fff;
font-size: 16px;
}
.medium-black-heading-center {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 10px;
}
.medium-white-heading-center {
color: #fff;
font-size: 40px;
}
.white {
line-height: 65px;
}
.container-35 {
display: none;
}
.container-19-bbb {
justify-content: center;
align-items: flex-start;
}
.medium-white-heading-left-copy, .medium-white-heading-left-with-padding {
color: #fff;
font-size: 40px;
}
.button-navigation-button-copy {
width: auto;
height: auto;
}
.big-white-heading-left-bbb {
line-height: 65px;
}
.header-bbb.header-bbb-small {
padding-top: 4px;
}
.section-team-story.bgwhite {
flex-flow: row;
}
.image-59.ourstoryimageb.hamish2 {
margin-left: 20px;
}
.div-block-49.teamparagraphblack {
box-shadow: -17px 0 13px -12px #ffffff0d;
}
.team-header {
font-size: 24px;
line-height: 24px;
}
.text-block-4, .text-block-4.textdark2 {
font-size: 18px;
}
.div-block-54 {
padding-top: 155px;
padding-left: 6vw;
}
.header-trueno-60 {
margin-bottom: 66px;
}
.button-black.button-nuclear {
font-size: 19px;
line-height: 23px;
}
.biocharmolecule {
margin-left: -2vw;
}
.biocharhand {
max-height: 60vh;
}
.miniheader {
font-size: 15px;
}
.mainheaders {
font-size: 37px;
}
.mainheaders.headertextpiioneer {
font-size: 39px;
line-height: 40px;
}
.mainheaders.headertoolate, .mainheaders.headeropencycle, .mainheaders.headeropencycle-copy {
text-shadow: none;
}
.mainheaders.why {
font-size: 33px;
}
.mainheaders.headeropencycle-copy-copy {
text-shadow: none;
}
.mainheaders.headerhome {
font-size: 38px;
line-height: 40px;
}
.mainheaders.main-header-vision-copy {
margin-bottom: 5px;
font-size: 35px;
}
.paragraphtext {
font-size: 21px;
line-height: 25px;
}
.paragraphtext.our-solution-text {
font-size: 18px;
line-height: 21px;
}
.paragraphtext.pioneerstext {
font-size: 27px;
line-height: 30px;
}
.paragraphtext.textbiocharforyou {
color: #888;
-webkit-text-stroke-color: #fff;
}
.paragraphtext.paragraphbiocharforyou {
color: #a7a5a5;
font-family: Roboto Condensed, sans-serif;
}
.paragraphtext.paragraphhome {
font-size: 20px;
line-height: 27px;
}
.paragraphtext.paragraph-vision-copy {
max-width: 500px;
}
.paragraphtext.paragraphbiocharforyou-copy {
color: #a7a5a5;
font-family: Roboto Condensed, sans-serif;
}
.div-block-68.container-vision-2-copy-copy {
width: 100%;
max-width: 650px;
}
.div-block-68.container-vision-2-copy-copy.a {
justify-content: center;
padding-top: 73px;
}
.div-block-69 {
width: 40%;
}
.div-block-70 {
width: 60%;
}
.cta-bg {
left: -17px;
}
.cta-bg.ctabgcopy {
margin-left: -89px;
}
.image-68 {
max-width: none;
height: 40vh;
}
.div-block-71 {
max-width: 640px;
}
.text-block-5.header-cta {
font-size: 32px;
}
.text-block-5.title-platform {
width: 400px;
font-size: 44px;
}
.text-block-6 {
letter-spacing: .1px;
font-size: 20px;
line-height: 22px;
}
.text-block-6.subheader-platform {
width: 600px;
font-size: 25px;
line-height: 33px;
}
.text-block-6.cta-responsive {
font-size: 1.1vw;
}
.islands {
bottom: 1px;
}
.platform-advantages {
color: var(--light-green);
font-family: Truenosbd, sans-serif;
}
.team-social-icon.icon-dark {
color: #292929;
}
.div-block-89 {
z-index: 2147483647;
}
.div-block-99 {
background-color: #0e0e0e;
}
.stars {
max-width: none;
}
.image-96 {
width: 120vw;
}
.image-97 {
width: 100vw;
max-width: 100vw;
}
.platform2 {
opacity: 1;
width: 150%;
height: auto;
margin-top: -51px;
transform: translate(0, 29px);
}
.platform3 {
margin-top: -11px;
margin-bottom: -75px;
padding-bottom: 0;
}
.platformsupplierscontainer {
margin-right: 11vw;
}
.text-block-25 {
width: 570px;
font-size: 18px;
line-height: 21px;
}
.div-block-115 {
background-color: #fff;
}
.div-block-116 {
flex-direction: column;
justify-content: flex-start;
height: auto;
display: flex;
}
.image-104 {
transform: none;
}
.cloudzzz {
position: absolute;
}
.animationtriggerdiv {
z-index: 999;
}
.mainheaders-copy.headertoolate, .mainheaders-copy.headeropencycle, .mainheaders-copy.headeropencycle-copy {
text-shadow: none;
}
.div-block-126 {
width: 900px;
}
.yoloswag.square-corners, .yoloswag2.square-corners, .yoloparagraph.square-corners {
width: 600px;
}
.product-content-wrapper {
padding-right: 100px;
}
.product-images {
justify-content: center;
}
.product-image-container {
width: 20vw;
height: 20vw;
}
.featured-product-image {
background-size: contain;
}
.featured-product-heading {
font-size: 36px;
}
.featured-product-caption {
font-size: 22px;
line-height: 30px;
}
.more-products-heading {
font-size: 28px;
}
.main-image-wrapper {
width: 40vw;
height: 70vh;
}
.container-41 {
max-width: 1200px;
}
.text-block-37 {
font-size: 20px;
line-height: 28px;
}
.div-block-149 {
height: 48px;
margin-top: 63px;
}
.text-block-38 {
font-size: 22px;
}
.ctacolumn1 {
height: auto;
}
.bold-text {
font-size: 19px;
}
.div-block-160 {
margin-bottom: -36px;
}
.marquee {
padding-bottom: 22px;
}
.div-block-162 {
padding-right: 19px;
}
.div-block-162.text {
margin-top: 44px;
}
.div-block-163.bullcontainer.container1 {
height: 150%;
}
.div-block-163.bullcontainer.photohand {
width: 100%;
height: 100%;
}
.div-block-163.bullcontainer-copy.photohand {
width: 100%;
}
.bullconstellation.bullstars {
width: auto;
min-width: auto;
height: auto;
min-height: 15vw;
}
.bullconstellation.bullislands {
width: auto;
min-width: auto;
height: auto;
min-height: 15vw;
overflow: clip;
}
.bullconstellation.bulllines {
width: auto;
min-width: auto;
height: auto;
min-height: 15vw;
}
.bullconstellation.bullshadow {
width: auto;
height: auto;
min-height: 15vw;
}
.container-43 {
max-width: 1200px;
}
.greenerrow {
height: 700px;
}
.greenerrow.complicateddiagram {
margin-right: -4vw;
}
.greenersmarter {
font-size: 6.4rem;
line-height: 5.3rem;
}
.div-block-166-copy {
align-items: flex-start;
}
.blogsearchbarcontainer {
flex-flow: column;
}
.ctacolumn1-copy {
height: auto;
}
.form-2 {
flex-flow: row;
}
.div-block-186 {
flex-flow: column;
display: flex;
}
.div-block-190 {
width: 65%;
}
.div-block-207 {
width: 100px;
}
.ctasubscribe-copy-copy {
font-size: 1rem;
}
.div-block-209 {
width: 250px;
right: 21.6vw;
}
.div-block-166-mobile {
align-items: flex-start;
}
.more-products-heading-copy {
font-size: 28px;
}
.casestudy-1._3 {
padding-bottom: 142px;
}
.mainheaders-copy.headertoolate, .mainheaders-copy.headeropencycle, .mainheaders-copy.headeropencycle-copy {
text-shadow: none;
}
.paragraph-copy.container-vision-1 {
justify-content: center;
}
.paragraph-copy.container-vision-1.aa {
justify-content: flex-start;
}
.mainheaders-copy-copy.headertoolate, .mainheaders-copy-copy.headeropencycle, .mainheaders-copy-copy.headeropencycle-copy {
text-shadow: none;
}
.mainheaders-copy-copy.main-header-vision-copy {
width: 75%;
margin-bottom: 8px;
font-size: 25px;
}
.paragraph-copy-copy.container-vision-1.swagueee {
justify-content: center;
}
.mainheaders-copy {
font-size: 37px;
}
.mainheaders-copy.headertextpiioneer {
font-size: 39px;
line-height: 40px;
}
.mainheaders-copy.headertoolate, .mainheaders-copy.headeropencycle, .mainheaders-copy.headeropencycle-copy {
text-shadow: none;
}
.mainheaders-copy.why {
font-size: 33px;
}
.mainheaders-copy.headeropencycle-copy-copy {
text-shadow: none;
}
.mainheaders-copy.headerhome {
font-size: 38px;
line-height: 40px;
}
.mainheaders-copy.main-header-vision-copy {
margin-bottom: 5px;
font-size: 35px;
}
.paragraphtext-copy {
font-size: 21px;
line-height: 25px;
}
.paragraphtext-copy.our-solution-text {
font-size: 18px;
line-height: 21px;
}
.paragraphtext-copy.pioneerstext {
font-size: 27px;
line-height: 30px;
}
.paragraphtext-copy.textbiocharforyou {
color: #888;
-webkit-text-stroke-color: #fff;
}
.paragraphtext-copy.paragraphbiocharforyou {
color: #a7a5a5;
font-family: Roboto Condensed, sans-serif;
}
.paragraphtext-copy.paragraphhome {
font-size: 20px;
line-height: 27px;
}
.paragraphtext-copy.paragraph-vision-copy {
max-width: 500px;
}
.button-black-copy.button-nuclear {
font-size: 19px;
line-height: 23px;
}
.mainheaders-copy-copy {
font-size: 37px;
}
.mainheaders-copy-copy.headertextpiioneer {
font-size: 39px;
line-height: 40px;
}
.mainheaders-copy-copy.headertoolate, .mainheaders-copy-copy.headeropencycle, .mainheaders-copy-copy.headeropencycle-copy {
text-shadow: none;
}
.mainheaders-copy-copy.why {
font-size: 33px;
}
.mainheaders-copy-copy.headeropencycle-copy-copy {
text-shadow: none;
}
.mainheaders-copy-copy.headerhome {
font-size: 38px;
line-height: 40px;
}
.mainheaders-copy-copy.main-header-vision-copy {
margin-bottom: 5px;
font-size: 25px;
}
.mainheaders-copy-copy.main-header-vision-copy-copy {
font-size: 25px;
}
.miniheader-copy {
font-size: 15px;
}
.container-41-copy {
max-width: 1200px;
}
.container-54-copy {
max-width: 950px;
}
.div-block-250 {
width: auto;
max-width: 950px;
}
.column-copy-copy {
padding-left: 60px;
}
.collection-list-wrapper-9 {
flex-flow: column;
display: flex;
}
.div-block-258 {
width: 65%;
}
.div-block-261.bullcontainer.photohand {
width: 100%;
}
.container-55 {
max-width: 1200px;
}
.div-block-262 {
padding-right: 19px;
}
.marquee-copy {
padding-bottom: 22px;
}
.the-team.bgwhite {
width: 100vw;
height: 3vw;
padding-top: 0%;
padding-left: 13%;
}
.medium-white-heading-left-with-padding-copy {
color: #fff;
font-size: 40px;
}
.header-trueno-60-copy {
margin-top: 19px;
margin-left: 0;
padding-left: 10%;
padding-right: 0;
}
.div-block-163-copy.bullcontainer.photohand, .div-block-163-copy.bullcontainer-copy.photohand {
width: 100%;
}
.div-block-163-copy.bullcontainer-copy.container1-copy {
height: 100%;
}
.div-block-190-copy {
width: 71%;
height: 100%;
}
.platform2-copy {
opacity: 1;
height: 140%;
margin-top: -51px;
transform: translate(0, 29px);
}
.div-block-163-copy.bullcontainer.photohand, .div-block-163-copy.bullcontainer-copy.photohand {
width: 100%;
}
.flex-block-3 {
padding-left: 20vw;
padding-right: 20vw;
}
.carrers-about-flex {
max-width: 940px;
max-height: none;
}
.div-block-274 {
width: 80%;
max-width: 940px;
display: block;
position: static;
}
.div-block-276 {
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
}
}
@media screen and (max-width: 991px) {
.button-navigation-button {
justify-content: center;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.contact-form {
flex-direction: column;
align-items: center;
}
.hero-overlay-7, .cards-section-4 {
height: auto;
}
.navigation-link {
justify-content: center;
padding-top: 15px;
padding-left: 12px;
padding-right: 12px;
}
.navigation-link.w--current {
height: 40px;
padding-left: 12px;
padding-right: 12px;
}
.navigation-link.login {
display: none;
}
.nav-menu {
background-color: #000;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 0;
padding-bottom: 20px;
display: flex;
}
.navbar {
align-items: flex-end;
height: 40px;
}
.icon-4 {
color: #2bb800;
}
.slide-1, .slider-2 {
height: auto;
}
.container-3 {
align-items: flex-start;
height: auto;
}
.paragraph-39 {
font-size: 12px;
line-height: 15px;
}
.navigation-link-bold {
font-size: 13px;
}
.texte-blanc-home-page {
width: 500px;
}
.container-9 {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: auto;
}
.text-noir {
text-align: left;
width: auto;
font-size: 14px;
}
.join-the-biochar-network {
width: auto;
margin-bottom: 0;
font-size: 50px;
}
.text-join-the-biochar-network {
width: auto;
height: auto;
padding-top: 40px;
padding-bottom: 40px;
font-size: 14px;
}
.button-join-the-biochar-network {
font-size: 14px;
}
.card-section {
flex-direction: column;
width: auto;
height: auto;
margin-right: 0;
padding-right: 0;
}
.column-5 {
padding-right: 0;
}
.black-background {
height: auto;
}
.container-10 {
height: auto;
padding-top: 0;
padding-bottom: 0;
}
.noir-background {
height: auto;
}
.div-block-19 {
background-position: 50%;
width: 100vh;
}
.div-block-20 {
padding-top: 50px;
padding-bottom: 50px;
}
.section-10 {
height: auto;
padding-top: 40px;
padding-bottom: 40px;
}
.container-14 {
justify-content: center;
align-items: flex-start;
height: auto;
}
.menu-link, .menu-link:hover {
font-size: 13px;
}
.heading-58 {
width: 440px;
padding-left: 20px;
padding-right: 20px;
font-size: 50px;
}
.what-is-ggr-heading {
text-align: left;
justify-content: center;
height: auto;
margin-bottom: 20px;
font-size: 50px;
line-height: 50px;
}
.card-wrapper-f {
flex-direction: column;
align-items: center;
}
.card {
display: flex;
}
.magnify {
min-width: 0;
max-width: 100%;
}
.div-block-27 {
padding-left: 31px;
}
.heading-noir-platform {
width: auto;
font-size: 50px;
}
.paragraph-51 {
width: auto;
}
.div-block-28 {
width: auto;
height: 50vh;
}
.image-x1 {
margin-top: 0;
}
.image-28 {
padding-top: 31px;
}
.image-29 {
padding-top: 22px;
}
.container-21 {
align-items: flex-start;
height: auto;
}
.container-22 {
height: auto;
}
.cards-section-7 {
height: auto;
padding-left: 20px;
padding-right: 30px;
display: flex;
}
.hero-5 {
padding-left: 50px;
padding-right: 50px;
}
.paragraph-55, .paragraph-56 {
font-size: 12px;
}
.card-approach {
width: 250px;
height: 200px;
}
.heading-72 {
font-size: 15px;
}
.heading-75 {
text-align: left;
flex-direction: row;
width: auto;
height: auto;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
font-size: 50px;
line-height: 55px;
}
.mask {
height: auto;
}
.container-32 {
align-items: flex-start;
max-width: none;
padding: 20px 30px 0 20px;
}
.big-white-heading-left {
font-size: 50px;
line-height: 50px;
}
.medium-black-heading-left {
margin-bottom: 0;
}
.medium-white-heading-left {
padding-left: 0;
}
.white-paragraph, .small-white-heading-left, .small-green-heading-left, .small-black-heading-center {
font-size: 14px;
}
.container-34 {
padding-left: 0;
padding-right: 0;
}
.hero-5-green {
justify-content: center;
align-items: center;
}
.medium-white-heading-left-with-padding {
margin-right: 0;
padding-left: 20px;
padding-right: 0;
font-size: 36px;
}
.grid-11 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
.image-34 {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.grid-14 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.image-45 {
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
}
.body-1 {
margin-bottom: 0;
padding-bottom: 0;
}
.split-wrapper {
padding-left: 100px;
}
.container-38 {
display: flex;
}
.magnify-system {
min-width: 0;
max-width: 100%;
padding: 20px 0;
}
.cards-section-7-copy {
height: auto;
padding-left: 20px;
padding-right: 30px;
display: none;
}
.cards-grid-container {
grid-column-gap: 20px;
}
.image-56 {
max-height: 34px;
}
.div-block-46 {
width: 100px;
height: 45px;
}
.header-bbb.header-bbb-small {
display: none;
}
.section-team-story {
height: 570px;
}
.text-block-4 {
font-size: 14px;
}
.footer {
padding-left: 20px;
padding-right: 20px;
}
.div-block-53 {
width: 100vw;
height: 450px;
max-height: 60vh;
}
.div-block-54 {
width: 100%;
}
.button-black.button-full-black.button-our-mission-about-us.button-mission-copy {
padding-left: 68px;
padding-right: 68px;
font-size: 15px;
bottom: -11px;
}
.track {
background-color: #b5dfff;
height: 1202.04vh;
}
.camera {
width: 100vw;
height: 100vh;
}
.frame {
width: auto;
}
.background {
width: auto;
height: 100vh;
}
.section-25 {
background-color: var(--light-green);
}
.paragraph {
font-size: 162px;
}
.paragraph.paragraphcarbonc {
margin-top: -81px;
margin-left: -50px;
}
.paragraph.pyro {
margin-top: 15px;
margin-left: 10px;
}
.paragraph.container-vision-1-copy {
bottom: 1.1vw;
left: 1.8vw;
}
.mainheaders {
font-size: 28px;
}
.mainheaders.headerhome.headergreener {
width: 280px;
font-size: 23px;
}
.mainheaders.main-header-vision-copy {
margin-top: -7px;
font-size: 26px;
}
.paragraphtext.paragraph-vision {
width: 120%;
font-size: 15px;
}
.paragraphtext.textwhatisbiochar {
max-width: 340px;
}
.paragraphtext.textonfarm, .paragraphtext.textbiocharforyou {
font-size: 16px;
}
.paragraphtext.paragraphbiocharforyou {
font-size: 16px;
line-height: 20px;
}
.paragraphtext.paragraphhome {
font-size: 17px;
}
.paragraphtext.paragraphhome.paragraphgreener {
line-height: 19px;
}
.paragraphtext.paragraph-vision-copy {
width: 120%;
max-width: 320px;
margin-top: -3px;
font-size: 15px;
}
.paragraphtext.paragraphbiocharforyou-copy {
font-size: 16px;
line-height: 20px;
}
.div-block-82.green-line, .div-block-82.dark-green-line {
left: 0;
}
.image-76 {
object-fit: cover;
object-position: 50% 50%;
height: 100%;
}
.what-is-biochar-container-section {
flex-direction: column;
padding-top: 5px;
}
.image-93 {
width: 70vw;
margin-bottom: -131px;
margin-right: 0;
}
.product-description {
font-size: 14px;
}
.main-image-wrapper {
width: 300px;
height: 440px;
}
.bottom-grass {
background-size: cover;
}
.hand-image {
margin-bottom: 40px;
}
.c02-icon {
margin-top: 40px;
}
.merch-header-img {
object-fit: cover;
min-width: 100%;
height: 100%;
}
.text-block-36 {
text-shadow: 0 0 50px #000000bf;
font-size: 56px;
}
.grid-17 {
flex-direction: column;
grid-template-columns: 1fr;
grid-template-areas: "Area";
display: flex;
}
.image-118 {
max-width: 70%;
}
.container-41 {
padding-left: 107px;
padding-right: 107px;
}
.text-block-37 {
margin-bottom: 25px;
}
.ctacolumn1 {
margin-left: 30px;
}
.ctadottedline {
width: .75rem;
}
.ctadottedline.ctadothide {
display: none;
}
.text-block-39 {
text-align: left;
font-size: 1.8rem;
}
.div-block-162.text {
padding-left: 20px;
padding-right: 20px;
}
.bullconstellation.bullstars, .bullconstellation.bullislands, .bullconstellation.bulllines, .bullconstellation.bullshadow {
max-width: 400px;
}
.greenerrow {
justify-content: space-between;
}
.greenerrow.complicateddiagram {
height: 550px;
}
.div-block-166 {
width: 45%;
}
.image-126.greeneratoms {
top: 29.672px;
left: 23.2812px;
}
.div-block-166-copy {
margin-left: -19px;
}
.top {
left: -1.7vw;
}
.bottom {
left: -3.8vw;
}
.section-43 {
flex-direction: column;
height: auto;
}
.div-block-167 {
height: 50vh;
}
.div-block-168 {
width: 100%;
}
.text-block-45 {
width: 60vw;
}
.div-block-170 {
width: 70vw;
}
.div-block-171 {
width: 20rem;
}
.image-130 {
width: 9rem;
}
.div-block-173 {
padding-left: 30px;
padding-right: 30px;
}
.section-43-copy {
flex-direction: column-reverse;
height: auto;
}
.div-block-168-copy {
width: 100vw;
}
.div-block-171-copy {
width: 20rem;
}
.text-block-48.careers {
width: 100%;
height: auto;
}
.container-45 {
padding-left: 46px;
padding-right: 46px;
}
.text-block-51 {
font-size: 26px;
}
.container-46 {
padding-left: 48px;
padding-right: 48px;
}
.text-block-54 {
font-size: 55px;
line-height: 60px;
}
.link-block-4 {
top: 2px;
}
.link-block-5 {
top: 22px;
}
.link-block-6 {
top: 36px;
}
.link-block-7 {
top: 37px;
}
.link-block-8 {
top: 80px;
}
.link-block-9 {
top: 27px;
}
.link-block-10 {
top: 1px;
}
.link-block-11 {
top: 2px;
}
.link-block-12 {
top: auto;
}
.link-block-13 {
width: 100px;
}
.link-block-14 {
height: 100px;
}
.link-block-15 {
height: 100%;
}
.div-block-207 {
margin-top: 11px;
}
.ctasubscribe-copy-copy {
padding-right: 26px;
}
.text-block-73 {
font-size: 12px;
left: -1vw;
}
.text-block-73.heat-copy {
left: 26.9vw;
}
.div-block-209 {
grid-column-gap: 6px;
grid-row-gap: 6px;
width: 160px;
right: 15.5vw;
}
.div-block-166-mobile {
margin-left: -19px;
}
.miniheader-copy {
font-size: 11px;
}
.grid-17-copy {
flex-direction: column;
grid-template-columns: 1fr;
grid-template-areas: "Area";
display: flex;
}
.casestudy-1 {
flex-flow: column;
align-items: center;
padding-bottom: 64px;
}
.casestudy-1._2 {
flex-flow: column-reverse;
}
.column {
max-width: 460px;
}
.mainheaders-copy.main-header-vision-copy {
margin-top: -2px;
font-size: 24px;
line-height: 29px;
}
.paragraph-copy {
font-size: 162px;
}
.paragraph-copy.paragraphcarbonc {
margin-top: -81px;
margin-left: -50px;
}
.paragraph-copy.pyro {
margin-top: 15px;
margin-left: 10px;
}
.paragraph-copy.container-vision-1-copy {
bottom: 1.1vw;
left: 1.8vw;
}
.div-block-218 {
height: 500px;
}
.section-49 {
flex-flow: column-reverse;
align-items: center;
}
.section-49.white, .section-49.white-copy, .section-49.white-copy-copy {
flex-flow: column;
}
.paragraph-copy-copy {
font-size: 162px;
}
.paragraph-copy-copy.container-vision-1 {
margin-left: -8px;
}
.paragraph-copy-copy.paragraphcarbonc {
margin-top: -81px;
margin-left: -50px;
}
.paragraph-copy-copy.pyro {
margin-top: 15px;
margin-left: 10px;
}
.paragraph-copy-copy.container-vision-1-copy {
bottom: 1.1vw;
left: 1.8vw;
}
.image-152 {
max-width: 650px;
}
.casestudy-1-copy._2, .casestudy-1-copy._2-copy {
flex-flow: column-reverse;
}
.miniheader-copy.miniheaderourmission, .miniheader-copy.miniheaderourmission-copy {
margin-bottom: -3px;
}
.mainheaders-copy {
font-size: 28px;
}
.mainheaders-copy.headerhome.headergreener {
width: 280px;
font-size: 23px;
}
.mainheaders-copy.headersenrichig {
font-size: 20px;
line-height: 30px;
}
.mainheaders-copy.main-header-vision-copy {
margin-top: -7px;
font-size: 26px;
}
.mainheaders-copy.headersenrichig-copy {
font-size: 20px;
line-height: 30px;
}
.paragraphtext-copy.paragraph-mission.textenriching, .paragraphtext-copy.paragraph-mission.textenriching-copy {
margin-bottom: 6px;
font-size: 16px;
line-height: 23px;
}
.paragraphtext-copy.paragraph-vision {
width: 120%;
font-size: 15px;
}
.paragraphtext-copy.textwhatisbiochar {
max-width: 340px;
}
.paragraphtext-copy.textonfarm, .paragraphtext-copy.textbiocharforyou {
font-size: 16px;
}
.paragraphtext-copy.paragraphbiocharforyou {
font-size: 16px;
line-height: 20px;
}
.paragraphtext-copy.paragraphhome {
font-size: 17px;
}
.paragraphtext-copy.paragraphhome.paragraphgreener {
line-height: 19px;
}
.paragraphtext-copy.paragraph-vision-copy {
width: 120%;
max-width: 320px;
margin-top: -3px;
font-size: 15px;
}
.button-black-copy.button-full-black.button-our-mission-about-us.button-mission-copy {
padding-left: 68px;
padding-right: 68px;
font-size: 15px;
bottom: -11px;
}
.div-block-223 {
margin-bottom: 8px;
}
.mainheaders-copy-copy {
font-size: 28px;
}
.mainheaders-copy-copy.headerhome.headergreener {
width: 280px;
font-size: 23px;
}
.mainheaders-copy-copy.main-header-vision-copy, .mainheaders-copy-copy.main-header-vision-copy-copy {
margin-top: -2px;
font-size: 24px;
line-height: 29px;
}
.div-block-218-copy {
height: 500px;
}
.bold-text-3 {
display: flex;
}
.div-block-237 {
width: 26px;
}
.div-block-238 {
width: 660px;
top: 114px;
}
.text-block-90 {
font-size: 15px;
line-height: 16px;
}
.image-160 {
width: 60px;
}
.container-41-copy {
padding-left: 107px;
padding-right: 107px;
}
.div-block-223-copy {
margin-bottom: 8px;
}
.section-49-copy {
flex-flow: column-reverse;
align-items: center;
}
.section-49-copy.white, .section-49-copy.white-copy, .section-49-copy.white-copy-copy {
flex-flow: column;
}
.column-copy, .column-copy-copy {
max-width: 460px;
}
.paragraph-59 {
font-size: 162px;
}
.div-block-262.text {
padding-left: 20px;
padding-right: 20px;
}
.bullconstellation-copy.bullstars, .bullconstellation-copy.bullislands, .bullconstellation-copy.bulllines, .bullconstellation-copy.bullshadow, .bullconstellation-copy.bullislands-copy {
max-width: 400px;
}
.the-team {
height: 570px;
}
.medium-white-heading-left-with-padding-copy {
margin-right: 0;
padding-left: 20px;
padding-right: 0;
font-size: 36px;
}
.bullconstellation-copy.bullstars, .bullconstellation-copy.bullislands, .bullconstellation-copy.bulllines, .bullconstellation-copy.bullshadow, .bullconstellation-copy.copy {
max-width: 400px;
}
.carrers-about-flex {
flex-flow: column;
}
.careers-image-grid {
width: 100%;
height: auto;
}
}
@media screen and (max-width: 767px) {
.contact-form {
padding-top: 10px;
padding-bottom: 0;
padding-right: 0;
}
.submit-button {
border-radius: 10px;
}
.submit-button:hover {
transform: scale(1.1);
}
.hero-4 {
padding: 40px 20px;
}
.hero-overlay-7 {
padding: 20px;
}
.cards-section-4 {
flex-direction: column;
padding: 40px 20px;
}
.navigation-link {
padding-left: 8px;
padding-right: 8px;
}
.slide-1 {
padding-top: 20px;
padding-bottom: 20px;
}
.container-3 {
align-items: flex-start;
height: 170vh;
margin-top: 0;
margin-bottom: 0;
padding: 40px 20px;
}
.heading-43 {
width: auto;
padding-top: 10px;
line-height: 20px;
}
.paragraph-39 {
margin-right: 0;
padding-bottom: 10px;
}
.texte-blanc-home-page {
width: auto;
padding-left: 0;
padding-right: 0;
font-size: 15px;
line-height: 30px;
}
.container-9 {
text-align: left;
align-items: flex-start;
padding-left: 40px;
padding-right: 40px;
}
.text-noir {
text-align: left;
height: auto;
margin-bottom: 0;
margin-left: 0;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 0;
font-size: 12px;
}
.join-the-biochar-network {
text-align: left;
width: auto;
font-size: 30px;
line-height: 30px;
}
.text-join-the-biochar-network {
text-align: left;
flex-direction: column;
align-items: flex-start;
width: auto;
height: auto;
margin-left: 0;
margin-right: 0;
padding-top: 20px;
padding-bottom: 20px;
font-size: 12px;
}
.button-join-the-biochar-network {
margin-left: 0;
margin-right: 0;
}
.card-section {
align-items: flex-start;
}
.black-background {
padding-left: 20px;
padding-right: 20px;
}
.container-10 {
padding-left: 10px;
padding-right: 40px;
}
.faq-list {
width: auto;
margin-top: 20px;
}
.html-embed.faq-chevron {
width: auto;
}
.image-17, .image-18, .image-19 {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 20px;
}
.noir-background {
padding-left: 20px;
padding-right: 20px;
}
.div-block-19 {
background-position: 50%;
width: auto;
margin-left: -44px;
padding-left: 0;
}
.div-block-20 {
text-align: left;
align-items: flex-start;
padding-left: 20px;
}
.section-10 {
padding-left: 20px;
padding-right: 20px;
}
.container-14 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 0;
}
.menu-link {
font-size: 11px;
}
.heading-58 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
font-size: 50px;
line-height: 55px;
}
.container-19 {
height: auto;
padding: 20px;
}
.what-is-ggr-heading {
text-align: left;
margin: 20px auto 10px 0;
font-size: 40px;
line-height: 45px;
}
.card-wrapper-f {
flex-direction: column;
}
.card {
margin-bottom: 20px;
margin-right: 20px;
}
.magnify {
min-width: 80%;
max-width: 80%;
}
.div-block-27 {
justify-content: center;
align-items: flex-start;
height: 20vh;
margin-left: auto;
margin-right: auto;
padding-left: 0;
display: flex;
}
.heading-noir-platform {
text-align: left;
width: auto;
margin-top: -23px;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
font-size: 30px;
line-height: 30px;
}
.paragraph-51 {
text-align: left;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
padding-top: 20px;
padding-right: 50px;
font-size: 12px;
line-height: 15px;
}
.button-platform {
margin-left: 0;
font-size: 12px;
}
.image-x {
margin-left: 0;
margin-right: 0;
padding-left: 0;
}
.div-block-28 {
flex-flow: wrap;
width: auto;
height: auto;
padding: 20px;
}
.image-x1 {
padding-top: 10px;
padding-left: 0;
padding-right: 0;
}
.slide-2-copy-de-1 {
padding-top: 20px;
padding-bottom: 20px;
}
.image-x2 {
padding-left: 0;
}
.slide-3-copy-1 {
padding-top: 20px;
padding-bottom: 20px;
}
.div-block-29 {
margin-left: 30px;
}
.image-28 {
margin-right: 0;
padding-top: 5px;
padding-bottom: 5px;
}
.image-29 {
margin-right: 0;
padding-top: 10px;
padding-bottom: 5px;
}
.container-21 {
height: auto;
}
.container-22 {
padding-left: 0;
padding-right: 0;
}
.cards-section-7 {
padding: 40px 20px;
display: none;
}
.hero-5 {
padding: 40px 20px;
}
.column-18 {
justify-content: center;
align-items: center;
display: flex;
}
.image-33 {
padding-right: 0;
}
.heading-75 {
text-align: left;
width: auto;
font-size: 40px;
line-height: 40px;
}
.link-block {
width: auto;
}
.container-32 {
align-items: flex-start;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.div-block-33 {
padding-top: 20px;
padding-bottom: 20px;
}
.big-white-heading-left {
font-size: 40px;
line-height: 40px;
}
.medium-black-heading-left {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0;
font-size: 30px;
}
.medium-white-heading-left {
min-width: 0;
padding-left: 0;
padding-right: 100px;
font-size: 30px;
line-height: 30px;
}
.white-paragraph {
font-size: 12px;
line-height: 15px;
}
.small-white-heading-left {
font-size: 16px;
}
.small-green-heading-left {
font-size: 16px;
line-height: 15px;
}
.medium-green-heading-left {
font-size: 30px;
line-height: 30px;
}
.hero-5-green {
padding: 40px 20px;
}
.section-20, .container-36 {
align-items: center;
}
.container-19-bbb {
padding: 20px;
}
.medium-white-heading-left-copy {
margin-top: 0;
padding-top: 20px;
font-size: 30px;
}
.medium-white-heading-left-with-padding {
margin-top: 0;
font-size: 25px;
}
.grid-11 {
grid-column-gap: 0px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
.big-white-heading-left-bbb {
font-size: 30px;
line-height: 30px;
}
.heading-85 {
font-size: 30px;
}
.column-21 {
justify-content: center;
align-items: center;
display: flex;
}
.column-22, .column-23, .column-24 {
justify-content: center;
display: flex;
}
.column-25 {
justify-content: center;
}
.grid-13 {
align-items: center;
}
.columns-7 {
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.grid-14 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.columns-8 {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.column-26 {
justify-content: center;
display: flex;
}
.columns-9 {
flex-direction: column;
display: flex;
}
.split-screen {
flex-direction: column;
align-items: flex-start;
height: auto;
}
.split-wrapper {
width: auto;
padding-top: 60px;
padding-bottom: 50px;
padding-left: 20px;
}
.split-wrapper.bg-image {
align-items: flex-start;
min-width: 100%;
min-height: 50%;
padding-bottom: 220px;
padding-left: 0;
padding-right: 0;
}
.container-38 {
padding-left: 20px;
padding-right: 20px;
}
.section-21 {
padding-top: 40px;
}
.image-47 {
max-width: none;
padding-left: 0;
padding-right: 20px;
}
.magnify-system {
min-width: 100%;
max-width: 80%;
}
.column-27 {
display: flex;
}
.cards-section-7-copy {
flex-direction: column;
align-items: center;
padding: 40px 20px;
display: flex;
}
.grid-15 {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr;
}
.image-48 {
padding-top: 5px;
padding-left: 20px;
padding-right: 100px;
}
.image-49, .image-50, .image-51, .image-52 {
padding-left: 20px;
padding-right: 100px;
}
.image-53 {
max-width: none;
margin-left: auto;
margin-right: auto;
padding: 20px 40px;
}
.image-54 {
margin-left: auto;
margin-right: auto;
}
.column-28 {
padding-top: 5px;
padding-bottom: 5px;
display: flex;
}
.cards-section {
padding: 40px 20px;
}
.cards-grid-container {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
align-self: stretch;
max-width: none;
}
.medium-green-heading-left-copy {
font-size: 30px;
line-height: 30px;
}
.footer {
height: auto;
padding: 40px 20px;
}
.footer-image {
object-fit: contain;
}
.mainheaders.headerhome.headergreener {
font-size: 20px;
}
.image-76 {
object-position: 50% 50%;
height: 100%;
margin-top: 0;
}
.product-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
min-height: 0;
}
.product-images {
width: 100vw;
margin-left: 0;
}
.featured-product-image {
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/612de9d6e2e1a211ef704a8c/6385f5ce5675b07eb3fd6d79_white_back_flatlay.jpg");
background-position: 50%;
background-size: cover;
}
.main-image-wrapper {
width: 70vw;
height: 90vh;
}
.bottom-grass {
background-size: cover;
max-height: none;
}
.hand-image {
margin-bottom: 40px;
}
.c02-icon {
margin-top: 40px;
}
.checkout-banner-img {
object-fit: cover;
background-position: 0 0;
height: 17vh;
overflow: hidden;
}
.merch-header-img {
display: none;
}
.billing-address-toggle {
align-items: center;
}
.checkbox-label {
margin-bottom: 0;
}
.checkbox {
margin-top: 0;
}
.div-block-162.text {
padding-left: 34px;
padding-right: 34px;
}
.blogsearchbarcontainer {
height: 35vw;
}
.text-field-2 {
width: 83vw;
}
.form-2 {
flex-flow: column;
width: 189%;
}
.div-block-176-copy {
width: 77vw;
}
.text-block-73 {
font-size: 10px;
line-height: 15px;
}
.div-block-209 {
width: 120px;
top: .7vw;
right: 10.7vw;
}
.mainheaders-copy.headerhome.headergreener, .mainheaders-copy-copy.headerhome.headergreener, .mainheaders-copy.headerhome.headergreener, .mainheaders-copy-copy.headerhome.headergreener {
font-size: 20px;
}
.div-block-230 {
justify-content: center;
align-items: center;
width: 80%;
}
.div-block-67-copy.lines-about-us-copy {
align-self: flex-start;
}
.div-block-262.text {
padding-left: 34px;
padding-right: 34px;
}
.section-59 {
padding-left: 6%;
}
.medium-white-heading-left-with-padding-copy {
margin-top: 0;
font-size: 25px;
}
}
@media screen and (max-width: 479px) {
.body {
max-width: 100vw;
}
.button-navigation-button {
color: #fff;
margin-top: 25px;
font-weight: 700;
}
.contact-form {
flex-direction: column;
height: auto;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.contact-form-grid {
grid-row-gap: 5px;
margin-top: 20px;
}
.heading-10 {
margin-top: 10px;
margin-bottom: 5px;
}
.field-label-2 {
margin-bottom: 0;
}
.body-2 {
padding-right: 0;
overflow: visible;
}
.hero-overlay-7 {
justify-content: center;
height: auto;
}
.cards-section-4 {
height: auto;
padding-left: 0;
padding-right: 0;
}
.navigation-link {
background-color: #0000;
background-image: linear-gradient(196deg, #000, #222);
border-radius: 5px;
flex-direction: row;
justify-content: center;
align-items: center;
width: 43vw;
margin: 6px 0;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 0;
font-family: Truenobd, sans-serif;
font-size: 17px;
display: flex;
box-shadow: 0 0 20px -5px #000, inset 1px 1px 8px 2px #72605a21;
}
.navigation-link:active {
opacity: 1;
box-shadow: inset 0 0 7px -14px #f5f5f52b;
}
.navigation-link.w--current {
background-color: var(--grey-a);
opacity: 1;
color: var(--white);
text-shadow: 0 0 9px #fff9;
border: 2px solid #e9e9e9;
border-radius: 5px;
width: 41vw;
margin-bottom: 6px;
padding-bottom: 7px;
font-size: 13px;
box-shadow: inset 0 0 11px #ffffff5e, 0 0 14px 2px #0009;
}
.navigation-link.merch {
display: flex;
}
.nav-menu {
opacity: 1;
height: 0;
margin-bottom: 0;
padding-bottom: 0;
transition: all .525s;
position: sticky;
box-shadow: 0 3px 0 -20px #0003;
}
.navbar {
max-width: 100vw;
height: 0;
transition: all .3s;
display: none;
position: sticky;
top: 0;
}
.centered-container-2 {
text-align: left;
}
.icon-4 {
color: #fff;
}
.slide-1, .slider-2 {
height: auto;
}
.container-3 {
align-items: flex-start;
height: 120vh;
padding-left: 20px;
padding-right: 20px;
}
.heading-43 {
width: auto;
margin-left: 0;
margin-right: 0;
padding: 10px 20px 10px 0;
font-size: 20px;
line-height: 20px;
}
.paragraph-39 {
justify-content: center;
width: auto;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.container-8 {
justify-content: center;
height: 90vh;
}
.texte-blanc-home-page {
flex-direction: row;
justify-content: center;
width: 90vw;
margin-top: -3px;
padding-left: 0;
padding-right: 0;
font-size: 12px;
line-height: 17px;
}
.container-9 {
height: auto;
padding-top: 20px;
padding-bottom: 20px;
}
.text-noir {
text-align: left;
flex-direction: column;
justify-content: center;
width: auto;
margin-left: 0;
margin-right: 0;
padding-bottom: 32px;
padding-left: 0;
padding-right: 20px;
font-size: 12px;
}
.join-the-biochar-network {
text-align: left;
width: auto;
font-size: 30px;
line-height: 35px;
}
.text-join-the-biochar-network {
text-align: left;
width: 300px;
height: auto;
margin-left: 0;
margin-right: 0;
font-size: 12px;
}
.button-join-the-biochar-network {
justify-content: flex-start;
margin-left: 0;
margin-right: 0;
font-size: 12px;
}
.card-section {
justify-content: center;
align-items: center;
width: auto;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.column-5 {
justify-content: center;
align-items: center;
}
.black-background {
justify-content: center;
align-items: center;
height: auto;
display: flex;
}
.container-10 {
align-items: flex-start;
}
.faq-list {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 280px;
margin-left: 10px;
margin-right: auto;
display: flex;
}
.faq-wraper {
border-radius: 10px;
padding-bottom: 0;
}
.p2.faq-response {
font-size: 10px;
}
.text-block {
font-size: 12px;
}
.image-19 {
margin-bottom: 1px;
}
.noir-background {
justify-content: center;
align-items: flex-start;
height: auto;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.div-block-19 {
background-position: 50%;
width: auto;
margin-left: -10px;
}
.div-block-20 {
align-items: flex-start;
padding-left: 30px;
}
.section-10 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: none;
}
.container-14 {
justify-content: center;
align-items: flex-start;
padding-left: 20px;
}
.menu-link {
font-family: Truenobd, sans-serif;
font-size: 15px;
}
.heading-58 {
color: #fff;
width: auto;
margin: 0 20px 2px;
font-size: 23px;
line-height: 27px;
}
.container-19 {
height: 80vh;
}
.what-is-ggr-heading {
text-align: left;
justify-content: flex-start;
width: auto;
margin-left: 0;
margin-right: auto;
font-size: 40px;
line-height: 40px;
}
.magnify {
min-width: 0;
max-width: 100%;
}
.collection-list-wrapper-2 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: auto;
display: flex;
}
.div-block-27 {
justify-content: flex-start;
align-items: center;
height: auto;
}
.heading-noir-platform {
text-align: center;
justify-content: center;
align-items: center;
margin-top: 71px;
margin-bottom: 0;
padding-bottom: 0;
font-size: 30px;
display: flex;
}
.paragraph-51 {
text-align: center;
justify-content: center;
margin-bottom: 0;
padding-bottom: 20px;
padding-right: 0;
font-size: 12px;
display: flex;
}
.image-x {
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.div-block-28 {
flex-direction: column;
align-items: center;
width: auto;
padding-top: 30px;
padding-bottom: 30px;
}
.image-x1 {
max-width: none;
margin-top: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.image-x2 {
margin-left: 0;
margin-right: 0;
padding-top: 28px;
padding-left: 0;
padding-right: 0;
}
.div-block-29 {
width: 300px;
margin-left: auto;
margin-right: auto;
}
.centered-container-sofies {
text-align: left;
}
.pargraph-sofies {
font-size: 12px;
line-height: 15px;
}
.paragraph-arla {
text-align: center;
font-size: 12px;
line-height: 15px;
}
.paragraph-bsw {
font-size: 12px;
line-height: 15px;
}
.image-28 {
margin-left: 0;
margin-right: 0;
padding: 20px 10px;
}
.image-29 {
margin-right: 0;
padding: 10px 0;
}
.section-14 {
height: 75vh;
}
.container-21 {
align-items: center;
height: auto;
}
.container-22 {
height: auto;
padding-left: 0;
padding-right: 20px;
}
.menu-button {
z-index: 2147483647;
background-color: #fff0;
border: 1px solid #0000;
align-items: center;
width: 60px;
height: 70px;
margin-top: 30px;
transition: opacity .2s;
display: flex;
position: absolute;
top: 0;
right: 13.4vw;
overflow: visible;
}
.menu-button.w--open {
opacity: 1;
filter: none;
background-color: #fff0;
padding: 0;
transition-property: all;
transition-duration: .2s;
position: absolute;
left: 283px;
right: 42px;
}
.slide-nav-2 {
padding-top: 4px;
}
.body-9 {
max-width: 100vw;
overflow: visible;
}
.cards-section-7 {
justify-content: center;
height: auto;
font-size: 20px;
display: none;
}
.hero-5 {
align-items: flex-start;
}
.paragraph-55, .paragraph-56 {
color: #fff;
font-size: 12px;
}
.card-approach {
width: auto;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
}
.heading-75 {
text-align: left;
width: auto;
margin-bottom: 60px;
padding-left: 0;
font-size: 30px;
line-height: 30px;
}
.container-32 {
text-align: center;
justify-content: center;
align-items: flex-start;
height: auto;
display: flex;
}
.div-block-33 {
align-items: flex-start;
padding-top: 20px;
padding-bottom: 20px;
}
.big-white-heading-left {
padding-left: 20px;
line-height: 40px;
}
.medium-black-heading-left {
flex-direction: column;
align-items: flex-start;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 15px;
font-size: 20px;
line-height: 25px;
}
.medium-white-heading-left {
flex-direction: column;
align-items: flex-start;
min-width: 0;
margin-bottom: 0;
padding: 0;
font-size: 20px;
line-height: 25px;
}
.white-paragraph {
font-size: 12px;
}
.small-white-heading-left {
font-size: 12px;
line-height: 15px;
}
.small-green-heading-left {
color: #3cff00;
font-size: 12px;
font-weight: 700;
line-height: 15px;
}
.medium-green-heading-left {
font-size: 20px;
line-height: 25px;
}
.container-34 {
align-items: flex-start;
}
.container-35 {
display: block;
}
.hero-5-green {
align-items: flex-start;
padding-top: 20px;
padding-bottom: 20px;
}
.container-36 {
justify-content: center;
}
.medium-white-heading-left-copy {
font-size: 20px;
}
.medium-white-heading-left-with-padding {
text-align: center;
justify-content: center;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
font-size: 20px;
line-height: 25px;
}
.button-navigation-button-copy {
color: #fff;
margin-top: 25px;
font-weight: 700;
}
.grid-11 {
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
.big-white-heading-left-bbb {
font-size: 30px;
line-height: 30px;
}
.image-34 {
padding-top: 20px;
display: none;
}
.column-25 {
flex-direction: column;
align-items: center;
padding-left: 0;
display: flex;
}
.container-37 {
flex-direction: column;
display: flex;
}
.grid-13 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.columns-7 {
flex-wrap: wrap;
}
.grid-14 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.image-45 {
padding-top: 20px;
}
.body-1 {
padding-bottom: 0;
overflow: visible;
}
.column-26 {
align-items: flex-start;
display: flex;
}
.columns-9 {
flex-flow: column wrap;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-40 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.split-screen {
flex-direction: column;
align-items: flex-start;
}
.split-wrapper {
flex-direction: column;
align-items: flex-start;
margin-left: 20px;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.split-wrapper.bg-image {
width: auto;
min-width: 100%;
min-height: 100%;
margin-left: 0;
margin-right: 0;
padding-right: 0;
}
.container-38 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.image-47 {
padding-top: 40px;
}
.magnify-system {
min-width: 0;
max-width: 100%;
}
.cards-section-7-copy {
justify-content: center;
height: auto;
font-size: 20px;
display: flex;
}
.grid-15 {
justify-items: center;
}
.image-48, .image-49, .image-50, .image-51, .image-52 {
padding-right: 50px;
}
.centered-container-3 {
text-align: left;
}
.cards-grid-container {
grid-template-columns: 1fr;
margin-left: 0;
margin-right: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.medium-green-heading-left-copy {
font-size: 20px;
line-height: 25px;
}
.image-56 {
opacity: 1;
max-width: 55px;
max-height: none;
transition: all .2s;
}
.div-block-46 {
margin-top: 35px;
padding-left: 18px;
transition: top .825s;
position: absolute;
top: -209%;
}
.header-bbb {
opacity: 0;
}
.div-block-48 {
background-color: #0000;
background-image: linear-gradient(#000000cf, #3b3b3b2b 76%, #ffffff12 91%, #13131300);
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: -29px;
padding-top: 55px;
padding-bottom: 32px;
transition: all .3s;
display: flex;
}
.section-team-story {
filter: none;
flex-direction: column;
justify-content: flex-start;
height: auto;
padding-bottom: 54px;
padding-left: 7%;
padding-right: 7%;
transition: none;
position: relative;
}
.section-team-story.bgwhite {
flex-direction: column-reverse;
margin-bottom: 0;
}
.section-team-story.bgwhite.sleep {
height: auto;
margin-bottom: 30px;
}
.our-story {
flex-direction: column-reverse;
align-items: flex-start;
height: auto;
padding-bottom: 168px;
padding-left: 9px;
}
.column-section.column-1-vision {
width: 100%;
}
.column-section.column-right {
width: 100%;
height: 40vh;
margin-top: 48px;
margin-left: 0;
}
.image-59.ourstoryimageb.hamish1, .image-59.ourstoryimageb.hamish2 {
width: 100%;
height: 100%;
margin-left: 0;
}
.image-59.alex1, .image-59.tilak2, .image-59.tilak1 {
width: 100%;
height: 100%;
}
.div-block-49.ourstoryparagraphwhite {
width: 100%;
height: auto;
margin-bottom: 50px;
margin-right: 0;
padding-left: 20px;
}
.div-block-49.teamparagraphblack {
width: 95%;
margin-bottom: 50px;
margin-left: 0;
margin-right: 20px;
padding-left: 20px;
}
.div-block-50 {
width: 70vw;
height: 70vw;
margin-top: 55px;
margin-bottom: 36px;
margin-right: 0;
}
.team-header {
text-align: left;
width: 95%;
font-size: 16px;
}
.text-block-4 {
font-size: 13px;
line-height: 15px;
}
.text-block-4.textdark2 {
font-size: 13px;
}
.div-block-51 {
height: 90%;
}
.footer {
text-align: left;
height: auto;
padding: 30px 20px 0;
}
.footer-flex-container {
flex-direction: column;
align-items: flex-start;
margin-bottom: 5px;
margin-left: 64px;
}
.footer-logo-link {
width: 80px;
min-width: 20px;
height: 80px;
max-height: 80px;
position: absolute;
left: -9px;
}
.footer-image {
height: 80px;
}
.footer-heading {
width: 100%;
margin-top: 7px;
margin-bottom: 9px;
padding-bottom: 5px;
font-size: 16px;
}
.footer-link {
font-size: 13px;
}
.footer-copyright {
text-align: center;
width: 100%;
margin-bottom: 4px;
font-size: 13px;
line-height: 14px;
}
.footer-copyright.footer-address {
object-fit: fill;
margin-bottom: 12px;
}
.footer-link-container {
width: 100%;
margin-bottom: 35px;
margin-right: 0;
padding-right: 0;
}
.div-block-52 {
flex-direction: column-reverse;
align-items: center;
}
.list {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-direction: row;
justify-content: flex-start;
}
.div-block-53 {
object-fit: fill;
background-position: 50%;
width: 100vw;
height: 45vh;
}
.div-block-54 {
width: 100%;
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
}
.header-trueno-60 {
font-size: 33px;
}
.button-black.ctablackbutton.ctagreen {
width: 100%;
font-size: 14px;
}
.button-black.ctablackbutton.button-fx {
border-width: 2.4px;
width: 100%;
margin-top: 3px;
margin-bottom: 13px;
font-size: 14px;
}
.button-black.button-nuclear {
padding-top: 8px;
font-size: 14px;
line-height: 16px;
}
.button-black.button-full-black.button-our-mission-about-us {
width: 100%;
margin-top: 30px;
margin-bottom: 18px;
padding-left: 11px;
padding-right: 11px;
font-size: 13px;
}
.button-black.button-full-black.button-our-mission-about-us.button-mission {
width: 90%;
}
.button-black.button-full-black.button-our-mission-about-us.button-mission-copy {
width: 90%;
display: none;
}
.button-black.button-full-black.button-our-mission-about-us.button-mission-copy.buttongreenermobile {
width: 100%;
margin-top: 39px;
margin-bottom: 0;
padding-left: 34px;
padding-right: 34px;
display: block;
position: static;
}
.button-black.button-full-black.button-our-mission-about-us.asd {
width: 90%;
display: none;
}
.button-black.button-full-black.button-our-mission-about-us.asd.buttonfarmsmobile {
display: block;
box-shadow: 3px 4px 14px #00000057;
}
.button-black.button-full-black.button-our-mission-about-us.asd.s {
width: 100%;
display: block;
}
.input {
letter-spacing: .5px;
margin-bottom: 16px;
}
.div-block-59 {
background-image: linear-gradient(#000, #252525);
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
}
.camera {
flex-direction: column;
justify-content: flex-start;
}
.section-25 {
background-color: var(--grey-a);
}
.image-63.sticky {
max-width: 65%;
}
.image-64, .image-65 {
max-width: 70px;
}
.homebiocharsection {
flex-direction: column;
justify-content: center;
height: auto;
padding-left: 5px;
padding-right: 5px;
}
.div-block-65 {
width: 100vw;
height: 34vh;
margin-top: 24px;
}
.biocharmolecule {
max-width: 80vw;
max-height: 42vh;
position: absolute;
transform: translate3d(0, 0, -300px);
}
.biocharhand {
z-index: 99999999;
max-width: 98vw;
max-height: 40vh;
transform: scale(.84)translate3d(0, 0, 110px);
}
.paragraph {
justify-content: center;
width: 100%;
margin-top: 11px;
}
.paragraph._8 {
justify-content: center;
min-width: 100vw;
height: 60%;
padding-top: 93px;
padding-left: 5px;
}
.paragraph.container-our-solution {
width: 100%;
margin-top: 84vw;
margin-bottom: 37vw;
margin-left: 0;
padding-top: 11px;
position: static;
}
.paragraph.container-vision-1 {
padding-left: 0;
}
.paragraph.biochar-container {
width: 80vw;
max-width: 80vw;
margin-bottom: 25px;
}
.paragraph.pioneerscontainer2 {
width: 80vw;
margin-left: 0;
}
.paragraph.soilbenefitsheader {
width: 95vw;
margin-bottom: 72px;
margin-left: 0;
}
.paragraph.container-open-cycle {
display: none;
}
.paragraph.container-open-cycle.mobileopencycle {
opacity: 0;
width: 100%;
margin-top: 1vh;
display: flex;
position: absolute;
top: 5vh;
left: auto;
}
.paragraph.container-open-cycle.mobilehugeopportunity {
opacity: 0;
width: 100%;
margin-top: 1vh;
display: flex;
position: absolute;
top: 3vh;
left: auto;
}
.paragraph.container-open-cycle.mobilehugeopportunityp2 {
opacity: .98;
width: 100%;
margin-top: 1vh;
display: flex;
position: absolute;
top: 3vh;
left: auto;
}
.paragraph.pyroparag {
display: none;
}
.paragraph.pyroparag.mobilepyro {
opacity: 0;
width: 100%;
margin-top: -15px;
display: flex;
top: 6.5vh;
left: auto;
}
.paragraph.staplepara {
display: none;
}
.paragraph.staplepara.mobilestaple {
opacity: 0;
align-items: flex-start;
width: 100%;
margin-top: 5vh;
display: flex;
top: 5vh;
left: auto;
}
.paragraph.bchar {
width: 80vw;
margin-left: 0;
}
.paragraph.a-huge-opportunity {
display: none;
}
.paragraph.a-huge-opportunity.mobilestaple {
opacity: 0;
align-items: flex-start;
width: 100%;
margin-top: 5vh;
display: flex;
top: 5vh;
left: auto;
}
.paragraph.container-open-cycle-copy {
display: none;
}
.paragraph.container-open-cycle-copy.mobileopencycle {
opacity: 0;
width: 100%;
margin-top: 1vh;
display: flex;
position: absolute;
top: 5vh;
left: auto;
}
.paragraph.container-open-cycle-copy.mobilehugeopportunity, .paragraph.container-open-cycle-copy.mobilehugeopportunityp2 {
opacity: 0;
width: 100%;
margin-top: 1vh;
display: flex;
position: absolute;
top: 3vh;
left: auto;
}
.paragraph.paragraphonfarm {
width: 110%;
margin-bottom: 19px;
margin-left: -10px;
}
.paragraph.paragraphbiocharforyou {
width: 120%;
}
.paragraph.paragraphcarbonc {
width: 100%;
margin-top: 0;
margin-left: 0;
}
.paragraph.paragraphenriching {
width: 100%;
}
.paragraph.aa {
margin-left: -4px;
}
.paragraph.container-vision-1-copy {
height: 25vh;
margin-bottom: -22px;
padding-left: 0;
}
.paragraph.paragraphbiocharforyou-copy {
width: 120%;
}
.div-block-67 {
width: 15px;
margin-left: 0;
transform: translate(2px, -4px)scale(.8);
}
.div-block-67.lines-about-us {
margin-right: 3px;
}
.div-block-67.why-matter {
margin-right: 0;
}
.div-block-67.linesforyou {
margin-top: 1px;
margin-right: 0;
}
.div-block-67.linehome.gzu {
width: 14px;
margin-right: 0;
}
.div-block-67.blof2efg {
margin-top: -4px;
margin-right: 1px;
}
.div-block-67.guzg {
margin-right: 3px;
padding-top: 0;
}
.div-block-67.guzg-copy {
margin-top: -4px;
margin-right: 0;
padding-top: 0;
}
.div-block-67.dottedlinehealthy {
margin-right: 0;
}
.div-block-67.lines-about-us-copy {
margin-right: 3px;
}
.our-mission {
flex-direction: column-reverse;
justify-content: center;
align-items: flex-start;
height: 90vh;
max-height: 95vh;
}
.line-dot, .line-dot.line-dot-mission {
width: 3px;
height: 10px;
}
.miniheader {
width: 100%;
font-size: 10px;
line-height: 12px;
}
.miniheader.miniheaderourmission, .miniheader.miniheader-biochar {
font-size: 11px;
}
.mainheaders {
font-size: 18px;
line-height: 23px;
}
.mainheaders.mainheader-mission {
font-size: 26px;
line-height: 27px;
}
.mainheaders.main-header-vision {
width: 100%;
font-size: 4.5vw;
line-height: 4.8vw;
}
.mainheaders.mainheaderbiochar {
font-size: 26px;
line-height: 28px;
}
.mainheaders.headertextpiioneer {
font-size: 22px;
line-height: 33px;
}
.mainheaders.headeropencycle {
width: 80vw;
font-size: 5vw;
}
.mainheaders.headeropencycle-copy {
width: 78vw;
font-size: 4.4vw;
}
.mainheaders.why {
font-size: 18px;
line-height: 20px;
}
.mainheaders.headeropencycle-copy-copy {
width: 78vw;
font-size: 4.4vw;
}
.mainheaders.header-biochar-for-you {
width: 100%;
font-size: 20px;
}
.mainheaders.headersbiocharforyou {
font-size: 21px;
line-height: 27px;
}
.mainheaders.headerhome {
width: 100%;
font-size: 20px;
}
.mainheaders.headerhome.headergreener {
flex-direction: column;
justify-content: flex-start;
width: 100%;
margin-top: 5px;
padding-bottom: 0;
font-size: 20px;
line-height: 23px;
display: flex;
}
.mainheaders.headerhome.headergreener.hide {
display: none;
}
.mainheaders.headersenrichig {
margin-top: 0;
margin-bottom: 0;
}
.mainheaders.main-header-vision-copy {
width: 100%;
margin-bottom: 5px;
font-size: 4.5vw;
line-height: 4.8vw;
}
.mainheaders.header-biochar-for-you-copy {
width: 100%;
margin-bottom: 8px;
font-size: 20px;
}
.paragraphtext.paragraph-mission {
width: 90%;
max-width: 100%;
margin-top: 4px;
font-size: 14px;
line-height: 16px;
}
.paragraphtext.our-solution-text {
color: #dbdaca;
max-width: 100%;
font-size: 15px;
line-height: 21px;
}
.paragraphtext.paragraph-vision {
max-width: 100%;
font-size: 11.5px;
line-height: 15px;
}
.paragraphtext.textbiochar {
max-width: 100%;
margin-top: .7vw;
margin-bottom: 13px;
font-size: 14px;
line-height: 16px;
}
.paragraphtext.pioneerstext {
letter-spacing: .2px;
margin-top: 2px;
font-size: 16px;
line-height: 19px;
}
.paragraphtext.textwhatisbiochar {
max-width: none;
font-size: 17px;
}
.paragraphtext.paragraphwhydoes {
margin-top: 9px;
font-size: 16px;
}
.paragraphtext.paragraphopencycle {
color: #b9b9b9;
}
.paragraphtext.paragraphopencycle.bcharmobileparagraph {
color: #a8a8a8;
margin-top: .2vh;
font-size: 2.2vh;
line-height: 2.5vh;
}
.paragraphtext.paragraphopencycle.bcharmobileparagraph-hugeopportunity {
color: #a8a8a8;
margin-top: .2vh;
font-size: 2vh;
line-height: 2.3vh;
}
.paragraphtext.paragraphopencycle.bcharhugequote {
font-family: "Roboto condensed 2", sans-serif;
font-size: 2.4vh;
font-style: italic;
line-height: 3vh;
}
.paragraphtext.pyrotext {
color: #a8a8a8;
margin-top: .2vh;
font-size: 2.1vh;
line-height: 2.3vh;
}
.paragraphtext.stapletext, .paragraphtext.quotehugeopportunity, .paragraphtext.huge-opportinity-paragrpah {
color: #a8a8a8;
margin-top: .2vh;
font-size: 2.2vh;
line-height: 2.5vh;
}
.paragraphtext.textonfarm {
margin-top: 0;
font-size: 16px;
line-height: 20px;
}
.paragraphtext.textbiocharforyou {
margin-top: 2px;
line-height: 20px;
display: block;
}
.paragraphtext.textbiocharforyou.swaggg {
display: none;
}
.paragraphtext.textbiocharforyou.mobi {
display: block;
}
.paragraphtext.paragraphhome {
line-height: 21px;
}
.paragraphtext.paragraph-vision-copy {
max-width: 100%;
font-size: 11.5px;
line-height: 15px;
}
.div-block-68 {
width: 85%;
max-width: none;
margin-right: 8px;
}
.div-block-68.container-vision-2 {
width: 100%;
margin-bottom: -80px;
}
.div-block-68.container-vision-2.bb {
padding-top: 35px;
padding-left: 22px;
padding-right: 22px;
}
.div-block-68.biochar-block {
width: 85%;
}
.div-block-68.containerpioneer {
width: 80vw;
}
.div-block-68.paragraphonfarm {
padding-left: 0;
}
.div-block-68.homeparagraph {
width: 90%;
}
.div-block-68.containerenriching-copy {
max-width: none;
}
.div-block-68.container-vision-2-copy {
margin-bottom: -80px;
margin-left: -2px;
padding-left: 13px;
}
.div-block-68.container-vision-2-copy-copy {
width: 100%;
margin-bottom: -80px;
margin-left: 0;
}
.div-block-68.container-vision-2-copy-copy.swww {
margin-left: 5px;
margin-right: -20px;
}
.div-block-68.container-vision-2-copy-copy {
margin-bottom: -80px;
}
.cta-section {
flex-direction: column-reverse;
justify-content: space-between;
height: auto;
}
.div-block-69 {
width: 100%;
}
.div-block-70 {
width: 100%;
height: 50vh;
}
.image-68 {
width: 0%;
margin-bottom: 21px;
}
.div-block-71 {
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 22px;
padding-left: 0;
display: flex;
}
.div-block-71.platform-landing {
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
padding-left: 0;
display: flex;
}
.div-block-71.cta {
flex-direction: column;
align-items: flex-start;
margin-top: -45px;
margin-bottom: 1vh;
}
.text-block-5.pioneers-header {
font-size: 26px;
line-height: 27px;
}
.text-block-5.header-cta {
letter-spacing: .5px;
width: 230px;
font-family: Truenobd, sans-serif;
font-size: 24px;
line-height: 23px;
}
.text-block-5.title-platform {
width: 100%;
font-size: 6.7vw;
line-height: 8vw;
}
.text-block-5.black {
width: 230px;
font-size: 29px;
line-height: 32px;
}
.div-block-72 {
width: 230px;
}
.div-block-72.platform-line {
width: auto;
height: 100%;
margin-top: 2.1vw;
margin-left: -1vw;
margin-right: 1.3vw;
}
.div-block-72.pioneers-liens {
width: 179px;
margin-top: 3px;
}
.div-block-72.dots-cta {
width: 80vw;
}
.div-block-73 {
width: 3px;
height: 10px;
}
.div-block-73.line-to-remove-responsive {
background-color: var(--light-green);
}
.div-block-73.hidemobile {
height: 0;
}
.text-block-6 {
font-size: 14px;
line-height: 16px;
}
.text-block-6.subheader-platform {
text-align: left;
letter-spacing: -.1px;
width: 100%;
font-size: 14px;
line-height: 17px;
}
.text-block-6.cta-responsive {
font-size: 3.5vw;
line-height: 4vw;
}
.div-block-74 {
flex-direction: column;
width: 100%;
}
.map-container {
min-width: 100vw;
max-width: none;
height: 50%;
margin-top: -15px;
}
.map-europe, .map-pois, .map-bbb, .map-lines {
height: 47vh;
}
.header-space {
opacity: 0;
}
.section-27 {
opacity: 1;
height: 80vh;
margin-bottom: -10px;
}
.div-block-75 {
flex-direction: column;
justify-content: center;
height: 100vh;
padding-bottom: 102px;
}
.div-block-76 {
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: -23px;
margin-right: 0;
display: flex;
}
.platform1 {
height: auto;
padding-top: 56px;
}
.islands, .lines, .skyfall, .grow, .bbb-island {
width: 123vw;
max-width: 123vw;
}
.div-block-78 {
margin-top: -140vw;
}
.section-28 {
height: 675vw;
padding-top: 13vw;
}
.hexbg {
opacity: 0;
max-width: 0%;
}
.whybbb {
top: 150.9vw;
left: 35vw;
transform: scale(1.8);
}
.platform-advantages {
margin-bottom: .6vw;
font-size: 2.4vw;
}
.text-block-7.benefits-header {
color: #727272;
font-size: 5.5vw;
line-height: 5vw;
}
.benefitheader.benefitheadera {
color: #668ac7;
text-align: left;
width: 70vw;
font-family: Truenobd, sans-serif;
font-size: 5vw;
line-height: 4.7vw;
top: 237.2vw;
left: 21vw;
}
.benefitheader.benefitheaderb {
color: #ec8181;
text-shadow: none;
width: 40vw;
font-family: Truenobd, sans-serif;
font-size: 5vw;
line-height: 4.7vw;
top: 336.3vw;
left: 15.3vw;
}
.benefitheader.benefitheaderc {
color: #f1da53;
text-align: left;
text-shadow: none;
width: 60vw;
font-family: Truenobd, sans-serif;
font-size: 5vw;
line-height: 4.7vw;
top: 430.5vw;
left: 15.8vw;
}
.benefitheader.benefitheader4 {
color: #4dbb2b;
width: 80vw;
font-family: Truenobd, sans-serif;
font-size: 5vw;
line-height: 4.7vw;
top: 541.4vw;
left: -.1vw;
}
.benefitheader.benefitheader4.benefitheader5 {
color: var(--light-green);
text-shadow: none;
width: 70vw;
line-height: 4.7vw;
top: 743.6vw;
left: 7.9vw;
}
.benefitheader.benefitheaderf {
color: gray;
text-align: left;
width: 60vw;
font-family: Truenobd, sans-serif;
font-size: 5vw;
line-height: 4.7vw;
top: 640.7vw;
left: 20.8vw;
}
.benefittext {
color: #afafaf;
font-size: 4.3vw;
line-height: 4.5vw;
}
.benefittext.benefittextg {
font-size: 4.3vw;
line-height: 4.5vw;
}
.benefittext.texteasy {
font-size: 4.3vw;
}
.benefittext.textquality {
font-size: 4.3vw;
line-height: 4.4vw;
}
.benefittext.textemissions {
font-size: 4.3vw;
}
.div-block-79 {
width: 75vw;
height: 40vw;
top: 235.1vw;
left: 21vw;
}
.div-block-79.blockb {
top: 348vw;
left: 21vw;
}
.div-block-79.blockc {
top: 560.1vw;
left: 21vw;
}
.div-block-79.blocke {
top: 441.7vw;
left: 21vw;
}
.div-block-79.blockf {
top: 647.7vw;
}
.div-block-79.blockg {
top: 747.8vw;
left: 20.8vw;
}
.div-block-80 {
height: 0;
}
.pioneers-section {
justify-content: flex-start;
min-height: auto;
padding-top: 67px;
}
.div-block-81 {
height: 320vw;
margin-right: 5vw;
}
.image-71, .image-72 {
width: 80vw;
left: 10vw;
}
.pioneer-container {
align-items: flex-start;
width: 37vw;
margin-top: 80vw;
padding-top: 50px;
top: 99.4vw;
}
.pioneer-container.edinburgh {
width: 49vw;
margin-top: 29vw;
margin-left: 0;
top: .4vw;
left: 18.8vw;
}
.pioneer-container.biomacon {
width: 49vw;
margin-top: 186vw;
top: 94.2vw;
left: 7vw;
}
.pioneer-container.bsw {
width: 45vw;
line-height: 3px;
top: 98.5vw;
left: 7vw;
}
.pioneer-container.arla {
width: 52vw;
margin-top: 93vw;
top: -16.2vw;
left: 7vw;
}
.pioneer-container.dss {
width: 47vw;
margin-top: 106vw;
top: 24.9vw;
left: 19vw;
}
.pioneer-container.sruc-pioneer {
width: 49vw;
top: 148.6vw;
left: 19.3vw;
}
.text-block-9 {
text-align: left;
letter-spacing: .02vw;
margin-top: .1vw;
font-size: 3.9vw;
line-height: 4.2vw;
}
.text-block-9.pioneers-paragraph-right {
font-size: 3.9vw;
}
.link-4 {
width: 120%;
font-size: 4.2vw;
line-height: 5vw;
}
.image-74 {
z-index: 99;
width: 60px;
max-width: none;
position: absolute;
top: -17px;
left: -21px;
transform: translate(38px);
}
.text-span {
margin-right: 1.4vw;
}
.team-icons {
top: auto;
bottom: 20px;
right: auto;
}
.team-social-icon {
padding-left: 35px;
padding-right: 35px;
font-size: 29px;
}
.hex.scalable {
width: 70vw;
top: 213.8vw;
left: -53.9vw;
}
.hex.ez {
width: 70vw;
top: 313.1vw;
left: -53.9vw;
}
.hex.data {
width: 70vw;
top: 724vw;
left: -53.9vw;
}
.hex.valorisation {
width: 70vw;
top: 416.7vw;
left: -53.9vw;
}
.hex.quality {
width: 70vw;
top: 523.4vw;
left: -53.9vw;
}
.hex.emissions {
width: 70vw;
top: 624vw;
left: -53.9vw;
}
.iconscalable {
max-width: 40vw;
top: 192vw;
left: 28.6vw;
}
.pointyline {
top: 249vw;
left: 17.2vw;
transform: scale(2);
}
.pointyline.quality {
top: 451.7vw;
}
.pointyline.data {
top: 659.8vw;
}
.pointyline.lineeasy {
top: 347.6vw;
left: 17.3vw;
}
.pointyline.linevalor {
top: 556.6vw;
left: 16.9vw;
}
.pointyline.linedata {
top: 757.5vw;
left: 16.2vw;
}
.iconeasy {
width: 45vw;
top: 292.7vw;
left: 27.7vw;
}
.iconvalor {
width: 40vw;
top: 383.7vw;
left: 29.3vw;
}
.iconquality {
max-width: 25vw;
top: 499.2vw;
left: 37.7vw;
}
.icondata {
max-width: 35vw;
top: 704.5vw;
left: 33vw;
}
.iconemissions {
max-width: 53vw;
top: 591.4vw;
left: 34.9vw;
}
.emissionslines {
max-width: 40vw;
top: 652.9vw;
left: -29.8vw;
}
.scalablelines {
max-width: 40vw;
top: 242.4vw;
left: -29.9vw;
}
.valorisationlines {
max-width: 40vw;
top: 444.6vw;
left: -30.1vw;
transform: rotate(60deg);
}
.qualitylines {
max-width: 40vw;
top: 541.2vw;
left: -29.9vw;
transform: rotate(-60deg);
}
.visualisationlines {
max-width: 40vw;
top: 741.8vw;
left: -29.7vw;
}
.arrowss {
opacity: .92;
color: #bebebe;
max-width: 0;
top: 153.5vw;
transform: rotateX(0)rotateY(180deg)rotateZ(0)translate(0);
}
.bbb-benefits {
opacity: 0;
width: 23vw;
top: 133.2vw;
left: -97.7vw;
}
.easylines {
max-width: 40vw;
top: 330.5vw;
left: -29.9vw;
}
.image-75 {
max-width: 100vw;
margin-top: 65px;
}
.cta-line {
height: 3px;
}
.image-76 {
object-fit: cover;
max-width: 120%;
min-height: 110%;
margin-top: -33px;
margin-left: 0;
}
.div-block-85.hexsruc {
top: 230vw;
left: 73.4vw;
}
.div-block-85.hexbsw {
top: 180vw;
bottom: 192.172px;
left: 60.83vw;
}
.div-block-85.hexedin {
margin-left: 35px;
top: 30vw;
left: 62.6vw;
}
.div-block-85.hexarla {
top: 80vw;
left: 60.8vw;
}
.div-block-85.hexukceh {
top: 280vw;
left: 60.8vw;
}
.div-block-85.hexdss {
top: 130vw;
left: 73.85vw;
}
.image-77 {
transform: scale3d(1none, 1none, 1none);
max-width: 26.6vw;
}
.image-78 {
opacity: 0;
}
.image-79 {
width: 17vw;
max-width: 17vw;
top: 6.1vw;
left: 4.6vw;
}
.image-80 {
width: 22vw;
max-width: 22vw;
top: 4vw;
left: 3.2vw;
}
.image-81 {
width: 22vw;
max-width: 22vw;
top: 12.3vw;
left: 2.3vw;
}
.image-83 {
width: 16vw;
max-width: 16vw;
top: 7.5vw;
left: 6.05vw;
}
.image-84 {
width: 18vw;
max-width: 18vw;
top: 7.5vw;
left: 4.1vw;
}
.image-85 {
width: 20vw;
max-width: 20vw;
top: 10.7vw;
left: 2.6vw;
}
.image-86 {
opacity: 0;
width: 0;
}
.div-block-86 {
flex-direction: column;
}
.div-block-87 {
height: auto;
}
.image-87 {
width: 75vw;
max-width: none;
}
.div-block-90 {
bottom: -1.6vh;
left: -19px;
}
.div-block-91 {
flex-direction: row;
width: 80vw;
}
.div-block-92 {
width: 50px;
height: 40px;
position: absolute;
top: 3px;
left: -34px;
}
.div-block-93 {
background-color: #383638;
background-image: linear-gradient(#000, #292929);
width: 100vw;
height: 180vw;
margin-top: 0;
box-shadow: inset 0 0 20px #000;
}
.div-block-94 {
width: 80px;
height: 80px;
position: absolute;
top: 3px;
right: -.5px;
overflow: hidden;
}
.div-block-95 {
width: 100vw;
max-width: 100vw;
overflow: hidden;
}
.heading-87 {
width: 70vw;
padding-left: 6px;
padding-right: 6px;
}
.div-block-96 {
width: 80vw;
}
.div-block-98 {
height: 350px;
}
.section-30 {
background-color: #141414;
}
.div-block-102 {
background-color: #242424;
border-style: none;
border-color: #b4b4b4;
border-radius: 20px;
width: 100vw;
height: 300px;
position: static;
left: 0;
box-shadow: inset 0 0 20px 7px #131313;
}
.text-block-20 {
color: #afafaf;
}
.text-block-21 {
color: #fff;
text-shadow: none;
}
.text-block-21.phoneicon {
color: #fff;
}
.map-overlay {
background-color: #1f1f1f;
}
.landinghider {
opacity: 0;
}
.containerwhydoesitmatter {
margin-top: 0;
}
.column-what-is-biochar {
width: 80vw;
margin-top: -4px;
}
.what-is-biochar-container-section {
flex-direction: column;
margin-top: -35px;
}
.image-93 {
width: 100vw;
margin-bottom: 0;
margin-right: 5px;
}
.cloudtopcontainer {
height: 350px;
}
.div-block-108 {
max-width: 100vw;
padding-left: 0;
}
.graph {
max-width: 90%;
margin-top: 32vw;
margin-bottom: 53px;
margin-right: 13px;
}
.div-block-109 {
margin-top: -40vh;
padding-top: 7px;
}
.soilbenefits {
padding-top: 0;
padding-left: 0;
}
.benefitsection {
align-items: center;
margin-bottom: 76px;
margin-left: 0;
}
.text-block-22 {
text-align: left;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.soil-icon.thunderstorm {
margin-right: -25px;
}
.text-block-23, .text-block-23.textsoilb {
width: 67vw;
max-width: 350px;
}
.image-95 {
width: 60vw;
max-width: none;
height: auto;
margin-left: -10px;
}
.image-95.image-carbon-storage {
width: 46vw;
margin-left: -13px;
}
.image-95.waterretention {
margin-left: -16px;
}
.image-95.climateprooof {
margin-left: -23px;
}
.moon {
bottom: 23px;
right: -49px;
}
.framewrapper {
position: absolute;
top: 0;
left: -50.7vw;
transform: translate(0);
}
.dots-bchar-container {
width: 15px;
margin-left: 0;
transform: translate(2px, -4px)scale(.8);
}
.opencyclecontainer {
width: 75%;
margin-right: 8px;
}
.opencyclecontainer.container-vision-2 {
margin-bottom: 102px;
}
.opencyclecontainer.biochar-block {
width: 85%;
}
.opencyclecontainer.containerpioneer {
width: 80vw;
}
.dotsopencycle {
width: 15px;
margin-left: 0;
transform: translate(2px, -4px)scale(.8);
}
.pyrocontainer {
width: 75%;
max-width: 41.7vh;
margin-right: 8px;
}
.pyrocontainer.container-vision-2 {
margin-bottom: 102px;
}
.pyrocontainer.biochar-block {
width: 85%;
}
.pyrocontainer.containerpioneer {
width: 80vw;
}
.staplecontainer {
width: 75%;
max-width: 41.7vh;
margin-right: 8px;
}
.staplecontainer.container-vision-2 {
margin-bottom: 102px;
}
.staplecontainer.biochar-block {
width: 85%;
}
.staplecontainer.containerpioneer {
width: 80vw;
}
.islandsuppliers {
width: 108.389vw;
max-width: none;
position: absolute;
top: 9.22vw;
}
.islandbbb {
width: 122.186vw;
max-width: none;
top: 5.5vw;
left: -7.4vw;
}
.thingsbbb {
width: 162.092vw;
max-width: none;
left: -41.1vw;
}
.linesplatform {
display: none;
}
.div-block-112 {
height: auto;
padding-top: 296px;
position: static;
}
.thingssupplier {
width: 104.933vw;
max-width: none;
top: -1.4vw;
}
.customersillustrationcontainer {
display: none;
}
.suppliersillustrationcontainer {
position: relative;
top: -91.5vw;
}
.bbbillustrationcontainer {
width: 100%;
position: absolute;
top: 11vw;
left: -4vw;
}
.platform2 {
max-width: 80%;
height: auto;
margin-bottom: 35px;
}
.platform3 {
padding-top: 19px;
padding-bottom: 6vh;
}
.platformsupplierscontainer {
margin-right: 0;
transform: none;
}
.headerplatformbenefits.customers {
width: 210px;
margin-left: -9px;
font-size: 21px;
line-height: 23px;
}
.text-block-25 {
width: 220px;
margin-bottom: 30px;
font-size: 15px;
}
.div-block-113 {
margin-top: 0;
}
.rowplatformbenefits {
flex-direction: column;
}
.div-block-114 {
margin-bottom: 28px;
}
.text-block-26 {
font-family: "Font awesome 5 pro solid 900", sans-serif;
}
.div-block-116 {
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
}
.platformsupplierscontainernega.customers {
width: 80%;
margin-top: 81vw;
transform: none;
}
.image-104 {
transform: translate(0, -2vw);
}
.image-105 {
width: 106.106vw;
max-width: none;
bottom: -21.9vw;
}
.image-106 {
width: 76.318vw;
max-width: none;
}
.customersillustrationcontainer-copy {
position: relative;
top: 25.2vw;
}
.div-block-120 {
width: 100%;
margin-top: 49px;
transform: none;
}
.rowplatformbenefits-copy {
flex-direction: column;
}
.div-block-121 {
width: 100vw;
}
.cloudzzz {
height: 43.99vh;
}
.legendbenefitcontainer.slurrytank {
width: 44vh;
top: 26.8vh;
left: 499.9vh;
overflow: hidden;
}
.legendbenefitcontainer.man-ure {
width: 36.3vh;
top: 36.9vh;
left: 579.1vh;
}
.legendbenefitcontainer.slurrytractor {
width: 38vh;
top: 31.8vh;
}
.legendbenefitcontainer.legendanimationroof {
width: 39.3vh;
}
.linebenefit {
height: 46vh;
}
.linebenefit.slurrytank {
height: 22vh;
}
.linebenefit.man-ure {
height: 16vh;
}
.linebenefit.slurrytractor {
height: 19vh;
}
.text-block-28 {
font-size: 2.9vh;
line-height: 3.2vh;
}
.text-block-28.slurrytank {
font-size: 2.8vh;
}
.text-block-29 {
width: 80vw;
font-size: 16.2px;
}
.benefitrow {
flex-direction: column;
width: 100vw;
margin-top: -3px;
margin-bottom: 0;
}
.div-block-123 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-124 {
position: relative;
transform: scale(.6);
}
.bottomhud {
background-color: var(--grey-a);
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 100vw;
height: 41vh;
margin-bottom: -1vh;
display: flex;
position: sticky;
top: 60vh;
box-shadow: inset 0 0 15px #6d6d6d;
}
.newzpapermobile {
opacity: 0;
max-width: 90%;
max-height: 39vh;
margin-left: auto;
margin-right: auto;
position: absolute;
bottom: 0;
}
.slidescontainer {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.mainheaders-copy {
text-align: left;
width: 220px;
font-size: 21px;
line-height: 23px;
}
.text-span-5 {
color: #dfdfdf;
font-family: "Roboto condensed 2", sans-serif;
font-style: normal;
font-weight: 500;
}
.product-content-wrapper {
width: 100vw;
padding-left: 20px;
padding-right: 20px;
}
.product-images {
flex-direction: column-reverse;
width: 100vw;
margin-left: 0;
}
.shop-nav {
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
}
.shop-nav.withproductbtn {
justify-content: flex-start;
}
.products-button {
display: none;
}
.grid-16 {
grid-template-columns: 1.75fr;
}
.more-products-heading {
padding-left: 25px;
padding-right: 25px;
line-height: 30px;
}
.product-card {
pointer-events: all;
}
.product-card-name {
text-align: center;
}
.collection-list {
flex-direction: column;
}
.main-image-wrapper {
width: 90vw;
height: 60vh;
margin-left: 0;
}
.product-image-carousell {
flex-flow: wrap;
place-content: stretch center;
margin-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.product-thumbnail-image {
margin-left: 5px;
margin-right: 5px;
}
.hand-image {
margin-bottom: 40px;
}
.c02-icon {
margin-top: 40px;
}
.image-113 {
object-fit: contain;
max-width: 60px;
}
.checkout-banner-img {
background-position: 50% 0;
height: 17vh;
}
.collection-item-2 {
margin-bottom: 31px;
}
.merch-header-img {
display: block;
}
.image-116 {
object-fit: cover;
object-position: 50% 0%;
min-width: 0;
min-height: 100vh;
max-height: none;
margin-bottom: -8px;
}
.div-block-143 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
min-height: 100vh;
display: flex;
top: 0;
}
.text-block-36 {
letter-spacing: -.8px;
text-shadow: 0 0 10px #000;
font-size: 23px;
line-height: 28px;
position: static;
bottom: 14.9vh;
right: auto;
}
.section-33 {
padding-top: 0;
padding-bottom: 5rem;
}
.section-33.sectionbiocharforyou {
background-image: linear-gradient(#0000, #533c1d26 20%, #ffffff12 95%), linear-gradient(#0000, #0d0d0d 12%, #000);
padding-top: 0;
padding-bottom: 13vw;
box-shadow: 2px 20px 100px #0000;
}
.grid-17 {
grid-template-columns: 1fr;
}
.heading-90 {
font-size: 18px;
}
.text-span-10 {
margin-left: 3px;
}
.image-118 {
max-width: 80%;
margin-bottom: 0;
padding-left: 3%;
padding-right: 3%;
}
.image-118.image118soilcarbon {
margin-bottom: 18px;
padding-bottom: 0;
}
.container-41 {
margin-top: 57px;
padding-left: 27px;
padding-right: 27px;
}
.text-block-37 {
font-size: 16px;
line-height: 22px;
}
.div-block-148 {
flex-direction: column;
}
.div-block-149 {
padding-left: 9px;
padding-right: 9px;
}
.text-block-38 {
font-size: 13px;
}
.text-span-11 {
margin-left: 2px;
font-size: 12px;
}
.image-120 {
width: 30px;
bottom: -16px;
}
.image-121 {
max-width: 40px;
}
.div-block-150 {
height: 10px;
}
.section-34 {
padding: 2vh 16px 0;
}
.container-42 {
flex-direction: column-reverse;
padding-bottom: 36px;
padding-left: 18px;
padding-right: 18px;
}
.ctacolumn1 {
width: 100%;
margin-bottom: 51px;
margin-left: 1px;
padding-left: 0;
padding-right: 0;
}
.ctacolumn2 {
width: 80%;
margin-bottom: -12px;
}
.ctadottedline {
width: .39rem;
height: .12rem;
}
.ctadottedline.ctadothide {
display: none;
}
.div-block-152 {
justify-content: space-between;
}
.text-block-39 {
font-size: 1.1rem;
line-height: 1.6rem;
}
.text-block-40 {
box-shadow: none;
letter-spacing: .011rem;
width: auto;
margin-top: .2rem;
margin-bottom: .2rem;
margin-left: 0;
font-size: .9rem;
line-height: 1.3rem;
}
.form {
flex-direction: column;
}
.text-field.ctainputtext {
margin-bottom: 16px;
}
.ctasubscribe {
width: 100%;
}
.image-123 {
width: 110%;
max-width: 110%;
margin-left: -6%;
}
.div-block-155 {
flex-direction: column;
justify-content: center;
padding-left: 0;
}
.text-block-43 {
font-size: 2.6rem;
line-height: 2.6rem;
}
.text-span-13 {
line-height: 2.6rem;
}
.image-124 {
width: auto;
max-width: none;
height: 90vh;
margin-top: 22px;
margin-left: -198px;
}
.marquee {
width: 900vw;
}
.partnerlogo {
max-width: 30vw;
margin-top: 7px;
}
.div-block-161 {
flex-direction: column-reverse;
height: 550px;
}
.div-block-161.otherwayaround {
flex-direction: column;
}
.div-block-162 {
order: -1;
width: 100%;
height: auto;
padding-left: 28px;
padding-right: 28px;
}
.div-block-162.text {
order: -1;
}
.div-block-163.bullcontainer.container1, .div-block-163.bullcontainer.container1-copy, .div-block-163.bullcontainer-copy.container1, .div-block-163.bullcontainer-copy.container1-copy {
width: 100%;
height: 60vw;
}
.bullconstellation.bullstars, .bullconstellation.bullislands, .bullconstellation.bulllines, .bullconstellation.bullshadow {
max-width: 100%;
}
.image-125 {
max-width: 60%;
margin-bottom: 32px;
}
.greener-smarter {
flex-direction: column-reverse;
align-items: flex-start;
height: auto;
padding-top: 24vw;
padding-bottom: 0;
}
.container-44 {
margin-bottom: 0;
padding-top: 4px;
}
.greenerrow {
flex-direction: column;
height: 600px;
}
.greenerrow.complicateddiagram {
flex-direction: column-reverse;
justify-content: flex-end;
height: 1150px;
margin-top: -21px;
}
.div-block-165 {
grid-row-gap: 0px;
justify-content: flex-start;
width: 100%;
height: auto;
max-height: 300px;
}
.div-block-166 {
width: 100%;
margin-top: 50px;
margin-bottom: 96px;
margin-left: -49px;
}
.greenersmarter {
margin-bottom: 11px;
margin-left: .5rem;
font-size: 3.5rem;
line-height: 3rem;
}
.image-126.greeneratoms {
top: 24.672px;
left: 24.2812px;
}
.div-block-166-copy {
width: 100%;
margin-right: 0;
display: none;
}
.div-block-166-copy._166-mobile {
width: 100vw;
height: 80vw;
min-height: 120vw;
margin-top: 31px;
margin-bottom: -37px;
display: none;
}
.top {
width: 52vw;
top: -4.5vw;
}
.bottom {
width: 90vw;
top: 45.9vw;
left: -4.9vw;
}
.div-block-165-copy {
grid-row-gap: 0px;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
margin-top: 45px;
margin-bottom: 0;
margin-left: 0;
}
.section-43 {
flex-direction: column;
align-items: center;
height: auto;
}
.div-block-167 {
height: 600px;
}
.div-block-168 {
grid-row-gap: .9rem;
width: 100%;
padding-left: 13px;
padding-right: 13px;
}
.text-block-45 {
width: 100%;
font-size: .9rem;
}
.div-block-170 {
width: 100%;
}
.div-block-171 {
box-shadow: none;
background-color: #fff0;
background-image: none;
border-style: none;
padding-left: 19px;
}
.image-130 {
width: 30vw;
margin-right: 10px;
}
.image-130.vertical130 {
width: 24vw;
margin-right: 19px;
}
.image-130.vertical130.bolt {
max-height: 7rem;
margin-left: 6px;
margin-right: 10px;
}
.image-130.vertical130.facktory {
margin-left: 3px;
}
.text-block-46 {
font-size: 1rem;
line-height: 20px;
}
.text-block-46.farmbenefitstext, .text-block-46.farmbenefitstext-copy {
font-size: .8rem;
}
.section-43-copy {
flex-direction: column-reverse;
height: auto;
}
.div-block-168-copy {
grid-row-gap: 1.2rem;
width: 100%;
padding-bottom: 19px;
padding-left: 23px;
padding-right: 23px;
}
.div-block-171-copy {
background-color: #fff0;
background-image: none;
width: 55vw;
}
.text-block-46-copy {
font-size: 1rem;
}
.text-block-45-copy {
width: 100%;
}
.image-131 {
min-height: 340px;
max-height: 340px;
top: -3px;
}
.section-44 {
height: 300px;
}
.text-block-47.articlesheader {
font-size: 30px;
line-height: 40px;
}
.text-block-47.careers-header {
font-size: 36px;
}
.text-block-48 {
font-size: 16px;
line-height: 18px;
}
.blogmaincontainer {
padding-bottom: 45px;
}
.blogsearchbarcontainer {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
height: 200px;
display: flex;
}
.container-45 {
padding-left: 7vw;
padding-right: 7vw;
}
.collection-item-3 {
flex-direction: column;
justify-content: flex-start;
height: auto;
}
.image-132 {
max-width: 100%;
height: 300px;
}
.div-block-174 {
padding-left: 16px;
padding-right: 16px;
}
.div-block-175 {
flex-direction: column;
align-items: flex-start;
}
.text-block-52 {
width: 100%;
}
.section-45 {
padding-left: 5px;
padding-right: 5px;
}
.image-133 {
min-height: 450px;
}
.container-46 {
min-width: 0;
padding: 0 28px;
}
.text-block-54 {
font-size: 35px;
line-height: 45px;
}
.container-47 {
border-radius: 16px;
padding-top: 31px;
padding-left: 30px;
padding-right: 30px;
}
.section-46 {
padding-left: 18px;
padding-right: 18px;
}
.div-block-179 {
padding-left: 28px;
padding-right: 28px;
}
.rte-dark, .rte-blog-body {
font-size: 17px;
}
.text-block-55 {
min-width: 0;
font-size: 18px;
line-height: 28px;
}
.form-copy {
flex-direction: column;
}
.ctacolumn1-copy {
width: 100%;
margin-bottom: 51px;
padding-left: 8vw;
padding-right: 8vw;
}
.ctasubscribe-copy {
width: 100%;
}
.text-block-40-copy {
box-shadow: none;
letter-spacing: .011rem;
margin-top: 6px;
margin-bottom: 1.7rem;
font-size: .9rem;
line-height: 1.3rem;
}
.text-field-2 {
width: 84vw;
}
.collection-item-5 {
width: auto;
}
.form-2 {
flex-flow: column;
width: auto;
}
.div-block-176-copy {
width: 77vw;
}
.div-block-186 {
max-height: 39px;
padding-left: 0;
position: relative;
}
.div-block-187 {
align-items: flex-start;
}
.div-block-188 {
margin-bottom: 5px;
}
.div-block-192 {
width: 80vw;
}
.link-block-17 {
width: 100%;
}
.div-block-193 {
position: relative;
}
.div-block-195 {
width: 100vw;
overflow: visible;
}
.navbar-2 {
z-index: 99999;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #0000;
background-image: linear-gradient(#1d1d1d, #000);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100vw;
height: 60px;
display: block;
position: relative;
}
.container-48 {
justify-content: space-between;
align-items: flex-start;
}
.image-136 {
height: 40px;
}
.brand {
justify-content: center;
align-items: center;
width: 70px;
height: 60px;
padding-left: 0;
display: flex;
}
.menu-button-2 {
height: 60px;
padding-top: 5px;
padding-bottom: 0;
display: flex;
}
.menu-button-2.w--open {
background-color: #141414;
}
.brand-2 {
justify-content: center;
align-items: center;
height: 60px;
display: flex;
}
.image-137 {
height: 50px;
display: none;
}
.image-137.hamburgeropen {
display: block;
}
.nav-menu-2 {
background-color: #141414;
}
.mobilelink {
color: #e9e9e9;
background-color: #202020;
margin: 4px;
padding-top: 17px;
padding-bottom: 17px;
font-family: Roboto Condensed, sans-serif;
font-size: 18px;
}
.text-block-61 {
color: #fff;
text-align: center;
margin-top: 12px;
font-family: Truenosbd, sans-serif;
display: none;
}
.container-49 {
padding-left: 29px;
padding-right: 29px;
}
.div-block-196 {
width: 90%;
height: 350px;
}
.div-block-197 {
padding-left: 24px;
padding-right: 24px;
}
.text-block-63 {
font-size: 14px;
}
.text-block-62 {
padding-left: 7px;
font-size: 22px;
}
.div-block-198 {
margin-top: 31px;
}
.text-block-65 {
margin-top: 17px;
font-size: 14px;
}
.close {
max-width: 45px;
}
.image-139-copy-copy {
max-width: 38px;
}
.section-47 {
padding-left: 32px;
padding-right: 32px;
}
.ctasubscribe-copy-copy {
width: 100%;
}
.text-block-73 {
font-size: 8px;
line-height: 10px;
}
.text-block-73.heat-copy {
text-align: left;
left: 34.6vw;
}
.text-block-73.heat-copy-copy {
text-align: left;
width: 160px;
}
.div-block-208 {
height: 38px;
}
.div-block-209 {
flex-direction: row-reverse;
width: 80px;
top: 8.8vw;
right: -2.1vw;
}
.div-block-166-mobile {
transform: scale3d(1none, 1none, 1none);
width: 70%;
min-height: 120vw;
margin: 19px 0 5px;
padding-top: 18px;
display: block;
}
.div-block-166-mobile._166-mobile {
width: 100vw;
height: 80vw;
min-height: 120vw;
margin-top: 31px;
margin-bottom: -37px;
display: none;
}
.div-block-210 {
transform: scale(1.6);
}
.container-52 {
justify-content: space-between;
align-items: flex-start;
}
.navbar-3 {
z-index: 99999;
background-color: #0000;
background-image: linear-gradient(#1d1d1d, #000);
width: 100vw;
height: 60px;
display: block;
position: relative;
}
.image-142 {
height: 50px;
display: none;
}
.image-142.hamburgeropen {
display: block;
}
.image-143 {
height: 40px;
}
.menu-button-3 {
height: 60px;
padding-top: 5px;
padding-bottom: 0;
display: flex;
}
.menu-button-3.w--open {
background-color: #141414;
}
.image-144 {
width: auto;
min-width: 100vw;
max-width: none;
height: 45vh;
min-height: 45vh;
}
.miniheader-copy {
width: 100%;
margin-bottom: 8px;
font-size: 10px;
line-height: 12px;
}
.miniheader-copy.miniheaderourmission, .miniheader-copy.miniheader-biochar {
font-size: 11px;
}
.more-products-heading-copy {
padding-left: 25px;
padding-right: 25px;
line-height: 30px;
}
.grid-17-copy {
grid-template-columns: 1fr;
}
.casestudy-1 {
flex-flow: column;
align-items: flex-start;
height: auto;
padding-left: 17px;
padding-right: 17px;
}
.casestudy-1._2 {
padding-top: 12px;
padding-left: 24px;
padding-right: 24px;
}
.casestudy-1._3, .casestudy-1._3-copy {
align-items: center;
padding-left: 26px;
padding-right: 26px;
}
.column {
max-width: none;
margin-bottom: -11px;
padding-left: 0;
padding-right: 0;
}
.mainheaders-copy.headersenrichig {
margin-top: 0;
margin-bottom: 0;
}
.mainheaders-copy.main-header-vision-copy {
width: 100%;
margin-top: 0;
margin-bottom: 5px;
font-size: 4.5vw;
line-height: 4.8vw;
}
.paragraph-copy {
justify-content: center;
width: 100%;
margin-top: 11px;
}
.paragraph-copy._8 {
justify-content: center;
min-width: 100vw;
height: 60%;
padding-top: 93px;
padding-left: 5px;
}
.paragraph-copy.container-our-solution {
width: 100%;
margin-top: 84vw;
margin-bottom: 37vw;
margin-left: 0;
padding-top: 11px;
position: static;
}
.paragraph-copy.container-vision-1 {
width: 110%;
margin-top: -10px;
margin-bottom: 13px;
margin-left: -17px;
padding-left: 0;
}
.paragraph-copy.container-vision-1.casestudy2 {
margin-left: -7px;
padding-right: 24px;
}
.paragraph-copy.container-vision-1.aa.ssss {
margin-left: -11px;
}
.paragraph-copy.container-vision-1.aa {
width: 100%;
margin-bottom: 54px;
margin-left: -43px;
}
.paragraph-copy.container-vision-1.asssss, .paragraph-copy.container-vision-1.ssss.d {
width: 100%;
margin-left: 0;
}
.paragraph-copy.biochar-container {
width: 80vw;
max-width: 80vw;
margin-bottom: 25px;
}
.paragraph-copy.pioneerscontainer2 {
width: 80vw;
margin-left: 0;
}
.paragraph-copy.soilbenefitsheader {
width: 95vw;
margin-bottom: 72px;
margin-left: 0;
}
.paragraph-copy.container-open-cycle {
display: none;
}
.paragraph-copy.container-open-cycle.mobileopencycle {
opacity: 0;
width: 100%;
margin-top: 1vh;
display: flex;
position: absolute;
top: 5vh;
left: auto;
}
.paragraph-copy.container-open-cycle.mobilehugeopportunity {
opacity: 0;
width: 100%;
margin-top: 1vh;
display: flex;
position: absolute;
top: 3vh;
left: auto;
}
.paragraph-copy.container-open-cycle.mobilehugeopportunityp2 {
opacity: .98;
width: 100%;
margin-top: 1vh;
display: flex;
position: absolute;
top: 3vh;
left: auto;
}
.paragraph-copy.pyroparag {
display: none;
}
.paragraph-copy.pyroparag.mobilepyro {
opacity: 0;
width: 100%;
margin-top: -15px;
display: flex;
top: 6.5vh;
left: auto;
}
.paragraph-copy.staplepara {
display: none;
}
.paragraph-copy.staplepara.mobilestaple {
opacity: 0;
align-items: flex-start;
width: 100%;
margin-top: 5vh;
display: flex;
top: 5vh;
left: auto;
}
.paragraph-copy.bchar {
width: 80vw;
margin-left: 0;
}
.paragraph-copy.a-huge-opportunity {
display: none;
}
.paragraph-copy.a-huge-opportunity.mobilestaple {
opacity: 0;
align-items: flex-start;
width: 100%;
margin-top: 5vh;
display: flex;
top: 5vh;
left: auto;
}
.paragraph-copy.container-open-cycle-copy {
display: none;
}
.paragraph-copy.container-open-cycle-copy.mobileopencycle {
opacity: 0;
width: 100%;
margin-top: 1vh;
display: flex;
position: absolute;
top: 5vh;
left: auto;
}
.paragraph-copy.container-open-cycle-copy.mobilehugeopportunity, .paragraph-copy.container-open-cycle-copy.mobilehugeopportunityp2 {
opacity: 0;
width: 100%;
margin-top: 1vh;
display: flex;
position: absolute;
top: 3vh;
left: auto;
}
.paragraph-copy.paragraphonfarm {
width: 110%;
margin-bottom: 19px;
margin-left: -10px;
}
.paragraph-copy.paragraphbiocharforyou {
width: 120%;
}
.paragraph-copy.paragraphcarbonc {
width: 100%;
margin-top: 0;
margin-left: 0;
}
.paragraph-copy.aa {
margin-left: -4px;
}
.paragraph-copy.container-vision-1-copy {
width: 110%;
height: 25vh;
margin-top: -10px;
margin-bottom: 13px;
margin-left: -17px;
padding-left: 0;
}
.text-block-81 {
width: 100%;
margin-bottom: 49px;
padding-left: 0;
padding-right: 0;
font-size: 15px;
line-height: 21px;
}
.text-block-81.casestudy {
width: 100%;
}
.text-block-81.casestudy-copy {
width: 100%;
padding-left: 9px;
padding-right: 9px;
}
.text-block-81.casee {
margin-bottom: 39px;
}
.text-block-81.cassse {
margin-bottom: 28px;
}
.text-block-81.asss {
width: 100%;
}
.div-block-218 {
height: 400px;
margin-left: -55px;
transform: scale(.6);
}
.section-49 {
padding-bottom: 99px;
padding-left: 29px;
padding-right: 29px;
}
.mainheaders-copy-copy.main-header-vision-copy {
width: 100%;
margin-top: 4px;
margin-bottom: 5px;
font-size: 4.5vw;
line-height: 4.8vw;
}
.text-block-83 {
font-size: 22px;
}
.div-block-219.black {
margin-right: 0;
}
.column-copy.aaa {
flex-flow: column;
margin-top: 42px;
margin-bottom: -1px;
}
.paragraph-copy-copy {
justify-content: center;
width: 100%;
margin-top: 11px;
}
.paragraph-copy-copy._8 {
justify-content: center;
min-width: 100vw;
height: 60%;
padding-top: 93px;
padding-left: 5px;
}
.paragraph-copy-copy.container-our-solution {
width: 100%;
margin-top: 84vw;
margin-bottom: 37vw;
margin-left: 0;
padding-top: 11px;
position: static;
}
.paragraph-copy-copy.container-vision-1 {
width: 110%;
margin-left: -26px;
padding-left: 0;
}
.paragraph-copy-copy.container-vision-1.swague {
width: 100%;
margin-left: -28px;
}
.paragraph-copy-copy.container-vision-1.swagueee {
width: 105%;
margin-left: -22px;
}
.paragraph-copy-copy.biochar-container {
width: 80vw;
max-width: 80vw;
margin-bottom: 25px;
}
.paragraph-copy-copy.pioneerscontainer2 {
width: 80vw;
margin-left: 0;
}
.paragraph-copy-copy.soilbenefitsheader {
width: 95vw;
margin-bottom: 72px;
margin-left: 0;
}
.paragraph-copy-copy.container-open-cycle {
display: none;
}
.paragraph-copy-copy.container-open-cycle.mobileopencycle {
opacity: 0;
width: 100%;
margin-top: 1vh;
display: flex;
position: absolute;
top: 5vh;
left: auto;
}
.paragraph-copy-copy.container-open-cycle.mobilehugeopportunity {
opacity: 0;
width: 100%;
margin-top: 1vh;
display: flex;
position: absolute;
top: 3vh;
left: auto;
}
.paragraph-copy-copy.container-open-cycle.mobilehugeopportunityp2 {
opacity: .98;
width: 100%;
margin-top: 1vh;
display: flex;
position: absolute;
top: 3vh;
left: auto;
}
.paragraph-copy-copy.pyroparag {
display: none;
}
.paragraph-copy-copy.pyroparag.mobilepyro {
opacity: 0;
width: 100%;
margin-top: -15px;
display: flex;
top: 6.5vh;
left: auto;
}
.paragraph-copy-copy.staplepara {
display: none;
}
.paragraph-copy-copy.staplepara.mobilestaple {
opacity: 0;
align-items: flex-start;
width: 100%;
margin-top: 5vh;
display: flex;
top: 5vh;
left: auto;
}
.paragraph-copy-copy.bchar {
width: 80vw;
margin-left: 0;
}
.paragraph-copy-copy.a-huge-opportunity {
display: none;
}
.paragraph-copy-copy.a-huge-opportunity.mobilestaple {
opacity: 0;
align-items: flex-start;
width: 100%;
margin-top: 5vh;
display: flex;
top: 5vh;
left: auto;
}
.paragraph-copy-copy.container-open-cycle-copy {
display: none;
}
.paragraph-copy-copy.container-open-cycle-copy.mobileopencycle {
opacity: 0;
width: 100%;
margin-top: 1vh;
display: flex;
position: absolute;
top: 5vh;
left: auto;
}
.paragraph-copy-copy.container-open-cycle-copy.mobilehugeopportunity, .paragraph-copy-copy.container-open-cycle-copy.mobilehugeopportunityp2 {
opacity: 0;
width: 100%;
margin-top: 1vh;
display: flex;
position: absolute;
top: 3vh;
left: auto;
}
.paragraph-copy-copy.paragraphonfarm {
width: 110%;
margin-bottom: 19px;
margin-left: -10px;
}
.paragraph-copy-copy.paragraphbiocharforyou {
width: 120%;
}
.paragraph-copy-copy.paragraphcarbonc {
width: 100%;
margin-top: 0;
margin-left: 0;
}
.paragraph-copy-copy.aa {
margin-left: -4px;
}
.paragraph-copy-copy.container-vision-1-copy {
height: 25vh;
margin-bottom: -22px;
padding-left: 0;
}
.image-150 {
width: 100%;
}
.image-152 {
max-width: 140%;
margin-top: 25px;
}
.casestudy-1-copy {
flex-direction: column-reverse;
align-items: flex-start;
height: auto;
}
.casestudy-1-copy._2, .casestudy-1-copy._2-copy {
padding-left: 28px;
padding-right: 28px;
}
.image-153 {
max-width: 130%;
margin-top: 32px;
margin-bottom: 43px;
}
.image-154 {
margin-bottom: 24px;
margin-right: 0;
}
.image-156 {
height: 100%;
}
.div-block-221 {
padding-left: 7px;
padding-right: 7px;
}
.section-51 {
height: 700px;
}
.miniheader-copy.miniheaderourmission {
text-align: center;
margin-bottom: 3px;
font-size: 11px;
}
.miniheader-copy.miniheader-biochar {
font-size: 11px;
}
.miniheader-copy.miniheaderourmission-copy {
text-align: center;
margin-bottom: 3px;
font-size: 11px;
}
.mainheaders-copy {
font-size: 18px;
line-height: 23px;
}
.mainheaders-copy.mainheader-mission {
font-size: 26px;
line-height: 27px;
}
.mainheaders-copy.main-header-vision {
width: 100%;
font-size: 4.5vw;
line-height: 4.8vw;
}
.mainheaders-copy.mainheaderbiochar {
font-size: 26px;
line-height: 28px;
}
.mainheaders-copy.headertextpiioneer {
font-size: 22px;
line-height: 33px;
}
.mainheaders-copy.headeropencycle {
width: 80vw;
font-size: 5vw;
}
.mainheaders-copy.headeropencycle-copy {
width: 78vw;
font-size: 4.4vw;
}
.mainheaders-copy.why {
font-size: 18px;
line-height: 20px;
}
.mainheaders-copy.headeropencycle-copy-copy {
width: 78vw;
font-size: 4.4vw;
}
.mainheaders-copy.header-biochar-for-you {
width: 100%;
font-size: 20px;
}
.mainheaders-copy.headersbiocharforyou {
font-size: 21px;
line-height: 27px;
}
.mainheaders-copy.headerhome {
width: 100%;
font-size: 20px;
}
.mainheaders-copy.headerhome.headergreener {
flex-direction: column;
justify-content: flex-start;
width: 100%;
margin-top: 5px;
padding-bottom: 0;
font-size: 20px;
line-height: 23px;
display: flex;
}
.mainheaders-copy.headerhome.headergreener.hide {
display: none;
}
.mainheaders-copy.headersenrichig {
margin-top: 0;
margin-bottom: 10px;
font-size: 18px;
line-height: 24px;
}
.mainheaders-copy.main-header-vision-copy {
width: 100%;
margin-bottom: 5px;
font-size: 4.5vw;
line-height: 4.8vw;
}
.mainheaders-copy.headersenrichig-copy {
width: 100%;
margin-top: 0;
margin-bottom: 10px;
font-size: 18px;
line-height: 24px;
}
.paragraphtext-copy.paragraph-mission {
width: 90%;
max-width: 100%;
margin-top: 4px;
font-size: 14px;
line-height: 16px;
}
.paragraphtext-copy.paragraph-mission.textenriching, .paragraphtext-copy.paragraph-mission.textenriching-copy {
margin-bottom: 41px;
font-size: 14px;
}
.paragraphtext-copy.our-solution-text {
color: #dbdaca;
max-width: 100%;
font-size: 15px;
line-height: 21px;
}
.paragraphtext-copy.paragraph-vision {
max-width: 100%;
font-size: 11.5px;
line-height: 15px;
}
.paragraphtext-copy.textbiochar {
max-width: 100%;
margin-top: .7vw;
margin-bottom: 13px;
font-size: 14px;
line-height: 16px;
}
.paragraphtext-copy.pioneerstext {
letter-spacing: .2px;
margin-top: 2px;
font-size: 16px;
line-height: 19px;
}
.paragraphtext-copy.textwhatisbiochar {
max-width: none;
font-size: 17px;
}
.paragraphtext-copy.paragraphwhydoes {
margin-top: 9px;
font-size: 16px;
}
.paragraphtext-copy.paragraphopencycle {
color: #b9b9b9;
}
.paragraphtext-copy.paragraphopencycle.bcharmobileparagraph {
color: #a8a8a8;
margin-top: .2vh;
font-size: 2.2vh;
line-height: 2.5vh;
}
.paragraphtext-copy.paragraphopencycle.bcharmobileparagraph-hugeopportunity {
color: #a8a8a8;
margin-top: .2vh;
font-size: 2vh;
line-height: 2.3vh;
}
.paragraphtext-copy.paragraphopencycle.bcharhugequote {
font-family: "Roboto condensed 2", sans-serif;
font-size: 2.4vh;
font-style: italic;
line-height: 3vh;
}
.paragraphtext-copy.pyrotext {
color: #a8a8a8;
margin-top: .2vh;
font-size: 2.1vh;
line-height: 2.3vh;
}
.paragraphtext-copy.stapletext, .paragraphtext-copy.quotehugeopportunity, .paragraphtext-copy.huge-opportinity-paragrpah {
color: #a8a8a8;
margin-top: .2vh;
font-size: 2.2vh;
line-height: 2.5vh;
}
.paragraphtext-copy.textonfarm {
margin-top: 0;
font-size: 16px;
line-height: 20px;
}
.paragraphtext-copy.textbiocharforyou {
margin-top: 2px;
line-height: 20px;
}
.paragraphtext-copy.paragraphhome {
line-height: 21px;
}
.paragraphtext-copy.paragraph-vision-copy {
max-width: 100%;
font-size: 11.5px;
line-height: 15px;
}
.button-black-copy.ctablackbutton.ctagreen {
width: 100%;
font-size: 14px;
}
.button-black-copy.ctablackbutton.button-fx {
border-width: 2.4px;
width: 100%;
margin-top: 3px;
margin-bottom: 13px;
font-size: 14px;
}
.button-black-copy.button-nuclear {
padding-top: 8px;
font-size: 14px;
line-height: 16px;
}
.button-black-copy.button-full-black.button-our-mission-about-us {
width: 100%;
margin-top: 30px;
margin-bottom: 18px;
padding-left: 11px;
padding-right: 11px;
font-size: 13px;
}
.button-black-copy.button-full-black.button-our-mission-about-us.button-mission {
width: 90%;
}
.button-black-copy.button-full-black.button-our-mission-about-us.button-mission-copy {
width: 90%;
display: none;
}
.button-black-copy.button-full-black.button-our-mission-about-us.button-mission-copy.buttongreenermobile {
width: 100%;
margin-top: 39px;
margin-bottom: 0;
padding-left: 34px;
padding-right: 34px;
display: block;
position: static;
}
.button-black-copy.button-full-black.button-our-mission-about-us.asd {
width: 90%;
display: block;
}
.button-black-copy.button-full-black.button-our-mission-about-us.asd.buttonfarmsmobile {
display: block;
box-shadow: 3px 4px 14px #00000057;
}
.div-block-223 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
display: flex;
}
.text-block-84 {
font-size: 12px;
}
.div-block-224 {
width: 110px;
}
.div-block-225 {
height: 100%;
}
.mainheaders-copy-copy {
font-size: 18px;
line-height: 23px;
}
.mainheaders-copy-copy.mainheader-mission {
font-size: 26px;
line-height: 27px;
}
.mainheaders-copy-copy.main-header-vision {
width: 100%;
font-size: 4.5vw;
line-height: 4.8vw;
}
.mainheaders-copy-copy.mainheaderbiochar {
font-size: 26px;
line-height: 28px;
}
.mainheaders-copy-copy.headertextpiioneer {
font-size: 22px;
line-height: 33px;
}
.mainheaders-copy-copy.headeropencycle {
width: 80vw;
font-size: 5vw;
}
.mainheaders-copy-copy.headeropencycle-copy {
width: 78vw;
font-size: 4.4vw;
}
.mainheaders-copy-copy.why {
font-size: 18px;
line-height: 20px;
}
.mainheaders-copy-copy.headeropencycle-copy-copy {
width: 78vw;
font-size: 4.4vw;
}
.mainheaders-copy-copy.header-biochar-for-you {
width: 100%;
font-size: 20px;
}
.mainheaders-copy-copy.headersbiocharforyou {
font-size: 21px;
line-height: 27px;
}
.mainheaders-copy-copy.headerhome {
width: 100%;
font-size: 20px;
}
.mainheaders-copy-copy.headerhome.headergreener {
flex-direction: column;
justify-content: flex-start;
width: 100%;
margin-top: 5px;
padding-bottom: 0;
font-size: 20px;
line-height: 23px;
display: flex;
}
.mainheaders-copy-copy.headerhome.headergreener.hide {
display: none;
}
.mainheaders-copy-copy.headersenrichig {
margin-top: 0;
margin-bottom: 0;
}
.mainheaders-copy-copy.main-header-vision-copy {
width: 100%;
margin-top: 0;
margin-bottom: 5px;
font-size: 4.5vw;
line-height: 4.8vw;
}
.mainheaders-copy-copy.main-header-vision-copy-copy {
width: 100%;
margin-top: 0;
font-size: 4.5vw;
line-height: 4.8vw;
}
.section-52 {
flex-flow: column;
}
.div-block-68-copy {
width: 85%;
max-width: none;
margin-right: 8px;
}
.div-block-68-copy.container-vision-2 {
margin-bottom: -80px;
}
.div-block-68-copy.biochar-block {
width: 85%;
}
.div-block-68-copy.containerpioneer {
width: 80vw;
}
.div-block-68-copy.paragraphonfarm {
padding-left: 0;
}
.div-block-68-copy.homeparagraph {
width: 90%;
}
.div-block-68-copy.container-vision-2-copy {
margin-bottom: -80px;
}
.div-block-218-copy {
height: 400px;
margin-left: -55px;
transform: scale(.6);
}
.miniheader-copy {
width: 100%;
font-size: 10px;
line-height: 12px;
}
.miniheader-copy.miniheaderourmission, .miniheader-copy.miniheader-biochar {
font-size: 11px;
}
.div-block-67-copy {
width: 15px;
margin-left: 0;
transform: translate(2px, -4px)scale(.8);
}
.div-block-67-copy.lines-about-us {
margin-right: 3px;
}
.div-block-67-copy.why-matter {
margin-right: 0;
}
.div-block-67-copy.linesforyou {
margin-top: 1px;
margin-right: 0;
}
.div-block-67-copy.linehome.gzu {
width: 14px;
margin-right: 0;
}
.div-block-67-copy.blof2efg {
margin-top: -4px;
margin-right: 1px;
}
.div-block-67-copy.guzg {
margin-right: 3px;
padding-top: 0;
}
.div-block-67-copy.guzg-copy {
margin-top: -4px;
margin-right: 0;
padding-top: 0;
}
.div-block-67-copy.dottedlinehealthy {
margin-right: 0;
}
.div-block-67-copy.lines-about-us-copy {
margin-right: 3px;
}
.div-block-237 {
width: 6px;
height: 2px;
}
.div-block-238 {
width: 100%;
padding-top: 51px;
top: 30px;
}
.div-block-239 {
width: 300px;
margin-top: 3px;
margin-bottom: 0;
padding-left: 45px;
padding-right: 45px;
}
.text-block-89 {
padding-left: 17px;
padding-right: 17px;
font-size: 15px;
}
.button-2 {
margin-top: 102px;
padding-top: 12px;
padding-bottom: 12px;
}
.div-block-241 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
}
.button-2-copy {
padding-top: 12px;
padding-bottom: 12px;
}
.div-block-242 {
display: none;
}
.div-block-244 {
flex-flow: column;
height: 200px;
margin-bottom: 22px;
}
.text-block-93 {
white-space: normal;
justify-content: center;
align-items: center;
height: 50px;
padding: 24px 0;
font-size: 16px;
display: flex;
}
.button-2-copy-copy.applynow {
width: 100%;
min-width: auto;
}
.section-33-copy {
padding-top: 0;
padding-bottom: 5rem;
}
.section-33-copy.sectionbiocharforyou {
background-image: linear-gradient(#0000, #533c1d26 20%, #ffffff12 95%), linear-gradient(#0000, #0d0d0d 12%, #000);
padding-top: 0;
padding-bottom: 13vw;
box-shadow: 2px 20px 100px #0000;
}
.container-41-copy {
margin-top: 57px;
padding-left: 27px;
padding-right: 27px;
}
.section-51-copy {
height: 500px;
margin-bottom: 11px;
}
.image-156-copy {
height: 100%;
}
.div-block-224-copy {
border: 0 solid #000;
width: 110px;
}
.div-block-224-copy.aaaa {
border-left-width: 0;
width: 80%;
padding-left: 0;
}
.section-56 {
padding-left: 0;
padding-right: 0;
}
.div-block-223-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: center;
display: grid;
}
.div-block-224-copy {
width: 110px;
}
.text-block-95 {
font-size: 26px;
}
.text-block-81-copy {
width: 100%;
margin-bottom: 49px;
padding-left: 0;
padding-right: 0;
font-size: 15px;
line-height: 21px;
}
.div-block-246 {
flex-flow: column-reverse;
}
.div-block-247 {
width: 100%;
}
.div-block-221-copy {
height: 100%;
padding-left: 21px;
padding-right: 21px;
}
.section-49-copy {
padding-bottom: 99px;
padding-left: 29px;
padding-right: 29px;
}
.image-161 {
width: 100%;
margin-bottom: 44px;
margin-left: -1px;
}
.column-copy {
flex-flow: column-reverse;
justify-content: flex-start;
align-items: center;
max-height: none;
margin-bottom: -11px;
padding-left: 14px;
padding-right: 14px;
}
.column-copy.sssss {
padding-left: 7px;
}
.image-162 {
width: 100%;
margin-bottom: 38px;
}
.div-block-248 {
flex-flow: column;
}
.text-block-97 {
width: 100%;
margin-top: 42px;
padding-left: 0;
padding-right: 0;
}
.image-163 {
width: 120%;
max-width: none;
margin-left: -35px;
}
.text-block-81-copy, .text-block-81-copy-copy, .text-block-81-copy, .text-block-81-copyi {
margin-bottom: 49px;
padding-left: 0;
padding-right: 0;
font-size: 15px;
line-height: 21px;
}
.div-block-249 {
flex-flow: column;
}
.image-164 {
width: 100%;
}
.image-164-copy {
width: 100%;
margin-bottom: 26px;
}
.text-block-81-copyi-copy {
margin-bottom: 49px;
padding-left: 0;
padding-right: 0;
font-size: 15px;
line-height: 21px;
}
.link-block-18, .link-block-19 {
width: 100%;
height: 100px;
}
.link-block-20 {
width: 100%;
}
.div-block-250 {
flex-flow: column;
}
.column-copy, .column-copy-copy {
margin-bottom: -11px;
padding-left: 14px;
padding-right: 14px;
}
.text-block-81-copy {
margin-bottom: 49px;
padding-left: 0;
padding-right: 0;
font-size: 15px;
line-height: 21px;
}
.image-165 {
margin-bottom: 42px;
}
.code-embed, .code-embed.mobile {
display: block;
}
.div-block-251 {
width: 90%;
}
.div-block-252 {
width: 90%;
margin-top: 49px;
}
.blogmaincontainer-copy {
padding-bottom: 45px;
}
.collection-list-wrapper-8, .collection-list-wrapper-9 {
width: 80vw;
}
.our-story-copy {
flex-direction: column-reverse;
align-items: flex-start;
height: auto;
padding-bottom: 168px;
padding-left: 9px;
}
.div-block-257 {
width: 85%;
max-width: none;
margin-right: 8px;
}
.div-block-257.homeparagraph {
width: 90%;
}
.paragraph-59 {
justify-content: center;
width: 100%;
margin-top: 11px;
}
.paragraph-59.aa {
margin-left: -4px;
}
.div-block-259 {
width: 15px;
margin-left: 0;
transform: translate(2px, -4px)scale(.8);
}
.div-block-259.guzg {
margin-right: 3px;
padding-top: 0;
}
.image-166 {
max-width: 60%;
margin-bottom: 32px;
}
.div-block-260 {
flex-direction: column-reverse;
height: 550px;
}
.div-block-260.otherwayaround {
flex-direction: column;
}
.div-block-261.bullcontainer.container1 {
width: 100%;
height: 60vw;
}
.div-block-262 {
width: 100%;
height: auto;
padding-left: 28px;
padding-right: 28px;
}
.bullconstellation-copy.bullstars, .bullconstellation-copy.bullislands, .bullconstellation-copy.bulllines, .bullconstellation-copy.bullshadow, .bullconstellation-copy.bullislands-copy {
max-width: 100%;
}
.marquee-copy {
width: 900vw;
}
.the-team {
filter: none;
flex-direction: column;
justify-content: flex-start;
height: auto;
padding-bottom: 54px;
padding-left: 7%;
padding-right: 7%;
transition: none;
position: relative;
}
.the-team.bgwhite {
flex-direction: column-reverse;
margin-bottom: 0;
}
.the-team.bgwhite.sleep {
height: auto;
margin-bottom: 30px;
}
.medium-white-heading-left-with-padding-copy {
text-align: center;
justify-content: center;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
font-size: 20px;
line-height: 25px;
}
.header-trueno-60-copy {
font-size: 33px;
}
.div-block-163-copy.bullcontainer.container1, .div-block-163-copy.bullcontainer.container1-copy, .div-block-163-copy.bullcontainer-copy.container1, .div-block-163-copy.bullcontainer-copy.container1-copy {
width: 100%;
height: 60vw;
}
.platform2-copy {
max-width: 80%;
height: auto;
margin-bottom: 35px;
}
.div-block-163-copy.bullcontainer.container1, .div-block-163-copy.bullcontainer.container1-copy, .div-block-163-copy.bullcontainer-copy.container1, .div-block-163-copy.bullcontainer-copy.container1-copy {
width: 100%;
height: 60vw;
}
.bullconstellation-copy.bullstars, .bullconstellation-copy.bullislands, .bullconstellation-copy.bulllines, .bullconstellation-copy.bullshadow, .bullconstellation-copy.copy {
max-width: 100%;
}
.div-block-264 {
width: 80vw;
}
.collection-list-4 {
width: 70vw;
}
.div-block-265, .collection-list-5 {
width: 80vw;
}
.flex-block {
flex-flow: column;
padding-left: 0;
padding-right: 0;
}
.flex-block-4 {
width: 100%;
min-width: auto;
max-width: none;
}
.rich-text-block {
width: 100%;
}
.career-card-divider.career-card-text {
display: none;
}
.career-class-heading {
flex: 1;
}
.text-block-102 {
flex: 0 auto;
}
.careers-link, .flex-block-5 {
flex-flow: column;
}
.flex-block-6 {
justify-content: space-around;
align-items: flex-start;
}
}
#w-node-a80ca4e9-c251-b1ca-573e-48d1d7603289-7f60dbdd, #w-node-bad886ab-e568-e5af-7b9d-76d0a18f682d-7f60dbdd, #w-node-_6ade1142-4599-4d2b-257c-a9a4c68fea06-7f60dbdd, #w-node-_835c4417-33c9-466c-f2a8-83059832ff30-7f60dbdd, #w-node-e51a9f19-55d7-cf4c-a7d6-d24b6b6e6a04-7f60dbdd, #w-node-_0b13e69c-cb9d-b485-f042-d05572904378-7f60dbdd, #w-node-_0b13e69c-cb9d-b485-f042-d05572904388-7f60dbdd, #w-node-_0b13e69c-cb9d-b485-f042-d05572904397-7f60dbdd, #w-node-_0b13e69c-cb9d-b485-f042-d05572904398-7f60dbdd, #w-node-ce6dd0f1-6a64-7f4b-6da1-3fde9aab71f8-7f60dbdd, #w-node-ce6dd0f1-6a64-7f4b-6da1-3fde9aab71fd-7f60dbdd, #w-node-a35ff96f-b01f-5032-c1c3-9d88d66b96b6-7f60dbdd, #w-node-a35ff96f-b01f-5032-c1c3-9d88d66b96bb-7f60dbdd, #w-node-_599f57bc-8acd-f390-ac83-68049c1687d2-7f60dbdd, #w-node-_599f57bc-8acd-f390-ac83-68049c1687d7-7f60dbdd, #w-node-f6f3da96-df4d-19a6-2c97-9b3a90b46e5b-7f60dbdd, #w-node-f6f3da96-df4d-19a6-2c97-9b3a90b46e60-7f60dbdd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_14da04df-de1b-f2f9-01ac-a265a32ab5fa-7f60dbe4 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_7af302ad-90b9-3c1b-2042-283cea28dd2e-7f60dbe4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_14da04df-de1b-f2f9-01ac-a265a32ab5fe-7f60dbe4 {
place-self: auto;
}
#w-node-_3a6a51ac-04b4-b422-87e6-d0efbcc63d4d-7f60dbea, #w-node-d2f9e7ad-c7f5-d995-d186-ac93d9017c7b-7f60dbea {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-ce6dd0f1-6a64-7f4b-6da1-3fde9aab71f8-b57be543, #w-node-ce6dd0f1-6a64-7f4b-6da1-3fde9aab71fd-b57be543, #w-node-a35ff96f-b01f-5032-c1c3-9d88d66b96b6-b57be543, #w-node-a35ff96f-b01f-5032-c1c3-9d88d66b96bb-b57be543, #w-node-_599f57bc-8acd-f390-ac83-68049c1687d2-b57be543, #w-node-_599f57bc-8acd-f390-ac83-68049c1687d7-b57be543, #w-node-f6f3da96-df4d-19a6-2c97-9b3a90b46e5b-b57be543, #w-node-f6f3da96-df4d-19a6-2c97-9b3a90b46e60-b57be543 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e921c04a-22ae-32db-13ff-d3a4b564486b-80d07460 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_8b454417-aaf7-e24b-3f2e-985a3b449369-80d07460 {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-_03b9b842-8ddf-e986-3706-e574c945adb6-80d07460 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_6b69bfd7-1adf-c261-10e7-3fbcd0e013e1-80d07460 {
grid-area: 2 / 3 / 3 / 4;
}
@media screen and (max-width: 767px) {
#w-node-_420d4f33-1af1-7174-815d-147748a113d4-7f60dbdc, #w-node-_420d4f33-1af1-7174-815d-147748a113d6-7f60dbdc, #w-node-_420d4f33-1af1-7174-815d-147748a113db-7f60dbdc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_420d4f33-1af1-7174-815d-147748a113dd-7f60dbdc {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
}
@media screen and (max-width: 479px) {
#w-node-_420d4f33-1af1-7174-815d-147748a113ca-7f60dbdc, #w-node-_420d4f33-1af1-7174-815d-147748a113d1-7f60dbdc, #w-node-_420d4f33-1af1-7174-815d-147748a113d8-7f60dbdc {
grid-column: span 1 / span 1;
}
#w-node-_14da04df-de1b-f2f9-01ac-a265a32ab5ea-7f60dbe4, #w-node-_14da04df-de1b-f2f9-01ac-a265a32ab5ee-7f60dbe4, #w-node-_14da04df-de1b-f2f9-01ac-a265a32ab5f2-7f60dbe4, #w-node-_14da04df-de1b-f2f9-01ac-a265a32ab5f6-7f60dbe4 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
}