/*html {
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
font-family:sans-serif
}*/
/*body {
margin:0
}*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display:block
}
audio,
canvas,
progress,
video {
vertical-align:baseline;
display:inline-block
}
audio:not([controls]) {
height:0;
display:none
}
[hidden],
template {
display:none
}
a {
background-color:transparent
}
a:active,
a:hover {
outline:0
}
abbr[title] {
border-bottom:1px dotted
}
b,
strong {
font-weight:bold
}
dfn {
font-style:italic
}
/*h1 {
margin:.67em 0;
font-size:2em
}*/
mark {
color:#000;
background:#ff0
}
small {
font-size:80%
}
sub,
sup {
vertical-align:baseline;
font-size:75%;
line-height:0;
position:relative
}
sup {
top:-.5em
}
sub {
bottom:-.25em
}
img {
border:0
}
svg:not(:root) {
overflow:hidden
}
figure {
margin:1em 40px
}
hr {
box-sizing:content-box;
height:0
}
pre {
overflow:auto
}
code,
kbd,
pre,
samp {
font-family:monospace;
font-size:1em
}
button,
input,
optgroup,
select,
textarea {
color:inherit;
font:inherit;
margin:0
}
button {
overflow:visible
}
button,
select {
text-transform:none
}
button,
html input[type=button],
input[type=reset] {
-webkit-appearance:button;
cursor:pointer
}
button[disabled],
html input[disabled] {
cursor:default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border:0;
padding:0
}
input {
line-height:normal
}
input[type=checkbox],
input[type=radio] {
box-sizing:border-box;
padding:0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height:auto
}
input[type=search] {
-webkit-appearance:none
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset {
border:1px solid silver;
margin:0 2px;
padding:.35em .625em .75em
}
legend {
border:0;
padding:0
}
textarea {
overflow:auto
}
optgroup {
font-weight:700
}
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:400;
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:400;
line-height:1;
font-family:webflow-icons!important
}
.w-icon-slider-right:before {
content:""
}
.w-icon-slider-left:before {
content:""
}
.w-icon-nav-menu:before {
content:""
}
.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
content:""
}
.w-icon-file-upload-remove:before {
content:""
}
.w-icon-file-upload-icon:before {
content:""
}
/** {
box-sizing:border-box
}*/
/*html {
height:100%
}
body {
min-height:100%;
color:#333;
background-color:#fff;
margin:0;
font-family:Arial,sans-serif;
font-size:14px;
line-height:20px
}*/
/*img {
max-width:100%;
vertical-align:middle;
display:inline-block
}*/
html.w-mod-touch * {
background-attachment:scroll!important
}
.w-block {
display:block
}
.w-inline-block {
max-width:100%;
display:inline-block
}
.w-clearfix:before,
.w-clearfix:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-clearfix:after {
clear:both
}
.w-hidden {
display:none
}
.w-button {
color:#fff;
line-height:inherit;
cursor:pointer;
background-color:#3898ec;
border:0;
border-radius:0;
padding:9px 15px;
text-decoration:none;
display:inline-block
}
input.w-button {
-webkit-appearance:button
}
html[data-w-dynpage] [data-w-cloak] {
color:transparent!important
}
.w-code-block {
margin:unset
}
pre.w-code-block code {
all:inherit
}
.w-webflow-badge,
.w-webflow-badge * {
z-index:auto;
visibility:visible;
box-sizing:border-box;
width:auto;
height:auto;
max-height:none;
max-width:none;
min-height:0;
min-width:0;
float:none;
clear:none;
box-shadow:none;
opacity:1;
direction:ltr;
font-family:inherit;
font-weight:inherit;
color:inherit;
font-size:inherit;
line-height:inherit;
font-style:inherit;
font-variant:inherit;
text-align:inherit;
letter-spacing:inherit;
-webkit-text-decoration:inherit;
text-decoration:inherit;
text-indent:0;
text-transform:inherit;
text-shadow:none;
font-smoothing:auto;
vertical-align:baseline;
cursor:inherit;
white-space:inherit;
word-break:normal;
word-spacing:normal;
word-wrap:normal;
background:0 0;
border:0 transparent;
border-radius:0;
margin:0;
padding:0;
list-style-type:disc;
transition:none;
display:block;
position:static;
top:auto;
bottom:auto;
left:auto;
right:auto;
overflow:visible;
transform:none
}
.w-webflow-badge {
white-space:nowrap;
cursor:pointer;
box-shadow:0 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.1);
visibility:visible!important;
z-index:2147483647!important;
color:#aaadb0!important;
opacity:1!important;
width:auto!important;
height:auto!important;
background-color:#fff!important;
border-radius:3px!important;
margin:0!important;
padding:6px!important;
font-size:12px!important;
line-height:14px!important;
text-decoration:none!important;
display:inline-block!important;
position:fixed!important;
top:auto!important;
bottom:12px!important;
left:auto!important;
right:12px!important;
overflow:visible!important;
transform:none!important
}
.w-webflow-badge>img {
visibility:visible!important;
opacity:1!important;
vertical-align:middle!important;
display:inline-block!important
}
/*h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom:10px;
font-weight:700
}*/
/*h1 {
margin-top:20px;
font-size:38px;
line-height:44px
}
h2 {
margin-top:20px;
font-size:32px;
line-height:36px
}
h3 {
margin-top:20px;
font-size:24px;
line-height:30px
}
h4 {
margin-top:10px;
font-size:18px;
line-height:24px
}
h5 {
margin-top:10px;
font-size:14px;
line-height:20px
}
h6 {
margin-top:10px;
font-size:12px;
line-height:18px
}
p {
margin-top:0;
margin-bottom:10px
}*/
blockquote {
border-left:5px solid #e2e2e2;
margin:0 0 10px;
padding:10px 20px;
font-size:18px;
line-height:22px
}
figure {
margin:0 0 10px
}
figcaption {
text-align:center;
margin-top:5px
}
/*ul,
ol {
margin-top:0;
margin-bottom:10px;
padding-left:40px
}*/
.w-list-unstyled {
padding-left:0;
list-style:none
}
.w-embed:before,
.w-embed:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-embed:after {
clear:both
}
.w-video {
width:100%;
padding:0;
position:relative
}
.w-video iframe,
.w-video object,
.w-video embed {
width:100%;
height:100%;
border:none;
position:absolute;
top:0;
left:0
}
fieldset {
border:0;
margin:0;
padding:0
}
button,
[type=button],
[type=reset] {
cursor:pointer;
-webkit-appearance:button;
border:0
}
.w-form {
margin:0 0 15px
}
.w-form-done {
text-align:center;
background-color:#ddd;
padding:20px;
display:none
}
.w-form-fail {
background-color:#ffdede;
margin-top:10px;
padding:10px;
display:none
}
label {
margin-bottom:5px;
font-weight:700;
display:block
}
.w-input,
.w-select {
width:100%;
height:38px;
color:#333;
vertical-align:middle;
background-color:#fff;
border:1px solid #ccc;
margin-bottom:10px;
padding:8px 12px;
font-size:14px;
line-height:1.42857;
display:block
}
.w-input:-moz-placeholder,
.w-select:-moz-placeholder {
color:#999
}
.w-input::-moz-placeholder,
.w-select::-moz-placeholder {
color:#999;
opacity:1
}
.w-input::-webkit-input-placeholder,
.w-select::-webkit-input-placeholder {
color:#999
}
.w-input:focus,
.w-select:focus {
border-color:#3898ec;
outline:0
}
.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
cursor:not-allowed
}
.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color:#eee
}
textarea.w-input,
textarea.w-select {
height:auto
}
.w-select {
background-color:#f3f3f3
}
.w-select[multiple] {
height:auto
}
.w-form-label {
cursor:pointer;
margin-bottom:0;
font-weight:400;
display:inline-block
}
.w-radio {
margin-bottom:5px;
padding-left:20px;
display:block
}
.w-radio:before,
.w-radio:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-radio:after {
clear:both
}
.w-radio-input {
float:left;
margin:3px 0 0 -20px;
line-height:normal
}
.w-file-upload {
margin-bottom:10px;
display:block
}
.w-file-upload-input {
width:.1px;
height:.1px;
opacity:0;
z-index:-100;
position:absolute;
overflow:hidden
}
.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
color:#333;
display:inline-block
}
.w-file-upload-error {
margin-top:10px;
display:block
}
.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
display:none
}
.w-file-upload-uploading-btn {
cursor:pointer;
background-color:#fafafa;
border:1px solid #ccc;
margin:0;
padding:8px 12px;
font-size:14px;
font-weight:400;
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:400;
display:block
}
.w-file-remove-link {
width:auto;
height:auto;
cursor:pointer;
margin-top:3px;
margin-left:10px;
padding:3px;
display:block
}
.w-icon-file-upload-remove {
margin:auto;
font-size:10px
}
.w-file-upload-error-msg {
color:#ea384c;
padding:2px 0;
display:inline-block
}
.w-file-upload-info {
padding:0 12px;
line-height:38px;
display:inline-block
}
.w-file-upload-label {
cursor:pointer;
background-color:#fafafa;
border:1px solid #ccc;
margin:0;
padding:8px 12px;
font-size:14px;
font-weight:400;
display:inline-block
}
.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
width:20px;
margin-right:8px;
display:inline-block
}
.w-icon-file-upload-uploading {
height:20px
}
.w-container {
max-width:940px;
margin-left:auto;
margin-right:auto
}
.w-container:before,
.w-container:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-container:after {
clear:both
}
.w-container .w-row {
margin-left:-10px;
margin-right:-10px
}
.w-row:before,
.w-row:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-row:after {
clear:both
}
.w-row .w-row {
margin-left:0;
margin-right:0
}
.w-col {
float:left;
width:100%;
min-height:1px;
padding-left:10px;
padding-right:10px;
position:relative
}
.w-col .w-col {
padding-left:0;
padding-right:0
}
.w-col-1 {
width:8.33333%
}
.w-col-2 {
width:16.6667%
}
.w-col-3 {
width:25%
}
.w-col-4 {
width:33.3333%
}
.w-col-5 {
width:41.6667%
}
.w-col-6 {
width:50%
}
.w-col-7 {
width:58.3333%
}
.w-col-8 {
width:66.6667%
}
.w-col-9 {
width:75%
}
.w-col-10 {
width:83.3333%
}
.w-col-11 {
width:91.6667%
}
.w-col-12 {
width:100%
}
.w-hidden-main {
display:none!important
}
@media screen and (max-width:991px) {
.w-container {
max-width:728px
}
.w-hidden-main {
display:inherit!important
}
.w-hidden-medium {
display:none!important
}
.w-col-medium-1 {
width:8.33333%
}
.w-col-medium-2 {
width:16.6667%
}
.w-col-medium-3 {
width:25%
}
.w-col-medium-4 {
width:33.3333%
}
.w-col-medium-5 {
width:41.6667%
}
.w-col-medium-6 {
width:50%
}
.w-col-medium-7 {
width:58.3333%
}
.w-col-medium-8 {
width:66.6667%
}
.w-col-medium-9 {
width:75%
}
.w-col-medium-10 {
width:83.3333%
}
.w-col-medium-11 {
width:91.6667%
}
.w-col-medium-12 {
width:100%
}
.w-col-stack {
width:100%;
left:auto;
right:auto
}
}
@media screen and (max-width:767px) {
.w-hidden-main,
.w-hidden-medium {
display:inherit!important
}
.w-hidden-small {
display:none!important
}
.w-row,
.w-container .w-row {
margin-left:0;
margin-right:0
}
.w-col {
width:100%;
left:auto;
right:auto
}
.w-col-small-1 {
width:8.33333%
}
.w-col-small-2 {
width:16.6667%
}
.w-col-small-3 {
width:25%
}
.w-col-small-4 {
width:33.3333%
}
.w-col-small-5 {
width:41.6667%
}
.w-col-small-6 {
width:50%
}
.w-col-small-7 {
width:58.3333%
}
.w-col-small-8 {
width:66.6667%
}
.w-col-small-9 {
width:75%
}
.w-col-small-10 {
width:83.3333%
}
.w-col-small-11 {
width:91.6667%
}
.w-col-small-12 {
width:100%
}
}
@media screen and (max-width:479px) {
.w-container {
max-width:none
}
.w-hidden-main,
.w-hidden-medium,
.w-hidden-small {
display:inherit!important
}
.w-hidden-tiny {
display:none!important
}
.w-col {
width:100%
}
.w-col-tiny-1 {
width:8.33333%
}
.w-col-tiny-2 {
width:16.6667%
}
.w-col-tiny-3 {
width:25%
}
.w-col-tiny-4 {
width:33.3333%
}
.w-col-tiny-5 {
width:41.6667%
}
.w-col-tiny-6 {
width:50%
}
.w-col-tiny-7 {
width:58.3333%
}
.w-col-tiny-8 {
width:66.6667%
}
.w-col-tiny-9 {
width:75%
}
.w-col-tiny-10 {
width:83.3333%
}
.w-col-tiny-11 {
width:91.6667%
}
.w-col-tiny-12 {
width:100%
}
}
.w-widget {
position:relative
}
.w-widget-map {
width:100%;
height:400px
}
.w-widget-map label {
width:auto;
display:inline
}
.w-widget-map img {
max-width:inherit
}
.w-widget-map .gm-style-iw {
text-align:center
}
.w-widget-map .gm-style-iw>button {
display:none!important
}
.w-widget-twitter {
overflow:hidden
}
.w-widget-twitter-count-shim {
vertical-align:top;
width:28px;
height:20px;
text-align:center;
background:#fff;
border:1px solid #758696;
border-radius:3px;
display:inline-block;
position:relative
}
.w-widget-twitter-count-shim * {
pointer-events:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align:center;
color:#999;
font-family:serif;
font-size:15px;
line-height:12px;
position:relative
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display:block;
position:relative
}
.w-widget-twitter-count-shim.w--large {
width:36px;
height:28px
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size:18px;
line-height:18px
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left:5px;
margin-right:8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left:6px
}
.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
content:" ";
height:0;
width:0;
pointer-events:none;
border:solid transparent;
position:absolute;
top:50%;
left:0
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width:4px;
border-color:rgba(117,134,150,0) #5d6c7b rgba(117,134,150,0) rgba(117,134,150,0);
margin-top:-4px;
margin-left:-9px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width:5px;
margin-top:-5px;
margin-left:-10px
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width:4px;
border-color:rgba(255,255,255,0) #fff rgba(255,255,255,0) rgba(255,255,255,0);
margin-top:-4px;
margin-left:-8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width:5px;
margin-top:-5px;
margin-left:-9px
}
.w-widget-twitter-count-shim.w--vertical {
width:61px;
height:33px;
margin-bottom:8px
}
.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
content:" ";
height:0;
width:0;
pointer-events:none;
border:solid transparent;
position:absolute;
top:100%;
left:50%
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width:5px;
border-color:#5d6c7b rgba(117,134,150,0) rgba(117,134,150,0);
margin-left:-5px
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width:4px;
border-color:#fff rgba(255,255,255,0) rgba(255,255,255,0);
margin-left:-4px
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size:18px;
line-height:22px
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width:76px
}
.w-background-video {
height:500px;
color:#fff;
position:relative;
overflow:hidden
}
.w-background-video>video {
width:100%;
height:100%;
object-fit:cover;
z-index:-100;
background-position:50%;
background-size:cover;
margin:auto;
position:absolute;
top:-100%;
bottom:-100%;
left:-100%;
right:-100%
}
.w-background-video>video::-webkit-media-controls-start-playback-button {
-webkit-appearance:none;
display:none!important
}
.w-background-video--control {
background-color:transparent;
padding:0;
position:absolute;
bottom:1em;
right:1em
}
.w-background-video--control>[hidden] {
display:none!important
}
.w-slider {
height:300px;
text-align:center;
clear:both;
-webkit-tap-highlight-color:transparent;
tap-highlight-color:transparent;
background:#ddd;
position:relative
}
.w-slider-mask {
z-index:1;
height:100%;
white-space:nowrap;
display:block;
position:relative;
left:0;
right:0;
overflow:hidden
}
.w-slide {
vertical-align:top;
width:100%;
height:100%;
white-space:normal;
text-align:left;
display:inline-block;
position:relative
}
.w-slider-nav {
z-index:2;
height:40px;
text-align:center;
-webkit-tap-highlight-color:transparent;
tap-highlight-color:transparent;
margin:auto;
padding-top:10px;
position:absolute;
top:auto;
bottom:0;
left:0;
right:0
}
.w-slider-nav.w-round>div {
border-radius:100%
}
.w-slider-nav.w-num>div {
width:auto;
height:auto;
font-size:inherit;
line-height:inherit;
padding:.2em .5em
}
.w-slider-nav.w-shadow>div {
box-shadow:0 0 3px rgba(51,51,51,.4)
}
.w-slider-nav-invert {
color:#fff
}
.w-slider-nav-invert>div {
background-color:rgba(34,34,34,.4)
}
.w-slider-nav-invert>div.w-active {
background-color:#222
}
.w-slider-dot {
width:1em;
height:1em;
cursor:pointer;
background-color:rgba(255,255,255,.4);
margin:0 3px .5em;
transition:background-color .1s,color .1s;
display:inline-block;
position:relative
}
.w-slider-dot.w-active {
background-color:#fff
}
.w-slider-dot:focus {
outline:none;
box-shadow:0 0 0 2px #fff
}
.w-slider-dot:focus.w-active {
box-shadow:none
}
.w-slider-arrow-left,
.w-slider-arrow-right {
width:80px;
cursor:pointer;
color:#fff;
-webkit-tap-highlight-color:transparent;
tap-highlight-color:transparent;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
margin:auto;
font-size:40px;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
overflow:hidden
}
.w-slider-arrow-left [class^=w-icon-],
.w-slider-arrow-right [class^=w-icon-],
.w-slider-arrow-left [class*=\ w-icon-],
.w-slider-arrow-right [class*=\ w-icon-] {
position:absolute
}
.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
outline:0
}
.w-slider-arrow-left {
z-index:3;
right:auto
}
.w-slider-arrow-right {
z-index:4;
left:auto
}
.w-icon-slider-left,
.w-icon-slider-right {
width:1em;
height:1em;
margin:auto;
top:0;
bottom:0;
left:0;
right:0
}
.w-slider-aria-label {
clip:rect(0 0 0 0);
height:1px;
width:1px;
border:0;
margin:-1px;
padding:0;
position:absolute;
overflow:hidden
}
.w-slider-force-show {
display:block!important
}
.w-dropdown {
text-align:left;
z-index:900;
margin-left:auto;
margin-right:auto;
display:inline-block;
position:relative
}
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
vertical-align:top;
color:#222;
text-align:left;
white-space:nowrap;
margin-left:auto;
margin-right:auto;
padding:20px;
text-decoration:none;
position:relative
}
.w-dropdown-toggle {
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:pointer;
padding-right:40px;
display:inline-block
}
.w-dropdown-toggle:focus {
outline:0
}
.w-icon-dropdown-toggle {
width:1em;
height:1em;
margin:auto 20px auto auto;
position:absolute;
top:0;
bottom:0;
right:0
}
.w-dropdown-list {
min-width:100%;
background:#ddd;
display:none;
position:absolute
}
.w-dropdown-list.w--open {
display:block
}
.w-dropdown-link {
color:#222;
padding:10px 20px;
display:block
}
.w-dropdown-link.w--current {
color:#0082f3
}
.w-dropdown-link:focus {
outline:0
}
@media screen and (max-width:767px) {
.w-nav-brand {
padding-left:10px
}
}
.w-lightbox-backdrop {
cursor:auto;
letter-spacing:normal;
text-indent:0;
text-shadow:none;
text-transform:none;
visibility:visible;
white-space:normal;
word-break:normal;
word-spacing:normal;
word-wrap:normal;
color:#fff;
text-align:center;
z-index:2000;
opacity:0;
-webkit-user-select:none;
-moz-user-select:none;
-webkit-tap-highlight-color:transparent;
background:rgba(0,0,0,.9);
outline:0;
font-family:Helvetica Neue,Helvetica,Ubuntu,Segoe UI,Verdana,sans-serif;
font-size:17px;
font-style:normal;
font-weight:300;
line-height:1.2;
list-style:disc;
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
-webkit-transform:translate(0)
}
.w-lightbox-backdrop,
.w-lightbox-container {
height:100%;
-webkit-overflow-scrolling:touch;
overflow:auto
}
.w-lightbox-content {
height:100vh;
position:relative;
overflow:hidden
}
.w-lightbox-view {
width:100vw;
height:100vh;
opacity:0;
position:absolute
}
.w-lightbox-view:before {
content:"";
height:100vh
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height:86vh
}
.w-lightbox-frame,
.w-lightbox-view:before {
vertical-align:middle;
display:inline-block
}
.w-lightbox-figure {
margin:0;
position:relative
}
.w-lightbox-group .w-lightbox-figure {
cursor:pointer
}
.w-lightbox-img {
width:auto;
height:auto;
max-width:none
}
.w-lightbox-image {
float:none;
max-width:100vw;
max-height:100vh;
display:block
}
.w-lightbox-group .w-lightbox-image {
max-height:86vh
}
.w-lightbox-caption {
text-align:left;
text-overflow:ellipsis;
white-space:nowrap;
background:rgba(0,0,0,.4);
padding:.5em 1em;
position:absolute;
bottom:0;
left:0;
right:0;
overflow:hidden
}
.w-lightbox-embed {
width:100%;
height:100%;
position:absolute;
top:0;
bottom:0;
left:0;
right:0
}
.w-lightbox-control {
width:4em;
cursor:pointer;
background-position:50%;
background-repeat:no-repeat;
background-size:24px;
transition:all .3s;
position:absolute;
top:0
}
.w-lightbox-left {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
display:none;
bottom:0;
left:0
}
.w-lightbox-right {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
display:none;
bottom:0;
right:0
}
.w-lightbox-close {
height:2.6em;
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
background-size:18px;
right:0
}
.w-lightbox-strip {
white-space:nowrap;
padding:0 1vh;
line-height:0;
position:absolute;
bottom:0;
left:0;
right:0;
overflow-x:auto;
overflow-y:hidden
}
.w-lightbox-item {
width:10vh;
box-sizing:content-box;
cursor:pointer;
padding:2vh 1vh;
display:inline-block;
-webkit-transform:translate(0,0)
}
.w-lightbox-active {
opacity:.3
}
.w-lightbox-thumbnail {
height:10vh;
background:#222;
position:relative;
overflow:hidden
}
.w-lightbox-thumbnail-image {
position:absolute;
top:0;
left:0
}
.w-lightbox-thumbnail .w-lightbox-tall {
width:100%;
top:50%;
transform:translateY(-50%)
}
.w-lightbox-thumbnail .w-lightbox-wide {
height:100%;
left:50%;
transform:translate(-50%)
}
.w-lightbox-spinner {
box-sizing:border-box;
width:40px;
height:40px;
border:5px solid rgba(0,0,0,.4);
border-radius:50%;
margin-top:-20px;
margin-left:-20px;
animation:.8s linear infinite spin;
position:absolute;
top:50%;
left:50%
}
.w-lightbox-spinner:after {
content:"";
border:3px solid transparent;
border-bottom-color:#fff;
border-radius:50%;
position:absolute;
top:-4px;
bottom:-4px;
left:-4px;
right:-4px
}
.w-lightbox-hide {
display:none
}
.w-lightbox-noscroll {
overflow:hidden
}
@media (min-width:768px) {
.w-lightbox-content {
height:96vh;
margin-top:2vh
}
.w-lightbox-view,
.w-lightbox-view:before {
height:96vh
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height:84vh
}
.w-lightbox-image {
max-width:96vw;
max-height:96vh
}
.w-lightbox-group .w-lightbox-image {
max-width:82.3vw;
max-height:84vh
}
.w-lightbox-left,
.w-lightbox-right {
opacity:.5;
display:block
}
.w-lightbox-close {
opacity:.8
}
.w-lightbox-control:hover {
opacity:1
}
}
.w-lightbox-inactive,
.w-lightbox-inactive:hover {
opacity:0
}
.w-richtext:before,
.w-richtext:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-richtext:after {
clear:both
}
.w-richtext[contenteditable=true]:before,
.w-richtext[contenteditable=true]:after {
white-space:initial
}
.w-richtext ol,
.w-richtext ul {
overflow:hidden
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
outline:2px solid #2895f7
}
.w-richtext figure.w-richtext-figure-type-video>div:after,
.w-richtext figure[data-rt-type=video]>div:after {
content:"";
display:none;
position:absolute;
top:0;
bottom:0;
left:0;
right:0
}
.w-richtext figure {
max-width:60%;
position:relative
}
.w-richtext figure>div:before {
cursor:default!important
}
.w-richtext figure img {
width:100%
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity:.6
}
.w-richtext figure div {
color:transparent;
font-size:0
}
.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type=image] {
display:table
}
.w-richtext figure.w-richtext-figure-type-image>div,
.w-richtext figure[data-rt-type=image]>div {
display:inline-block
}
.w-richtext figure.w-richtext-figure-type-image>figcaption,
.w-richtext figure[data-rt-type=image]>figcaption {
caption-side:bottom;
display:table-caption
}
.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type=video] {
width:60%;
height:0
}
.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type=video] iframe {
width:100%;
height:100%;
position:absolute;
top:0;
left:0
}
.w-richtext figure.w-richtext-figure-type-video>div,
.w-richtext figure[data-rt-type=video]>div {
width:100%
}
.w-richtext figure.w-richtext-align-center {
clear:both;
margin-left:auto;
margin-right:auto
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,
.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div {
max-width:100%
}
.w-richtext figure.w-richtext-align-normal {
clear:both
}
.w-richtext figure.w-richtext-align-fullwidth {
width:100%;
max-width:100%;
text-align:center;
clear:both;
margin-left:auto;
margin-right:auto;
display:block
}
.w-richtext figure.w-richtext-align-fullwidth>div {
padding-bottom:inherit;
display:inline-block
}
.w-richtext figure.w-richtext-align-fullwidth>figcaption {
display:block
}
.w-richtext figure.w-richtext-align-floatleft {
float:left;
clear:none;
margin-right:15px
}
.w-richtext figure.w-richtext-align-floatright {
float:right;
clear:none;
margin-left:15px
}
.w-nav {
z-index:1000;
background:#ddd;
position:relative
}
.w-nav:before,
.w-nav:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-nav:after {
clear:both
}
.w-nav-brand {
float:left;
color:#333;
text-decoration:none;
position:relative
}
.w-nav-link {
vertical-align:top;
color:#222;
text-align:left;
margin-left:auto;
margin-right:auto;
padding:20px;
text-decoration:none;
display:inline-block;
position:relative
}
.w-nav-link.w--current {
color:#0082f3
}
.w-nav-menu {
float:right;
position:relative
}
[data-nav-menu-open] {
text-align:center;
min-width:200px;
background:#c8c8c8;
position:absolute;
top:100%;
left:0;
right:0;
overflow:visible;
display:block!important
}
.w--nav-link-open {
display:block;
position:relative
}
.w-nav-overlay {
width:100%;
display:none;
position:absolute;
top:100%;
left:0;
right:0;
overflow:hidden
}
.w-nav-overlay [data-nav-menu-open] {
top:0
}
.w-nav[data-animation=over-left] .w-nav-overlay {
width:auto
}
.w-nav[data-animation=over-left] .w-nav-overlay,
.w-nav[data-animation=over-left] [data-nav-menu-open] {
z-index:1;
top:0;
right:auto
}
.w-nav[data-animation=over-right] .w-nav-overlay {
width:auto
}
.w-nav[data-animation=over-right] .w-nav-overlay,
.w-nav[data-animation=over-right] [data-nav-menu-open] {
z-index:1;
top:0;
left:auto
}
.w-nav-button {
float:right;
cursor:pointer;
-webkit-tap-highlight-color:transparent;
tap-highlight-color:transparent;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
padding:18px;
font-size:24px;
display:none;
position:relative
}
.w-nav-button:focus {
outline:0
}
.w-nav-button.w--open {
color:#fff;
background-color:#c8c8c8
}
.w-nav[data-collapse=all] .w-nav-menu {
display:none
}
.w-nav[data-collapse=all] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
display:block
}
.w--nav-dropdown-list-open {
position:static
}
@media screen and (max-width:991px) {
.w-nav[data-collapse=medium] .w-nav-menu {
display:none
}
.w-nav[data-collapse=medium] .w-nav-button {
display:block
}
}
@media screen and (max-width:767px) {
.w-nav[data-collapse=small] .w-nav-menu {
display:none
}
.w-nav[data-collapse=small] .w-nav-button {
display:block
}
.w-nav-brand {
padding-left:10px
}
}
@media screen and (max-width:479px) {
.w-nav[data-collapse=tiny] .w-nav-menu {
display:none
}
.w-nav[data-collapse=tiny] .w-nav-button {
display:block
}
}
.w-tabs {
position:relative
}
.w-tabs:before,
.w-tabs:after {
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-tabs:after {
clear:both
}
.w-tab-menu {
position:relative
}
.w-tab-link {
vertical-align:top;
text-align:left;
cursor:pointer;
color:#222;
background-color:#ddd;
padding:9px 30px;
text-decoration:none;
display:inline-block;
position:relative
}
.w-tab-link.w--current {
background-color:#c8c8c8
}
.w-tab-link:focus {
outline:0
}
.w-tab-content {
display:block;
position:relative;
overflow:hidden
}
.w-tab-pane {
display:none;
position:relative
}
.w--tab-active {
display:block
}
@media screen and (max-width:479px) {
.w-tab-link {
display:block
}
}
.w-ix-emptyfix:after {
content:""
}
@keyframes spin {
0% {
transform:rotate(0)
}
to {
transform:rotate(360deg)
}
}
.w-dyn-empty {
background-color:#ddd;
padding:10px
}
.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
display:none!important
}
.wf-layout-layout {
display:grid
}
:root {
--black:black;
--royal-blue:#1868f0;
--white:white;
--dark-orange:#ef7d22;
--light-steel-blue:#a5bac9;
--midnight-blue:#00245b;
--medium-sea-green:#00ae42;
--white-smoke:#f0f0f0;
--lime-green:#4bd83d;
--dodger-blue:#1c98fa;
--light-grey:#ccccd1;
--dim-grey:#54575a;
--silver:#c1c1c1
}
/*body {
height:100%;
color:var(--black);
letter-spacing:.06em;
font-family:Montserrat,sans-serif;
font-size:18px;
line-height:28px
}*/
h1 {
color:var(--black);
letter-spacing:.08em;
text-transform:uppercase;
margin-top:0;
margin-bottom:20px;
font-size:42px;
font-weight:700;
line-height:50px
}
h2 {
letter-spacing:.12em;
text-transform:uppercase;
margin-top:0;
margin-bottom:20px;
font-size:36px;
font-weight:600;
line-height:50px
}
h3 {
margin-top:0;
margin-bottom:20px;
font-size:28px;
font-weight:500;
line-height:56px
}
p {
margin-bottom:30px
}
a {
color:var(--royal-blue);
/*font-weight:600;*/
text-decoration:underline
}
/*ul,
ol {
margin-top:0;
margin-bottom:30px;
padding-left:40px
}*/
li {
line-height:42px
}
strong {
font-weight:700
}
blockquote {
border-left:5px solid var(--royal-blue);
margin-bottom:30px;
padding:10px 20px;
font-size:20px;
font-style:italic;
line-height:32px
}
/*
.navigation-content-wrapper {
width:100%;
max-width:1820px;
justify-content:space-between;
margin-left:0;
margin-right:0;
display:flex
}
.brand {
width:280px;
color:#1b1b1b;
align-self:center;
padding-top:15px;
padding-bottom:15px;
transition:color .2s
}
.brand:hover {
color:#4353ff
}
.brand.w--current {
width:168px
}
.navigation-container {
z-index:100;
width:100%;
background-color:#fff;
border-bottom:1px solid #ccccd1;
flex-direction:column;
align-items:center;
padding-left:5vw;
padding-right:5vw;
display:flex;
position:relative
}
.navigation {
z-index:999;
height:60px;
min-height:auto;
flex-direction:column;
justify-content:center;
font-size:1rem;
line-height:1.7;
display:flex;
position:fixed;
top:-1px;
bottom:auto;
left:0%;
right:0%;
transform:none
}
.nav-menu-items-wrapper {
flex:1;
justify-content:center;
margin-left:20px;
padding-right:0%;
transition:all .2s;
display:flex;
position:static
}
.nav-logo {
width:168px;
max-width:none
}
.nav-link-block {
width:172px;
color:var(--black);
align-items:center;
margin-left:0;
margin-right:0;
padding-left:15px;
padding-right:15px;
text-decoration:none;
display:flex
}
.nav-link-text {
letter-spacing:.06em;
font-size:14px
}
.nav-arrow {
height:5px;
max-width:none;
margin-left:10px
}
.mega-menu {
z-index:998;
width:100%;
height:auto;
background-color:var(--white);
flex-direction:column;
justify-content:center;
align-items:center;
padding:60px 5vw;
display:flex;
position:fixed;
top:57px;
transform:translateY(-100%)
}
.mega-menu-content-wrapper {
width:100%;
height:100%;
max-width:1440px;
justify-content:space-between;
align-items:stretch;
display:flex
}
.mega-menu-column {
width:auto;
flex-direction:column;
align-items:flex-start;
padding-right:20px;
display:flex
}
.mega-menu-title {
color:var(--royal-blue);
letter-spacing:.06em;
margin-bottom:6vh;
font-size:14px;
font-weight:500;
line-height:1em
}
.large-mega-menu-link {
color:var(--black);
letter-spacing:.06em;
margin-bottom:3vh;
font-size:1.2em;
font-weight:500;
text-decoration:none;
transition:color .4s
}
.large-mega-menu-link:hover {
color:var(--royal-blue)
}
.small-mega-menu-link {
color:var(--black);
letter-spacing:.06em;
margin-bottom:2vh;
font-size:.9em;
font-weight:400;
text-decoration:none;
transition:color .4s
}
.small-mega-menu-link:hover {
color:var(--royal-blue)
}
.mega-menu-logo-link-block {
margin-bottom:3vh
}
.mega-menu-logo {
height:22px;
max-width:none
}
.background-blur {
z-index:997;
width:100%;
height:100%;
min-height:200vh;
opacity:0;
background-color:rgba(0,0,0,.5);
border-radius:0;
display:none;
position:fixed;
top:60px;
bottom:0%;
left:0%;
right:0%
}
.burger {
display:none
}
.mobile-nav-logo {
width:168px;
max-width:none;
display:none
}
*/
.home-hero-container {
width:100%;
height:auto;
min-height:auto;
color:var(--white);
flex-direction:column;
justify-content:flex-end;
align-items:center;
padding-top:90px;
display:flex
}
.home-hero-content-wrapper {
width:100%;
height:465px;
max-width:1820px;
flex-direction:row;
justify-content:space-between;
align-items:stretch;
display:flex
}
.home-hero-column {
width:48%;
flex-direction:column;
justify-content:center;
align-items:center;
margin-bottom:0;
padding-top:0;
display:flex
}
.home-hero-column.less-padding {
padding-top:0
}
.home-hero-image-container {
width:48%;
object-fit:fill;
flex-direction:column;
justify-content:flex-end;
align-items:center;
display:flex
}
.home-hero-image-container.centre-aligned {
justify-content:center
}
.home-hero-image {
width:auto;
height:auto;
max-width:100%;
object-fit:scale-down
}
.home-hero-image.hide-on-mobile {
object-fit:scale-down
}
.home-hero-image.hide-on-mobile.larger {
max-width:115%
}
.home-hero-image.mobile {
display:none
}
.home-hero-pre-heading {
color:var(--black);
text-align:center;
letter-spacing:.101em;
text-transform:uppercase;
margin-bottom:20px;
font-size:22px;
font-weight:500
}
.home-hero-pre-heading.bottom-margin {
font-weight:600
}
.home-hero-paragraph {
max-width:450px;
color:var(--black);
text-align:center;
letter-spacing:.18em;
text-transform:uppercase;
margin-bottom:60px;
font-size:18px;
font-weight:500;
line-height:26px
}
.button {
height:auto;
min-height:48px;
background-color:var(--white);
color:var(--royal-blue);
text-align:center;
border:1px solid #000;
border-radius:200px;
flex-direction:column;
justify-content:center;
align-items:center;
padding:8px 30px;
font-weight:600;
transition:all .2s;
display:flex
}
.button:hover {
background-color:var(--royal-blue);
color:var(--white)
}
/*
.button.slider {
flex-direction:column;
justify-content:center;
align-items:center;
margin-top:30px;
line-height:18px;
transition-property:none;
display:flex
}
.button.slider:hover {
background-color:var(--white);
color:var(--royal-blue)
}
.button.podcast {
color:var(--black);
padding-left:40px;
padding-right:40px
}
.button.podcast:hover {
border-color:var(--white);
background-color:var(--black);
color:var(--white)
}
.button.blue {
background-color:var(--royal-blue);
color:var(--white);
padding-left:40px;
padding-right:40px
}
.button.blue:hover {
border-color:var(--white);
background-color:var(--black);
color:var(--white)
}
.button.blue.bottom-margin {
margin-bottom:30px
}
.button.blue.top-margin {
margin-top:60px
}
.button.blue.top-margin.show-on-mobile,
.button.blue.display-on-mobile {
display:none
}
.button.black {
background-color:var(--black);
color:var(--white)
}
.button.black._237 {
width:237px;
margin-top:58px
}
.button.black._237:hover {
background-color:var(--white);
color:var(--black)
}
.button.product {
height:34px;
min-height:auto;
background-color:var(--royal-blue);
color:var(--white);
padding-top:6px;
padding-bottom:6px;
font-size:16px;
line-height:18px
}
.button.product:hover {
background-color:var(--black)
}
.button.hidden-mobile {
transition-property:none
}
.button.hidden-mobile:hover {
background-color:var(--white);
color:var(--royal-blue)
}
*/
.products-grid {
flex-direction:column;
display:flex
}
.content-container {
width:100%;
background-color:var(--white);
border-bottom:1px solid #000;
flex-direction:column;
justify-content:center;
align-items:center;
/*padding:90px 10vw;*/
padding:0;
display:flex
}
.content-container.grey {
background-color:#f4f4f4;
border-bottom:1px solid #000
}
.content-container.grey.more-padding {
padding-top:110px;
padding-bottom:160px
}
.content-container.grey.bottom-line.more-margin {
padding-bottom:90px
}
.content-container.grey.bottom-line.more-margin._771 {
max-height:771px
}
.content-container.black {
min-height:800px;
background-color:var(--black)
}
.content-container.black._900 {
height:900px;
min-height:auto;
background-image:url(../img/background-lines.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:auto
}
.content-container.black.hero._400 {
height:400px;
min-height:auto
}
.content-container.black._500-mobile {
height:525px;
min-height:auto
}
.content-container.how-to-buy {
height:330px;
background-color:#e5e5e5;
padding-top:80px;
padding-bottom:80px
}
.content-container.bottom-line {
border-bottom:1px solid #000;
padding-bottom:0
}
.content-container.bottom-line.margin {
padding-top:60px;
padding-bottom:60px;
overflow:hidden
}
.content-container.bottom-line.margin.more-padding {
padding-top:140px;
padding-bottom:140px
}
.content-container.bottom-line.margin.more-padding.grey._600 {
height:600px;
padding-top:100px;
padding-bottom:100px
}
.content-container.bottom-line.margin.video {
padding-bottom:90px
}
.content-container.bottom-line.margin._100-max {
max-height:none;
padding-bottom:40px
}
.content-container._100-height-image {
height:100vh;
min-height:auto;
padding:0;
position:relative
}
.content-container.hero {
padding-top:140px
}
.content-container.hero.no-bottom-line {
border-bottom-style:none
}
.content-container.contact {
background-color:var(--black);
padding-top:40px;
padding-bottom:60px
}
.content-container.image {
padding:0
}
.content-container.image._766,
.content-container.image._572-mobile {
height:766px;
border:1px #000;
border-bottom-style:solid;
position:relative;
overflow:hidden
}
.content-container.alt {
background-color:#e5e5e5;
padding-top:40px;
padding-bottom:60px
}
.content-container.duo {
flex-direction:row;
justify-content:space-between
}
.content-container.duo.bottom-line.fade-schedules {
height:auto;
flex-direction:column;
justify-content:flex-end;
padding-left:0;
padding-right:5vw
}
.content-container.duo.bottom-line.fade-schedules._771 {
height:auto;
max-height:771px
}
.content-container.more-padding {
border-bottom:1px solid #000;
padding-top:180px;
padding-bottom:180px
}
.content-container._225-margin {
padding-top:140px;
padding-bottom:140px
}
.content-container.perfect-run {
padding-top:60px;
padding-bottom:60px
}
.content-container.how-to-buy-copy {
height:330px;
background-color:#e5e5e5;
border-bottom-style:solid;
padding-top:80px;
padding-bottom:80px
}
.content-container.no-bottom-line {
border-bottom-style:none
}
.content-wrapper {
width:100%;
max-width:1820px;
flex-direction:column;
align-items:center;
display:flex
}
.content-wrapper.left-align {
align-items:flex-start
}
.content-wrapper.left-align.narrow {
max-width:1080px
}
.content-wrapper._1200 {
max-width:1200px
}
.content-wrapper.duo {
height:100%;
flex-direction:row;
justify-content:space-between;
align-items:stretch
}
.content-wrapper.duo._771 {
max-height:771px;
justify-content:center
}
.content-wrapper.about-hero {
flex-direction:row;
justify-content:space-between;
align-items:stretch
}
.content-wrapper.interactive {
overflow:hidden
}
.content-wrapper.hidden {
display:none
}
.content-wrapper._1200 {
max-width:1145px;
margin-bottom:100px
}
.content-wrapper.footer {
border-top-style:none
}
.content-wrapper.search-results {
max-width:1440px;
align-items:flex-start
}
.content-wrapper.search-results.narrow {
max-width:1080px
}
.content-wrapper.sds-tables {
height:100%;
flex-direction:row;
justify-content:space-between;
align-items:stretch
}
.content-wrapper.sds-tables._771 {
max-height:771px;
justify-content:center
}
.heading-2 {
text-align:center;
letter-spacing:.06em;
text-transform:none;
margin-top:0;
margin-bottom:40px;
font-size:42px;
font-weight:600;
line-height:60px
}
.heading-2 span.f-sml {
display: block;
font-size:16px;
margin-top:-10px;
}
@media screen and (max-width:991px) {
.heading-2 span.f-sml {
margin-top:-0px;
}
}
.heading-2.smaller {
font-size:36px;
font-weight:500;
line-height:42px
}
.heading-2.smaller span.f-sml {
display: block;
font-size:16px;
}
.heading-2.smaller.caps {
letter-spacing:.12em;
text-transform:uppercase;
margin-bottom:20px;
font-size:28px;
font-weight:600;
line-height:36px
}
.heading-2.smaller.caps.hidden-mobile {
display:block
}
.heading-2.white {
color:var(--white)
}
.heading-2.white.caps {
letter-spacing:.08em;
text-transform:uppercase;
/*line-height:42px;*/
line-height:1.3em
}
.heading-2.hero {
color:var(--white);
letter-spacing:.1em;
text-transform:uppercase;
margin-bottom:20px;
font-family:Montserrat,sans-serif;
font-size:36px;
font-weight:600;
line-height:42px
}
.heading-2.hero.black {
color:var(--black)
}
.heading-2.hero.black.less-margin {
margin-bottom:0;
font-size:36px;
line-height:42px
}
.heading-2.hero.black-white-on-mobile {
color:var(--black)
}
.heading-2.large {
text-transform:uppercase;
font-size:48px
}
.heading-2.large.less-margin {
margin-bottom:10px
}
.heading-2.large.less-margin.wide {
font-family:eurostile-extended,sans-serif;
font-size:42px;
font-weight:500;
line-height:42px
}
.heading-2.large.less-margin.white-mobile {
font-size:42px;
line-height:48px
}
.heading-2.caps {
letter-spacing:.08em;
text-transform:uppercase;
margin-bottom:20px;
font-size:36px;
line-height:42px
}
.heading-2.medium {
letter-spacing:.12em;
text-transform:uppercase;
margin-bottom:20px;
font-size:32px;
line-height:42px
}
.heading-2.medium.less-margin {
margin-bottom:20px
}
.heading-2.left-align {
text-align:left;
font-size:36px;
line-height:42px
}
.heading-2.small {
letter-spacing:.12em;
text-transform:uppercase;
font-size:32px;
line-height:42px
}
.heading-2.light {
letter-spacing:.08em;
text-transform:uppercase;
margin-top:0;
margin-bottom:60px;
font-size:36px;
font-weight:400;
line-height:42px
}
.heading-2.no-margin {
margin-bottom:0
}
.heading-2._45 {
letter-spacing:.15em;
text-transform:uppercase;
font-size:32px;
line-height:42px
}
.heading-2.modal {
text-transform:uppercase;
font-size:36px
}
.heading-2.wide {
text-transform:uppercase;
font-family:eurostile-extended,sans-serif;
font-weight:500
}
.heading-2.wide.white {
letter-spacing:.3em;
line-height:52px
}
.heading-2.smaller-caps {
letter-spacing:.12em;
text-transform:uppercase;
margin-bottom:20px;
font-size:28px;
font-weight:600;
line-height:36px
}
.heading-2.fa {
letter-spacing:.12em;
text-transform:uppercase;
font-size:26px;
font-weight:600;
line-height:36px
}
.quad-listings {
width:100%;
grid-column-gap:25px;
grid-row-gap:16px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr 1fr;
grid-auto-columns:1fr;
margin-top:20px;
display:grid
}
.quad-listing {
width:100%;
height:569px;
border:1px solid var(--black);
background-color:var(--black);
border-radius:10px;
flex-direction:column;
justify-content:space-between;
align-items:center;
text-decoration:none;
display:flex;
position:relative
}
.listing-image {
width:100%;
height:100%;
max-width:none;
object-fit:cover;
border-radius:10px
}
.listing-button {
min-height:48px;
background-color:var(--white);
color:var(--royal-blue);
text-align:center;
border:1px solid #000;
border-radius:200px;
align-items:center;
padding:8px 40px;
font-weight:600;
line-height:18px;
transition:all .2s;
display:flex;
position:absolute;
bottom:40px
}
.listing-button:hover {
background-color:var(--white);
color:var(--royal-blue)
}
.listing-heading-wrapper {
width:100%;
flex-direction:column;
align-items:center;
padding-left:20px;
padding-right:20px;
display:flex;
position:absolute;
top:40px
}
.listing-pre-heading {
color:var(--white);
text-align:center;
letter-spacing:.08em;
font-size:16px;
font-weight:500
}
.listing-heading {
color:var(--white);
text-align:center;
letter-spacing:.04em;
font-size:24px;
font-weight:700
}
.perfect-run-logo {
height:120px;
max-width:none;
margin-bottom:60px
}
.perfect-run-paragraph {
width:887px;
color:var(--white);
text-align:center;
letter-spacing:.08em;
font-size:24px;
line-height:35px
}
.perfect-run-paragraph._423 {
width:auto;
max-width:423px
}
.line-slider {
width:100%;
height:auto;
border-style:solid none solid solid;
border-width:1px;
border-color:var(--black);
background-color:transparent;
border-radius:0;
flex-direction:row;
justify-content:space-between;
align-items:center;
margin-top:0;
display:inline-block;
overflow:visible
}
.slide {
width:100%;
height:100%;
border-top-right-radius:10px;
border-bottom-right-radius:10px
}
.slide.last {
z-index:500;
width:100%
}
.slide.first {
z-index:10;
width:100%
}
.product-slider-left-arrow {
width:60px;
height:100%;
border:0px none var(--black);
background-color:var(--white);
border-radius:0;
margin-top:0;
margin-bottom:0;
top:auto;
left:-61px;
right:auto
}
.product-slider-left-arrow.white.hidden-desktop {
display:none
}
.product-slider-arrow {
border:1px solid var(--black);
background-color:var(--white);
color:var(--black);
border-radius:200px;
flex-direction:column;
justify-content:center;
align-items:center;
padding:16px;
font-size:14px;
font-weight:900;
transition:all .2s;
display:flex
}
.product-slider-arrow:hover {
filter:invert()
}
.slide-nav {
display:none
}
.product-slider-right-arrow {
width:60px;
height:100%;
border:1px none var(--black);
background-color:var(--white);
border-radius:0;
margin-top:0;
margin-bottom:0;
top:auto;
left:auto;
right:-60px
}
.product-slider-right-arrow.white.hidden-desktop {
display:none
}
.line-slider-content {
width:auto;
height:100%;
background-color:var(--white);
border-right:1px solid #000;
flex-direction:column;
justify-content:space-between;
align-items:stretch;
padding:35px 40px 30px;
text-decoration:none;
display:flex;
overflow:hidden
}
.line-slider-content.half {
width:50%;
background-color:var(--white);
position:static;
overflow:visible
}
.line-slider-content.half.ghost {
height:100%;
padding-left:20px;
padding-right:20px;
text-decoration:none;
position:relative;
overflow:hidden
}
.line-slider-content.half.ghost.product {
border-right-style:none;
border-right-width:0;
margin-left:20px;
margin-right:20px;
padding:0
}
.line-slider-content.half.first {
height:100%;
text-decoration:none;
position:relative
}
.line-slider-content.half.first.product {
border-right-style:none;
border-right-width:0;
margin-left:20px;
margin-right:20px;
padding:0
}
.line-slider-content.half.product {
border-right-style:none
}
.line-slider-content.product {
border-right-style:none;
border-right-width:0;
margin-left:20px;
margin-right:20px;
padding:0
}
.slider-logo {
height:26px;
max-width:none;
margin-bottom:30px
}
.slider-text-small {
color:var(--black);
text-align:center;
letter-spacing:.2em;
margin-bottom:5px;
font-size:1.1vw;
font-weight:500;
line-height:1.1em
}
.line-slider-image {
width:auto;
height:120px;
max-width:none
}
.line-slider-image.smaller {
width:auto;
height:160px
}
.line-slider-content-wrapper {
width:100%;
height:auto;
min-height:53px;
flex-direction:column;
align-items:center;
display:flex
}
.blended-slider-text-large {
width:auto;
color:var(--royal-blue);
text-align:center;
letter-spacing:.2em;
margin-bottom:10px;
font-family:eurostile-extended,sans-serif;
font-size:2vw;
font-weight:400;
line-height:1em
}
.ipm-slider-text-large {
width:auto;
color:var(--dark-orange);
text-align:center;
letter-spacing:.2em;
margin-bottom:10px;
font-family:eurostile-extended,sans-serif;
font-size:2vw;
font-weight:400;
line-height:1em
}
.clean-slider-text-large {
width:auto;
color:var(--light-steel-blue);
text-align:center;
letter-spacing:.2em;
margin-bottom:10px;
font-family:eurostile-extended,sans-serif;
font-size:1.8vw;
font-weight:400;
line-height:1em
}
.mask {
width:33.33%;
margin-left:auto;
margin-right:auto;
overflow:visible
}
.mask66 {
width:66.66%;
margin-left:auto;
margin-right:auto;
overflow:visible
}
.slider-wrapper {
width:100%;
background-color:transparent;
padding-left:60px;
padding-right:60px;
display:flex;
position:relative;
overflow:hidden
}
.slider-wrapper.mobile-only {
display:none
}
.conditioner-wrapper {
width:100%;
background-color:transparent;
padding-left:60px;
padding-right:60px;
display:flex;
position:relative;
overflow:hidden
}
.conditioner-wrapper._66 {
width:66.66%;
}
.conditioner-wrapper.mobile-only {
display:none
}
.conditioner-column {
width:100%;
text-align: center;
align-items:center;
display:flex
}
.conditioner-column._50 {
width:50%;
align-items:center;
display:flex
}
@media screen and (max-width:960px) {
.conditioner-wrapper._66 {
width:100%;
}
.conditioner-column._50 img {
width:50%;
align-items:center;
}
}
@media screen and (max-width:800px) {
.conditioner-wrapper {
width:100%;
background-color:transparent;
padding-left:60px;
padding-right:60px;
display:block;
position:relative;
overflow:hidden
}
.conditioner-wrapper.mobile-only {
display:none
}
.conditioner-column._50 {
width:100%;
align-items:center;
display:block;
}
}
.pro-slider-text-large {
width:auto;
color:var(--midnight-blue);
text-align:center;
letter-spacing:.2em;
margin-bottom:10px;
font-family:eurostile-extended,sans-serif;
font-size:2vw;
font-weight:400;
line-height:1em
}
.last-slide-content-wrapper {
width:200%;
height:100%;
justify-content:flex-start;
align-items:stretch;
display:flex
}
.first-slide-wrap {
width:200%;
height:100%;
float:right;
background-color:transparent;
border:0 transparent;
justify-content:flex-end;
display:flex;
position:relative
}
.heading-3 {
text-align:center;
letter-spacing:.14em;
text-transform:uppercase;
margin-top:0;
margin-bottom:40px;
font-size:28px;
font-weight:500;
line-height:32px
}
.heading-3 span.f-sml {
font-size:16px
}
.heading-3.alt {
letter-spacing:.06em;
text-transform:none
}
.heading-3.white {
color:var(--white)
}
.heading-3.large {
font-size:36px
}
.heading-3.left-align {
text-align:left;
letter-spacing:.12em;
font-size:28px;
line-height:42px
}
.heading-3.left-align.centre-on-mobile {
margin-bottom:20px
}
.heading-3.medium.lowercase {
letter-spacing:.06em;
text-transform:none
}
.heading-3.lowercase {
letter-spacing:.06em;
text-transform:none;
font-size:28px;
line-height:32px
}
.heading-3.small {
font-size:24px;
line-height:28px
}
.heading-3.light {
font-size:24px;
font-weight:400;
line-height:28px
}
.heading-3.light.left-align.centre-align-mobile {
line-height:32px
}
.heading-3.no-margin {
margin-bottom:10px
}
.logos-grid {
width:100%;
max-width:1264px;
grid-column-gap:20px;
grid-row-gap:40px;
flex-wrap:wrap;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr 1fr 1fr;
grid-auto-columns:1fr;
justify-content:space-between;
align-items:center;
margin-top:20px;
display:flex
}
.brand-logo {
max-height:100px
}
.brand-logo.smaller {
max-height:70px
}
.brand-logo.medium {
max-height:120px
}
.how-to-buy-grid {
width:100%;
max-width:780px;
grid-column-gap:60px;
grid-row-gap:74px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr;
grid-auto-columns:1fr;
align-items:center;
justify-items:center;
margin-top:20px;
display:grid
}
.how-to-buy-link-block {
width:100%;
flex-direction:column;
align-items:center;
text-decoration:none;
display:flex
}
.how-to-buy-icon {
height:60px;
max-width:none;
margin-bottom:10px
}
.how-to-buy-icon.smaller {
height:54px
}
.how-to-buy-icon.wide {
height:27px
}
.how-to-buy-icon.small {
height:44px
}
.how-to-buy-listing-row {
width:100%;
justify-content:center;
align-items:center;
display:flex
}
.how-to-buy-cta-text {
color:var(--black);
text-align:center;
letter-spacing:.06em;
text-transform:none;
margin-top:0;
margin-bottom:0;
font-size:21px;
font-weight:500;
line-height:28px;
text-decoration:none
}
.how-to-buy-cta-text.mobile {
display:none
}
.cta-arrow {
height:8px;
max-width:none;
margin-left:8px
}
.cta-arrow-blue {
height:8px;
max-width:none;
margin-left:8px;
display:none
}
.how-to-buy-icon-blue {
height:60px;
margin-bottom:20px;
display:none
}
.table-wrapper {
width:100%;
max-width:750px;
flex-direction:column;
align-items:center;
margin-top:50px;
display:flex;
position:relative;
overflow:hidden
}
.table-row-logos {
width:100%;
justify-content:space-between;
align-items:center;
display:flex
}
.table-row-logos.underline {
border-bottom:1px solid #000
}
.table-cell-50 {
width:50%;
height:auto;
flex-direction:column;
align-items:center;
padding:20px;
display:flex
}
.table-row {
width:100%;
height:125px;
flex-direction:row;
justify-content:space-between;
align-items:center;
display:flex
}
.table-row.grey {
background-color:#f7f7f7
}
.table-row.grey.outline {
border-top:1px #000;
border-left:1px #000;
border-right:1px #000
}
.table-row.grey._198 {
height:198px
}
.table-row.last {
height:142px
}
.table-row.cta {
height:auto;
border:1px #000
}
.table-row.outline {
border-top:1px #000;
border-left:1px #000;
border-right:1px #000
}
.table-row._198 {
height:198px
}
.table-logo {
height:25px;
max-width:none
}
.table-image {
height:195px;
max-width:none
}
.table-image.cta {
height:142px;
margin-bottom:42px
}
.table-horizontal-divider {
width:100%;
height:1px;
background-color:var(--black);
margin-bottom:0
}
.table-text {
text-align:center;
letter-spacing:.06em;
text-transform:uppercase;
font-size:16px;
font-weight:500;
line-height:22px
}
.table-text.alt {
text-transform:none
}
.table-icon {
height:34px;
max-width:none;
margin-bottom:10px
}
.table-icon.small {
width:53px;
height:auto
}
.table-icon.gallons {
height:50px
}
.table-icon.feeding-method {
width:53px;
height:auto
}
.table-large-text-blended-large {
color:var(--royal-blue);
text-align:center;
letter-spacing:.04em;
margin-bottom:10px;
font-size:35px;
font-weight:500
}
.table-large-text-pro-large {
color:var(--midnight-blue);
text-align:center;
letter-spacing:.04em;
margin-bottom:10px;
font-size:35px;
font-weight:500
}
.table-vertical-divider {
width:1px;
height:100%;
background-color:var(--black);
margin-top:30%;
position:absolute
}
.table-vertical-divider.taller {
margin-top:25%
}
.full-width-image-container {
width:100%;
min-height:auto;
border-bottom:1px solid #000;
flex-direction:column;
justify-content:center;
align-items:center;
padding:0;
display:flex;
position:relative;
overflow:hidden
}
.full-width-image-container.mobile {
display:none;
overflow:visible
}
.full-width-image-container._426 {
height:426px;
min-height:auto;
background-color:var(--black);
color:var(--black);
overflow:hidden
}
.full-width-image-container.bottom-line {
border-bottom:1px solid #000
}
.full-width-image-container.bottom-line._710.hidden-desktop {
display:none
}
.full-width-image-container._674 {
height:auto;
min-height:auto;
overflow:hidden
}
.full-width-image-container._426 {
height:426px;
min-height:auto;
border-bottom:1px solid #000;
overflow:hidden
}
.full-width-image-container._464 {
height:426px;
min-height:auto;
background-color:var(--black);
color:var(--black);
text-decoration:none;
overflow:hidden
}
.full-width-image-container._800 {
height:800px
}
.full-width-image {
width:100%;
height:100%;
max-width:none;
min-height:auto;
object-fit:cover
}
.full-width-image.alt {
height:auto;
min-height:auto
}
.full-width-image.hidden-on-mobile._866 {
height:auto;
max-height:866px
}
.full-width-image.mobile {
display:none
}
.podcast-content-container {
width:30%;
height:auto;
max-width:576px;
flex-direction:column;
align-items:flex-start;
display:flex;
position:absolute;
right:8%
}
.podcast-paragraph {
width:auto;
color:var(--white);
text-align:left;
letter-spacing:.08em;
margin-bottom:48px;
font-size:22px;
line-height:35px
}
.podcast-logo {
width:60%;
max-width:434px;
min-width:auto;
margin-bottom:20px
}
.available-now {
width:auto;
color:var(--white);
text-align:left;
letter-spacing:.08em;
margin-bottom:30px;
font-size:15px;
font-weight:600;
line-height:20px
}
.podcast-links-row {
width:100%;
max-width:400px;
grid-column-gap:24px;
grid-row-gap:16px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr;
grid-auto-columns:1fr;
display:flex
}
.available-apps {
height:40px;
max-width:none;
margin-bottom:54px
}
.podcast-cta {
width:auto;
color:var(--white);
text-align:left;
letter-spacing:.125em;
margin-bottom:37px;
font-size:20px;
font-weight:700;
line-height:26px
}
.podcast-button-row {
width:351px;
justify-content:space-between;
align-items:center;
display:flex
}
.footer {
width:100%;
border-top:1px solid #ccccd1;
flex-direction:column;
justify-content:center;
align-items:center;
padding:40px 5vw 20px;
display:flex
}
.perfect-run-logo-footer {
width:138px;
max-width:none;
margin-bottom:37px
}
.perfect-run-footer-logo-wrapper {
flex-direction:column;
align-items:center;
display:flex
}
.perfect-run-logo-text-footer {
width:318px;
max-width:none;
margin-bottom:0
}
.footer-content-wrapper {
width:100%;
max-width:1820px;
flex-direction:row;
justify-content:space-between;
align-items:flex-start;
margin-top:100px;
margin-bottom:94px;
display:flex
}
.footer-column {
flex-direction:column;
align-items:flex-start;
display:flex
}
.footer-heading {
letter-spacing:.06em;
margin-bottom:40px;
font-size:18px;
font-weight:700
}
.footer-link {
color:var(--black);
letter-spacing:.06em;
margin-bottom:24px;
font-size:16px;
font-weight:400;
line-height:26px;
text-decoration:none
}
.footer-terms-row {
width:100%;
max-width:1820px;
justify-content:space-between;
align-items:flex-start;
display:flex
}
.footer-terms-text {
color:var(--black);
letter-spacing:.06px;
font-size:12px;
line-height:25px;
text-decoration:none
}
.terms-links-wrapper {
width:33%;
flex-direction:row;
justify-content:space-between;
align-items:center;
display:flex
}
.terms-links-wrapper.left {
width:20%;
justify-content:flex-end
}
.terms-links-wrapper.right {
width:25%;
justify-content:flex-start
}
.terms-links-wrapper.right.last {
width:30%
}
.terms-links-wrapper.middle {
width:60%;
justify-content:center
}
.footer-terms-link {
color:var(--black);
letter-spacing:.06px;
margin-left:10px;
margin-right:10px;
font-size:15px;
line-height:25px;
text-decoration:none
}
.yield-slider-text-large {
width:auto;
color:var(--medium-sea-green);
text-align:center;
letter-spacing:.2em;
margin-bottom:10px;
font-family:eurostile-extended,sans-serif;
font-size:2vw;
font-weight:400;
line-height:1em
}
.culture-slider-text-large {
width:auto;
color:#424548;
text-align:center;
letter-spacing:.2em;
margin-bottom:10px;
font-family:eurostile-extended,sans-serif;
font-size:2vw;
font-weight:400;
line-height:1em
}
.product-slider-content {
width:100%;
height:100%;
border:1px solid var(--black);
background-color:var(--white);
flex-direction:column;
justify-content:space-between;
align-items:stretch;
padding:40px 20px;
text-decoration:none;
display:flex;
overflow:hidden
}
.product-slider-content.fixed {
height:100%
}
.products-slider-collection-list {
width:auto;
justify-content:space-between;
align-items:center;
display:flex
}
.products-slider-collection-item {
width:100%
}
.product-slider-title {
color:var(--black);
text-align:center;
letter-spacing:.02em;
margin-bottom:5px;
font-size:24px;
font-weight:600;
line-height:24px
}
.product-slider-subtext {
color:var(--black);
text-align:center;
letter-spacing:.02em;
margin-bottom:0;
font-size:16px;
font-weight:500;
line-height:24px
}
.product-slider-image {
width:auto;
height:200px;
max-width:none;
margin-top:30px
}
.product-slider-button {
width:157px;
height:44px;
min-height:auto;
background-color:var(--white);
color:var(--royal-blue);
text-align:center;
border:1px solid #000;
border-radius:200px;
flex-direction:column;
justify-content:center;
align-items:center;
margin-top:60px;
padding:8px 30px;
font-weight:600;
line-height:18px;
transition:all .2s;
display:flex
}
.product-slider-button:hover {
background-color:var(--royal-blue);
color:var(--white)
}
.products-slider {
width:100%;
height:auto;
border:0px none var(--black);
background-color:transparent;
border-radius:0;
flex-direction:row;
justify-content:space-between;
align-items:center;
margin-top:0;
display:inline-block;
overflow:visible
}
.utility-page-wrap {
width:100vw;
height:100vh;
max-height:100%;
max-width:100%;
background-color:var(--black);
justify-content:center;
align-items:center;
font-size:18px;
line-height:28px;
display:flex
}
.utility-page-content {
width:50%;
text-align:center;
flex-direction:column;
align-items:center;
display:flex
}
.heading-1 {
letter-spacing:.08em;
text-transform:uppercase;
margin-top:0;
margin-bottom:20px;
font-family:Arial,sans-serif;
font-size:36px;
font-weight:bold;
line-height:40px
}
.heading-1.white {
color:var(--white);
font-weight:600
}
.heading-1.white._840 {
width:840px;
text-align:center
}
.heading-1.hero {
color:var(--white);
text-align:center;
letter-spacing:.16em;
margin-bottom:10px;
font-family:Arial,sans-serif;
font-size:42px;
font-weight:bold;
line-height:42px
}
.heading-1.hero.black {
color:var(--black);
margin-bottom:10px
}
.heading-1.hero.black.white-on-mobile.bottom-margin {
margin-bottom:80px;
font-size:42px;
line-height:48px
}
.heading-1.hero.black.white-on-mobile.bottom-margin.fade {
display:none
}
.heading-1.hero.black.bottom-margin {
margin-bottom:40px
}
.heading-1.absolute {
color:var(--white);
text-align:center;
margin-bottom:0;
font-family:eurostile-extended,sans-serif;
font-weight:500;
position:absolute;
bottom:20px
}
.paragraph {
text-align:center;
font-family:Arial,sans-serif
}
.paragraph.white {
color:var(--white);
margin-bottom:30px
}
.paragraph.left-aligned {
text-align:left;
margin-bottom:30px
}
.paragraph.left-aligned.bottom-margin {
margin-bottom:90px
}
.paragraph.hero {
color:var(--white);
letter-spacing:.2em;
text-transform:uppercase;
font-size:18px;
font-weight:500;
line-height:32px
}
.paragraph.hero.black {
color:var(--black)
}
.paragraph.hero.black.no-bottom-margin {
margin-bottom:0;
line-height:24px
}
.paragraph.hero.black.bottom-margin {
margin-bottom:60px
}
.paragraph.hero.black.small-bottom-margin {
margin-bottom:20px
}
.paragraph.hero.no-bottom-margin {
margin-bottom:0
}
.paragraph.medium {
color:var(--white);
letter-spacing:.1em;
margin-bottom:0;
font-size:20px;
line-height:32px
}
.paragraph.medium.bottom-margin {
margin-bottom:40px
}
.paragraph.medium.bottom-margin.black {
color:var(--black)
}
.paragraph.medium.bottom-margin.black.white-mobile.hidden-mobile {
font-weight:400
}
.paragraph.medium.black {
color:var(--black);
margin-bottom:20px
}
.paragraph.medium.black._505 {
max-width:520px;
margin-bottom:30px
}
.paragraph.medium.black._505.bottom-margin {
max-width:450px;
margin-bottom:40px;
font-size:18px;
line-height:24px
}
.paragraph.medium.black._505.bottom-margin.hidden-mobile {
font-size:20px;
font-weight:400;
line-height:28px
}
.paragraph.medium.black._505._120-bottom-margin,
.paragraph.medium.black._505.bottom-margin,
.paragraph.medium.black.bottom-margin {
margin-bottom:40px
}
.paragraph.medium.black.left-align {
text-align:left
}
.paragraph._22 {
letter-spacing:.08em;
font-size:22px;
line-height:35px
}
.paragraph.semi-bold {
letter-spacing:.08em;
font-size:20px;
font-weight:600
}
.paragraph._28 {
font-size:20px;
font-weight:500;
line-height:32px
}
.paragraph._845 {
max-width:845px;
font-size:22px;
line-height:36px
}
.paragraph._720 {
max-width:720px;
letter-spacing:.08em;
font-size:16px
}
.absolute-content-wrapper-left {
width:auto;
flex-direction:column;
align-items:flex-start;
display:flex;
position:absolute;
left:5vw
}
.absolute-content-wrapper-left.centred {
z-index:10;
align-items:center
}
.absolute-content-wrapper-left.centred._500 {
width:500px
}
.absolute-content-wrapper-left.centred._500.mobile-bottom {
display:none
}
.absolute-content-wrapper-left.centred.top-mobile.fixed {
max-width:420px;
align-items:flex-start
}
.absolute-content-wrapper-left.centred.bottom-mobile {
display:none
}
.absolute-content-wrapper-left.contact-us {
width:auto;
max-width:400px;
min-width:200px
}
.rich-text {
width:100%
}
.content-hero-image {
width:100%;
height:100%;
max-width:none;
min-height:auto;
object-fit:cover
}
.content-hero-image.hidden-mobile {
max-height:626px
}
.contact-icons {
height:30px;
max-width:none;
margin-bottom:20px
}
.contact-link-block {
width:33%;
flex-direction:column;
align-items:center;
text-decoration:none;
display:flex
}
.contact-grid {
width:100%;
max-width:780px;
grid-column-gap:60px;
grid-row-gap:74px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr;
grid-auto-columns:1fr;
justify-content:space-between;
align-items:center;
justify-items:center;
margin-top:20px;
display:flex
}
.form-block {
width:100%
}
.form-block.hidden {
display:none
}
.contact-row {
width:100%;
align-items:flex-start;
margin-bottom:80px;
display:flex
}
.contact-small-column {
width:30%;
flex-direction:column;
justify-content:center;
align-items:flex-start;
display:flex
}
.form-label {
text-align:left;
letter-spacing:.08em;
font-family:Montserrat,sans-serif;
font-size:24px;
line-height:32px
}
.contact-large-column {
width:70%;
flex-direction:column;
justify-content:center;
align-items:flex-start;
display:flex
}
.form-dropdown {
width:100%;
height:70px;
background-color:var(--white);
border:1px solid #ccccd1;
margin-bottom:0;
padding-left:20px;
padding-right:20px;
font-size:18px;
font-weight:500;
line-height:24px
}
.form-number {
color:var(--royal-blue);
text-align:left;
letter-spacing:.08em;
font-family:Montserrat,sans-serif;
font-size:24px;
line-height:32px
}
.form-field {
height:70px;
margin-bottom:0;
padding-left:20px;
padding-right:20px;
font-size:18px;
font-weight:600
}
.form-field::-ms-input-placeholder {
color:#ccccd1
}
.form-field::placeholder {
color:#ccccd1
}
.form-text-area {
height:auto;
min-height:360px;
margin-bottom:0;
padding-left:20px;
padding-right:20px;
font-size:18px;
font-weight:600
}
.form-text-area::-ms-input-placeholder {
color:#ccccd1
}
.form-text-area::placeholder {
color:#ccccd1
}
.hero-content-column-30 {
width:35%;
flex-direction:column;
align-items:flex-start;
display:flex
}
.hero-content-column-30.clone {
max-width:450px
}
.hero-content-column-60 {
width:50%;
flex-direction:column;
align-items:flex-start;
display:flex
}
.hero-content-column-60.image-grid {
width:60%;
grid-column-gap:30px;
grid-row-gap:30px;
grid-template-rows:auto auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
display:grid
}
.hero-grid-image {
width:100%;
height:100%;
max-width:none;
object-fit:cover;
border:1px solid #000
}
.content-column-30 {
width:30%
}
.content-column-30.vertical {
width:30%;
flex-direction:column;
align-items:center;
display:flex
}
.content-column-30.vertical._450 {
width:45%;
max-width:450px
}
.product-sub-nav {
width:100%;
height:80px;
background-color:#f4f4f4;
flex-direction:column;
justify-content:center;
align-items:center;
margin-top:56px;
padding-left:5vw;
padding-right:5vw;
display:flex
}
.sub-nav-content-wrapper {
width:100%;
max-width:1820px;
justify-content:space-between;
align-items:center;
display:flex
}
.product-sub-nav-column {
width:20%;
align-items:center;
display:flex
}
.product-sub-nav-column.centred {
width:auto;
justify-content:center
}
.product-sub-nav-column.right {
justify-content:flex-end
}
.sub-nav-logo {
height:25px;
max-width:none;
margin-right:20px
}
.sub-nav-link {
color:var(--black);
letter-spacing:.025em;
margin-left:15px;
margin-right:15px;
font-size:16px;
font-weight:400;
line-height:27px;
text-decoration:none;
transition:color .2s
}
.sub-nav-link:hover {
color:var(--royal-blue)
}
.hero-absolute-content-wrapper-centred {
z-index:10;
width:420px;
flex-direction:column;
align-items:center;
display:flex;
position:absolute;
left:5vw
}
.hero-absolute-content-wrapper-centred.mobile-bottom {
left:auto;
right:5vw
}
.hero-absolute-content-wrapper-centred.mobile-bottom.left {
left:5vw;
right:auto
}
.hero-absolute-content-wrapper-centred.mobile-bottom.left._590 {
width:490px
}
.span-smaller {
font-size:28px
}
.inline-link {
justify-content:center;
align-items:center;
text-decoration:none;
display:flex
}
.inline-link.content {
margin-top:55px
}
.inline-link-text {
margin-right:15px;
font-size:27px;
line-height:15px;
text-decoration:none
}
.inline-link-text.small {
margin-right:10px;
font-size:22px;
line-height:27px
}
.inline-link-triangle.white {
display:none
}
.gradient-overlay-left {
width:60%;
height:100%;
background-image:none;
position:absolute;
left:0
}
.usps-row {
width:100%;
max-width:780px;
grid-column-gap:0px;
grid-row-gap:0px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr;
grid-auto-columns:1fr;
justify-content:space-between;
align-items:flex-end;
justify-items:center;
margin-top:0;
display:flex
}
.usps-listing-container {
width:30%;
height:101px;
flex-direction:column;
justify-content:space-between;
align-items:center;
text-decoration:none;
display:flex
}
.table-sub-title {
text-align:center;
letter-spacing:.1em;
text-transform:uppercase;
margin-bottom:10px;
font-size:20px;
font-weight:500;
line-height:32px
}
.content-absolutely-wrapper {
z-index:10;
width:615px;
flex-direction:column;
align-items:center;
display:flex;
position:absolute;
left:5vw
}
.content-absolutely-wrapper.centre {
bottom:5vh;
left:auto
}
.content-absolutely-wrapper._400 {
width:400px
}
.content-absolutely-wrapper._480 {
width:480px
}
.content-absolutely-wrapper._480.right {
left:auto;
right:5vw
}
.content-absolutely-wrapper._480.right.mobile-bottom {
display:none
}
.duo-row {
width:100%;
height:430px;
justify-content:space-between;
align-items:stretch;
display:flex
}
.duo-row.bottom-line {
border-bottom:1px solid #000
}
.duo-row.bottom-line._645 {
height:645px
}
.duo-row.bottom-line._650 {
height:650px;
height:auto;
max-height:750px
}
.duo-row.bottom-line.auto {
height:auto
}
.duo-row-image-container {
width:50%;
flex-direction:column;
justify-content:center;
align-items:center;
display:flex
}
.duo-row-image-container.right-line {
border-right:1px solid #000;
overflow:hidden
}
.duo-row-image-container.right-line.padding,
.duo-row-image-container.padding {
padding:40px 20px;
overflow:hidden
}
.duo-image {
width:100%;
height:100%;
max-width:none;
min-height:auto;
object-fit:cover
}
.duo-image.scale-down {
width:100%;
height:auto;
object-fit:scale-down
}
.duo-image.display-on-mobile,
.duo-image.mobile {
display:none
}
.duo-content-container {
width:50%;
flex-direction:column;
justify-content:center;
align-items:center;
padding:40px 0;
display:flex
}
.duo-content-container.right-line {
border-right:1px solid #000;
position:relative
}
.duo-content-container.right-line.display-mobile {
display:none
}
.duo-content-container.padding {
justify-content:flex-start;
padding-top:100px;
padding-bottom:140px
}
.duo-content-container.padding.no-bottom-padding-mobile.top-align {
justify-content:flex-start;
padding-top:60px
}
.duo-content-container.padding.left-align {
padding-top:60px;
padding-bottom:40px;
padding-left:40px
}
.duo-content-container.left-align {
justify-content:flex-start;
align-items:flex-start;
padding:0 40px 0 0
}
.duo-sub-text {
text-align:center;
letter-spacing:.12em;
font-size:18px;
line-height:28px
}
.duo-sub-text.top-margin {
margin-top:60px
}
.duo-sub-text.small {
max-width:716px;
letter-spacing:.08em;
font-size:16px;
line-height:32px
}
.duo-sub-text.small._90-margin {
margin-bottom:90px
}
.procedure-slider-image {
width:100%;
height:auto;
max-width:none;
object-fit:scale-down;
margin-top:0
}
.procedure-slider-image.fixed {
height:100%
}
.procedure-slider-content {
width:100%;
height:auto;
border:1px solid var(--black);
background-color:var(--white);
cursor:pointer;
flex-direction:column;
justify-content:space-between;
align-items:center;
padding:0;
display:flex;
position:relative;
overflow:hidden
}
.content-hero-image-container {
width:100%;
height:480px;
flex-direction:column;
justify-content:center;
align-items:center;
padding:0;
display:flex;
position:relative
}
.content-hero-image-container.light {
background-color:transparent
}
.span-blue {
color:var(--royal-blue)
}
.content-column-50 {
width:50%
}
.content-column-50.image {
flex-direction:column;
justify-content:center;
align-items:center;
display:flex
}
.content-column-50.image.bullets {
width:40%
}
.content-column-50.content {
flex-direction:column;
justify-content:center;
align-items:center;
display:flex
}
.content-column-50.content.left-align-bullets {
width:60%;
align-items:flex-start
}
.image-full-width {
width:100%;
max-width:none
}
.image-full-width.feed-schedules {
width:auto;
max-height:100%;
object-fit:scale-down
}
.logo-content {
height:25px;
max-width:none;
margin-bottom:40px;
display:block
}
.logo-content.right-margin {
height:25px;
margin-right:20px
}
.step {
background-color:var(--black);
color:var(--white);
text-align:center;
letter-spacing:.085em;
text-transform:uppercase;
border-radius:200px;
margin-bottom:52px;
padding:5px 30px;
font-family:eurostile-extended,sans-serif;
font-weight:500
}
.inline-icon {
height:53px;
max-width:none
}
.content-column-45 {
width:45%;
flex-direction:column;
align-items:center;
display:flex
}
.logo-row {
width:100%;
flex-direction:row;
justify-content:center;
align-items:center;
display:flex
}
.logo-row.mobile {
flex-direction:column;
display:none
}
.span-orange {
color:var(--dark-orange)
}
.number {
width:32px;
height:32px;
background-color:var(--black);
color:var(--white);
text-align:center;
letter-spacing:.085em;
text-transform:uppercase;
border-radius:200px;
margin-bottom:24px;
padding:5px 10px;
font-family:Montserrat,sans-serif;
font-weight:700;
line-height:22px
}
.duo-sub-title {
text-align:center;
letter-spacing:.08em;
text-transform:uppercase;
margin-bottom:10px;
font-size:28px;
font-weight:700;
line-height:40px
}
.span-green {
color:var(--medium-sea-green)
}
.sub-heading {
text-align:center;
letter-spacing:.08em;
margin-bottom:20px;
font-size:22px;
font-weight:600;
line-height:28px
}
.cta-sub-heading {
text-align:center;
letter-spacing:.08em;
margin-bottom:30px;
font-size:24px;
font-weight:500;
line-height:35px
}
.cta-sub-heading.hidden-mobile {
font-size:20px;
font-weight:600
}
.absolute-content-wrapper-right {
flex-direction:column;
align-items:center;
display:flex;
position:absolute;
right:5vw
}
.absolute-content-wrapper-right.absolute-mobile-top.side-padding {
width:380px
}
.absolute-content-wrapper-right.absolute-mobile-bottom {
display:none
}
.button-row {
width:346px;
/*justify-content:space-between;*/
justify-content:center;
margin-top:40px;
display:flex
}
.button-row.absolute-mobile-bottom {
display:none
}
.content-row {
width:686px;
justify-content:space-between;
align-items:center;
display:flex
}
.content-row._750 {
width:800px;
margin-top:60px
}
.content-row._1080 {
width:100%;
max-width:1080px
}
.content-row._1020 {
width:100%;
max-width:1020px;
margin-top:60px
}
.content-row._1190 {
width:100%;
max-width:1190px;
margin-top:60px
}
.comparison-title {
text-align:center;
letter-spacing:.125em;
text-transform:uppercase;
font-size:26px;
font-weight:700;
line-height:36px
}
.comparison-title.green {
color:var(--medium-sea-green)
}
.comparison-title.blue {
color:var(--royal-blue)
}
.title-underline {
width:100%;
height:6px;
background-color:var(--medium-sea-green);
margin-bottom:10px
}
.title-underline.blue {
background-color:var(--royal-blue)
}
.comparison-image {
width:auto;
max-height:420px;
max-width:none;
margin-bottom:30px
}
.comparison-image.small {
width:100%;
height:auto;
max-height:none
}
.comparison-sub-title {
text-align:center;
letter-spacing:.08em;
text-transform:none;
font-size:21px;
font-weight:600;
line-height:28px
}
.comparison-sub-title.green {
color:var(--medium-sea-green)
}
.comparison-sub-title.blue {
color:var(--royal-blue);
color:var(--royal-blue)
}
.comparison-column {
/*width:45%;*/
width:39%;
flex-direction:column;
align-items:center;
display:flex
}
.comparison-column._55 {
width:53%
}
.comparison-column._61 {
width:59%
}
.ec-chart {
width:835px;
max-width:none;
margin-top:20px;
margin-bottom:20px
}
.comparison-table {
display: inline-block;
text-align:center;
margin: 0 auto;
}
.comparison-table-title {
text-align:center;
letter-spacing:.06em;
text-transform:uppercase;
margin-top:40px;
margin-bottom:20px;
font-size:23px;
font-weight:600;
line-height:31px
}
.content-logo {
height:28px;
margin-bottom:40px
}
.content-column-15 {
width:14%;
flex-direction:column;
align-items:center;
display:flex
}
.content-column-33 {
width:30%
}
.span-hero-pre-heading {
letter-spacing:.32em;
font-family:Montserrat,sans-serif;
font-size:22px;
font-weight:500;
line-height:22px
}
.bullet-row {
width:100%;
height:40px;
align-items:center;
margin-bottom:20px;
display:flex
}
.bullet {
width:6px;
height:6px;
background-color:var(--black);
border-radius:200px;
margin-right:10px
}
.bullet-text {
color:var(--black);
letter-spacing:.08em;
text-transform:uppercase;
font-size:20px;
font-weight:700;
line-height:32px
}
.right-arrow {
height:40px;
background-color:#000;
border-radius:17px;
flex-direction:column;
justify-content:center;
align-items:center;
margin-left:0;
margin-right:0;
display:none;
top:auto;
bottom:-20%;
left:55%;
right:0%
}
.tab-grid {
width:100%;
grid-column-gap:40px;
justify-content:center;
padding-top:60px;
display:flex
}
.left-arrow {
height:40px;
background-color:#000;
border-radius:17px;
flex-direction:column;
justify-content:center;
align-items:center;
margin-left:0;
margin-right:0;
padding-top:0;
padding-bottom:0;
display:none;
top:auto;
bottom:-20%;
left:40%;
right:0%
}
.tabs {
width:100%;
flex-direction:column;
align-items:center;
display:flex
}
.tab-pane._1,
.tab-pane._2 {
height:auto;
padding-top:0
}
.tab-slider {
width:100%;
height:auto;
background-color:transparent;
margin-bottom:0%
}
.tab-link {
min-width:200px;
background-color:transparent;
border-bottom:10px solid #d3d3d3;
padding-top:20px;
padding-bottom:20px
}
.tab-link.w--current {
min-width:200px;
background-color:transparent;
border-bottom:10px solid #000;
padding-top:20px;
padding-bottom:20px
}
.tabs-content {
width:100%
}
.tab-text {
color:#000;
text-align:center;
letter-spacing:.06em;
text-transform:uppercase;
font-family:Montserrat,sans-serif;
font-size:20px;
font-weight:500
}
.slide-nav-2 {
margin-top:0;
display:none;
top:auto;
bottom:-20%
}
.tab-slide {
width:30%;
margin-left:2%;
margin-right:2%
}
.heading-4 {
color:#000;
text-align:center;
letter-spacing:.25em;
text-transform:uppercase;
margin-top:0;
margin-bottom:40px;
font-family:Montserrat,sans-serif;
font-size:2.5em;
font-weight:500;
line-height:1.2em
}
.tab-slide-content-wrapper {
width:100%;
height:393px;
border:1px #000;
flex-direction:column;
align-items:center;
display:flex
}
.tab-slide-image {
width:100%;
height:auto;
max-height:240px;
max-width:none;
object-fit:cover;
border:1px solid #000;
margin-bottom:30px
}
.tabs-slider-text {
text-align:center;
letter-spacing:.04em;
font-size:18px;
font-weight:500;
line-height:24px
}
.triple-column-image {
width:100%;
max-width:none;
margin-bottom:50px
}
.triple-column-image._195 {
max-width:220px
}
.comparison-column-title {
text-align:center;
letter-spacing:.06em;
text-transform:none;
margin-bottom:20px;
font-size:24px;
font-weight:500;
line-height:32px
}
.comparison-divider {
width:100%;
height:1px;
background-color:rgba(0,0,0,.17);
margin-bottom:30px
}
.comparison-divider._70 {
width:70%
}
.comparison-column-price-copy {
text-align:center;
letter-spacing:.06em;
text-transform:none;
margin-bottom:20px;
font-size:17px;
font-weight:400;
line-height:32px
}
.comparison-column-paragraph {
text-align:center;
letter-spacing:.06em;
text-transform:none;
margin-bottom:20px;
font-size:14px;
font-weight:400;
line-height:32px
}
.hood-hero-image {
height:450px;
max-width:none;
position:absolute;
bottom:0;
left:2vw
}
.heading-5 {
color:#000;
text-align:center;
letter-spacing:.25em;
text-transform:uppercase;
margin-top:0;
margin-bottom:40px;
font-family:Montserrat,sans-serif;
font-size:2.5em;
font-weight:500;
line-height:1.2em
}
.content-image {
width:100%;
max-width:1264px;
margin-top:40px
}
.absolute-content-container {
width:50%;
flex-direction:column;
justify-content:center;
align-items:center;
display:flex;
position:absolute
}
.absolute-content-container.culture {
width:30%;
max-width:480px;
align-items:flex-start;
top:auto;
bottom:25%;
left:auto;
right:5vw
}
.video-slider-wrapper {
width:100%;
max-width:900px;
flex-direction:column;
align-items:center;
display:flex
}
.video-slider {
width:100%;
height:auto;
background-color:transparent;
border:1px solid #000
}
.slide-nav-3 {
display:none
}
.slider-video {
width:100%
}
.video-slider-arrow-left {
width:40px;
height:40px;
margin-top:20px;
margin-bottom:0;
top:auto;
bottom:auto;
right:10%
}
.video-slider-arrow-right {
width:40px;
height:40px;
margin-top:20px;
margin-bottom:0;
top:auto;
bottom:auto;
left:10%
}
.product-slider {
width:100%;
height:400px;
max-width:1920px;
background-color:transparent;
overflow:visible
}
.full-width-product-slider-container {
width:100%;
min-height:auto;
border-bottom:1px solid #000;
flex-direction:column;
justify-content:center;
align-items:center;
padding:90px 0;
display:flex;
position:relative;
overflow:hidden
}
.hidden-slider-arrow {
display:none
}
.product-slide-content-container {
width:100%;
height:100%;
border:1px solid #000;
flex-direction:row;
justify-content:space-between;
align-items:center;
display:flex
}
.product-slide-wrapper {
width:100%;
height:100%;
border-right:1px #000;
flex-direction:column;
justify-content:flex-end;
align-items:center;
display:flex;
position:relative
}
.product-slide-image {
width:auto;
height:100%;
max-width:none;
object-fit:scale-down
}
.product-slide-absolute-details-wrapper {
width:100%;
justify-content:space-between;
align-items:flex-end;
margin-bottom:20px;
padding:20px 20px 10px;
display:flex;
position:absolute
}
.product-slide-details-column-left {
width:50%;
flex-direction:column;
justify-content:flex-end;
align-items:flex-start;
display:flex
}
.product-slide-name {
letter-spacing:.03em;
font-size:20px;
font-weight:500
}
.product-slide-details {
color:#9f9f9f;
font-size:12px;
font-weight:600;
line-height:14px
}
.product-slide-details-column-right {
width:50%;
flex-direction:column;
justify-content:flex-end;
align-items:flex-end;
display:flex
}
.product-slide-price {
text-align:right;
font-size:18px;
font-weight:500
}
.product-slider-nav {
margin-top:0;
margin-bottom:-50px
}
.product-slider-nav.hidden-desktop {
display:none
}
.products-slider-mask {
width:33.33%;
overflow:visible
}
.products-slider-mask._50 {
width:50%
}
._3x {
width:150px;
height:150px;
text-align:center;
letter-spacing:.045em;
border:1px solid #000;
border-radius:200px;
align-self:center;
margin-bottom:10px;
font-family:eurostile-extended,sans-serif;
font-size:48px;
font-weight:500;
line-height:145px
}
.comparison-row {
width:100%;
max-width:700px;
justify-content:space-between;
align-items:center;
margin-top:60px;
display:flex
}
.comparison-column-large {
width:45%;
flex-direction:column;
align-items:center;
display:flex
}
.comparison-plus {
font-size:48px;
line-height:60px
}
.span-green-highlight {
color:var(--lime-green)
}
.span-blue-highlight {
color:var(--dodger-blue)
}
.span-smaller-title {
font-size:24px
}
.fade-content-column {
width:100%;
max-width:480px;
flex-direction:column;
padding-bottom:145px;
display:flex
}
.content-column-fade-image {
width:60%;
flex-direction:column;
justify-content:flex-end;
display:flex
}
.content-hero-container-image {
width:100%;
height:auto;
flex-direction:column;
justify-content:center;
align-items:center;
padding:58px 0 0;
display:flex;
position:relative
}
.span-smaller-hero-title {
letter-spacing:.32em;
font-family:Montserrat,sans-serif;
font-size:18px;
font-weight:500;
line-height:24px
}
.domes-content-column {
width:100%;
height:100%;
max-width:480px;
flex-direction:column;
padding-bottom:0;
display:flex
}
.domes-content-column.less-padding {
justify-content:center;
align-items:center;
padding-bottom:40px
}
.content-column-domes-container {
width:48%;
height:100%;
flex-direction:column;
justify-content:flex-end;
display:flex
}
.jungle-boys-logo {
width:154px;
max-width:none
}
.plotter_wrapper {
width:100%;
box-shadow:none;
border-radius:0;
margin-top:80px;
position:relative;
overflow:hidden
}
.plotter_wrapper.alt {
margin-top:0
}
.plotter_aspect-ratio {
width:100%;
padding-top:56.25%;
position:relative;
overflow:hidden
}
.plotter_img-cover {
width:100%;
height:100%;
object-fit:cover;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.plotter_img-cover.clean-line {
max-width:none
}
.plotter_img-cover.clean-line-mobile {
max-width:none;
display:none
}
.plotter_img-overlay {
width:100%;
height:100%;
background-color:rgba(23,55,46,0);
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.plotter-items_wrapper {
width:100%;
height:100%;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.plotter-items_list-item {
width:20px;
height:20px;
margin-top:-10px;
margin-left:-10px;
position:absolute;
top:0%;
bottom:auto;
left:0%;
right:auto
}
.plotter-items_custom-code {
display:none
}
.plotter-items_dot {
width:20px;
height:20px;
cursor:pointer;
background-color:#1868ee;
border:2px solid #fff;
border-radius:20px;
transition:box-shadow .3s cubic-bezier(.165,.84,.44,1),background-color .3s cubic-bezier(.165,.84,.44,1);
box-shadow:0 0 0 8px rgba(215,224,255,.2)
}
.plotter-items_dot:hover {
background-color:#fff;
border-style:solid;
border-color:#1868ee;
box-shadow:0 0 0 12px rgba(255,216,215,.3)
}
.plotter-items_dot:focus {
box-shadow:0 0 0 12px rgba(255,216,215,.3)
}
.plotter-items_tooltip {
width:400px;
height:auto;
color:#000;
text-decoration:none;
display:none;
position:relative
}
.plotter-items_dot-wrapper {
grid-column-gap:5px;
grid-row-gap:5px;
flex-direction:column;
align-items:flex-start;
text-decoration:none;
display:flex;
position:absolute;
top:0%;
bottom:auto;
left:0%;
right:auto
}
.plotter-items_dot-wrapper:hover {
z-index:2
}
.plotter-items_dot-wrapper:focus-visible {
outline-offset:12px;
border-radius:20px;
outline:2px solid #ddf941
}
.plotter-items_dot-wrapper[data-wf-focus-visible] {
outline-offset:12px;
border-radius:20px;
outline:2px solid #ddf941
}
.plotter-items_dot-wrapper.cc-top-right {
align-items:flex-end;
top:0%;
bottom:auto;
left:auto;
right:0%
}
.plotter-items_dot-wrapper.cc-bottom-left {
flex-direction:column-reverse;
align-items:flex-start;
top:auto;
bottom:0%;
left:0%;
right:auto
}
.plotter-items_dot-wrapper.cc-bottom-right {
flex-direction:column-reverse;
align-items:flex-end;
top:auto;
bottom:0%;
left:auto;
right:0%
}
.plotter-items_card-arrow {
width:22px;
height:22px;
color:#202020;
background-color:#ddf941;
border-radius:4px;
padding:3px;
line-height:1;
display:none;
position:absolute;
top:8px;
bottom:auto;
left:auto;
right:8px
}
.plotter-items_card-title {
color:#000;
letter-spacing:0;
text-transform:capitalize;
padding-right:20px;
font-family:Montserrat,sans-serif;
font-size:1.2rem;
font-weight:700;
line-height:1.1
}
.plotter-items_card {
height:115.258px;
border:1px solid var(--black);
background-color:#fff;
border-radius:7px;
flex-direction:column;
flex:1;
justify-content:flex-start;
padding:1rem;
transition:border-color .3s cubic-bezier(.165,.84,.44,1),box-shadow .3s cubic-bezier(.165,.84,.44,1);
display:flex;
position:relative;
overflow:hidden;
box-shadow:0 0 transparent
}
.plotter-items_card:hover {
border-color:#1868ee;
box-shadow:0 0 0 5px rgba(24,104,238,.3)
}
.plotter-items_card-desc {
margin-top:.5em;
font-size:.8rem;
font-weight:400;
line-height:1.4
}
.plotter-items_card-desc.text-2lines {
color:#000;
font-family:Montserrat,sans-serif
}
.podcast-container-desktop {
width:100%;
height:900px;
min-height:auto;
flex-direction:column;
justify-content:center;
align-items:center;
padding:0;
display:flex;
position:relative;
overflow:hidden
}
.video-modal-container {
z-index:9999;
width:100%;
height:100%;
opacity:0;
cursor:pointer;
background-color:rgba(0,0,0,.9);
flex-direction:column;
justify-content:center;
align-items:center;
padding-left:5vw;
padding-right:5vw;
display:none;
position:fixed;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.modal-video {
width:100%
}
.close-modal {
width:40px;
height:40px;
max-width:none;
cursor:pointer;
position:absolute;
top:20px;
bottom:auto;
left:auto;
right:20px
}
.close-modal.content {
top:-17px;
right:-21px
}
.open-modal {
width:254px;
justify-content:center;
align-items:center;
text-decoration:none;
display:flex
}
.form-embed {
width:100%
}
.desktop-login-container {
width:280px;
flex-direction:row;
justify-content:center;
align-items:center;
display:flex
}
.image-grid-wrapper {
width:100%;
height:100%;
overflow:hidden
}
.hero-inline-link-text {
margin-right:15px;
font-size:27px;
line-height:15px;
text-decoration:none
}
.tab-grid-link {
min-width:200px;
background-color:transparent;
border-bottom:10px solid #d3d3d3;
padding-top:20px;
padding-bottom:20px
}
.tab-grid-link.w--current {
min-width:200px;
background-color:transparent;
border-bottom:10px solid #000;
padding-top:20px;
padding-bottom:20px
}
.right-arrow-2 {
height:40px;
background-color:#000;
border-radius:17px;
flex-direction:column;
justify-content:center;
align-items:center;
margin-left:0;
margin-right:0;
display:none;
top:auto;
bottom:-20%;
left:55%;
right:0%
}
.tab-grid-2 {
width:100%;
grid-column-gap:40px;
justify-content:center;
padding-top:60px;
display:flex
}
.left-arrow-2 {
height:40px;
background-color:#000;
border-radius:17px;
flex-direction:column;
justify-content:center;
align-items:center;
margin-left:0;
margin-right:0;
padding-top:0;
padding-bottom:0;
display:none;
top:auto;
bottom:-20%;
left:40%;
right:0%
}
.slide-image {
width:100%;
height:400px;
max-width:none;
object-fit:cover
}
.slide-title-wrapper {
width:100%;
height:auto;
background-color:transparent;
flex-direction:column;
justify-content:flex-start;
align-items:center;
margin-top:10px;
margin-bottom:5px;
display:flex
}
.slide-text {
height:auto;
color:#000;
text-align:center;
letter-spacing:.1em;
text-transform:uppercase;
background-color:transparent;
margin-bottom:10px;
font-family:Montserrat,sans-serif;
font-size:18px;
font-weight:600;
line-height:26px
}
.slide-sub-text {
height:auto;
color:#000;
text-align:center;
letter-spacing:.1em;
text-transform:none;
margin-top:0;
font-family:Montserrat,sans-serif;
font-size:18px;
font-weight:400;
line-height:24px
}
.slide-content-wrapper {
width:100%;
height:100%;
flex-direction:column;
align-items:center;
display:flex
}
.slide-image-wrapper {
width:100%;
height:auto;
background-color:#fff;
flex-direction:column;
justify-content:center;
align-items:center;
display:flex
}
.slide-image-wrapper.rounded {
max-height:200px;
border:1px solid #000;
border-radius:20px;
overflow:hidden
}
.slide-nav-4 {
margin-top:0;
display:none;
top:auto;
bottom:-20%
}
.slide-2 {
width:31%;
margin-left:1%;
margin-right:1%
}
.right-arrow-3 {
height:40px;
background-color:#000;
border-radius:17px;
flex-direction:column;
justify-content:center;
align-items:center;
margin-left:0;
margin-right:0;
display:none;
top:auto;
bottom:-20%;
left:55%;
right:0%
}
.tab-grid-3 {
width:100%;
grid-column-gap:40px;
justify-content:center;
padding-top:60px;
display:flex
}
.left-arrow-3 {
height:40px;
background-color:#000;
border-radius:17px;
flex-direction:column;
justify-content:center;
align-items:center;
margin-left:0;
margin-right:0;
padding-top:0;
padding-bottom:0;
display:none;
top:auto;
bottom:-20%;
left:40%;
right:0%
}
.tab-title-wrapper {
display:none
}
.slide-title-wrapper-2 {
width:100%;
height:auto;
background-color:transparent;
flex-direction:column;
justify-content:flex-start;
align-items:center;
margin-top:10px;
margin-bottom:5px;
display:flex
}
.tab-title {
color:#000;
text-align:center;
letter-spacing:.1em;
text-transform:uppercase;
font-family:Montserrat,sans-serif;
font-size:20px;
font-weight:500
}
.slide-nav-5 {
margin-top:0;
display:none;
top:auto;
bottom:-20%
}
.home-slider {
width:100%;
height:100%;
background-color:transparent
}
.icon,
.icon-2 {
color:var(--black)
}
.content-modal-1 {
z-index:9999;
width:100%;
height:100%;
opacity:0;
background-color:rgba(0,0,0,.9);
flex-direction:column;
justify-content:center;
align-items:center;
padding-left:5vw;
padding-right:5vw;
display:none;
position:fixed;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.modal-content-wrapper {
width:800px;
height:auto;
background-color:var(--white);
flex-direction:column;
align-items:center;
padding:30px;
display:flex;
position:relative
}
.modal-content-wrapper.chat-bot {
width:90vw;
padding:0
}
.content-modal-2,
.content-modal-3 {
z-index:9999;
width:100%;
height:100%;
opacity:0;
background-color:rgba(0,0,0,.9);
flex-direction:column;
justify-content:center;
align-items:center;
padding-left:5vw;
padding-right:5vw;
display:none;
position:fixed;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.carousel-comparison-content-container {
width:100%;
flex-direction:column;
align-items:center;
display:flex
}
.product-comparison-slider {
width:100%;
height:auto;
max-width:1440px;
background-color:transparent;
overflow:visible
}
.product-comparison-slider.narrow {
max-width:960px
}
.procedure-carousel-content-wrapper {
width:100%;
flex-direction:column;
align-items:center;
padding-left:10px;
padding-right:10px;
display:flex
}
.procedure-slider-arrow-left {
width:60px;
height:100%;
border:0px none var(--black);
background-color:transparent;
border-radius:0;
margin-top:0;
margin-bottom:0;
top:auto;
left:-61px;
right:auto
}
.procedure-slider-arrow-right {
width:60px;
height:100%;
border:1px none var(--black);
background-color:transparent;
border-radius:0;
margin-top:0;
margin-bottom:0;
top:auto;
left:auto;
right:-60px
}
.procedure-slider {
width:100%;
height:auto;
max-width:1600px;
background-color:transparent;
overflow:visible
}
.tabs-slider-sub-text {
text-align:center;
letter-spacing:.04em;
margin-top:10px;
font-size:16px;
font-weight:400;
line-height:24px
}
.mask-2 {
width:100%
}
.procedure-hover {
width:100%;
height:100%;
background-color:rgba(0,0,0,.7);
flex-direction:column;
justify-content:center;
align-items:center;
padding:10px;
display:flex;
position:absolute
}
.procedure-title-hover {
color:var(--white);
text-align:center;
font-size:16px;
line-height:24px
}
.mobile-content-hero-image {
width:100%;
height:100%;
max-width:none;
min-height:auto;
object-fit:cover;
display:none
}
.mobile-full-width-image {
width:100%;
height:100%;
max-width:none;
min-height:900px;
object-fit:cover;
display:none
}
.button-text {
line-height:18px
}
.button-heading {
text-align:center;
margin-bottom:34px;
font-weight:500;
line-height:32px
}
.button-heading.fa {
letter-spacing:.08em;
margin-bottom:40px;
font-size:24px;
font-weight:600;
line-height:36px
}
.bullet-container {
width:100%;
height:28px;
align-items:center;
margin-bottom:40px;
display:flex
}
.bullet-container.less-margin {
margin-bottom:10px
}
.black-bullet {
width:6px;
height:6px;
background-color:var(--black);
border-radius:200px;
margin-right:15px
}
.black-bullet-text {
letter-spacing:.08em;
font-size:20px;
font-weight:600
}
.black-bullet-text.small {
letter-spacing:.14em;
font-size:18px;
font-weight:500;
line-height:22px
}
.contact-icon {
margin-right:40px
}
.single-procedure-container {
width:500px;
height:auto;
max-width:none;
border:1px solid var(--black);
background-color:var(--white);
cursor:pointer;
flex-direction:column;
justify-content:space-between;
align-items:center;
padding:0;
display:flex;
position:relative;
overflow:hidden
}
.buy-button {
width:130px;
height:auto;
min-height:37px;
background-color:var(--royal-blue);
color:var(--white);
text-align:center;
border:1px solid #000;
border-radius:200px;
flex-direction:column;
justify-content:center;
align-items:center;
padding:8px 30px;
font-weight:600;
text-decoration:none;
transition:all .2s;
display:flex;
position:relative
}
.buy-button:hover {
background-color:var(--royal-blue);
color:var(--white)
}
.buy-button-gradient {
width:auto;
height:auto;
min-height:auto;
opacity:0;
background-image:linear-gradient(90deg,#0c3478,#1868f0 53%,#00d8ff);
border-radius:200px;
flex-direction:column;
justify-content:center;
align-items:center;
display:flex;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.buy-button-text {
z-index:10;
line-height:18px;
position:absolute
}
.sourced-from {
width:100%;
max-width:1150px;
grid-column-gap:0px;
grid-row-gap:0px;
flex-direction:column;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr;
grid-auto-columns:1fr;
justify-content:flex-end;
align-items:center;
justify-items:center;
margin-top:0;
display:flex
}
.countries-grid {
width:100%;
grid-column-gap:16px;
grid-row-gap:16px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns:1fr;
display:grid
}
.country-wrapper {
flex-direction:column;
align-items:center;
display:flex
}
.country-name {
text-align:center;
letter-spacing:.08em;
font-size:18px
}
.flag {
height:46px;
max-width:none;
margin-bottom:14px
}
.home-hero-heading-1 {
text-align:center;
letter-spacing:.2em;
-webkit-text-fill-color:transparent;
background-image:linear-gradient(90deg,#00c3ff,#1868f0 50%,#002f6d);
-webkit-background-clip:text;
background-clip:text;
font-family:eurostile-extended,sans-serif;
font-size:77px;
font-weight:400;
line-height:56px
}
.home-hero-heading-1.culture {
color:var(--black);
-webkit-text-fill-color:inherit;
background-image:none;
background-clip:border-box;
font-size:50px;
line-height:50px
}
.home-hero-heading-1.say-goodbye {
color:var(--black);
-webkit-text-fill-color:inherit;
background-image:none;
background-clip:border-box;
font-size:42px;
line-height:42px
}
.home-hero-heading-1.clean {
color:#93acbd;
-webkit-text-fill-color:inherit;
background-image:none;
background-clip:border-box;
font-size:42px;
line-height:42px
}
.home-hero-heading-1.blended {
color:#1868f0;
-webkit-text-fill-color:inherit;
background-image:none;
background-clip:border-box;
font-size:42px;
line-height:42px
}
.home-hero-heading-1.pro {
color:#00245b;
letter-spacing:.101em;
-webkit-text-fill-color:inherit;
background-image:none;
background-clip:border-box;
font-size:42px;
line-height:42px
}
.home-hero-heading-1.ipm {
color:var(--dark-orange);
letter-spacing:.101em;
-webkit-text-fill-color:inherit;
background-image:none;
background-clip:border-box;
font-size:42px;
line-height:42px
}
.home-hero-heading-1.bottom-margin {
margin-bottom:60px
}
.home-hero-slider-wrap {
width:100%;
height:100%;
flex-direction:column;
justify-content:center;
align-items:center;
margin-bottom:0;
display:flex
}
.home-hero-mask {
width:100%;
height:auto;
max-width:1920px
}
.home-hero-logo {
height:20px;
max-width:none;
margin-bottom:20px
}
.procedure-duo {
width:100%;
grid-column-gap:30px;
grid-row-gap:16px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
justify-content:center;
display:flex
}
.glow-button {
z-index:10;
width:178px;
height:auto;
min-height:48px;
background-color:var(--white);
color:var(--royal-blue);
text-align:center;
border:1px solid #000;
border-radius:200px;
flex-direction:column;
justify-content:center;
align-items:center;
padding:8px 30px;
font-weight:600;
transition:all .2s;
display:flex;
position:absolute
}
.glow-button:hover {
background-color:var(--royal-blue);
color:var(--white)
}
.glow-button.wide {
width:300px
}
.glow-button.wide.blue {
background-color:var(--royal-blue);
color:var(--white)
}
.glow-button.wide.blue:hover {
background-color:var(--white);
color:var(--royal-blue)
}
.glowing-button-wrapper {
width:178px;
height:48px;
flex-direction:column;
justify-content:center;
align-items:center;
display:flex;
position:relative
}
.glowing-button-wrapper.top-margin {
margin-top:20px
}
.glowing-button-wrapper.wide {
width:300px
}
.glow-button-background {
width:178px;
height:48px;
opacity:0;
border-radius:200px;
display:none;
box-shadow:0 0 1em #1868ee
}
.glow-button-background.wide {
width:300px
}
.arrow {
width:50px;
height:50px;
max-width:none;
margin-top:40px;
display:block
}
.athena-logo {
height:60px;
max-width:none;
margin-bottom:40px;
display:block
}
.mobile-logo-pre-heading {
display:none
}
.hero-tag-absolute {
background-color:var(--black);
color:var(--white);
text-align:center;
letter-spacing:.15em;
border-radius:10px;
padding:5px 15px;
font-size:12px;
font-weight:600;
line-height:16px;
display:none;
position:absolute;
top:40px;
left:5vw
}
.desktop-logo {
margin-bottom:10px;
display:block
}
.hero-tag {
background-color:var(--black);
color:var(--white);
text-align:center;
letter-spacing:.15em;
text-transform:uppercase;
border-radius:10px;
margin-bottom:60px;
padding:5px 15px;
font-size:12px;
font-weight:600;
line-height:16px;
display:block;
position:static;
top:40px;
left:5vw
}
.comparison-single-line {
text-align:center;
letter-spacing:.06em;
text-transform:none;
margin-bottom:15px;
font-size:14px;
font-weight:400;
line-height:18px
}
._3-modes-wrapper {
width:100%;
max-width:1440px;
grid-column-gap:0px;
grid-row-gap:0px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr;
grid-auto-columns:1fr;
justify-content:space-between;
align-items:flex-start;
justify-items:center;
margin-top:40px;
display:flex
}
._3-modes-listing {
width:30%;
height:auto;
flex-direction:column;
justify-content:space-between;
align-items:center;
text-decoration:none;
display:flex
}
.hero-heading-container {
width:100%;
height:626px;
flex-direction:column;
justify-content:center;
align-items:center;
padding:0;
display:flex;
position:relative
}
.chat-bot-embed {
width:100%
}
.content-modal-4 {
z-index:9999;
width:100%;
height:100%;
opacity:0;
background-color:rgba(0,0,0,.9);
flex-direction:column;
justify-content:center;
align-items:center;
padding-left:5vw;
padding-right:5vw;
display:none;
position:fixed;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.content-full-width-row {
width:100%;
flex-direction:column;
justify-content:center;
align-items:flex-start;
padding:0;
display:flex
}
.promo-bar-nav-text {
color:var(--white);
text-align:center;
letter-spacing:.15em;
text-transform:uppercase;
margin-top:5px;
margin-bottom:5px;
font-size:12px;
font-weight:500;
line-height:14px
}
.promo-bar-collection-list-wrapper {
width:100%;
height:100%;
background-color:var(--white)
}
.promo-bar-collection-list-wrapper.hidden {
display:none
}
.promo-bar-collection-item {
width:100%;
height:100%
}
.promo-bar-link-wrapper {
width:100%;
background-color:var(--black);
text-decoration:none
}
.promo-bar-collection-list {
width:100%;
height:100%
}
.empty-state {
height:0;
background-color:transparent;
padding:0
}
.small-nav-link {
color:var(--black);
text-align:center;
letter-spacing:.06em;
margin-bottom:0;
font-size:12px;
font-weight:400;
text-decoration:none;
transition:color .4s
}
.small-nav-link:hover {
color:var(--royal-blue)
}
.small-nav-spacer {
width:1px;
height:10px;
background-color:var(--black);
margin-left:5px;
margin-right:5px
}
.mobile-login-container {
width:168px;
flex-direction:row;
justify-content:center;
align-items:center;
display:flex
}
.mobile-right-wrapper {
display:none
}
.content-wrapper-copy {
width:100%;
max-width:1820px;
flex-direction:column;
align-items:center;
display:flex
}
.table-top-row {
width:100%;
min-height:64px;
border:2px solid #000;
flex-direction:row;
justify-content:flex-start;
align-items:stretch;
display:flex
}
.row-content-25 {
width:25%;
border-right:2px solid #000;
flex-direction:column;
justify-content:center;
align-items:center;
padding:15px;
display:flex
}
.row-content-25.left-align {
align-items:flex-start
}
.row-content-50 {
width:50%;
border-right:0 #000;
flex-direction:column;
justify-content:center;
align-items:center;
padding:15px;
display:flex
}
.row-content-50.left-align {
align-items:flex-start
}
.table-title {
text-align:center;
font-size:24px;
font-weight:600
}
.table-countries-row {
width:100%;
min-height:140px;
border:2px solid #000;
border-top-style:none;
flex-direction:row;
justify-content:flex-start;
align-items:stretch;
display:flex
}
.table-title-copy {
text-align:left;
font-size:18px;
font-weight:400
}
.table-flag {
height:100px;
max-width:none
}
.black-link {
color:var(--black);
font-weight:400
}
.hero-sub-text {
max-width:420px;
color:var(--white);
text-align:center;
letter-spacing:.12em;
font-size:16px;
line-height:28px
}
.duo-procedure-container {
width:500px;
height:auto;
max-width:none;
border:1px solid var(--black);
background-color:var(--white);
cursor:pointer;
flex-direction:column;
justify-content:space-between;
align-items:center;
padding:0;
display:flex;
position:relative;
overflow:hidden
}
.nav-search {
align-items:center;
margin-bottom:0;
margin-right:20px;
display:flex
}
.nav-search-bar {
width:160px;
height:30px;
border:1px solid #000;
margin-bottom:0;
font-size:12px
}
.nav-search-button {
width:20px;
height:15px;
background-color:rgba(56,152,236,0);
background-image:url(https://assets-global.website-files.com/64940ef2e7c39da654288235/653793b2cdb4c6829bfaf585_search-icon.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:auto;
margin-left:-26px;
padding:2px
}
.search {
width:100%;
align-items:center;
margin-bottom:60px;
display:flex
}
.search-field {
height:50px;
border:1px solid #000;
border-right-style:none;
margin-bottom:0
}
.search-button {
height:auto;
min-height:50px;
background-color:var(--royal-blue);
color:var(--white);
text-align:center;
border:1px solid #000;
border-radius:0 200px 200px 0;
flex-direction:column;
justify-content:center;
align-items:center;
padding:8px 30px;
font-weight:600;
transition:all .2s;
display:flex
}
.search-button:hover {
background-color:var(--black);
color:var(--white)
}
.search-result-list {
width:100%;
grid-column-gap:30px;
grid-row-gap:30px;
flex-direction:column;
grid-template-rows:auto auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
align-items:flex-start;
display:flex
}
.search-result-wrapper {
width:100%
}
.search-result-image {
width:120px;
height:120px;
max-width:none;
object-fit:cover;
margin-bottom:0;
margin-right:20px
}
.search-link-block {
width:100%;
background-color:var(--white);
color:var(--black);
align-items:center;
padding:20px;
text-decoration:none;
display:flex
}
.search-listing-title {
color:var(--black);
text-align:left;
letter-spacing:.02em;
margin-bottom:10px;
font-size:20px;
font-weight:600;
line-height:24px
}
.search-description {
margin-bottom:0;
font-weight:400
}
.search-result-item {
width:100%
}
.search-listing-description-wrapper {
width:100%;
flex-direction:column;
align-items:flex-start;
display:flex
}
.event-banner-wrapper {
width:100%;
background-color:var(--black);
flex-direction:column;
justify-content:center;
align-items:center;
margin-top:58px;
display:flex
}
.event-banner-desktop {
height:150px;
max-height:none;
max-width:none
}
.event-banner-mobile {
display:none
}
.home-slider-heading {
max-width:500px;
color:var(--black);
text-align:center;
letter-spacing:.08em;
margin-bottom:20px;
font-size:42px;
font-weight:600;
line-height:1.2em
}
.home-slider-sub-text {
max-width:400px;
color:var(--black);
text-align:center;
letter-spacing:.08em;
margin-bottom:40px;
font-size:20px;
font-weight:600;
line-height:1.3em
}
.superscript {
font-size:20px
}
.content-column-48 {
width:48%;
flex-direction:column;
align-items:flex-start;
display:flex
}
.content-column-48.image {
flex-direction:column;
justify-content:center;
align-items:center;
display:flex
}
.content-column-48.image.bullets {
width:40%
}
.content-column-48.content {
flex-direction:column;
justify-content:center;
align-items:center;
display:flex
}
.content-column-48.content.left-align-bullets {
width:60%;
align-items:flex-start
}
.sds-logo {
height:40px;
max-width:none;
margin-bottom:40px
}
.sds-sheet-table {
width:100%;
border:1px solid #000;
border-bottom-style:none;
flex-direction:column;
align-items:stretch;
display:flex
}
.sds-sheet-table-header {
width:100%;
justify-content:space-between;
align-items:center;
display:flex
}
.sds-sheet-table-cell {
width:33.33%;
height:30px;
border-bottom:1px solid #000;
border-right:1px solid #000;
align-items:center;
padding-left:10px;
display:flex
}
.sds-sheet-table-cell.last {
border-right-style:none
}
.sds-sheet-table-heading-text {
font-size:14px;
font-weight:600
}
.sds-sheet-table-row {
width:100%;
justify-content:space-between;
align-items:center;
display:flex
}
.sds-sheet-table-text {
color:var(--black);
font-size:14px;
font-weight:400;
text-decoration:none
}
.sds-sheet-table-text:hover {
color:var(--black);
font-weight:400;
text-decoration:none
}
.sds-sheet-table-link {
color:var(--black);
font-size:14px;
font-weight:400;
text-decoration:none;
transition:all .2s
}
.sds-sheet-table-link:hover {
color:var(--royal-blue);
font-weight:400;
text-decoration:none
}
@media screen and (min-width:1280px) {
.home-hero-container {
height:auto;
min-height:auto;
padding-top:90px
}
.home-hero-content-wrapper {
height:475px
}
.home-hero-image {
max-height:none;
max-width:100%
}
.home-hero-image.hide-on-mobile {
object-fit:scale-down
}
.home-hero-image.large {
height:auto
}
.home-hero-paragraph {
max-width:480px;
font-size:18px;
line-height:26px
}
.content-container.bottom-line.margin {
padding-top:60px;
padding-bottom:60px
}
.content-container._225-margin.bottom-line {
padding-top:100px;
padding-bottom:100px
}
.heading-2.smaller.caps {
margin-bottom:20px;
font-size:28px;
line-height:36px
}
.heading-2.hero.black.less-margin {
font-size:36px;
line-height:42px
}
.heading-2.medium {
font-size:32px
}
.slider-text-small {
font-size:1.1vw;
line-height:1.1em
}
.brand-logo {
max-height:95px
}
.full-width-image-container._426 {
height:500px;
min-height:auto
}
.full-width-image-container._800 {
height:800px
}
.full-width-image.hidden-on-mobile._866 {
height:auto
}
.terms-links-wrapper.left {
width:30%
}
.terms-links-wrapper.middle {
width:60%
}
.product-slider-title {
font-size:24px;
line-height:1.1em
}
.product-slider-subtext {
font-size:16px;
line-height:1.1em
}
.heading-1.hero.black.white-on-mobile.bottom-margin {
line-height:48px
}
.heading-1.absolute {
font-size:42px
}
.paragraph.hero {
font-size:20px
}
.paragraph.medium {
font-size:20px;
line-height:32px
}
.paragraph.medium.black._505.bottom-margin {
margin-bottom:40px
}
.paragraph.medium.black._505._120-bottom-margin,
.paragraph.medium.black._505.bottom-margin {
font-size:20px;
line-height:32px
}
.absolute-content-wrapper-left.centred.top-mobile.fixed {
max-width:490px
}
.hero-absolute-content-wrapper-centred.mobile-bottom.left._590 {
width:590px
}
.duo-row {
height:430px
}
.duo-row.bottom-line._650 {
height:auto;
min-height:650px
}
.procedure-slider-image {
height:auto
}
.content-hero-image-container {
height:550px
}
.sub-heading {
margin-bottom:60px
}
.video-modal-container {
opacity:0;
display:none
}
.bullet-container {
height:28px;
margin-bottom:40px
}
.black-bullet-text {
font-size:22px
}
.contact-icon {
margin-right:46px
}
.single-procedure-container {
height:auto
}
.home-hero-heading-1.culture {
font-size:50px;
line-height:50px
}
.home-hero-heading-1.say-goodbye,
.home-hero-heading-1.clean,
.home-hero-heading-1.blended,
.home-hero-heading-1.pro,
.home-hero-heading-1.ipm {
font-size:42px;
line-height:42px
}
.home-hero-logo {
height:25px
}
.procedure-duo {
grid-column-gap:16px;
grid-row-gap:16px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
display:flex
}
.duo-procedure-container {
height:auto
}
.search-listing-title {
font-size:24px;
line-height:1.1em
}
}
@media screen and (min-width:1440px) {
.home-hero-container {
height:auto;
min-height:auto;
padding-top:90px
}
.home-hero-content-wrapper {
height:475px
}
.home-hero-image {
width:auto;
height:90%;
max-height:none;
max-width:100%;
object-fit:scale-down
}
.home-hero-image.hide-on-mobile {
object-fit:scale-down
}
.home-hero-image.hide-on-mobile.larger {
height:100%;
max-width:none
}
.home-hero-image.large {
height:100%
}
.home-hero-pre-heading {
margin-bottom:20px
}
.home-hero-pre-heading.bottom-margin {
margin-bottom:40px
}
.home-hero-paragraph {
max-width:500px;
margin-bottom:40px
}
.content-container.bottom-line.margin {
padding-top:60px;
padding-bottom:60px
}
.content-container._225-margin.bottom-line {
padding-top:100px;
padding-bottom:100px
}
.heading-2.smaller.caps {
margin-bottom:20px;
font-size:32px;
line-height:42px
}
.heading-2.hero {
font-size:42px;
line-height:48px
}
.heading-2._45 {
font-size:42px
}
.slider-text-small {
font-size:1.1vw;
line-height:1.1em
}
.heading-3.large {
font-size:42px
}
.logos-grid {
grid-column-gap:40px
}
.full-width-image-container._426 {
height:600px;
min-height:auto
}
.terms-links-wrapper.left,
.terms-links-wrapper.right.last {
width:25%
}
.product-slider-title {
font-size:24px;
line-height:1.1em
}
.product-slider-subtext {
font-size:16px;
line-height:1.1em
}
.heading-1.hero {
margin-bottom:15px;
font-size:64px;
line-height:64px
}
.heading-1.absolute {
font-size:42px
}
.paragraph.hero.no-bottom-margin {
letter-spacing:.2em;
margin-bottom:10px;
font-size:32px
}
.paragraph.medium.black._505.bottom-margin {
margin-bottom:40px
}
.paragraph.medium.black._505._120-bottom-margin,
.paragraph.medium.black._505.bottom-margin {
margin-bottom:60px;
font-size:20px;
line-height:32px
}
.absolute-content-wrapper-left.centred.top-mobile.fixed {
max-width:490px
}
.content-hero-image {
object-fit:cover
}
.hero-absolute-content-wrapper-centred.mobile-bottom {
right:10vw
}
.gradient-overlay-left {
width:50%
}
.duo-row {
height:430px
}
.duo-row.bottom-line {
height:480px
}
.duo-row.bottom-line._650 {
height:auto;
min-height:650px
}
.content-hero-image-container {
height:550px
}
.content-column-50.image.bullets,
.content-column-50.content.left-align-bullets {
width:50%
}
.image-full-width.feed-schedules {
object-fit:scale-down
}
.sub-heading {
margin-bottom:60px
}
.absolute-content-wrapper-right.absolute-mobile-top.side-padding {
width:420px
}
.bullet-text {
font-size:20px
}
.tab-slide-image {
height:360px;
max-height:none
}
.tabs-slider-text {
font-size:20px
}
.hood-hero-image {
height:500px
}
.hood-hero-image.hidden-mobile {
height:100%
}
.product-slider {
height:420px
}
.domes-content-column {
margin-left:0;
padding-bottom:0
}
.content-column-domes-container {
width:48%
}
.slide-image-wrapper.rounded {
max-height:300px
}
.product-comparison-slider,
.procedure-slider {
height:auto
}
.tabs-slider-sub-text {
font-size:16px
}
.mobile-content-hero-image {
object-fit:cover
}
.bullet-container {
height:28px;
margin-bottom:40px
}
.black-bullet-text {
font-size:22px
}
.single-procedure-container {
width:600px;
height:auto
}
.country-name {
font-size:24px
}
.home-hero-heading-1 {
margin-bottom:20px
}
.home-hero-heading-1.culture,
.home-hero-heading-1.say-goodbye {
margin-bottom:30px
}
.home-hero-heading-1.clean,
.home-hero-heading-1.blended,
.home-hero-heading-1.pro {
margin-bottom:20px
}
.home-hero-heading-1.ipm {
margin-bottom:30px
}
.home-hero-mask {
height:100%
}
.home-hero-logo {
margin-bottom:30px
}
.procedure-duo {
display:flex
}
.duo-procedure-container {
width:600px;
height:auto
}
.search-listing-title {
font-size:24px;
line-height:1.1em
}
.event-banner-desktop {
height:150px
}
.home-slider-heading {
max-width:600px;
font-size:48px
}
.home-slider-sub-text {
max-width:500px;
font-size:24px
}
.content-column-48.image.bullets,
.content-column-48.content.left-align-bullets {
width:50%
}
}
/**********************************************************/
@media screen and (min-width:1920px) {
.mega-menu {
flex-direction:column;
align-items:center;
display:none;
transform:translateY(-100%)
}
.large-mega-menu-link {
margin-bottom:4vh;
font-size:1.4em
}
.small-mega-menu-link {
margin-bottom:3vh;
font-size:1em
}
.background-blur {
height:100%;
min-height:200vh;
position:absolute
}
.home-hero-container {
height:753px;
min-height:auto;
padding-top:90px
}
.home-hero-content-wrapper {
height:653px;
max-width:1920px
}
.home-hero-column {
margin-bottom:0;
padding-top:0
}
.home-hero-column.less-padding {
padding-top:0
}
.home-hero-image-container {
overflow:hidden
}
.home-hero-image-container.large {
width:auto;
height:100%;
max-width:none
}
.home-hero-image {
max-height:none
}
.home-hero-image.smaller {
width:90%;
max-height:none;
max-width:none;
object-fit:scale-down
}
.home-hero-image.hide-on-mobile {
object-fit:scale-down
}
.home-hero-image.hide-on-mobile.larger,
.home-hero-image.large {
height:100%
}
.home-hero-pre-heading {
margin-bottom:20px;
font-size:32px;
font-weight:500
}
.home-hero-pre-heading.bottom-margin {
margin-bottom:40px
}
.home-hero-paragraph {
max-width:600px;
margin-bottom:68px;
font-size:22px;
line-height:28px
}
.button.slider {
-webkit-text-stroke-color:transparent;
text-decoration:none
}
.content-container {
}
.content-container.bottom-line.margin {
padding-top:60px;
padding-bottom:60px;
overflow:hidden
}
.content-container.bottom-line.margin.more-padding.grey._600 {
height:600px;
padding-top:100px;
padding-bottom:100px
}
.content-container.duo.bottom-line.fade-schedules {
height:auto;
flex-direction:column;
align-items:center
}
.content-container._225-margin {
padding-top:225px;
padding-bottom:225px
}
.content-container._225-margin.bottom-line {
padding-top:100px;
padding-bottom:100px
}
.content-wrapper.duo {
height:100%;
justify-content:center
}
.content-wrapper.duo._1440 {
max-width:1440px
}
.content-wrapper.about-hero {
justify-content:space-between
}
.content-wrapper.sds-tables {
height:100%;
justify-content:space-between
}
.content-wrapper.sds-tables._1440 {
max-width:1440px
}
.heading-2.smaller.caps {
margin-bottom:20px
}
.heading-2.hero {
font-size:48px;
line-height:54px
}
.heading-2.caps {
font-size:42px;
line-height:52px
}
.heading-2.medium {
font-size:36px;
line-height:42px
}
.heading-2.small {
text-transform:uppercase;
font-size:36px;
line-height:50px
}
.heading-2.light {
font-size:42px
}
.heading-2.no-margin {
font-size:48px
}
.product-slider-right-arrow {
width:60px;
padding-left:60px
}
.slider-text-small {
font-size:1vw
}
.line-slider-image {
height:200px
}
.line-slider-image.smaller {
width:auto;
height:320px
}
.blended-slider-text-large,
.ipm-slider-text-large {
font-size:1.8vw
}
.clean-slider-text-large,
.pro-slider-text-large {
font-size:1.6vw
}
.heading-3.large {
font-size:48px
}
.heading-3.left-align,
.heading-3.medium {
font-size:36px
}
.heading-3.light.left-align.centre-align-mobile {
font-size:24px;
line-height:28px
}
.logos-grid {
max-width:1264px;
grid-column-gap:60px
}
.brand-logo.wide {
max-height:120px
}
.full-width-image-container._426 {
height:450px;
min-height:auto;
overflow:hidden
}
.full-width-image-container._464 {
height:480px;
min-height:auto
}
.full-width-image.hidden-on-mobile._866 {
max-height:866px
}
.footer-heading {
font-size:19px
}
.footer-link {
font-size:17px
}
.footer-terms-text {
font-size:14px
}
.terms-links-wrapper {
width:33%
}
.terms-links-wrapper.right.last {
width:20%
}
.terms-links-wrapper.middle {
justify-content:center
}
.yield-slider-text-large,
.culture-slider-text-large {
font-size:1.8vw
}
.product-slider-content {
padding-top:40px;
padding-bottom:40px
}
.product-slider-title {
font-size:24px
}
.product-slider-subtext {
font-size:16px
}
.product-slider-image {
height:300px;
margin-top:50px
}
.heading-1.white {
font-weight:600
}
.heading-1.hero {
font-size:64px;
line-height:52px
}
.heading-1.hero.black.white-on-mobile.bottom-margin {
font-size:52px;
line-height:58px
}
.heading-1.absolute {
font-size:52px;
bottom:40px
}
.paragraph.left-aligned.bottom-margin {
margin-bottom:150px
}
.paragraph.hero {
font-size:22px
}
.paragraph.hero.black.bottom-margin {
font-size:24px
}
.paragraph.medium {
font-size:20px;
line-height:32px
}
.paragraph.medium.black._505.bottom-margin {
margin-bottom:40px
}
.paragraph.medium.black._505._120-bottom-margin,
.paragraph.medium.black._505.bottom-margin {
margin-bottom:120px
}
.paragraph._28 {
letter-spacing:.08em;
font-size:28px;
font-weight:500;
line-height:40px
}
.paragraph._845 {
font-size:28px;
line-height:40px
}
.absolute-content-wrapper-left,
.absolute-content-wrapper-left.centred {
left:10vw
}
.hero-content-column-30.clone {
width:30%
}
.hero-content-column-60.image-grid {
width:50%;
height:100%
}
.content-column-30.vertical._450 {
max-width:370px
}
.sub-nav-link {
margin-left:20px;
margin-right:20px;
font-size:18px
}
.hero-absolute-content-wrapper-centred {
left:10vw
}
.hero-absolute-content-wrapper-centred.mobile-bottom {
right:10vw
}
.hero-absolute-content-wrapper-centred.mobile-bottom.left {
left:10vw
}
.hero-absolute-content-wrapper-centred.mobile-bottom.left.fade {
bottom:21.4vh
}
.content-absolutely-wrapper {
width:615px;
left:10vw
}
.content-absolutely-wrapper._480.right {
right:10vw
}
.duo-row {
height:430px;
max-height:none
}
.duo-row.bottom-line {
height:600px
}
.duo-row.bottom-line._650 {
height:auto;
max-height:750px;
min-height:auto
}
.duo-row-image-container.right-line.padding,
.duo-row-image-container.padding {
overflow:hidden
}
.duo-image.scale-down {
width:auto;
height:100%
}
.duo-image.scale-down-large {
width:70%;
height:auto
}
.duo-content-container,
.duo-content-container.padding {
height:auto
}
.duo-content-container.padding.left-align {
padding-left:100px;
padding-right:0
}
.duo-content-container.left-align {
height:auto;
padding-left:0
}
.duo-sub-text {
max-width:640px;
font-size:18px;
line-height:28px
}
.procedure-slider-image {
width:100%;
height:auto;
margin-top:0
}
.procedure-slider-content {
width:100%;
height:100%;
justify-content:center;
align-items:center;
padding-top:0;
padding-bottom:0
}
.content-hero-image-container {
height:626px
}
.content-column-50.content.blended {
width:35%
}
.content-column-50.content.left-align-bullets {
width:50%
}
.image-full-width {
max-width:none
}
.image-full-width.feed-schedules {
width:auto;
height:100%;
max-height:none;
object-fit:scale-down
}
.image-full-width.feed-schedules.reduce-down {
height:auto;
max-height:100%
}
.duo-sub-title {
max-width:640px;
font-size:24px;
line-height:36px
}
.sub-heading {
margin-bottom:40px
}
.absolute-content-wrapper-right {
right:10vw
}
.absolute-content-wrapper-right.absolute-mobile-top.side-padding {
width:550px
}
.content-row._750,
.content-row._1020,
.content-row._1190 {
margin-top:60px
}
.bullet-row {
height:50px
}
.bullet-text {
font-size:25px
}
.tab-slide-content-wrapper {
height:auto
}
.tab-slide-image {
height:393px;
max-height:none
}
.triple-column-image._195 {
max-width:220px
}
.hood-hero-image {
height:560px;
left:10vw
}
.absolute-content-container.culture {
max-width:480px;
bottom:25vh;
right:10vw
}
.product-slider {
height:500px
}
.product-slide-image {
width:auto;
height:100%;
object-fit:scale-down
}
.product-slide-name {
font-size:30px;
line-height:38px
}
.product-slide-details {
font-size:16px;
font-weight:600;
line-height:28px
}
.fade-content-column {
max-width:520px;
padding-bottom:0
}
.content-column-fade-image {
width:48%;
height:100%
}
.content-hero-container-image {
max-height:none
}
.domes-content-column {
max-width:575px;
margin-left:40px;
padding-top:60px;
padding-bottom:0
}
.content-column-domes-container {
width:48%
}
.video-modal-container {
opacity:0;
padding-top:10vh;
padding-bottom:10vh;
display:none
}
.modal-video {
width:100%;
height:auto;
max-height:none
}
.slide-image-wrapper.rounded {
max-height:420px
}
.home-slider {
flex-direction:column;
align-items:center;
display:flex
}
.content-modal-1,
.content-modal-2,
.content-modal-3 {
padding-top:10vh;
padding-bottom:10vh
}
.product-comparison-slider {
height:auto;
max-width:1440px
}
.procedure-carousel-content-wrapper {
padding-left:20px;
padding-right:20px
}
.procedure-slider-arrow-right {
width:60px;
padding-left:60px
}
.procedure-slider {
height:auto;
max-width:1600px
}
.tabs-slider-sub-text {
font-size:16px
}
.procedure-hover {
display:flex
}
.procedure-title-hover {
font-size:20px
}
.bullet-container {
height:28px;
margin-bottom:40px
}
.black-bullet-text {
font-size:22px
}
.contact-icon {
margin-right:50px
}
.single-procedure-container {
width:600px;
height:auto;
max-width:none;
justify-content:center;
align-items:center;
padding-top:0;
padding-bottom:0
}
.home-hero-heading-1 {
margin-bottom:20px
}
.home-hero-heading-1.culture {
margin-bottom:40px;
font-size:68px;
line-height:68px
}
.home-hero-heading-1.say-goodbye {
margin-bottom:20px;
font-size:54px;
line-height:54px
}
.home-hero-heading-1.clean,
.home-hero-heading-1.blended {
margin-bottom:20px;
font-size:68px;
line-height:68px
}
.home-hero-heading-1.pro,
.home-hero-heading-1.ipm {
letter-spacing:.101em;
margin-bottom:40px;
font-size:68px;
line-height:68px
}
.home-hero-slider-wrap {
width:100%;
height:100%;
max-width:none;
flex-direction:column;
justify-content:center;
align-items:center;
display:flex
}
.home-hero-mask {
width:100%;
max-width:none
}
.home-hero-logo {
height:30px;
margin-bottom:40px
}
.procedure-duo {
display:flex
}
.hero-tag {
margin-bottom:60px
}
.content-modal-4 {
padding-top:10vh;
padding-bottom:10vh
}
.content-full-width-row {
height:auto
}
.small-nav-link {
margin-bottom:0;
font-size:12px
}
.hero-sub-text {
max-width:none;
font-size:16px;
line-height:28px
}
.duo-procedure-container {
width:600px;
height:auto;
max-width:none;
justify-content:center;
align-items:center;
padding-top:0;
padding-bottom:0
}
.search-listing-title {
font-size:24px
}
.home-slider-heading {
font-size:52px
}
.superscript {
font-size:26px
}
.content-column-48.content.blended {
width:35%
}
.content-column-48.content.left-align-bullets {
width:50%
}
}
/****************************************************/
/****************************************************/
@media screen and (max-width:991px) {
body {
height:auto
}
h1 {
font-size:36px;
line-height:42px
}
h2 {
font-size:32px;
line-height:42px
}
h3 {
font-size:26px;
line-height:42px
}
.navigation-content-wrapper {
z-index:1;
width:100%;
background-color:#fff;
padding-left:0;
padding-right:0;
position:relative
}
.brand {
z-index:1;
width:auto
}
.navigation {
height:auto;
position:absolute
}
.nav-menu-items-wrapper {
z-index:0;
height:100vh;
border-bottom:1px solid #e4e4e4;
margin-left:0;
transition-property:none;
display:none;
position:absolute;
top:100%;
bottom:0%;
left:0%;
right:0%;
overflow:hidden;
transform:translate(0)
}
.nav-logo {
display:none
}
.mega-menu {
height:100vh;
padding-top:80px;
display:none;
top:0;
overflow:scroll;
transform:translateY(-100%)
}
.mega-menu-content-wrapper {
flex-flow:wrap;
justify-content:space-between;
align-items:stretch
}
.mega-menu-column {
width:48%;
padding-bottom:40px
}
.mega-menu-title {
margin-bottom:3vh
}
.large-mega-menu-link {
margin-bottom:2.5vh;
font-size:1.1em
}
.large-mega-menu-link.last {
margin-bottom:0
}
.small-mega-menu-link {
margin-bottom:2vh;
font-size:.9em
}
.background-blur {
top:0%
}
.burger {
flex-direction:column;
justify-content:center;
align-items:center;
display:flex
}
.mobile-nav-logo {
width:auto;
height:22px;
display:block
}
.hamburger-lottie {
width:30px;
line-height:1
}
.home-hero-container {
height:auto;
padding-top:20px
}
.home-hero-content-wrapper {
height:840px;
flex-direction:column;
align-items:center
}
.home-hero-column {
width:90%;
height:310px;
margin-bottom:0;
padding-top:10px
}
.home-hero-image-container {
width:80%;
height:420px;
margin-top:20px
}
.home-hero-image-container.centre-aligned {
width:80%;
height:442px;
margin-top:20px
}
.home-hero-image.smaller {
width:90%;
height:auto;
max-width:none
}
.home-hero-pre-heading {
margin-bottom:10px
}
.home-hero-paragraph {
max-width:none
}
.button.blue.top-margin.hide-on-mobile {
display:block
}
.button.blue.top-margin.show-on-mobile {
display:none
}
.button.blue.display-on-mobile {
margin-top:40px
}
.button.hidden-mobile {
display:none
}
.content-container,
.content-container.grey,
.content-container.black {
/*padding-left:5vw;
padding-right:5vw*/
}
.content-container.black._900 {
background-image:url(../img/athena-logo-thin-background.svg),url(../img/background-lines.svg);
background-position:50%,50%;
background-repeat:no-repeat,no-repeat;
background-size:auto,auto
}
.content-container.black._500-mobile {
height:600px
}
.content-container.how-to-buy {
height:auto
}
.content-container.bottom-line.margin {
padding-top:60px;
padding-bottom:60px
}
.content-container.bottom-line.margin.more-padding {
padding-top:100px;
padding-bottom:100px
}
.content-container.bottom-line.margin.more-padding.grey._600 {
height:auto
}
.content-container.bottom-line.margin.video {
padding-bottom:90px
}
.content-container.image._766 {
height:800px;
align-items:center
}
.content-container.image._572-mobile {
height:900px;
align-items:center
}
.content-container.image._572-mobile.top-align {
justify-content:flex-start
}
.content-container.duo.bottom-line.fade-schedules {
padding-right:0
}
.content-container.duo.bottom-line.fade-schedules._771 {
max-height:none
}
.content-container.more-padding {
padding-top:90px;
padding-bottom:90px
}
.content-container._225-margin.bottom-line {
padding-top:60px;
padding-bottom:60px
}
.content-container.how-to-buy-copy {
height:auto
}
.content-container.no-bottom-line.no-top-padding-mobile {
padding-top:0
}
.content-wrapper.duo,
.content-wrapper.about-hero,
.content-wrapper.sds-tables {
flex-direction:column;
align-items:flex-start
}
.heading-2 {
font-size:36px;
line-height:42px
}
.heading-2.smaller {
font-size:32px
}
.heading-2.smaller.caps {
margin-bottom:20px;
font-size:22px;
line-height:32px
}
.heading-2.hero.black {
margin-bottom:20px
}
.heading-2.hero.black-white-on-mobile {
color:var(--white);
margin-bottom:20px
}
.heading-2.large {
margin-bottom:20px;
font-size:36px;
line-height:36px
}
.heading-2.large.less-margin.white-mobile {
color:var(--white);
font-family:eurostile-extended,sans-serif;
font-size:36px;
font-weight:500;
line-height:42px
}
.heading-2.caps {
font-size:32px;
line-height:42px
}
.heading-2.caps.white-mobile {
color:var(--white)
}
.heading-2.light {
font-size:20px;
line-height:32px
}
.heading-2.no-margin {
font-size:32px
}
.heading-2._45 {
font-size:36px
}
.heading-2.wide.white {
line-height:42px
}
.heading-2.smaller-caps {
font-size:32px
}
.heading-2.fa {
font-size:26px
}
.quad-listings {
grid-row-gap:25px;
grid-template-columns:1fr 1fr
}
.quad-listing {
height:480px
}
.perfect-run-logo {
height:140px
}
.perfect-run-paragraph {
width:80%;
font-size:18px;
line-height:32px
}
.product-slider-left-arrow.white.hidden-desktop {
display:flex;
left:-40px
}
.product-slider-right-arrow.white.hidden-desktop {
display:flex;
right:-40px
}
.slider-logo {
margin-bottom:10px
}
.slider-text-small {
font-size:24px
}
.line-slider-image {
height:200px
}
.line-slider-image.smaller {
height:320px
}
.blended-slider-text-large {
font-size:42px
}
.clean-slider-text-large {
font-size:2vw
}
.mask {
width:100%
}
.pro-slider-text-large {
font-size:32px
}
.heading-3 {
font-size:24px;
line-height:32px
}
.heading-3.left-align.centre-on-mobile {
text-align:center
}
.heading-3.lowercase {
font-size:22px
}
.heading-3.small,
.heading-3.light {
font-size:20px
}
.heading-3.light.left-align.centre-align-mobile,
.heading-3.no-margin.left-align.centre-align-mobile {
text-align:center
}
.logos-grid {
grid-column-gap:20px;
grid-row-gap:20px
}
.how-to-buy-icon {
height:50px
}
.how-to-buy-cta-text {
font-size:18px
}
.table-image {
width:auto;
height:180px
}
.full-width-image-container {
height:auto;
max-height:1200px;
min-height:auto;
display:flex
}
.full-width-image-container.mobile {
height:auto;
background-color:var(--black);
padding-top:90px;
display:flex
}
.full-width-image-container.mobile.podcast {
max-height:none;
padding-top:0
}
.full-width-image-container.bottom-line {
min-height:auto
}
.full-width-image-container.bottom-line._710 {
height:710px
}
.full-width-image-container.bottom-line._710.hidden-desktop {
display:flex
}
.full-width-image-container.bottom-line._710.hidden-desktop.cultivators {
height:800px
}
.full-width-image-container._674 {
padding-top:40px
}
.full-width-image-container._426 {
height:auto
}
.full-width-image-container._732.hidden-mobile {
display:none
}
.full-width-image-container._694 {
max-height:900px
}
.full-width-image-container._464 {
height:auto;
max-height:800px
}
.full-width-image-container._464.hidden-mobile {
display:none
}
.full-width-image-container._464.bottom-margin {
margin-bottom:20px
}
.full-width-image {
width:100%;
min-height:500px;
background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position:0 0;
background-size:auto;
order:1;
display:none
}
.full-width-image.alt.large-mobile {
width:200%
}
.full-width-image.alt.large-mobile.hiden-mobile,
.full-width-image.hidden-on-mobile {
display:none
}
.full-width-image.mobile,
.full-width-image.show-on-mobile {
display:block
}
.full-width-image.international {
min-height:800px;
opacity:.5;
display:block
}
.podcast-content-container {
width:80%;
max-width:none;
align-items:center;
margin-top:90px;
margin-bottom:90px;
position:static;
right:auto
}
.podcast-paragraph {
text-align:center;
font-size:20px;
line-height:32px
}
.podcast-logo {
width:50%
}
.available-now,
.podcast-cta {
text-align:center
}
.footer {
padding-top:40px
}
.footer-content-wrapper {
flex-direction:column;
align-items:flex-start;
margin-top:60px;
margin-bottom:0
}
.footer-column {
width:100%;
margin-bottom:10px
}
.footer-heading {
margin-bottom:20px
}
.footer-link {
margin-bottom:10px
}
.footer-terms-row {
flex-direction:column;
align-items:flex-start
}
.terms-links-wrapper.left {
justify-content:flex-start
}
.terms-links-wrapper.right {
width:100%;
order:1;
margin-bottom:20px
}
.terms-links-wrapper.right.last {
width:100%;
margin-top:0;
margin-bottom:0
}
.terms-links-wrapper.middle {
width:100%;
justify-content:flex-start;
align-items:center;
margin-bottom:20px
}
.footer-terms-link {
margin-left:0
}
.footer-terms-link.last {
margin-right:15px
}
.yield-slider-text-large,
.culture-slider-text-large {
font-size:5vw
}
.product-slider-title {
font-size:24px
}
.product-slider-subtext {
font-size:16px
}
.utility-page-content {
width:90%
}
.heading-1.white._840 {
width:auto
}
.heading-1.hero {
text-align:left;
margin-left:20px;
font-size:36px;
line-height:36px
}
.heading-1.hero.black.white-on-mobile {
color:var(--white);
font-size:42px;
line-height:52px
}
.heading-1.hero.black.white-on-mobile.bottom-margin {
text-align:left;
margin-bottom:40px;
margin-left:20px;
line-height:48px
}
.heading-1.hero.black.white-on-mobile.bottom-margin.fade {
display:flex
}
.heading-1.hero.black.white-on-mobile.left-margin {
margin-left:20px
}
.heading-1.hero.black.white-on-mobile.left-margin.no-bottom-margin,
.heading-1.hero.black.white-on-mobile.no-bottom-margin-mobile {
margin-bottom:0
}
.heading-1.absolute {
font-size:32px;
bottom:40px
}
.heading-1.contact-us {
color:var(--white);
margin-bottom:0
}
.paragraph.left-aligned.centre-on-mobile {
text-align:center
}
.paragraph.left-aligned.bottom-margin.centred-mobile {
text-align:center;
margin-bottom:40px
}
.paragraph.hero {
margin-left:20px
}
.paragraph.hero.black.no-bottom-margin.white-on-mobile,
.paragraph.hero.black.white-on-mobile {
color:var(--white)
}
.paragraph.hero.black.bottom-margin.white-on-mobile {
margin-bottom:0;
line-height:24px
}
.paragraph.hero.black.bottom-margin.white-on-mobile.bottom-margin-mobile {
margin-bottom:20px
}
.paragraph.hero.black.small-bottom-margin.white-on-mobile {
margin-bottom:0
}
.paragraph.medium.bottom-margin.black.white-mobile {
color:var(--white);
font-weight:400
}
.paragraph.medium.bottom-margin.black.white-mobile.hidden-mobile {
display:none
}
.paragraph.medium.black._505.bottom-margin {
font-weight:400
}
.paragraph.medium.black._505.bottom-margin.hidden-mobile {
display:none
}
.paragraph.medium.black._505.bottom-margin.white-mobile {
max-width:600px;
font-size:18px;
line-height:26px
}
.paragraph._22 {
font-size:20px
}
.absolute-content-wrapper-left {
width:70%
}
.absolute-content-wrapper-left.centred {
width:80%;
left:auto
}
.absolute-content-wrapper-left.centred._500.mobile-top {
width:500px;
top:40px
}
.absolute-content-wrapper-left.centred._500.mobile-bottom {
display:flex;
bottom:40px
}
.absolute-content-wrapper-left.centred.top-mobile {
top:40px
}
.absolute-content-wrapper-left.centred.top-mobile.fixed.international {
width:90%;
max-width:none;
top:auto
}
.absolute-content-wrapper-left.centred.bottom-mobile {
display:flex;
bottom:40px
}
.absolute-content-wrapper-left.contact-us {
bottom:20px
}
.content-hero-image {
min-height:auto;
opacity:1
}
.content-hero-image.hidden-mobile {
display:none
}
.contact-row {
margin-bottom:60px
}
.form-label,
.form-number {
font-size:18px
}
.form-field {
height:60px;
font-size:16px;
line-height:26px
}
.hero-content-column-30 {
width:100%;
margin-bottom:20px
}
.hero-content-column-30.clone {
max-width:none;
align-items:center;
margin-bottom:0
}
.hero-content-column-60.image-grid {
width:100%;
height:500px
}
.hero-grid-image {
height:234px;
border:1px solid #000
}
.content-column-30 {
width:100%
}
.product-sub-nav {
z-index:990;
margin-top:52px;
padding-left:5vw;
padding-right:5vw;
position:-webkit-sticky;
position:sticky;
top:0
}
.product-sub-nav-column,
.product-sub-nav-column.centred {
width:auto
}
.sub-nav-logo {
height:19px;
margin-right:10px
}
.sub-nav-link {
font-size:16px;
line-height:20px
}
.hero-absolute-content-wrapper-centred {
width:100%;
align-items:flex-start;
padding-bottom:0;
padding-left:0;
left:auto
}
.hero-absolute-content-wrapper-centred.mobile-bottom {
width:100%;
background-image:linear-gradient(rgba(17,17,17,0),rgba(0,0,0,.9));
align-items:flex-start;
padding:0;
bottom:0;
right:auto
}
.hero-absolute-content-wrapper-centred.mobile-bottom.left {
background-image:none;
left:auto
}
.hero-absolute-content-wrapper-centred.mobile-bottom.left._590 {
width:100%
}
.hero-absolute-content-wrapper-centred.mobile-bottom.darker {
background-image:none;
padding:40px 0 0
}
.span-smaller {
font-size:20px
}
.inline-link.content {
width:150px
}
.inline-link.hidden-mobile {
display:none
}
.inline-link-text {
margin-right:10px;
font-size:20px
}
.inline-link-text.small {
font-size:20px;
line-height:26px
}
.inline-link-triangle {
height:12px;
max-width:none
}
.inline-link-triangle.white {
display:block
}
.inline-link-triangle.hero,
.gradient-overlay-left {
display:none
}
.content-absolutely-wrapper {
width:70%;
left:auto;
right:auto
}
.content-absolutely-wrapper.centre {
bottom:auto
}
.content-absolutely-wrapper.centre.low-mobile,
.content-absolutely-wrapper.centre.global-distribution {
bottom:40px
}
.content-absolutely-wrapper._400 {
width:70%
}
.content-absolutely-wrapper._480.right {
width:70%;
right:15%
}
.content-absolutely-wrapper._480.right.mobile-top {
top:40px;
right:auto
}
.content-absolutely-wrapper._480.right.mobile-bottom {
display:flex;
bottom:40px;
right:auto
}
.content-absolutely-wrapper.mobile-top.top-margin {
margin-top:60px
}
.content-absolutely-wrapper.mobile-bottom {
bottom:40px
}
.duo-row.bottom-line._645 {
height:400px
}
.duo-row.bottom-line._650 {
height:auto
}
.duo-row.bottom-line._650.hidden-mobile {
display:none
}
.duo-row.bottom-line._650 {
height:auto;
max-height:none
}
.duo-image {
min-height:auto
}
.duo-image.display-on-mobile {
display:none
}
.duo-image.calcium {
height:90%
}
.duo-content-container {
padding:20px
}
.duo-content-container.right-line.display-mobile {
display:none
}
.duo-content-container.padding.no-bottom-padding-mobile {
padding-top:60px;
padding-bottom:60px
}
.duo-content-container.padding.left-align {
width:50%;
padding-left:20px
}
.duo-content-container.padding.fa {
padding-top:60px;
padding-bottom:60px
}
.duo-content-container.left-align {
width:100%;
padding-right:0
}
.duo-sub-text {
font-size:18px;
line-height:28px
}
.procedure-slider-image.single {
width:auto;
height:100%
}
.procedure-slider-content {
height:auto
}
.content-hero-image-container {
background-color:var(--black);
justify-content:flex-end;
align-items:flex-start;
padding-left:0;
padding-right:0
}
.content-hero-image-container.light {
height:auto;
justify-content:flex-end
}
.content-column-50 {
width:100%
}
.content-column-50.image {
order:-1;
margin-bottom:60px
}
.content-column-50.image.last {
order:1
}
.content-column-50.content.left-align-bullets {
width:100%
}
.image-full-width.feed-schedules {
width:95%
}
.image-full-width.feed-schedules.reduce-down {
width:auto;
max-height:none
}
.logo-content {
height:19px;
margin-bottom:20px
}
.logo-content.right-margin {
height:19px;
margin-right:20px
}
.content-column-45 {
width:100%
}
.content-column-45.first {
margin-bottom:100px
}
.content-column-45.last {
order:1;
margin-bottom:40px
}
.logo-row.mobile {
display:flex
}
.duo-sub-title {
font-size:18px;
line-height:28px
}
.sub-heading {
margin-bottom:40px
}
.cta-sub-heading.hidden-mobile {
display:none
}
.cta-sub-heading.white-mobile {
color:var(--white);
font-weight:600
}
.absolute-content-wrapper-right.absolute-mobile-top {
top:40px;
right:auto
}
.absolute-content-wrapper-right.absolute-mobile-top.side-padding {
width:95%
}
.absolute-content-wrapper-right.absolute-mobile-bottom {
display:flex;
top:auto;
bottom:40px;
right:auto
}
.button-row {
margin-top:0
}
.button-row.hidden-mobile {
display:none
}
.button-row.absolute-mobile-bottom {
margin-top:0;
display:flex;
position:absolute;
bottom:60px
}
.content-row,
.content-row._750 {
width:90%
}
.content-row._1020,
.content-row._1190 {
width:100%
}
.comparison-title.green,
.comparison-title.blue {
font-size:22px
}
.comparison-image {
max-height:300px
}
.comparison-sub-title,
.comparison-sub-title.green,
.comparison-sub-title.blue {
font-size:18px
}
.comparison-column {
width:45%
}
.ec-chart {
width:90%
}
.content-column-15 {
width:100%
}
.content-column-33 {
width:33%
}
.span-hero-pre-heading {
letter-spacing:.32em;
font-size:22px
}
.right-arrow {
height:40px;
bottom:-16%;
left:60%
}
.tab-grid {
grid-row-gap:40px;
flex-wrap:wrap;
padding-top:60px
}
.left-arrow {
height:40px;
bottom:-16%;
left:30%
}
.tab-slider {
margin-bottom:10%
}
.tab-link {
width:25%;
min-width:auto;
padding-left:20px;
padding-right:20px
}
.tab-link.w--current {
width:25%;
min-width:auto
}
.tab-link._2 {
width:25%
}
.tab-link._2.w--current {
min-width:auto
}
.tab-link._4 {
width:25%
}
.tab-link._4.w--current {
min-width:auto
}
.tabs-menu {
width:100%;
flex-direction:row;
justify-content:center;
align-items:center;
display:flex
}
.tab-text {
font-size:16px
}
.slide-nav-2 {
bottom:-16%
}
.heading-4 {
font-size:2.5em
}
.tab-slide-content-wrapper {
height:auto
}
.tab-slide-image {
height:240px;
max-height:none
}
.hood-hero-image {
width:100%;
height:auto;
position:static;
left:auto
}
.hood-hero-image.hidden-mobile {
display:none
}
.heading-5 {
font-size:2.5em
}
.absolute-content-container.culture {
width:90%;
max-width:none;
order:-1;
align-items:center;
margin-top:60px;
margin-bottom:0;
position:static
}
.video-slider {
height:auto
}
.product-slider {
height:600px;
flex-direction:column;
justify-content:center;
align-items:center;
display:flex;
overflow:visible
}
.full-width-product-slider-container {
height:auto;
min-height:auto;
display:flex;
overflow:hidden
}
.product-slide-wrapper {
width:100%
}
.product-slider-nav {
margin-bottom:0;
position:absolute
}
.product-slider-nav.hidden-desktop {
justify-content:center;
align-items:center;
display:flex
}
.products-slider-mask {
width:80%;
height:100%;
padding-bottom:60px;
overflow:visible
}
.products-slider-mask._50,
.product-slide {
width:100%
}
._3x {
font-size:48px
}
.fade-content-column {
max-width:none;
order:-1;
align-items:center;
padding-bottom:40px
}
.content-column-fade-image {
width:100%;
align-items:center
}
.content-hero-container-image {
padding-left:0;
padding-right:0
}
.span-smaller-hero-title {
letter-spacing:.32em;
font-size:20px
}
.domes-content-column {
max-width:none;
order:-1;
align-items:center;
padding-bottom:40px
}
.content-column-domes-container {
width:100%;
align-items:center
}
.plotter_img-cover.clean-line-mobile {
display:none
}
.podcast-container-desktop {
height:auto;
min-height:auto;
display:none
}
.open-modal {
width:100%;
height:40px;
background-color:var(--royal-blue)
}
.desktop-login-container {
display:none
}
.hero-inline-link-text {
color:var(--white);
margin-right:10px;
font-size:20px
}
.tabs-grid {
width:100%;
flex-direction:row;
justify-content:center;
align-items:center;
display:flex
}
.tab-grid-link {
width:25%;
min-width:auto;
padding-left:20px;
padding-right:20px
}
.tab-grid-link.w--current {
width:25%;
min-width:auto
}
.right-arrow-2 {
height:40px;
bottom:-16%;
left:60%
}
.tab-grid-2 {
grid-row-gap:40px;
flex-wrap:wrap;
padding-top:60px
}
.left-arrow-2 {
height:40px;
bottom:-16%;
left:30%
}
.slide-image {
height:152px
}
.slide-title-wrapper {
height:auto
}
.slide-text,
.slide-sub-text {
height:auto;
font-size:16px
}
.slide-nav-4 {
bottom:-16%
}
.right-arrow-3 {
height:40px;
bottom:-16%;
left:60%
}
.tab-grid-3 {
grid-row-gap:40px;
flex-wrap:wrap;
padding-top:60px
}
.left-arrow-3 {
height:40px;
bottom:-16%;
left:30%
}
.tab-title-wrapper {
display:none
}
.slide-title-wrapper-2 {
height:auto
}
.tab-title {
font-size:16px
}
.slide-nav-5 {
bottom:-16%
}
.home-slider {
height:auto
}
.modal-content-wrapper {
width:90%
}
.carousel-comparison-content-container {
width:100%
}
.product-comparison-slider {
height:auto;
flex-direction:column;
justify-content:center;
align-items:center;
display:flex;
overflow:visible
}
.product-comparison-slider.narrow {
width:90%
}
.procedure-carousel-content-wrapper {
width:100%;
padding-left:20px;
padding-right:20px
}
.procedure-slider {
height:auto;
flex-direction:column;
justify-content:center;
align-items:center;
display:flex;
overflow:visible
}
.procedure-slide {
width:100%
}
.procedure-hover {
display:none
}
.mobile-content-hero-image {
min-height:auto;
opacity:1;
display:block
}
.mobile-full-width-image {
width:100%;
min-height:auto;
order:-1;
display:block
}
.bullet-container,
.bullet-container.less-margin {
margin-bottom:20px
}
.bullet-container.last {
margin-bottom:40px
}
.black-bullet-text {
font-size:18px;
line-height:24px
}
.black-bullet-text.small {
font-size:16px
}
.single-procedure-container {
height:400px
}
.single-procedure-container.single {
width:auto
}
.buy-button {
width:80px;
padding-left:20px;
padding-right:20px
}
.buy-button-gradient {
opacity:1
}
.buy-button-text {
font-size:14px
}
.home-hero-heading-1.bottom-margin {
font-size:60px;
display:none
}
.home-hero-slider-wrap {
height:840px
}
.glow-button {
height:48px;
min-height:auto
}
.glow-button-background {
opacity:0;
display:flex;
box-shadow:0 0 1em #00c3ff
}
.arrow {
display:block
}
.athena-logo {
margin-bottom:20px;
display:block
}
.mobile-logo-pre-heading {
height:22px;
margin-bottom:10px;
display:block
}
.hero-tag-absolute {
background-color:var(--black);
color:var(--white);
letter-spacing:.15em;
text-transform:uppercase;
border-radius:10px;
padding-left:15px;
padding-right:15px;
font-size:10px;
display:flex;
position:absolute;
top:20px;
left:20px
}
.desktop-logo {
margin-bottom:10px;
display:none
}
.hero-tag {
background-color:var(--black);
color:var(--white);
letter-spacing:.15em;
text-transform:uppercase;
border-radius:10px;
padding-left:15px;
padding-right:15px;
font-size:10px;
display:none;
position:absolute;
top:20px;
left:20px
}
.hero-heading-container {
padding-left:0;
padding-right:0
}
.content-full-width-row {
padding:0
}
.small-nav-link {
margin-bottom:0;
font-size:12px
}
.mobile-login-container {
width:auto;
margin-right:20px;
display:flex
}
.mobile-right-wrapper {
justify-content:space-between;
align-items:center;
display:flex
}
.table-title {
font-size:18px
}
.table-title-copy {
font-size:16px;
line-height:26px
}
.hero-sub-text {
text-align:left;
margin-bottom:20px;
margin-left:20px;
font-size:16px;
line-height:24px
}
.collection-list {
width:100%
}
.duo-procedure-container {
width:auto;
height:400px
}
.nav-search-link-block {
flex-direction:column;
justify-content:center;
align-items:center;
margin-right:10px;
padding:10px;
display:flex
}
.nav-search-icon {
height:18px;
max-width:none;
opacity:.5
}
.search-link-block {
padding:0
}
.search-listing-title {
font-size:20px
}
.search-description {
font-size:16px;
line-height:26px
}
.event-banner-wrapper {
margin-top:50px
}
.event-banner-desktop {
width:100%;
height:auto;
display:block
}
.event-banner-mobile {
display:none
}
.home-slider-heading {
max-width:none;
margin-bottom:10px;
font-size:32px
}
.home-slider-sub-text {
max-width:none;
margin-bottom:20px;
font-size:18px
}
.superscript {
font-size:18px
}
.content-column-48 {
width:100%
}
.content-column-48.image {
order:-1;
margin-bottom:60px
}
.content-column-48.image.last {
order:1
}
.content-column-48.content.left-align-bullets {
width:100%
}
.sds-logo {
height:30px
}
.sds-sheet-table.top-mobile {
margin-bottom:60px
}
}
/****************************************************/
/****************************************************/
@media screen and (max-width:767px) {
h1 {
font-size:32px;
line-height:38px
}
h2 {
font-size:28px;
line-height:36px
}
h3 {
font-size:24px;
line-height:36px
}
.navigation {
height:auto
}
.mega-menu {
padding-top:80px;
display:none;
transform:translateY(-100%)
}
.large-mega-menu-link {
margin-bottom:2.5vh;
font-size:.9em
}
.home-hero-container {
padding-top:60px
}
.home-hero-content-wrapper {
height:710px
}
.home-hero-column {
width:90%;
height:280px
}
.home-hero-image-container {
height:auto
}
.home-hero-image-container.centre-aligned {
width:90%;
height:410px
}
.home-hero-image.smaller {
width:100%;
height:auto
}
.home-hero-image.mobile {
display:none
}
.home-hero-pre-heading {
margin-bottom:10px;
font-size:20px;
line-height:24px
}
.home-hero-paragraph,
.button.blue {
margin-bottom:40px
}
.button.blue.top-margin.show-on-mobile {
display:none
}
.button.blue.display-on-mobile {
margin-top:40px
}
.content-container.grey.bottom-line.more-margin._771 {
padding-top:40px;
padding-bottom:40px
}
.content-container.black._900 {
background-image:url(../img/athena-logo-thin-background.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:auto
}
.content-container.how-to-buy {
padding-top:40px;
padding-bottom:40px
}
.content-container.bottom-line.margin.video {
padding-bottom:90px
}
.content-container.image._766 {
height:600px;
align-items:center
}
.content-container.image._572-mobile {
height:800px;
align-items:center
}
.content-container.alt,
.content-container.how-to-buy-copy {
padding-top:40px;
padding-bottom:40px
}
.heading-2 {
font-size:32px;
line-height:40px
}
.heading-2.smaller {
font-size:28px
}
.heading-2.smaller.caps.hidden-mobile {
display:none
}
.heading-2.smaller.caps.large-mobile {
font-size:26px
}
.heading-2.white.caps {
line-height:40px
}
.heading-2.hero {
margin-bottom:20px;
font-size:32px;
line-height:42px
}
.heading-2.large {
font-size:32px;
line-height:32px
}
.heading-2.large.less-margin.wide {
font-size:36px;
line-height:36px
}
.heading-2.large.less-margin.white-mobile {
font-family:eurostile-extended,sans-serif;
font-weight:500
}
.heading-2.caps {
margin-bottom:20px;
font-size:28px;
line-height:36px
}
.heading-2.medium.less-margin {
font-size:32px
}
.heading-2._45 {
font-size:36px
}
.heading-2.smaller-caps,
.heading-2.fa {
font-size:28px
}
.heading-2.fa.left-align {
margin-bottom:20px;
font-size:22px;
line-height:32px
}
.quad-listings {
grid-template-columns:1fr
}
.quad-listing {
height:660px
}
.perfect-run-logo {
height:120px
}
.slider-text-small {
margin-bottom:0;
font-size:3vw
}
.line-slider-image {
height:140px
}
.line-slider-image.smaller {
height:180px
}
.ipm-slider-text-large,
.clean-slider-text-large {
font-size:4vw
}
.slider-wrapper.mobile-only {
display:flex
}
.heading-3.alt {
margin-bottom:20px
}
.heading-3.lowercase {
font-size:20px;
line-height:32px
}
.heading-3.small,
.heading-3.light {
font-size:18px;
line-height:26px
}
.brand-logo {
max-height:60px
}
.brand-logo.smaller {
max-height:50px
}
.brand-logo.medium {
max-height:90px
}
.how-to-buy-icon {
height:40px
}
.how-to-buy-icon.wide {
width:60px;
height:40px
}
.how-to-buy-cta-text.hidden-mobile {
display:none
}
.how-to-buy-cta-text.mobile {
display:block
}
.table-image {
width:auto;
height:120px
}
.full-width-image-container {
height:auto
}
.full-width-image-container._426.bottom-margin-mobile {
margin-bottom:40px
}
.full-width-image-container.bottom-line {
height:auto;
min-height:auto
}
.full-width-image-container.bottom-line._710.hidden-desktop.cultivators {
height:900px
}
.full-width-image-container._426 {
height:auto
}
.full-width-image {
min-height:300px
}
.perfect-run-logo-footer {
width:118px
}
.perfect-run-logo-text-footer {
width:280px
}
.footer-link {
margin-bottom:10px
}
.terms-links-wrapper.left {
width:100%
}
.yield-slider-text-large,
.culture-slider-text-large {
line-height:1em
}
.product-slider-title {
margin-bottom:0;
font-size:24px
}
.product-slider-subtext {
margin-bottom:0;
font-size:16px
}
.product-slider-image {
height:200px
}
.heading-1.hero {
text-align:left;
margin-left:20px;
font-size:32px;
line-height:32px
}
.heading-1.hero.black.white-on-mobile {
font-size:32px;
line-height:42px
}
.heading-1.hero.black.white-on-mobile.bottom-margin {
margin-bottom:40px;
padding-left:0;
line-height:36px
}
.heading-1.hero.black.white-on-mobile.left-margin {
margin-left:20px
}
.heading-1.hero.black.white-on-mobile.no-bottom-margin-mobile {
margin-bottom:0
}
.heading-1.absolute {
bottom:40px
}
.heading-1.contact-us {
color:var(--white);
margin-bottom:0
}
.paragraph {
font-size:16px;
line-height:24px
}
.paragraph.hero {
margin-left:20px;
font-size:18px;
line-height:28px
}
.paragraph.medium {
font-size:20px;
line-height:28px
}
.absolute-content-wrapper-left {
width:80%
}
.absolute-content-wrapper-left.centred._500.mobile-top {
width:90%
}
.absolute-content-wrapper-left.contact-us {
bottom:20px
}
.content-hero-image.hidden-mobile {
display:none
}
.hero-content-column-60.image-grid {
height:374px
}
.hero-grid-image {
height:172px
}
.content-column-30.vertical._450 {
width:100%
}
.sub-nav-link {
margin-left:5px;
margin-right:5px;
font-size:14px
}
.hero-absolute-content-wrapper-centred {
width:100%;
align-items:flex-start;
padding:0
}
.hero-absolute-content-wrapper-centred.mobile-bottom {
padding-bottom:0;
padding-left:0;
padding-right:0;
right:auto
}
.hero-absolute-content-wrapper-centred.mobile-bottom.left._590 {
padding-bottom:0;
padding-left:0;
padding-right:0
}
.span-smaller {
font-size:20px
}
.inline-link-text {
color:var(--royal-blue);
font-size:20px
}
.inline-link-triangle.white {
display:block
}
.inline-link-triangle.hero {
display:none
}
.content-absolutely-wrapper {
width:80%;
right:auto
}
.content-absolutely-wrapper.centre {
bottom:auto;
right:auto
}
.content-absolutely-wrapper.centre.low-mobile,
.content-absolutely-wrapper.centre.global-distribution {
bottom:40px
}
.content-absolutely-wrapper._400 {
width:90%
}
.content-absolutely-wrapper._480.right {
width:90%;
right:auto
}
.content-absolutely-wrapper.mobile-top.top-margin {
margin-top:40px
}
.content-absolutely-wrapper.mobile-bottom {
bottom:40px
}
.duo-row {
height:auto;
flex-direction:column;
align-items:flex-start
}
.duo-row.bottom-line {
border-bottom-style:none
}
.duo-row.bottom-line._645,
.duo-row.bottom-line._650 {
height:auto
}
.duo-row-image-container {
width:100%;
height:360px;
order:1
}
.duo-row-image-container.right-line {
height:360px
}
.duo-row-image-container.right-line.padding {
height:auto
}
.duo-row-image-container.right-line.last {
border-bottom:1px #000
}
.duo-row-image-container.right-line.last.hidden-on-mobile {
display:none
}
.duo-row-image-container.right-line.bottom-padding {
padding-bottom:30px
}
.duo-row-image-container.last {
border-bottom:1px solid #000;
order:1;
padding-bottom:40px
}
.duo-row-image-container.middle-mobile {
order:0
}
.duo-image {
width:85%;
border:1px solid #000
}
.duo-image.scale-down {
border-style:none
}
.duo-image.display-on-mobile {
display:block
}
.duo-image.display-on-mobile.no-border {
border-style:none;
border-width:0
}
.duo-image.hidden-mobile {
display:none
}
.duo-image.mobile {
display:block
}
.duo-image.no-outline {
border-style:none
}
.duo-content-container {
width:100%;
height:auto;
min-height:360px;
border-top:0 #000;
border-bottom:1px #000;
padding-top:40px;
padding-bottom:40px
}
.duo-content-container.right-line {
height:auto;
min-height:360px;
border-top:1px solid #000;
border-bottom:1px #000;
border-right-style:none;
padding-top:40px;
padding-bottom:40px
}
.duo-content-container.right-line.display-mobile {
min-height:auto;
display:flex
}
.duo-content-container.padding {
min-height:auto;
border-top-style:none;
padding-top:40px;
padding-bottom:40px
}
.duo-content-container.padding.no-bottom-padding-mobile,
.duo-content-container.padding.no-bottom-padding-mobile.top-align {
padding-bottom:0
}
.duo-content-container.padding.left-align {
width:100%;
padding-top:0;
padding-right:20px
}
.duo-content-container.padding.fa {
padding-top:40px
}
.duo-content-container.left-align {
min-height:auto;
border-top-style:none;
border-bottom-style:none
}
.duo-sub-text.small._90-margin {
margin-bottom:40px
}
.procedure-slider-image {
height:100%
}
.procedure-slider-content {
height:auto
}
.content-hero-image-container {
height:500px;
justify-content:flex-end
}
.content-column-50.image.bullets {
width:100%;
align-items:flex-start
}
.content-column-50.content.left-align-bullets {
width:100%
}
.image-full-width {
max-width:none
}
.logo-content,
.sub-heading {
margin-bottom:20px
}
.cta-sub-heading.white-mobile {
font-size:20px;
line-height:24px
}
.button-row,
.content-row._1020 {
margin-top:0
}
.comparison-sub-title {
font-size:16px
}
.comparison-sub-title.green,
.comparison-sub-title.blue {
font-size:16px;
line-height:22px
}
.span-hero-pre-heading {
letter-spacing:.32em;
font-size:22px
}
.right-arrow {
display:flex;
bottom:-20%
}
.tab-grid {
padding:20px 2vw 40px
}
.left-arrow {
display:flex;
bottom:-20%;
left:24%
}
.tab-link {
width:33%;
height:80px;
border:1px #000;
border-bottom:5px solid #d3d3d3;
flex-direction:column;
justify-content:center;
align-items:center;
margin-bottom:0;
padding:10px;
display:flex
}
.tab-link.w--current {
width:33%;
min-width:auto;
background-color:transparent;
border:1px #000;
border-bottom:5px solid #000;
flex-direction:column;
justify-content:center;
align-items:center;
padding-top:10px;
padding-bottom:10px;
display:flex
}
.tab-link._2 {
width:33%;
height:80px;
border:1px #000;
border-bottom:5px solid #d3d3d3;
flex-direction:column;
justify-content:center;
align-items:center;
display:flex
}
.tab-link._2.w--current {
min-width:auto;
padding-top:10px;
padding-bottom:10px
}
.tab-link._4 {
width:33%;
height:80px;
border:1px solid #000;
border-left-style:none;
flex-direction:column;
justify-content:center;
align-items:center;
display:flex
}
.tab-link._25-mobile {
width:25%
}
.tab-link._25-mobile.w--current {
background-color:transparent;
border-bottom-style:solid;
border-bottom-width:5px
}
.tabs-menu {
width:100%;
height:auto;
flex-wrap:wrap;
justify-content:center;
align-items:center;
display:flex
}
.tab-text {
font-size:14px;
line-height:18px;
text-decoration:none;
display:flex
}
.slide-nav-2 {
justify-content:center;
margin-top:0;
padding-top:10px;
display:flex;
bottom:-20%
}
.tab-slide {
width:48%
}
.heading-4 {
font-size:2em
}
.hood-hero-image.hidden-mobile {
display:none
}
.heading-5 {
font-size:2em
}
.product-slider {
overflow:visible
}
.full-width-product-slider-container {
height:auto
}
.products-slider-mask,
.product-slide {
width:100%
}
._3x {
width:120px;
height:120px;
font-size:32px;
line-height:120px
}
.span-smaller-hero-title {
letter-spacing:.32em;
font-size:20px
}
.plotter_img-cover.clean-line-mobile {
display:none
}
.plotter-items_tooltip {
width:250px
}
.podcast-container-desktop {
height:600px
}
.open-modal {
width:100%;
height:40px;
background-color:var(--royal-blue)
}
.hero-inline-link-text {
color:var(--white);
font-size:20px
}
.tabs-grid {
width:100%;
height:auto;
grid-column-gap:16px;
grid-row-gap:16px;
flex-wrap:wrap;
grid-template-rows:auto auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
justify-content:center;
align-items:center;
display:grid
}
.tab-grid-link {
width:100%;
height:80px;
border:1px solid #000;
flex-direction:column;
justify-content:center;
align-items:center;
margin-bottom:0;
padding:10px;
display:flex
}
.tab-grid-link.w--current {
width:100%;
min-width:auto;
background-color:#cbcbcb;
border:1px #000;
flex-direction:column;
justify-content:center;
align-items:center;
padding-top:10px;
padding-bottom:10px;
display:flex
}
.right-arrow-2 {
display:flex;
bottom:-19%
}
.tab-grid-2 {
padding:20px 2vw 60px
}
.left-arrow-2 {
display:flex;
bottom:-19%;
left:24%
}
.slide-text {
font-size:1em;
text-decoration:none
}
.slide-sub-text {
height:auto;
text-decoration:none
}
.slide-nav-4 {
justify-content:center;
display:flex;
bottom:-20%
}
.slide-2 {
width:48%
}
.right-arrow-3 {
display:flex;
bottom:-19%
}
.tab-grid-3 {
padding:20px 2vw 60px
}
.left-arrow-3 {
display:flex;
bottom:-19%;
left:24%
}
.tab-title-wrapper {
width:100%;
height:60px;
background-color:transparent;
flex-direction:column;
justify-content:center;
align-items:center;
padding-top:10px;
padding-bottom:0;
display:flex
}
.tab-title {
color:#000;
font-size:24px;
text-decoration:none;
display:flex
}
.slide-nav-5 {
justify-content:center;
display:flex;
bottom:-20%
}
.home-slider {
height:auto
}
.product-comparison-slider {
overflow:visible
}
.product-comparison-slider.narrow {
width:90%
}
.procedure-slider-arrow-left {
display:none;
left:-35px
}
.procedure-slider-arrow-right {
display:none;
right:-35px
}
.procedure-slider {
overflow:visible
}
.procedure-slide {
width:100%
}
.mobile-full-width-image {
min-height:300px
}
.bullet-container.less-margin {
margin-bottom:10px
}
.contact-icon {
width:30px;
max-width:none
}
.single-procedure-container {
height:400px
}
.buy-button-gradient {
opacity:1
}
.countries-grid {
grid-template-columns:1fr 1fr 1fr
}
.home-hero-heading-1.pro {
font-size:36px;
line-height:36px
}
.home-hero-slider-wrap {
height:710px
}
.procedure-duo {
flex-direction:column;
align-items:center;
display:none
}
.glow-button {
height:48px;
min-height:auto
}
.arrow,
.athena-logo {
display:block
}
.mobile-logo-pre-heading {
height:22px
}
._3-modes-wrapper {
flex-direction:column;
align-items:center
}
._3-modes-listing {
width:100%;
margin-bottom:40px
}
._3-modes-listing.last {
margin-bottom:0
}
.content-full-width-row {
width:100%;
height:auto;
min-height:auto;
border-top:0 #000;
border-bottom:1px #000;
padding-top:0;
padding-bottom:0
}
.table-top-row {
display:none
}
.row-content-25 {
width:100%;
border-right-style:none;
align-items:flex-start
}
.row-content-50 {
width:100%
}
.table-countries-row {
border-top-style:solid;
border-bottom-style:none;
flex-direction:column;
align-items:flex-start
}
.table-countries-row.last {
border-bottom-style:solid
}
.table-flag {
width:auto;
height:100px
}
.hero-sub-text {
font-size:14px;
line-height:22px
}
.duo-procedure-container {
height:400px
}
.search-listing-title {
margin-bottom:0;
font-size:18px;
line-height:22px
}
.event-banner-desktop {
width:100%;
height:auto
}
.event-banner-mobile {
display:none
}
.home-slider-heading {
max-width:400px
}
.content-column-48.image.bullets {
width:100%;
align-items:flex-start
}
.content-column-48.content.left-align-bullets {
width:100%
}
}
/****************************************************/
/****************************************************/
@media screen and (max-width:479px) {
strong {
font-weight:600
}
.navigation {
height:53px
}
.mega-menu {
z-index:998;
align-items:flex-start;
padding:52px 0 15vh;
display:none;
transform:translateY(-100%)
}
.mega-menu-content-wrapper {
flex-flow:column;
justify-content:flex-start;
align-items:flex-start;
overflow:scroll
}
.mega-menu-column {
width:100%;
margin-top:0;
margin-bottom:0;
padding-bottom:0;
padding-right:0;
overflow:visible
}
.mega-menu-title {
width:100%;
background-color:var(--black);
color:var(--white);
text-align:center;
text-transform:uppercase;
margin-bottom:0;
padding:18px
}
.large-mega-menu-link {
width:100%;
text-align:center;
border-bottom:1px solid #000;
margin-bottom:0;
padding:15px 20px
}
.small-mega-menu-link {
width:100%;
border-bottom:1px solid var(--black);
text-align:center;
margin-bottom:0;
padding:15px 20px
}
.small-mega-menu-link.last {
color:var(--black);
margin-bottom:0
}
.mega-menu-logo-link-block {
width:100%;
height:95px;
border:1px solid #000;
border-right:0 #000;
flex-direction:column;
justify-content:center;
align-items:center;
margin-bottom:0;
padding:30px 10px;
display:flex
}
.mega-menu-logo-link-block.last {
margin-bottom:0
}
.mega-menu-logo-link-block.top {
height:95px;
border-bottom-style:none;
padding:40px 0
}
.mega-menu-logo {
height:14px
}
.home-hero-container {
max-height:none;
min-height:auto;
padding-top:100px
}
.home-hero-content-wrapper {
height:524px
}
.home-hero-column {
width:95%;
height:274px;
padding-top:10px;
padding-bottom:10px
}
.home-hero-column.less-padding {
height:350px
}
.home-hero-image-container {
width:95%;
height:auto;
justify-content:flex-end;
margin-top:0
}
.home-hero-image-container.centre-aligned {
width:95%;
height:250px;
margin-top:0;
padding-bottom:20px
}
.home-hero-image {
width:90%;
max-height:none;
max-width:none
}
.home-hero-image.smaller {
width:auto;
max-height:240px;
max-width:95%;
object-fit:scale-down;
margin-bottom:0
}
.home-hero-image.hide-on-mobile {
display:none
}
.home-hero-image.mobile {
width:100%;
height:auto;
display:block
}
.home-hero-image.large {
width:100%
}
.home-hero-pre-heading {
letter-spacing:.2em;
margin-bottom:10px;
font-size:18px;
font-weight:600;
line-height:18px
}
.home-hero-pre-heading.bottom-margin {
margin-bottom:20px
}
.home-hero-paragraph {
letter-spacing:.28em;
margin-bottom:30px;
font-size:15px;
line-height:20px
}
.button {
width:auto;
height:34px;
min-height:auto;
min-width:120px;
letter-spacing:.025em;
padding-left:15px;
padding-right:15px;
font-size:14px;
line-height:28px
}
.button.slider {
min-height:42px;
font-size:16px;
position:static;
bottom:0
}
.button.podcast {
width:auto;
min-width:120px;
margin-right:20px
}
.button.blue {
width:auto;
min-height:auto;
min-width:120px;
padding-left:10px;
padding-right:10px;
font-size:14px;
line-height:28px
}
.button.blue.bottom-margin {
padding-left:10px;
padding-right:10px
}
.button.blue.top-margin {
width:auto;
order:0
}
.button.blue.top-margin.hide-on-mobile {
display:none
}
.button.blue.table {
min-width:100px
}
.button.blue.display-on-mobile {
margin-top:40px
}
.button.blue.smaller {
width:120px
}
.button.fixed {
min-height:48px;
font-size:18px;
line-height:28px
}
.button.hidden-mobile {
display:none
}
.button.small {
width:140px;
margin-right:20px
}
.products-grid {
width:100%;
grid-column-gap:0px;
grid-row-gap:0px;
grid-template-rows:auto auto;
grid-template-columns:1fr 1fr 1fr;
grid-auto-columns:1fr;
justify-items:center;
display:grid
}
.content-container,
.content-container.grey,
.content-container.grey.more-padding {
padding-top:40px;
padding-bottom:40px
}
.content-container.black {
min-height:auto;
padding-top:40px;
padding-bottom:40px
}
.content-container.black._900 {
height:386px;
background-image:url(../img/athena-logo-thin-background.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:90%
}
.content-container.black.hero {
padding-top:120px
}
.content-container.black._500-mobile {
height:522px
}
.content-container.bottom-line {
padding-top:40px
}
.content-container.bottom-line.margin {
padding:40px 5vw
}
.content-container.bottom-line.margin.more-padding {
padding-top:40px;
padding-bottom:40px
}
.content-container.bottom-line.margin.more-padding.grey._600 {
height:auto;
padding-top:40px;
padding-bottom:40px
}
.content-container.bottom-line.margin.video {
padding-bottom:100px
}
.content-container.bottom-line.margin.procedures-slider,
.content-container.bottom-line.margin.no-padding,
.content-container.bottom-line.no-padding-mobile {
padding-left:0;
padding-right:0
}
.content-container.image._766 {
height:500px;
border-top-style:none;
border-bottom-style:none
}
.content-container.image._572-mobile {
height:572px
}
.content-container.duo.bottom-line.fade-schedules {
align-items:center
}
.content-container.more-padding {
padding-top:40px;
padding-bottom:40px
}
.content-container._225-margin.bottom-line {
padding-bottom:40px
}
.content-container.perfect-run {
border-bottom-style:none;
padding-bottom:0;
padding-left:0;
padding-right:0
}
.content-container.how-to-buy-copy {
border-bottom-style:none
}
.content-container.search-results {
padding-top:100px
}
.content-wrapper {
border-bottom:0 #000;
padding-top:0;
padding-bottom:0
}
.content-wrapper.duo {
align-items:center
}
.content-wrapper.fixed-mobile {
height:100%;
justify-content:center;
position:relative
}
.content-wrapper.footer {
border-top-style:none;
border-bottom-style:solid;
border-bottom-width:1px;
padding-top:40px;
padding-bottom:40px
}
.content-wrapper.sds-tables {
align-items:center
}
.heading-2 {
margin-bottom:20px;
font-size:26px;
line-height:28px
}
.heading-2.smaller {
font-size:22px;
line-height:28px
}
.heading-2.smaller.caps {
letter-spacing:.12em;
font-family:Montserrat,sans-serif;
font-size:26px;
line-height:34px
}
.heading-2.smaller.caps.hidden-mobile {
display:none
}
.heading-2.white {
font-size:26px
}
.heading-2.white.caps {
font-family:Montserrat,sans-serif;
font-size:20px;
line-height:32px
}
.heading-2.hero {
letter-spacing:.26em;
font-size:24px;
line-height:28px
}
.heading-2.hero.black.less-margin {
font-size:24px;
line-height:28px
}
.heading-2.hero.black-white-on-mobile {
letter-spacing:.26em;
line-height:28px
}
.heading-2.large {
letter-spacing:.16em;
font-family:Montserrat,sans-serif;
font-size:24px;
font-weight:600;
line-height:30px
}
.heading-2.large.less-margin {
font-size:28px;
line-height:32px
}
.heading-2.large.less-margin.wide {
margin-bottom:5px;
font-size:22px;
line-height:28px
}
.heading-2.large.less-margin.white-mobile {
letter-spacing:.26em;
font-size:24px;
line-height:28px
}
.heading-2.caps {
letter-spacing:.08em;
margin-bottom:10px;
font-family:Montserrat,sans-serif;
font-size:24px;
font-weight:600;
line-height:31px
}
.heading-2.caps.white {
letter-spacing:.12em;
font-family:Montserrat,sans-serif;
font-size:24px;
font-weight:600;
line-height:28px
}
.heading-2.caps.white-mobile {
letter-spacing:.08em;
font-family:Montserrat,sans-serif;
font-size:24px;
font-weight:600;
line-height:33px
}
.heading-2.caps.montserrat {
letter-spacing:.16em;
font-family:Montserrat,sans-serif;
font-size:22px;
font-weight:600;
line-height:27px
}
.heading-2.medium {
margin-bottom:10px;
font-size:24px;
line-height:32px
}
.heading-2.medium.less-margin {
font-size:24px;
line-height:32px
}
.heading-2.left-align.caps {
letter-spacing:.08em;
font-size:22px;
font-weight:600
}
.heading-2.small {
font-size:24px;
line-height:32px
}
.heading-2.light {
letter-spacing:.2em;
margin-bottom:20px;
font-size:16px;
font-weight:600
}
.heading-2.no-margin {
letter-spacing:.2em;
font-size:22px;
line-height:28px
}
.heading-2._45 {
margin-bottom:20px;
font-size:26px;
line-height:32px
}
.heading-2.modal {
font-size:22px;
line-height:28px
}
.heading-2.wide.white {
letter-spacing:.3em;
font-size:24px;
line-height:28px
}
.heading-2.smaller-caps {
font-size:24px;
line-height:28px
}
.heading-2.fa {
font-size:22px;
line-height:28px
}
.quad-listing {
height:457px
}
.perfect-run-logo {
height:80px
}
.perfect-run-paragraph {
width:100%;
font-size:16px;
line-height:24px
}
.line-slider {
max-height:393px;
margin-top:20px
}
.product-slider-left-arrow {
width:40px;
background-color:transparent;
display:flex;
left:0
}
.product-slider-left-arrow.white {
background-color:var(--white)
}
.product-slider-left-arrow.white.hidden-desktop {
left:0
}
.product-slider-right-arrow {
width:40px;
background-color:transparent;
display:flex;
right:0
}
.product-slider-right-arrow.white {
background-color:var(--white)
}
.product-slider-right-arrow.white.hidden-desktop {
right:0
}
.line-slider-content {
padding-left:20px;
padding-right:20px
}
.slider-logo {
height:17px
}
.slider-text-small {
margin-bottom:5px;
font-size:16px;
line-height:18px
}
.line-slider-image {
height:120px
}
.line-slider-image.smaller {
height:180px
}
.line-slider-content-wrapper {
position:relative
}
.blended-slider-text-large,
.ipm-slider-text-large,
.clean-slider-text-large {
font-size:28px
}
.mask {
width:85%
}
.mask.wide-mobile {
width:95%
}
.slider-wrapper {
padding-left:0;
padding-right:0;
overflow:hidden
}
.pro-slider-text-large {
font-size:28px
}
.heading-3 {
margin-bottom:20px;
font-family:Montserrat,sans-serif;
font-size:18px;
line-height:28px
}
.heading-3.alt {
font-family:Montserrat,sans-serif
}
.heading-3.large {
font-family:Montserrat,sans-serif;
font-size:22px
}
.heading-3.left-align.centre-on-mobile {
margin-bottom:20px;
font-size:26px;
line-height:32px
}
.heading-3.medium {
font-family:Montserrat,sans-serif
}
.heading-3.medium.lowercase {
font-family:Montserrat,sans-serif;
font-size:22px;
line-height:26px
}
.heading-3.lowercase {
font-size:18px;
line-height:22px
}
.heading-3.no-margin {
font-size:26px;
font-weight:600;
line-height:32px
}
.logos-grid {
grid-column-gap:20px;
grid-row-gap:20px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr;
grid-auto-columns:1fr;
justify-content:space-around;
justify-items:center;
margin-top:0;
display:flex
}
.brand-logo {
width:60px;
max-height:none;
max-width:none;
object-fit:scale-down
}
.brand-logo.wide {
width:90px
}
.brand-logo.smaller {
width:80px;
max-height:none
}
.how-to-buy-grid {
grid-column-gap:10px;
grid-row-gap:60px;
flex-direction:row;
align-items:flex-start;
display:flex
}
.how-to-buy-icon {
width:auto;
height:30px;
margin-bottom:10px
}
.how-to-buy-icon.smaller {
height:30px
}
.how-to-buy-icon.wide {
width:40px;
height:30px;
object-fit:scale-down;
margin-top:0
}
.how-to-buy-icon.small {
height:30px
}
.how-to-buy-listing-row {
align-items:flex-start
}
.how-to-buy-cta-text {
margin-bottom:0;
font-size:13px;
line-height:18px
}
.how-to-buy-cta-text.larger {
font-size:14px
}
.cta-arrow {
margin-top:6px
}
.how-to-buy-icon-blue {
height:30px
}
.table-wrapper {
margin-top:40px
}
.table-row-logos {
align-items:stretch
}
.table-row-logos.bottom-align {
align-items:flex-end
}
.table-cell-50 {
padding:10px
}
.table-logo {
height:18px
}
.table-image {
width:80%;
height:auto
}
.table-image.cta {
height:100px;
object-fit:contain
}
.table-image.tall {
width:80%
}
.table-text {
font-size:14px;
line-height:18px
}
.table-icon.small.line {
width:60px
}
.table-icon.feeding-method {
width:65px
}
.table-large-text-blended-large,
.table-large-text-pro-large {
font-size:28px
}
.table-vertical-divider {
margin-top:30%
}
.full-width-image-container {
height:auto;
max-height:694px;
min-height:auto
}
.full-width-image-container.mobile {
overflow:visible
}
.full-width-image-container.mobile.podcast {
max-height:none
}
.full-width-image-container._426 {
height:486px;
max-height:none
}
.full-width-image-container.bottom-line._710 {
max-height:none
}
.full-width-image-container.bottom-line._710.hidden-desktop {
height:635px
}
.full-width-image-container.bottom-line._710.hidden-desktop.cultivators {
height:800px
}
.full-width-image-container._674 {
padding-top:40px
}
.full-width-image-container._732 {
height:732px;
max-height:none
}
.full-width-image-container._464 {
height:635px;
max-height:none
}
.full-width-image-container._464.bottom-margin {
margin-bottom:10px
}
.full-width-image-container._800 {
height:732px;
max-height:none
}
.full-width-image-container._800._640-mobile {
height:640px
}
.full-width-image {
min-height:300px;
opacity:1;
order:1
}
.full-width-image.alt.large-mobile {
width:200%
}
.full-width-image.alt.large-mobile.hiden-mobile {
display:none
}
.podcast-content-container {
margin-top:40px;
margin-bottom:40px
}
.podcast-paragraph {
letter-spacing:.16em;
margin-bottom:30px;
font-size:18px;
line-height:28px
}
.podcast-logo {
width:70%
}
.available-now {
letter-spacing:.15em;
margin-bottom:10px;
font-size:16px
}
.available-apps {
width:100%;
height:auto
}
.podcast-cta {
text-align:center;
letter-spacing:.24em;
font-size:18px
}
.podcast-button-row {
width:100%;
height:auto;
flex-direction:row;
justify-content:center
}
.footer {
padding:0 0
}
.perfect-run-logo-footer {
width:80px
}
.perfect-run-logo-text-footer {
width:220px
}
.footer-content-wrapper {
margin-top:0
}
.footer-column {
border-bottom:1px solid #000;
align-items:center;
margin-bottom:0;
padding-top:10px;
padding-bottom:10px
}
.footer-heading {
text-align:center;
letter-spacing:.14em;
margin-bottom:0;
font-size:16px;
font-weight:600
}
.footer-link {
text-align:center;
letter-spacing:.18em;
margin-bottom:0;
font-size:14px;
line-height:26px
}
.footer-terms-text {
text-align:center;
letter-spacing:.1em;
margin-top:0;
line-height:22px
}
.terms-links-wrapper.left {
width:100%;
justify-content:center;
margin-top:10px
}
.terms-links-wrapper.right.last {
justify-content:center;
margin-top:0;
line-height:24px
}
.terms-links-wrapper.middle {
border-bottom:1px solid #000;
flex-direction:column;
align-items:center;
margin-bottom:0;
padding-top:10px;
padding-bottom:10px
}
.footer-terms-link {
text-align:center;
letter-spacing:1.6px;
margin-bottom:0;
margin-right:0;
font-size:14px
}
.footer-terms-link.last {
margin-bottom:0;
margin-right:0
}
.yield-slider-text-large,
.culture-slider-text-large {
font-size:28px
}
.product-slider-content {
padding-left:20px;
padding-right:20px
}
.product-slider-title {
margin-bottom:5px;
font-size:24px;
line-height:24px
}
.product-slider-subtext {
margin-bottom:5px;
font-size:16px;
line-height:18px
}
.product-slider-button {
min-height:auto;
padding-left:15px;
padding-right:15px;
font-size:18px;
line-height:28px
}
.products-slider {
margin-top:20px
}
.heading-1.white._840 {
font-size:24px;
line-height:34px
}
.heading-1.hero {
letter-spacing:.16em;
margin-bottom:10px;
font-size:24px;
line-height:28px
}
.heading-1.hero.black.white-on-mobile {
letter-spacing:.08em;
font-size:24px;
line-height:28px
}
.heading-1.hero.black.white-on-mobile.bottom-margin {
letter-spacing:.16em;
margin-bottom:20px;
margin-left:20px;
font-size:24px;
line-height:32px
}
.heading-1.hero.black.white-on-mobile.bottom-margin.fade {
font-size:31px
}
.heading-1.hero.black.white-on-mobile.left-margin {
margin-bottom:5px;
font-size:24px;
line-height:28px
}
.heading-1.hero.black.white-on-mobile.left-margin.no-bottom-margin {
letter-spacing:.16em
}
.heading-1.hero.black.white-on-mobile.smaller-mobile {
font-size:24px;
line-height:28px
}
.heading-1.hero.black.white-on-mobile.no-bottom-margin-mobile {
margin-bottom:0
}
.heading-1.absolute {
font-size:24px;
line-height:32px;
bottom:20px
}
.heading-1.white-on-mobile {
color:var(--white)
}
.heading-1.contact-us {
color:var(--white);
margin-bottom:0;
font-size:22px
}
.paragraph {
font-size:14px;
line-height:20px
}
.paragraph.hero {
letter-spacing:.32em;
font-size:15px;
font-weight:500;
line-height:19px
}
.paragraph.hero.black.no-bottom-margin.white-on-mobile {
line-height:20px
}
.paragraph.medium {
letter-spacing:.16em;
font-size:16px;
line-height:23px
}
.paragraph.medium.bottom-margin {
margin-bottom:20px
}
.paragraph.medium.bottom-margin.black.white-mobile {
letter-spacing:.12em
}
.paragraph.medium.bottom-margin.black.white-mobile.hidden-mobile {
display:none
}
.paragraph.medium.black._505.bottom-margin {
letter-spacing:.12em;
font-size:14px;
line-height:20px
}
.paragraph.medium.black._505.bottom-margin.hidden-mobile {
display:none
}
.paragraph.medium.black._505.bottom-margin.white-mobile {
margin-bottom:20px;
font-size:16px;
line-height:22px
}
.paragraph.medium.black._505._120-bottom-margin {
margin-bottom:0
}
.paragraph.medium.black._505.bottom-margin {
margin-bottom:40px
}
.paragraph.medium.black.bottom-margin {
margin-bottom:20px
}
.paragraph._22 {
font-size:12px;
line-height:16px
}
.paragraph.comparison {
font-size:10px;
line-height:14px
}
.paragraph.semi-bold {
font-size:14px;
font-weight:400
}
.paragraph._28 {
font-size:14px;
font-weight:400;
line-height:20px
}
.paragraph._845 {
letter-spacing:.18em;
font-size:14px;
line-height:23px
}
.paragraph._720 {
line-height:22px
}
.absolute-content-wrapper-left.centred {
width:90%;
left:auto
}
.absolute-content-wrapper-left.centred._500 {
width:90%
}
.absolute-content-wrapper-left.centred._500.mobile-top {
width:90%;
top:40px
}
.absolute-content-wrapper-left.centred._500.mobile-bottom {
top:auto;
bottom:40px
}
.absolute-content-wrapper-left.centred.top-mobile {
top:40px
}
.absolute-content-wrapper-left.centred.bottom-mobile {
bottom:40px
}
.absolute-content-wrapper-left.contact-us {
bottom:20px
}
.content-hero-image.hidden-mobile {
display:none
}
.contact-grid {
flex-direction:row;
display:flex
}
.contact-row {
flex-direction:column;
align-items:flex-start;
margin-bottom:40px
}
.contact-small-column {
width:100%;
margin-bottom:10px
}
.contact-large-column {
width:100%
}
.hero-content-column-30.clone {
margin-bottom:0
}
.hero-content-column-60.image-grid {
height:250px;
grid-column-gap:20px;
grid-row-gap:20px
}
.hero-grid-image {
height:115px;
max-height:none;
border:1px solid #000
}
.product-sub-nav {
height:60px;
border-bottom:1px #000;
padding:10px 0;
overflow:visible
}
.sub-nav-content-wrapper {
position:relative;
overflow:visible
}
.product-sub-nav-column {
margin-left:5vw
}
.product-sub-nav-column.centred {
width:100%;
height:40px;
background-color:var(--white-smoke);
border-top:1px solid #000;
justify-content:center;
margin-top:0;
margin-left:0;
display:flex;
position:absolute;
top:49px
}
.product-sub-nav-column.right {
height:40px;
margin-left:0;
margin-right:5vw
}
.sub-nav-link {
margin-left:10px;
margin-right:10px;
display:flex
}
.hero-absolute-content-wrapper-centred {
width:100%
}
.hero-absolute-content-wrapper-centred.mobile-bottom {
background-image:none;
padding-left:0;
padding-right:0
}
.hero-absolute-content-wrapper-centred.mobile-bottom.left {
display:flex
}
.hero-absolute-content-wrapper-centred.mobile-bottom.darker {
padding-top:20px
}
.span-smaller {
font-size:16px
}
.inline-link.content {
width:300px;
margin-top:40px
}
.inline-link-text,
.inline-link-text.small {
font-size:18px
}
.usps-row {
flex-direction:row;
align-items:flex-start;
display:flex
}
.usps-listing-container {
width:100%;
height:auto;
margin-bottom:0
}
.table-sub-title {
margin-bottom:0;
font-size:14px;
line-height:18px
}
.content-absolutely-wrapper {
width:90%
}
.content-absolutely-wrapper.centre.low-mobile {
bottom:30px
}
.content-absolutely-wrapper.centre.global-distribution {
bottom:80px
}
.content-absolutely-wrapper.mobile-top {
top:40px
}
.content-absolutely-wrapper.mobile-bottom {
bottom:40px
}
.duo-row.bottom-line {
border-bottom-style:none
}
.duo-row.bottom-line._645.line-mobile {
border-bottom-style:solid
}
.duo-row.bottom-line._650.hidden-mobile {
display:none
}
.duo-row-image-container.right-line.padding {
padding:20px 0
}
.duo-row-image-container.right-line.last {
border-bottom-style:solid
}
.duo-row-image-container.right-line.bottom-padding {
border-bottom:1px solid #000;
padding-bottom:30px
}
.duo-row-image-container.padding {
height:auto
}
.duo-row-image-container.last {
height:auto;
border-bottom-style:solid;
order:1;
padding-bottom:30px
}
.duo-row-image-container.auto-height-mobile {
height:auto
}
.duo-row-image-container.bottom-padding {
border-bottom:1px solid #000;
padding-bottom:30px
}
.duo-image {
width:85%;
height:338px;
max-height:none;
min-height:auto;
border:1px solid #000;
padding:0
}
.duo-image.scale-down {
width:100%;
height:auto;
min-height:auto;
border-style:none
}
.duo-image.pipes {
width:100%;
height:auto;
border-style:none
}
.duo-image.calcium {
width:auto;
height:300px;
max-height:none;
min-height:auto;
object-fit:cover;
border-style:none
}
.duo-image.no-outline {
border-style:none
}
.duo-content-container {
min-height:auto;
border-bottom-style:none;
padding-top:30px;
padding-bottom:30px
}
.duo-content-container.right-line {
min-height:auto;
border-top-style:none;
border-bottom-style:none
}
.duo-content-container.right-line.less-lower-padding {
padding-bottom:10px
}
.duo-content-container.padding.no-bottom-padding-mobile {
justify-content:center;
padding-top:40px;
padding-bottom:0
}
.duo-content-container.left-align {
border-bottom-style:none
}
.duo-content-container.no-bottom-padding {
padding-top:30px;
padding-bottom:0
}
.duo-sub-text {
margin-bottom:40px;
font-size:16px;
line-height:24px
}
.duo-sub-text.top-margin {
margin-top:20px
}
.duo-sub-text.small {
margin-bottom:20px
}
.duo-sub-text.less-margin {
margin-bottom:0
}
.procedure-slider-image {
height:auto;
object-fit:scale-down
}
.procedure-slider-content {
height:auto;
padding-left:0;
padding-right:0
}
.content-hero-image-container {
height:400px;
align-items:center;
padding-top:39px
}
.content-hero-image-container.light {
height:400px;
min-height:auto;
padding-top:38px
}
.content-column-50.image.bullets {
align-items:center;
margin-bottom:20px
}
.content-column-50.image.last {
margin-bottom:0
}
.image-full-width {
width:80%
}
.image-full-width.feed-schedules.reduce-down {
width:95%
}
.logo-content {
height:19px;
margin-bottom:15px
}
.logo-content.right-margin {
height:19px;
margin-bottom:15px;
margin-right:20px
}
.step {
width:85px;
height:24px;
margin-bottom:10px;
padding-left:10px;
padding-right:10px;
font-size:12px;
line-height:14px
}
.inline-icon {
height:32px
}
.inline-icon.bottom-margin {
height:36px;
margin-bottom:40px
}
.content-column-45.first {
margin-bottom:0
}
.content-column-45.last {
order:1;
margin-bottom:0
}
.sub-heading {
margin-bottom:20px;
font-size:16px;
line-height:24px
}
.cta-sub-heading {
font-size:20px;
line-height:32px
}
.cta-sub-heading.white-mobile {
margin-bottom:20px;
font-size:16px
}
.absolute-content-wrapper-right.absolute-mobile-top {
width:90%
}
.absolute-content-wrapper-right.absolute-mobile-top.side-padding {
padding-left:0;
padding-right:0
}
.button-row {
width:100%;
height:auto;
flex-direction:row;
justify-content:center;
align-items:center;
margin-top:0
}
.button-row.absolute-mobile-bottom {
width:280px;
height:auto;
flex-direction:row;
justify-content:space-between;
bottom:40px
}
.button-row.horizontal-mobile {
height:auto;
flex-direction:row;
margin-top:0
}
.content-row {
width:95%
}
.content-row._750 {
width:95%;
align-items:flex-start;
margin-top:40px
}
.content-row._1020 {
width:95%;
align-items:stretch;
margin-top:0
}
.content-row._1190 {
width:95%;
margin-top:40px
}
.comparison-title.green,
.comparison-title.blue {
font-size:14px
}
.title-underline {
height:3px
}
.comparison-image {
width:100%;
max-height:none
}
.comparison-sub-title {
font-size:10px;
line-height:20px
}
.comparison-sub-title.green,
.comparison-sub-title.blue {
font-size:10px;
line-height:14px
}
.comparison-table-title {
font-size:20px;
line-height:16px
}
.content-logo {
height:19px;
margin-bottom:20px
}
.content-column-33 {
flex-direction:column;
display:flex
}
.span-hero-pre-heading {
letter-spacing:.32em;
font-size:17px;
line-height:26px
}
.bullet-row {
height:auto;
margin-bottom:10px
}
.bullet-text {
font-size:14px;
line-height:26px
}
.right-arrow {
width:60px;
height:30px;
bottom:-13%;
left:auto
}
.tab-grid {
padding-top:20px;
padding-bottom:60px
}
.left-arrow {
width:60px;
height:30px;
bottom:-13%;
left:0%;
overflow:hidden
}
.tab-link,
.tab-link.w--current {
height:70px
}
.tab-link._25-mobile {
width:50%
}
.tabs-menu {
flex-direction:row
}
.tabs-menu.vertical {
flex-flow:column
}
.tabs-menu.vertical.alt {
flex-direction:row;
align-items:flex-end;
margin-bottom:20px
}
.tab-text {
letter-spacing:.06em;
font-size:14px
}
.slide-nav-2 {
bottom:-15%
}
.tab-slide {
width:98%
}
.heading-4 {
width:100%;
font-size:1.8em
}
.triple-column-image._195 {
max-width:200px;
margin-bottom:20px
}
.comparison-column-title {
letter-spacing:.12em;
font-size:22px;
line-height:24px
}
.comparison-column-title.small {
width:100px;
font-size:14px
}
.hood-hero-image.hidden-mobile {
display:none
}
.heading-5 {
width:100%;
font-size:1.8em
}
.absolute-content-container.culture {
margin-top:20px
}
.video-slider-arrow-left {
right:15%
}
.video-slider-arrow-right {
left:15%
}
.product-slider {
height:400px
}
.full-width-product-slider-container {
padding-top:40px;
padding-bottom:40px
}
.products-slider-mask._50 {
width:100%
}
.products-slider-mask._50._75-mobile {
width:80%
}
._3x {
width:100px;
height:100px;
border:1px solid #000;
border-radius:200px;
margin-bottom:20px;
padding:20px;
font-size:28px;
line-height:60px
}
.comparison-row {
flex-direction:row;
margin-top:0
}
.comparison-column-large {
width:45%
}
.fade-content-column {
width:90%
}
.content-hero-container-image {
height:300px;
padding-top:39px
}
.span-smaller-hero-title {
letter-spacing:.32em;
font-size:15px;
line-height:19px
}
.domes-content-column {
padding-left:5vw;
padding-right:5vw
}
.domes-content-column.less-padding {
padding-bottom:20px;
padding-left:5vw;
padding-right:5vw
}
.plotter_wrapper {
overflow:hidden
}
.plotter_wrapper.alt {
margin-top:0
}
.plotter_aspect-ratio {
height:300px
}
.plotter_aspect-ratio.alt {
width:100%;
height:400px;
min-height:auto
}
.plotter_img-cover.clean-line {
display:none
}
.plotter_img-cover.clean-line-mobile {
width:100%;
height:100%;
display:block
}
.plotter-items_tooltip {
width:200px;
height:auto;
min-height:auto
}
.plotter-items_card-arrow {
width:20px;
height:20px;
font-size:.8rem
}
.plotter-items_card-title {
font-size:.8rem
}
.plotter-items_card {
height:auto;
max-height:none;
padding:.8rem
}
.plotter-items_card-desc {
display:none
}
.plotter-items_card-desc.text-2lines {
display:flex
}
.close-modal {
width:30px;
height:30px;
right:0
}
.close-modal.content {
top:-15px;
right:-14px
}
.hero-inline-link-text {
font-size:18px
}
.tabs-grid {
flex-direction:row
}
.right-arrow-2 {
width:60px;
height:30px;
bottom:-13%;
left:auto
}
.tab-grid-2 {
padding-top:20px;
padding-bottom:40px
}
.left-arrow-2 {
width:60px;
height:30px;
bottom:-13%;
left:0%
}
.slide-image {
height:316px
}
.slide-sub-text {
height:auto
}
.slide-image-wrapper.rounded {
max-height:316px
}
.slide-nav-4 {
bottom:-15%
}
.slide-2 {
width:98%
}
.right-arrow-3 {
width:60px;
height:30px;
bottom:-13%;
left:auto
}
.tab-grid-3 {
padding-top:20px;
padding-bottom:40px
}
.left-arrow-3 {
width:60px;
height:30px;
bottom:-13%;
left:0%
}
.tab-title-wrapper {
height:50px
}
.tab-title {
font-size:20px
}
.slide-nav-5 {
bottom:-15%
}
.left-arrow-4,
.right-arrow-4 {
display:none
}
.modal-content-wrapper {
width:95%;
padding:20px 10px 0;
overflow:visible
}
.content-modal-3 {
opacity:0;
display:none
}
.product-comparison-slider {
height:auto
}
.product-comparison-slider.narrow {
width:100%
}
.procedure-slider-arrow-left,
.procedure-slider-arrow-right {
display:none
}
.procedure-slider {
height:400px
}
.mobile-content-hero-image {
flex:0 auto
}
.mobile-full-width-image {
min-height:auto
}
.button-heading {
line-height:28px
}
.bullet-container.less-margin {
height:auto;
margin-bottom:15px
}
.black-bullet-text {
font-size:16px;
line-height:20px
}
.contact-icon {
width:30px;
height:auto;
max-width:none;
margin-right:20px
}
.single-procedure-container {
height:300px;
padding-left:0;
padding-right:0
}
.buy-button {
width:70px;
min-height:30px;
min-width:auto;
padding-left:15px;
padding-right:15px;
font-size:16px;
line-height:28px
}
.buy-button-gradient {
opacity:1
}
.sourced-from {
flex-direction:column;
align-items:center;
display:flex
}
.countries-grid {
grid-template-columns:1fr 1fr
}
.country-name {
font-size:16px;
line-height:22px
}
.home-hero-heading-1 {
font-size:50px;
line-height:50px
}
.home-hero-heading-1.culture {
font-size:30px;
line-height:42px
}
.home-hero-heading-1.say-goodbye {
font-size:30px;
line-height:32px
}
.home-hero-heading-1.clean,
.home-hero-heading-1.blended {
font-size:30px;
line-height:30px
}
.home-hero-heading-1.pro {
letter-spacing:.2em;
font-size:28px;
line-height:28px
}
.home-hero-heading-1.ipm {
letter-spacing:.2em;
font-size:30px;
line-height:30px
}
.home-hero-slider-wrap {
height:524px
}
.glow-button {
height:48px;
min-height:auto;
min-width:auto;
padding-left:15px;
padding-right:15px;
font-size:16px;
line-height:28px
}
.glow-button-background {
box-shadow:0 0 1em #1868ee
}
.arrow {
width:40px;
height:40px;
display:block;
position:absolute;
bottom:0
}
.athena-logo {
margin-bottom:20px;
display:block
}
.mobile-logo-pre-heading {
height:22px;
max-width:none;
margin-bottom:10px
}
.hero-tag-absolute {
top:60px
}
.span-eurostile {
font-family:eurostile-extended,sans-serif;
font-size:26px;
font-weight:500
}
.desktop-logo {
height:21px;
max-width:none;
margin-bottom:10px
}
.hero-tag {
top:60px
}
._3-modes-wrapper {
flex-direction:column;
align-items:flex-start;
display:flex
}
._3-modes-listing {
width:100%;
height:auto;
margin-bottom:40px
}
.hero-heading-container {
height:300px;
padding-left:0;
padding-right:0
}
.content-modal-4 {
opacity:0;
display:none
}
.content-full-width-row {
min-height:auto;
border-bottom-style:none;
padding-top:30px;
padding-bottom:30px
}
.content-full-width-row.no-padding-mobile {
padding-bottom:0
}
.promo-bar-nav-text {
font-size:10px
}
.small-nav-link {
width:100%;
border-bottom:1px none var(--black);
text-align:center;
margin-bottom:0;
padding:0
}
.mobile-login-container {
margin-right:10px
}
.content-wrapper-copy {
border-bottom:0 #000;
padding-top:0;
padding-bottom:0
}
.table-title-copy {
font-size:14px;
line-height:24px
}
.hero-sub-text {
margin-bottom:10px;
margin-right:10px;
font-size:14px;
line-height:22px
}
.duo-procedure-container {
height:300px;
padding-left:0;
padding-right:0
}
.search-button {
width:auto;
height:50px;
min-height:auto;
min-width:auto;
letter-spacing:.025em;
padding-left:20px;
padding-right:20px;
font-size:14px;
line-height:28px
}
.search-result-image {
width:100%;
margin-bottom:20px;
margin-right:0
}
.search-link-block {
flex-direction:column;
align-items:flex-start
}
.search-listing-title {
margin-bottom:5px;
font-size:18px;
line-height:22px
}
.event-banner-desktop {
display:none
}
.event-banner-mobile {
width:100%;
max-width:none;
display:block
}
.home-slider-heading {
font-size:24px
}
.home-slider-sub-text {
font-size:16px
}
.superscript {
font-size:14px
}
.content-column-48.image.bullets {
align-items:center;
margin-bottom:20px
}
.content-column-48.image.last {
margin-bottom:0
}
.sds-sheet-table-cell {
height:40px;
align-items:center;
padding-left:5px
}
.sds-sheet-table-text {
line-height:16px
}
}
#w-node-c044186b-45b3-643f-1105-361d8be16346-5428823b,
#w-node-_87d9286b-ec1c-bf4e-d720-200182f830d1-5428823b,
#w-node-_6be2eec2-c9da-67d0-50d7-38c12a4cdd5f-5428823b,
#w-node-d8c8ea63-ca39-ffc7-77b7-071353f7a53e-5428823b {
grid-area:span 1/span 1/span 1/span 1
}
#w-node-b62427a8-4b54-9bce-c8d9-211b4ccd2d34-5428823b,
#w-node-e82d034b-187e-107c-8ecd-e462014b5f50-5428823b,
#w-node-b9b7f869-ab75-063e-f595-71403555ed8e-5428823b,
#w-node-_0e6efaa3-d990-ff63-fc10-0ce79fdaa017-5428823b,
#w-node-_7e729af3-0404-b57e-9757-522efc4ffcc7-5428823b,
#w-node-ae2085a7-ac7e-a2b9-929e-82a55b475c20-5428823b,
#w-node-ad0027b6-9c95-617c-5d18-67a1ae9518a1-5428823b,
#w-node-_080d3624-e666-c8b3-35a5-547d464a06a5-5428823b,
#w-node-_0b7a6f39-0cc9-eb5d-57f8-2bdc6e98173a-5428823b,
#w-node-_316b0442-3197-2676-c590-12c6d3a881a3-5428823b,
#w-node-ad348d4c-111c-1d70-3a02-70dcd2536b3d-5428823b,
#w-node-_1ba78571-179c-a1ed-91a7-beebac2794c3-ac2794be,
#w-node-_1ba78571-179c-a1ed-91a7-beebac2794cb-ac2794be {
grid-area:span 1/span 1/span 1/span 1;
justify-self:center
}
#w-node-_1ba78571-179c-a1ed-91a7-beebac2794d3-ac2794be {
grid-area:span 1/span 1/span 1/span 1
}
#w-node-_16ec60ee-30a7-44a2-06ba-3493f1e9cef5-c69bfacf,
#w-node-_16ec60ee-30a7-44a2-06ba-3493f1e9cefd-c69bfacf {
grid-area:span 1/span 1/span 1/span 1;
justify-self:center
}
#w-node-_16ec60ee-30a7-44a2-06ba-3493f1e9cf05-c69bfacf {
grid-area:span 1/span 1/span 1/span 1
}
#w-node-c645db23-a839-8bea-a4a0-5828f0f1f661-2669a414,
#w-node-c645db23-a839-8bea-a4a0-5828f0f1f662-2669a414,
#w-node-c645db23-a839-8bea-a4a0-5828f0f1f663-2669a414,
#w-node-c645db23-a839-8bea-a4a0-5828f0f1f664-2669a414,
#w-node-c645db23-a839-8bea-a4a0-5828f0f1f665-2669a414,
#w-node-c645db23-a839-8bea-a4a0-5828f0f1f666-2669a414,
#w-node-c645db23-a839-8bea-a4a0-5828f0f1f667-2669a414,
#w-node-c645db23-a839-8bea-a4a0-5828f0f1f668-2669a414,
#w-node-c645db23-a839-8bea-a4a0-5828f0f1f669-2669a414,
#w-node-c645db23-a839-8bea-a4a0-5828f0f1f66a-2669a414,
#w-node-c645db23-a839-8bea-a4a0-5828f0f1f66b-2669a414 {
grid-area:span 1/span 1/span 1/span 1;
justify-self:center
}
#w-node-_1c4dc587-3b94-cc15-f5bd-ba3f75c8ffde-2669a414,
#w-node-_1c4dc587-3b94-cc15-f5bd-ba3f75c8ffe7-2669a414,
#w-node-_1c4dc587-3b94-cc15-f5bd-ba3f75c8fff0-2669a414,
#w-node-_1c4dc587-3b94-cc15-f5bd-ba3f75c8fff9-2669a414,
#w-node-dd057706-e11a-9fc2-a610-4ef40dfb2090-87c59c94,
#w-node-a1869b83-fec4-765f-ac8e-a823af2915d2-87c59c94,
#w-node-_41197311-dfe6-e901-f85e-cdb2844ea5d2-87c59c94,
#w-node-a981935f-ca54-784f-5f99-b1f99dc6d897-87c59c94,
#w-node-_8ecca9bd-256c-e3c3-a76e-bfbc6830045b-87c59c94,
#w-node-_285e796f-40b2-00a6-c249-542c143c3f1a-87c59c94,
#w-node-_778217fd-2912-6b43-b4c0-76c6408dbecc-9d30bd72,
#w-node-b1006510-2769-4431-19ce-856821eaa16d-9d30bd72,
#w-node-_4e884719-8a7b-75c1-eba2-e0ae7d481125-9d30bd72,
#w-node-b1006510-2769-4431-19ce-856821eaa16e-9d30bd72,
#w-node-_22367357-ac3a-f201-0c13-64be131ae604-9d30bd72,
#w-node-b1006510-2769-4431-19ce-856821eaa16f-9d30bd72,
#w-node-fe68a834-ae40-6df5-0499-a0ba5356cc79-9d30bd72,
#w-node-b1006510-2769-4431-19ce-856821eaa170-9d30bd72 {
grid-area:span 1/span 1/span 1/span 1
}