@charset "utf-8";
@font-face {
  font-family: 'Serendipity One';
  src: url("../fonts/serendipityone.eot");
  src: url("../fonts/serendipityone.eot?#iefix") format("embedded-opentype"), url("../fonts/serendipityone.woff2") format("woff2"), url("../fonts/serendipityone.woff") format("woff"), url("../fonts/serendipityone.ttf") format("truetype"), url("../fonts/serendipityone.svg#serendipityone") format("svg");
  font-weight: normal;
  font-style: normal;
}
:root {
  --yellow: #fbbd16;
  --yellow-rgb: 251,189,22;
  --yellow-dark: #fbbd16;
  --yellow-dark-rgb: 247,173,29;
  --yellow-x-dark: #f37e23;
  --yellow-x-dark-rgb: 243,126,35;
  --yellow-light: #ffdeaa;
  --yellow-light-rgb: 255,222,170;
  --yellow-x-light: #ffebd1;
  --yellow-x-light-rgb: 255,235,209;

  --orange: #ed552e;
  --orange-rgb: 237,85,46;
  --orange-dark: #c8522e;
  --orange-dark-rgb: 200,82,46;
  --orange-x-dark: #90361e;
  --orange-x-dark-rgb: 144,54,30;
  --orange-xx-dark: #50342e;
  --orange-xx-dark-rgb: 80,52,46;
  --orange-light: #f59e7d;
  --orange-light-rgb: 245,158,125;
  --orange-x-light: #ffebd1;
  --orange-x-light-rgb: 255,235,209;

  --red: #ea1d4c;
  --red-rgb: 234,29,76;
  --red-dark: #991a2e;
  --red-dark-rgb: 153,26,46;
  --red-x-dark: #781218;
  --red-x-dark-rgb: 120,18,24;
  --red-light: #f5b6b3;
  --red-light-rgb: 245,182,179;
  --red-x-light: #f9dcdf;
  --red-x-light-rgb: 249,220,223;

  --purple: #b37aa8;
  --purple-rgb: 179,122,168;
  --purple-dark: #a06d84;
  --purple-dark-rgb: 160,109,132;
  --purple-x-dark: #6d245c;
  --purple-x-dark-rgb: 109,36,92;
  --purple-light: #e3c8de;
  --purple-light-rgb: 227,200,222;
  --purple-x-light: #f9dcdf;
  --purple-x-light-rgb: 249,220,223;

  --blue: #26b5e8;
  --blue-rgb: 38,181,232;
  --blue-dark: #1660a1;
  --blue-dark-rgb: 22,96,161;
  --blue-x-dark: #044a75;
  --blue-x-dark-rgb: 4,74,117;
  --blue-light: #afdcd9;
  --blue-light-rgb: 175,220,217;
  --blue-x-light: #d4eae7;
  --blue-x-light-rgb: 212,234,231;
  --blue-alt: #1483c5;
  --blue-alt-rgb: 20,131,197;

  --green: #64b848;
  --green-rgb: 100,184,72;
  --green-dark: #035b2f;
  --green-dark-rgb: 3,91,47;
  --green-x-dark: #2d4143;
  --green-x-dark-rgb: 45,65,67;
  --green-light: #b2d478;
  --green-light-rgb: 178,212,120;
  --green-x-light: #e6ebc1;
  --green-x-light-rgb: 230,235,193;
  --green1: #219653;
  --green-alt: #4fb64a;
  --green-alt-rgb: 79,182,74;

  --gray: #63656a;
  --gray-rgb: 99,101,106;
  --gray-dark: #323537;
  --gray-dark-rgb: 69,73,75;
  --gray-x-dark: #334042;
  --gray-x-dark-rgb: 51,64,66;
  --gray-light: #45494b;
  --gray-light-rgb: 168,168,170;
}
body, html {
  margin: 0;
  padding: 0 !important;
  width: 100%;
  font-family: proxima-nova, sans-serif;
  font-weight: 400;
  font-size: clamp(13px, 1vw, 20px);
  line-height: clamp(23px, 1.75vw, 30px);
  color: #252525;
  text-align: center;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
  /*-webkit-user-select: none;
  -moz-user-select: none;*/
}
h1,h2,h3,h4 {
  font-weight: 800;
}
h2 {
  margin-bottom: 1rem;
  color: var(--blue-dark);
}
h3 {
  margin-bottom: 1rem;
  width: 100%;
  color: var(--blue-dark);
}
h5 {
  font-weight: 700;
  line-height: 1.5;
}
a {
  color: #666;
}
.no-touch a:hover {
  color: #999;
}
a, button, a:before, a:after {
  transition: all .25s ease;
  -webkit-appearance: none !important;
  outline: none;
}
a.anchor {
  height: 0;
  visibility: hidden;
  opacity: 0;
  top: 2px;
}
a.product_anchor {
  height: 0;
  visibility: hidden;
  opacity: 0;
  top: -3rem;
  position: absolute !important;
}
.image {
  max-width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image + p, p + .image {
  margin-top: 2rem;
}
.image img {
  max-width: 100%;
  height: auto;
  z-index: 1;
}
.image.circle {
  aspect-ratio: 1/1
}
.image.circle:after, .inset-image.circle:after {
  width: 95%;
  max-height: 95%;
  content: '';
  background-color: var(--blue);
  aspect-ratio: 1/1;
  border-radius: 50%;
  opacity: .05;
  position: absolute;
  z-index: 0;
}
.image.circle.blue:after, .inset-image.circle.blue:after, section.product-detail .row.products .product.blue .card .image:after {
  background-color: var(--blue);
  opacity: .125;
}
.image.circle.green:after, .inset-image.circle.green:after, section.product-detail .row.products .product.green .card .image:after {
  background-color: var(--green);
  opacity: .075;
}
.image.circle.yellow:after, .inset-image.circle.yellow:after, section.product-detail .row.products .product.yellow .card .image:after {
  background-color: var(--yellow);
  opacity: .125;
}
.image.circle.orange:after, .inset-image.circle.orange:after, section.product-detail .row.products .product.orange .card .image:after {
  background-color: var(--orange);
  opacity: .125;
}
.image.circle.blue-dark:after, .inset-image.circle.blue-dark:after, section.product-detail .row.products .product.blue-dark .card .image:after {
  background-color: var(--blue-dark);
  opacity: .125;
}
.image.circle.green-dark:after, .inset-image.circle.green-dark:after, section.product-detail .row.products .product.green-dark .card .image:after {
  background-color: var(--green-dark);
  opacity: .125;
}
.image.circle.yellow-dark:after, .inset-image.circle.yellow-dark:after, section.product-detail .row.products .product.yellow-dark .card .image:after {
  background-color: var(--yellow-dark);
  opacity: .125;
}
.image.circle.orange-dark:after, .inset-image.circle.orange-dark:after, section.product-detail .row.products .product.orange-dark .card .image:after {
  background-color: var(--orange-dark);
  opacity: .125;
}
.image.circle.gray:after, .inset-image.circle.gray:after, section.product-detail .row.products .product.gray .card .image:after {
  background-color: var(--gray);
  opacity: .125;
}
.image.circle.gray-dark:after, .inset-image.circle.gray-dark:after, section.product-detail .row.products .product.gray-dark .card .image:after {
  background-color: var(--gray-dark);
  opacity: .125;
}
.image.circle.gray-light:after, .inset-image.circle.gray-light:after, section.product-detail .row.products .product.gray-light .card .image:after {
  background-color: var(--gray-light);
  opacity: .075;
}
.image.circle.white:after, .inset-image.circle.white:after {
  background-color: #fff;
  opacity: .25;
}
.image.circle.light:after, .inset-image.circle.light:after {
  background-color: #fff;
  opacity: .15;
}
.image.circle.dark:after, .inset-image.circle.dark:after {
  background-color: #000;
  opacity: .25;
}
.youtube {
  width: 100%;
  position: relative;
}
.youtube iframe {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 16/9;
  border-radius: 1.25rem;
}
iframe[src*="youtube"] {
  max-width: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
  border-radius: 1.25rem;
}
video {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 16/9;
  border-radius: 1.25rem;
  box-shadow: 0px 0px 1px 1px rgb(0 0 0 / 7%);
}
.no-radius video  {
  border-radius: 0 !important;
}
.youtube.description video, .youtube.description iframe {
  margin: 0;
  border-radius: 1.25rem 1.25rem 0 0;
}
.youtube.description video + button.description, .youtube.description iframe + button.description {
  margin: -.625rem 0 .625rem 0;
  padding: 1.25rem;
  width: 100%;
  font-size: 1.25rem;
  color: #fff;
  background-color: var(--gray-dark);
  border: none;
  border-radius: 0 0 1.25rem 1.25rem;
  display: block;
}
.no-touch .youtube.description button.description:hover {
  color: rgba(255,255,255,.5) !important;
}
.youtube.description video + .description:before, .youtube.description iframe + .description:before {
  margin-right: .5rem;
  content: "\f04b";
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  color: var(--green);
  position: relative;
  display: inline-block;
  vertical-align: middle;
  left: 0;
  transition: all .25s ease;
}
ul {
  list-style-position: inside;
}
ul li {
  padding: 0;
}
ul.standard {
  padding-left: 1rem;
  list-style: none;
}
ul.standard li {
  padding-left: .25rem !important;
  line-height: 1.25rem;
  position: relative;
}
ul.standard li + li {
  margin-top: .5rem;
}
ul.standard li::before {
  width: .5rem;
  content: "\f111";
  font-family: 'Font Awesome 6 Pro';
  font-size: .35rem;
  font-weight: 700;
  color: var(--green);
  position: absolute;
  display: inline-block;
  vertical-align: top;
  left: -.5rem;
}
ul.standard.centered li::before {
  position: relative;
  left: -.25rem;
}
section > .row {
  margin-left: 0;
  margin-right: 0;
}
section.product-detail .row.products .product .card-body ul.standard li ul.standard {
  margin-top: .5rem;
  margin-bottom: 0 !important;
}
ul.standard li ul.standard li::before {
  font-weight: 400;
}
ul.checks, section.product-detail .row.products .product .card-body ul:not(.list-unstyled) {
  padding-left: 1rem;
  font-weight: 600;
  list-style: none;
}
ul.checks li, section.product-detail .row.products .product .card-body ul:not(.list-unstyled) li {
  padding-left: .5rem !important;
  /*line-height: 1.125rem;*/
  position: relative;
}
ul.checks li, section.product-detail .row.products .product .card-body ul:not(.list-unstyled) ul {
  margin-top: .5rem;
}
ul.checks li, section.product-detail .row.products .product .card-body ul:not(.list-unstyled) ul li {
  padding-left: .325rem !important;
}
ul.checks li + li, section.product-detail .row.products .product .card-body ul:not(.list-unstyled) li + li {
  margin-top: 1rem;
}
ul.checks li::before, section.product-detail .row.products .product .card-body ul:not(.list-unstyled) li:before {
  content: "\f00c";
  font-family: 'Font Awesome 6 Pro';
  font-size: .875rem;
  font-weight: 700;
  color: var(--yellow);
  position: absolute;
  display: inline-block;
  vertical-align: top;
  left: -.75rem;
}
section.product-detail .row.products .product .card-body ul:not(.list-unstyled) ul li:before {
  width: .25rem;
  content: "\f111";
  font-family: 'Font Awesome 6 Pro';
  font-size: .35rem;
  font-weight: 700;
  color: var(--green) !important;
  position: absolute;
  display: inline-block;
  vertical-align: top;
  left: -.5rem;
}
ul.checks.centered li::before, section.product-detail .row.products .product .card-body ul:not(.list-unstyled).centered li:before {
  position: relative;
  left: -.25rem;
}
ul.check-circle {
  padding-left: 1rem;
  font-weight: 600;
  list-style: none;
}
ul.check-circle li {
  padding-left: .5rem !important;
  position: relative;
}
ul.check-circle li {
  margin-top: .5rem;
}
ul.check-circle li {
  padding-left:check-circle .325rem !important;
}
ul.check-circle li + li {
  margin-top: 1rem;
}
ul.check-circle li::before {
  content: "\f058";
  font-family: 'Font Awesome 6 Pro';
  font-size: .875rem;
  font-weight: 700;
  color: var(--green);
  position: absolute;
  display: inline-block;
  vertical-align: top;
  left: -.75rem;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);;
}
.btn {
  -webkit-appearance: none;
  text-shadow: none !important;
}
:target:before {
  content: '';
  display: block;
  height: 4rem;
  margin: -4rem 0 0;
}
.stretched-link {
  font-size: 0;
  line-height: 0;
  text-decoration: none;
}
.text-blue {
  color: var(--blue) !important;
}
.text-blue-dark {
  color: var(--blue-dark) !important;
}
.text-green {
  color: var(--green) !important;
}
.text-green-dark {
  color: var(--green-dark) !important;
}
.text-green-alt {
  color: var(--green-alt) !important;
}
.text-yellow {
  color: var(--yellow !important);
}
.text-yellow-dark {
  color: var(--yellow-dark) !important;
}
.text-orange {
  color: var(--orange) !important;
}
.text-orange-dark {
  color: var(--orange-dark) !important;
}
.text-gray {
  color: var(--gray) !important;
}
.fs-4 {
  line-height: 2rem;
}
.fs-5 {
  line-height: 1.75rem;
}
hr.white {
  border-color: #fff;
}
section:not(.news,.contact,.hero) > .row {
  display: flex;
  justify-content: center;
  align-items: center;
}
section:not(.news,.contact,.hero,.related-products,.product-detail) > .row > [class*="col-"] {
  padding: 3rem;
}
header {
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 999;
  transition: all .325s ease-in-out;
  box-shadow: 0 0 2rem rgb(0 0 0 / 10%);
}
header .container {
  max-width: unset;
  padding: 0;
  display: flex;
  flex-direction: column-reverse;
}
header .top {
  font-size: .75rem;
  font-size: clamp(13px, 1vw, .75rem);
  line-height: 1.75rem;
  text-align: right;
  background-color: rgba(var(--gray-rgb),.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
/*header .top:has(a.my-account) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}*/
header .top a.my-account {
  padding: 0 1.25rem;
  height: 100%;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  visibility: hidden;
  display: none;
}
header .top a.my-account:hover {
  color: var(--blue-dark);
}
header .top a.my-account [class*="fa-"] {
  width: 1rem;
  height: 1rem;
  font-size: .625rem;
  line-height: 1rem;
  color: #fff;
  text-align: center;
  background: var(--blue);
  background: linear-gradient(15deg, rgba(var(--blue-rgb),1) 0%,rgba(var(--green-rgb),1) 100%);
  display: inline-block;
  vertical-align: middle;
  border-radius: 50rem;
  aspect-ratio: 1/1;
}
header .top a.my-account span {
  padding: 0 .25rem;
  display: inline-block;
  vertical-align: middle;
}
header a.menu {
    display: none;
}
header nav {
  width: 100%;
  max-width: 100%;
  height: 100%;
  font-size: clamp(.9rem, 1vw, 17px);
  line-height: clamp(21px, 1.75vw, 28px);
  font-weight: 600;
  background: #fff;
  transition: all .5s ease-in-out;
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
header nav a {
  text-decoration: none;
  display: block;
}
header nav a.btn {
  margin: .5rem;
  padding: .25rem 1.25rem !important;
  font-size: clamp(12px, 1vw, 17px);
  font-weight: 600;
  color: var(--green) !important;
  text-align: center !important;
  border-width: 2px;
  border-color: var(--green);
  border-radius: 50rem;
}
.no-touch header nav a.btn:hover {
  color: #fff !important;
  border-color: var(--green);
  background-color: var(--green);
  transition: all .125s ease-in-out;
}
.no-touch header nav a.btn:hover i {
  color: #fff !important;
}
header nav a.btn i {
  font-size: .9rem;
  color: var(--green) !important;
}
header nav .spacer {
  margin: 1.5rem;
  width: 2.075%;
}
header ul.main-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
header ul.main-nav > li {
  margin-left: 0.125rem !important;
  margin-right: 0.125rem !important;
  padding-right: 0.25rem!important;
  padding-left: 0.25rem!important;
  height: 100%;
  display: inline-flex;
}
header nav > ul.main-nav > li > a {
  padding-top: calc(.5rem + 4px);
  padding-bottom: calc(.5rem + 4px);
  color: var(--gray-dark);
}
.no-touch header nav > ul.main-nav > li:hover > a:not(.btn), header nav > ul.main-nav > li.active > a:not(.btn) {
    color: var(--blue-dark);
}
header nav > ul.main-nav > li.has-submenu > a:after {
  margin-left: 5px;
  content: "\f107";
  font-family: 'Font Awesome 6 Pro';
  font-size: .625rem;
  font-weight: 400;
  text-align: center;
  color: var(--blue);
  display: inline-block;
  position: relative;
  top: 0;
}
header nav > ul.main-nav > li.has-submenu {
  position: relative;
}
.no-touch header nav > ul.main-nav > li.has-submenu:hover > a:after {
  content: "\f106";
  color: var(--green);
}
header nav > ul.main-nav > li.has-submenu .submenu-wrapper li.has-submenu > a:after {
  content: "\f105";
  font-family: 'Font Awesome 6 Pro';
  font-size: .625rem;
  font-weight: 400;
  text-align: center;
  color: rgba(255,255,255,.5);
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: .375rem;
  transition: all .2s ease-in-out;
}
.no-touch header nav > ul.main-nav > li.has-submenu .submenu-wrapper li.has-submenu:hover > a:after {
  color: rgba(255,255,255,.5);
}
header nav > ul.main-nav li .submenu-wrapper {
  padding: .5rem .375rem .375rem;
/*  width: 15rem;*/
  width: clamp(250px, 20vw, 325px);;
  background-color: rgba(var(--gray-dark-rgb),.99);
  font-size: .825rem;
  line-height: 1rem;
  letter-spacing: 0;
  position: absolute;
  left: -.5rem;
  top: 100%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all .2s ease-in-out;
}
header nav > ul.main-nav li .submenu-wrapper li .submenu-wrapper {
  background-color: rgba(var(--gray-dark-rgb),.96);
  left: calc(100% + .375rem);
  top: 0;
}
header nav > ul.main-nav > li:nth-last-child(2) .submenu-wrapper li .submenu-wrapper {
  left: unset;
  right: calc(100% + .375rem);
}
.no-touch header nav > ul.main-nav > li.has-submenu:hover > .submenu-wrapper, .no-touch header nav > ul.main-nav > li.has-submenu:hover > .submenu-wrapper li.has-submenu:hover > .submenu-wrapper {
  opacity: 1;
  visibility: visible;
}
.no-touch header nav > ul.main-nav > li.has-submenu:hover > .submenu-wrapper li.has-submenu:hover > .submenu-wrapper li.has-submenu:hover > .submenu-wrapper, .no-touch header nav ul.main-nav li.has-submenu .submenu-wrapper li.has-submenu .submenu-wrapper a:after {
  display: none;
}
header nav > ul.main-nav li .submenu-wrapper ul.submenu {
  margin: 0;
  padding: 0;
  list-style: none;
}
header nav > ul.main-nav li .submenu-wrapper ul.submenu li {
  position: relative;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
header nav > ul.main-nav li .submenu-wrapper ul.submenu li a {;
  padding: .5rem 1.5rem .5rem .5rem;
  font-size: clamp(14px, 1vw, 17px);
  line-height: clamp(19px, 1.5vw, 23px);
  font-weight: 500;
  color: #fff;
  letter-spacing: 0;
  text-align: left;
  display: block;
  position: relative;
  z-index: 10;
}
.no-touch header nav > ul.main-nav li > .submenu-wrapper > ul.submenu > li:hover > a {;
  color: #fff;
}
header nav > ul.main-nav li .submenu-wrapper ul.submenu li:before {
  width: 100%;
  height: 1px;
  content: '';
  background: rgba(0,0,0,.05);
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all .2s ease-in-out;
  z-index: 0;
}
.no-touch header nav > ul.main-nav li .submenu-wrapper ul.submenu li:hover:before {
  height: 100%;
  background: var(--blue-dark);
}
header .top > ul.secondary-nav > li > a {
  padding-top: calc(.5rem + 2px);
  padding-bottom: calc(.5rem + 2px);
  color: var(--gray-dark);
  text-decoration: none;
}
header ul.secondary-nav {
  margin: 0;
  padding-right: 1rem!important;
  padding-left: 1rem!important;
  list-style: none;
}
header ul.secondary-nav > li {
  margin-left: 0.125rem !important;
  margin-right: 0.125rem !important;
  padding-right: 0.25rem!important;
  padding-left: 0.25rem!important;
  display: inline-block;
}
.no-touch header .top > ul.secondary-nav > li:hover > a, header .top > ul.secondary-nav > li.active > a {
  color: var(--gray-light);
}
header .top > ul.secondary-nav > li.has-submenu > a:after {
  margin-left: 5px;
  content: "\f107";
  font-family: 'Font Awesome 6 Pro';
  font-size: .625rem;
  font-weight: 400;
  text-align: center;
  color: var(--blue);
  display: inline-block;
  position: relative;
  top: 0;
}
header .top > ul.secondary-nav > li.has-submenu {
  position: relative;
}
header .top > ul.secondary-nav > li.has-submenu a {
  text-decoration: none;
}
.no-touch header .top > ul.secondary-nav > li.has-submenu:hover > a:after {
  content: "\f106";
  color: var(--green);
}
header .top > ul.secondary-nav > li.has-submenu .submenu-wrapper li.has-submenu > a:after {
  content: "\f105";
  font-family: 'Font Awesome 6 Pro';
  font-size: .625rem;
  font-weight: 400;
  text-align: center;
  color: rgba(255,255,255,.5);
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: .375rem;
  transition: all .2s ease-in-out;
}
.no-touch header .top > ul.secondary-nav > li.has-submenu .submenu-wrapper li.has-submenu:hover > a:after {
  color: rgba(255,255,255,.5);
}
header .top > ul.secondary-nav li .submenu-wrapper {
  padding: .5rem .375rem .375rem;
  width: 10rem;
  background-color: rgba(var(--gray-dark-rgb),.99);
  font-size: .825rem;
  line-height: 1rem;
  letter-spacing: 0;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all .2s ease-in-out;
}
header .top > ul.secondary-nav > li:nth-last-child(2) .submenu-wrapper {
  left: unset;
  right: 0;
  top: 100%;
}
header .top > ul.secondary-nav li .submenu-wrapper li .submenu-wrapper {
  background-color: rgba(var(--gray-dark-rgb),.96);
  left: calc(100% + .375rem);
  top: 0;
}
header .top > ul.secondary-nav > li .submenu-wrapper li .submenu-wrapper {
  left: unset;
  right: calc(100% + .375rem);
}
.no-touch header .top > ul.secondary-nav > li.has-submenu:hover > .submenu-wrapper, .no-touch header .top > ul.secondary-nav > li.has-submenu:hover > .submenu-wrapper li.has-submenu:hover > .submenu-wrapper {
  opacity: 1;
  visibility: visible;
}
.no-touch header .top > ul.secondary-nav > li.has-submenu:hover > .submenu-wrapper li.has-submenu:hover > .submenu-wrapper li.has-submenu:hover > .submenu-wrapper, .no-touch header nav ul.main-nav li.has-submenu .submenu-wrapper li.has-submenu .submenu-wrapper a:after {
  display: none;
}
header .top > ul.secondary-nav li .submenu-wrapper ul.submenu {
  margin: 0;
  padding: 0;
  list-style: none;
}
header .top > ul.secondary-nav li .submenu-wrapper ul.submenu li {
  position: relative;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
header .top > ul.secondary-nav li .submenu-wrapper ul.submenu li a {;
  padding: .5rem 1.5rem .5rem.375rem;
  font-size: .75rem;
  line-height: .875rem;
  color: #fff;
  text-align: left;
  display: block;
  position: relative;
  z-index: 10;
}
.no-touch header .top > ul.secondary-nav li > .submenu-wrapper > ul.submenu > li:hover > a {;
  color: #fff;
}
header .top > ul.secondary-nav li .submenu-wrapper ul.submenu li:before {
  width: 100%;
  height: 1px;
  content: '';
  background: rgba(0,0,0,.05);
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all .2s ease-in-out;
  z-index: 0;
}
.no-touch header .top > ul.secondary-nav li .submenu-wrapper ul.submenu li:hover:before {
    height: 100%;
    background: var(--blue-dark);
}
header.main.switch.down {
  top: -6.25rem;
}
header .logo-main {
  margin: 1.5rem 0 .5rem;
}
header .logo-main img {
  width: auto;
  height: 2.5rem;
}
header.switch.down .language, header.switch.down .region {
  opacity: 0;
  visibility: hidden;
  transition: all .35s ease-in-out;
}
header .home {
  width: 2.075%;
  opacity: 0;
  visibility: hidden;
  transition: all .35s ease-in-out;
  position: absolute;
  left: -100%;
  z-index: 99;
}
header .home img {
  width: 100%;
  min-width: 20px;
  max-width: 30px;
}
header.switch.down .home {
  opacity: 1;
  visibility: visible;
  left: .5rem;
}
header.mobile {
  display: none;
}
form[name="language_select"] .select-wrap {
  margin: 0 .25rem;
  position: relative;
}
form[name="language_select"] .select-wrap:before {
  padding: 0 .5rem;
  content: "\f1ab";
  font-family: 'Font Awesome 6 Pro';
  font-size: 1rem;
  font-weight: 700;
  color: rgba(var(--gray-rgb),.25);
  position: absolute;
  display: inline-block;
  vertical-align: top;
  pointer-events: none;
}
form[name="language_select"] select {
  padding: 0 1rem 0 2rem;
  background-color: transparent;
  border: none;
  outline: none !important;
  cursor: pointer;
  /*-webkit-appearance: none !important;*/
}
footer {
  margin: 6rem 0;
  font-size: .875rem;
  color: var(--gray);
  /*z-index: 99;*/
  position: relative;
}
section.contact + footer {
  margin-top: -2rem;
}
footer .logo {
  margin: 0 auto;
  width: 11%;
  max-width: 215px;
  min-width: 150px;
}
footer nav {
  margin-top: 2rem;
  padding: 0 3rem;
  line-height: .875rem;
}
/*footer nav > ul {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 3rem;
}
footer nav > ul > li {
  max-width: 300px;
}*/
footer nav > ul {
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto auto auto auto auto auto;
  grid-template-rows: auto;
  align-items: flex-start;
  justify-content: center;
  gap: 3rem;
}
footer nav ul li {
  margin-bottom: .5rem;
  text-align: left;
}
/*footer nav ul li ul {
  column-count: 2;
}*/
footer ul li a {
  font-size: .75rem;
  text-decoration: none;
}
footer ul li strong a {
  font-size: .825rem;
}
footer ul li strong + ul {
  margin-top: .5rem;
}
footer .social a {
  padding: 1rem;
  font-size: 1.5rem;
  color: rgba(var(--gray-rgb),.25);
}
footer .btn.contact {
  padding: 0;
  color: #fff;
  background-color: rgba(var(--blue-dark-rgb),.95);
  border: none;
  border-left: .25rem solid rgba(var(--blue-rgb),.5);
  border-radius: 0 50rem 50rem 0;
  z-index: 99;
  position: fixed;
  bottom: .5rem;
  right: .5rem;
  overflow: hidden;
  transition: all .25s ease;
  -webkit-box-shadow: 0px 0px .5rem .0875rem rgba(0,0,0,.15); 
  box-shadow: 0px 0px .5rem .0875rem rgba(0,0,0,.15);
}
footer .btn.contact div.text {
  padding: .25rem .625rem;
  font-size: .825rem;
  line-height: .825rem;
  color: rgba(255,255,255,.75);
  text-align: left;
  display: inline-block;
  vertical-align: middle;
}
footer .btn.contact div.text h6 {
  margin-bottom: .25rem;
  font-size: .975rem;
  line-height: 1rem;
  font-weight: 700;
  color: #fff;
}
footer .btn.contact span {
  padding: .75rem;
  font-size: 1.75rem;
  line-height: 1rem;
  background-color: var(--green);
  border: 2px solid rgba(var(--blue-dark-rgb),.85);
  border-radius: 50rem;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  transition: all .25s ease;
  aspect-ratio: 1/1;
}
footer .btn.contact.fader .text h6, footer .btn.contact.fader span i {
  webkit-animation-name: fade;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 6s;
  animation-name: fade;
  animation-iteration-count: infinite;
  animation-duration: 6s;
}
@-webkit-keyframes fade {
  0% {opacity: 0;}
  20% {opacity: 1;}
  33% {opacity: 1;}
  53% {opacity: 0;}
  100% {opacity: 0;}
}
@keyframes fade {
  0% {opacity: 0;}
  20% {opacity: 1;}
  33% {opacity: 1;}
  53% {opacity: 0;}
  100% {opacity: 0;}
}
footer .btn.contact.fader .text h6:nth-of-type(2) {
  -webkit-animation-delay: -3s;
  animation-delay: -3s;
  position: absolute;
  z-index: 99;
  top: 50%;
  left: .625rem;
  top: .625rem;
}
footer .btn.contact.fader span i:nth-of-type(2) {
  -webkit-animation-delay: -3s;
  animation-delay: -3s;
  position: absolute;
  z-index: 99;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.offcanvas-header {
  padding-top: 2rem;
  position: relative;
  justify-content: center;
}
.offcanvas-header .btn-close {
  margin: 0;
  padding: 0;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.offcanvas-body {
  margin: 0 auto;
  max-width: 1600px;
}
textarea.form-control, .form-floating>textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px) !important;
  height: unset;
}
header .home span, header .language span {
  position: relative;
  display: block;
}
.no-touch footer .btn.contact:hover {
  background-color: rgba(var(--gray-dark-rgb),.95);
  border-left: .25rem solid rgba(var(--blue-rgb),.95);
}
.no-touch footer .btn.contact:hover span {
  background: var(--green-dark);
  background: var(--green) linear-gradient(175deg, rgba(118,189,34,1) 50%, rgba(47,120,33,1) 100%);
  border: 2px solid rgba(var(--gray-rgb),.85);
  color: #fff;
}
.offcanvas-bottom {
  height: auto !important;
}
body.lock {
  overflow: hidden !important;
}
section p {
  font-size: clamp(15px, 1vw, 20px);
  line-height: clamp(25px, 1.75vw, 30px);
}
section .btn, .offcanvas .btn, footer .international {
  padding: 1rem 2.25rem;
  font-family: proxima-nova, sans-serif !important;
  font-size: .875rem !important;
  line-height: 1rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  text-transform: uppercase;
  background-color: var(--yellow) !important;
  border: none;
  border-radius: 50rem;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0 0 0 0 rgba(246,190,0,0.5);
  box-shadow: 0 0 0 0 rgba(246,190,0,0.5);
}
section .btn strong {
  /*margin-top: -2.5%;*/
  font-size: 1.875rem;
  line-height: 1.875rem;
  font-weight: 700;
  display: block;
}
section .btn.green, .offcanvas .btn.green {
  background-color: var(--green) !important;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(118,189,34,0.5);
  box-shadow: 0px 0px 0px 0px rgba(118,189,34,0.5);
}
section .btn.gray, .offcanvas .btn.gray {
  background-color: var(--gray) !important;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(var(--gray-rgb),.325);
  box-shadow: 0px 0px 0px 0px rgba(var(--gray-rgb),.325);
}
section .btn span, section .btn::first-line {
  position: relative;
  z-index: 1;
}
section .btn span {
  font-family: proxima-nova, sans-serif !important;
  font-size: .875rem !important;
  line-height: 1rem !important;
  font-weight: 700 !important;
  color: #fff !important;
}
.no-touch section .btn:hover, section .btn.show, .no-touch .offcanvas .btn:hover, .no-touch footer .international:hover {
  background: var(--yellow-dark);
  background: var(--yellow) linear-gradient(115deg, rgba(251,182,44,1) 25%, rgba(232,119,34,1) 100%);
  color: #fff;
  -webkit-box-shadow: 0px 0px 1px .25rem rgba(246,190,0,.5); 
  box-shadow: 0px 0px 1px .25rem rgba(246,190,0,.5);
}
.no-touch section .btn.green:hover {
  background: var(--green-dark);
  background: var(--green) linear-gradient(115deg, rgba(118,189,34,1) 25%, rgba(47,120,33,1) 100%);
  color: #fff;
  -webkit-box-shadow: 0px 0px 1px .25rem rgba(118,189,34,.5); 
  box-shadow: 0px 0px 1px .25rem rgba(118,189,34,.5);
}
.no-touch section .btn.gray:hover {
  background: var(--gray-dark);
  background: var(--gray) linear-gradient(115deg, var(--gray) 25%, var(--gray-dark) 100%);
  color: #fff;
  -webkit-box-shadow: 0px 0px 1px .25rem rgba(var(--gray-rgb),.325); 
  box-shadow: 0px 0px 1px .25rem rgba(var(--gray-rgb),.325);
}
section .btn.large {
  padding: 1.5rem 2.5rem;
  font-size: 1rem !important;
  line-height: 1.25rem !important;
}
section .btn.small, footer .international {
  padding: .75rem 2rem;
  font-size: .75rem !important;
  line-height: .875rem !important;
  text-decoration: none;
}
section .btn.dropdown-toggle i.fa-angle-down {
  margin-left: .25rem;
  color: rgba(255,255,255,.75);
}
section .btn.dropdown-toggle.show i.fa-angle-down:before {
  content: "\f106" !important;
}
section .btn.dropdown-toggle::after {
  display: none;
}
.btn.arrow [class*="fa-"], footer .international [class*="fa-"] {
  margin-left: .125rem;
  color: rgba(255,255,255,.5);
  transition: all .15s ease-in-out;
}
.no-touch .btn.arrow:hover [class*="fa-"], footer .international:hover [class*="fa-"] {
  margin-left: .25rem;
  margin-right: -.125rem;
  color: rgba(255,255,255,1);
}
.btn.back [class*="fa-"] {
  margin-right: .125rem;
  color: rgba(255,255,255,.5);
  transition: all .15s ease-in-out;
}
.no-touch .btn.back:hover [class*="fa-"] {
  margin-right: .25rem;
  margin-left: -.125rem;
  color: rgba(255,255,255,1);
}
section .row + .row {
  margin-top: 2rem;
}
section.hero {
  margin: 0;
  padding: 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap
}
section.hero h1 {
  margin: 0;
  font-size: 2.125rem;
  line-height: 2.25rem;
  font-weight: 500;
}
section.hero.home {
  margin: 0;
  padding: 0;
  min-height: 300px;
  background-image: none;
  background-color: var(--gray-dark);
  overflow: hidden;
  aspect-ratio: 1920/730;
}
section.hero.home:after {
  width: 100%;
  height: .375rem;
  content: '';
  background-color: var(--blue);
  background: linear-gradient(90deg, var(--blue) 0%, var(--green) 100%);
  position: absolute;
  bottom: 0;
  z-index: 1;
}
section.hero.home .text-wrapper {
  padding: 0rem 4rem;
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
section.hero.home .carousel {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  min-height: 300px;
  aspect-ratio: 1920/730;
  position: relative;
}
section.hero.home .carousel-item {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  min-height: 300px;
  aspect-ratio: 1920/730;
  position: relative;
  justify-content: center;
  align-items: center;
  align-content: center;
}
section.hero.home .carousel-item.active {
  display: flex;
}
section.hero.home .carousel-inner {
  max-width: 100%;
  display: flex;
}
section.hero.home .carousel-item.left .text-wrapper {
  justify-content: flex-start;
}
section.hero.home .carousel-item.right .text-wrapper {
  justify-content: flex-end;
}
section.hero.home .text {
  padding: 1.5rem;
  width: 26.25rem;
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 500;
  color: #fff;
  background: linear-gradient(-10deg, rgba(var(--gray-rgb),.9) 0%,rgba(var(--gray-dark-rgb),.95) 40%) padding-box, 
              linear-gradient(-10deg, rgba(var(--green-rgb),.25) 0%,rgba(var(--blue-rgb),.25) 40%) border-box;
  border-radius: 50rem;
  border: .6rem solid transparent;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  aspect-ratio: 1/1;
  position: relative;
  z-index: 1;
}
section.hero.home .text:before {
  width: 100%;
  content: '';
  background-color: rgba(var(--gray-dark-rgb),.25);
  border-radius: 50rem;
  aspect-ratio: 1/1;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
section.hero.home .text.green {
  background: linear-gradient(-10deg, rgba(var(--green-rgb),.9) 0%,rgba(var(--green-dark-rgb),.95) 40%) padding-box, 
              linear-gradient(-10deg, rgba(var(--green-rgb),.25) 0%,rgba(var(--blue-rgb),.25) 40%) border-box;
}
section.hero.home .text.blue {
  background: linear-gradient(-10deg, rgba(var(--blue-rgb),.9) 0%,rgba(var(--blue-dark-rgb),.95) 40%) padding-box, 
              linear-gradient(-10deg, rgba(var(--green-rgb),.25) 0%,rgba(var(--blue-rgb),.25) 40%) border-box;
}
section.hero.home .text h1 {
  margin-bottom: 1.125rem;
  font-size: 2.25rem;
  line-height: 2.375rem;
  font-weight: 400;
}
section.hero.home .text .link {
  margin: .75rem 0 0;
  font-size: 1.5rem;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  position: relative;
}
section.hero.home .text .link [class*="fa-"] {
  margin-left: .25rem;
  font-size: 1.25rem;
  color: rgba(255,255,255,.5);
  transition: all .35s ease;
}
.no-touch section.hero.home .text:hover .link [class*="fa-"] {
  margin-left: 0.5rem;
  margin-right: -0.25rem;
}
section.hero.home .image {
  width: auto;
  height: 100%;
  min-height: 300px;
  aspect-ratio: 1920/730;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-content: center;
  justify-content: center;
  overflow: hidden;
  z-index: 0;
}
section.hero.home .carousel-item.right .image {
  justify-content: flex-end;
}
.carousel-control-next, .carousel-control-prev {
  width: 4%;
}
section.hero:not(.home) h1 {
  display: flex;
  align-content: center;
  justify-content: center;
/*  color: #fff;*/
}
section.hero:not(.product,.application) + section:not(.info-graphic), section.hero + .anchor + section {
  padding-top: 4rem;
}
.touch section.hero {
  background-attachment: local;
}
/*section.hero.background-images .content {
  margin: 0;
  padding: 2rem;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #fff;
  background: linear-gradient(0deg, rgba(28,30,32,.85) 5%, rgba(28,30,32,.7) 90%);
  position: relative;
}
section.hero.background-images .content .image {
  margin: 0 auto;
  aspect-ratio: 1/1;
}
section.hero.background-images .content h3 {
  font-size: 1.25rem;
}
section.hero.background-images .content .description {
  padding: 2rem;
  font-size: 1.5rem;
  line-height: 1.875rem;
  text-align: left;
  display: block;
}
section.hero.background-images .content .description h1 {
  margin-bottom: 2rem;
  font-size: 1.25rem;
  line-height: 1.25rem;
  font-weight: 400;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: .05rem;
  text-shadow: 1px 1px 1px rgba(0,0,0,.25);
  display: inline-block;
  position: relative;
  z-index: 0;
}
section.hero.background-images .content .description h1:before {
  width: 100%;
  height: 25%;
  content: '';
  background-color: var(--blue);
  display: block;
  position: absolute;
  bottom: -1px;
  z-index: -1;
}
section.hero.background-images .content .description h2 {
  margin-bottom: 1rem;
  font-size: 2.5rem;
  line-height: 2.5rem;
  color: #fff;
  text-align: left;
  display: block;
}
section.hero.background-images .content .description p + a.btn {
  margin-top: 1.5rem;
}*/
section.hero.background-image {
  background-position: center top;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
section.hero.background-image .content {
  margin: 0;
  padding: 2rem;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #fff;
  background: linear-gradient(0deg, rgba(28,30,32,.9) 5%, rgba(28,30,32,.675) 90%);
  position: relative;
}
section.hero.background-image .content .image {
  margin: 0 auto;
  aspect-ratio: 1/1;
}
section.hero.background-image .content .image.chart, section.hero.background-image .content .image.chart .image, section.hero.background-image .content .image .image.chart {
  padding: 2rem;
  aspect-ratio: unset;
}
section.hero.background-image .content h3 {
  font-size: 1.25rem;
}
section.hero.background-image .content .description {
  padding: 2rem;
  font-size: 1.5rem;
  line-height: 1.875rem;
  text-align: left;
  display: block;
}
section.hero.background-image .content .description h1 {
  margin-bottom: 2rem;
  /*font-size: 1.25rem;
  line-height: 1.25rem;*/
  font-size: clamp(.925rem, 1.25vw, 1.25rem);
  line-height: clamp(.925rem, 1.25vw, 1.25rem);
  font-weight: 400;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: .05rem;
  text-shadow: 1px 1px 1px rgba(0,0,0,.25);
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 0;
}
section.hero.background-image .content .description h1:before {
  width: 100%;
  height: 25%;
  content: '';
  background-color: var(--blue);
  display: block;
  position: absolute;
  bottom: -1px;
  z-index: -1;
}
section.hero.background-image.orange .content .description h1:before {
  background-color: var(--orange);
}
section.hero.background-image.green .content .description h1:before {
  background-color: var(--green);
}
section.hero.background-image.yellow .content .description h1:before {
  background-color: var(--yellow);
}
section.hero.background-image.blue .content .description h1:before {
  background-color: var(--blue);
}
section.hero.background-image .content .description h2 {
  margin-bottom: 1rem;
  /*font-size: 2.5rem;
  line-height: 2.75rem;*/
  font-size: clamp(1.75rem, 2.5vw, 2.5rem);
  line-height: clamp(2rem, 2.75vw, 2.75rem);
  color: #fff;
  text-align: left;
  position: relative;
  display: block;
}
section.hero.background-image .content .description h2.script {
  margin: 1.5rem 0;
  font-family: "Serendipity One", "Brush Script MT", cursive;
  font-size: 4.5rem;
  line-height: 4.5rem;
  font-weight: 400;
  color: #fff;
}
section.hero.background-image .content .description h3 {
  margin-bottom: .5rem;
  font-size: 1.5rem;
  color: #fff;
}
section.hero.background-image .content .description h3.script {
  margin-bottom: 0;
  font-family: "Serendipity One", "Brush Script MT", cursive;
  font-size: 3.5rem;
  line-height: 3.5rem;
  font-weight: 400;
  color: #fff;
}
section.hero.background-image .content .description h2 + h3 {
  margin-top: 3rem;
}
section.hero h3 sup {
  font-size: 1rem;
  line-height: 1rem;
  vertical-align: super;
}
body:has(section.news.story) section.hero.media-center .content .description {
  margin: 0;
  padding: 1rem 3rem 4.5rem;
}
body:has(section.news.story) section.hero.media-center .content .description h1 {
  margin-bottom: 0;
  font-size: clamp(1.75rem, 2vw, 2rem);
  line-height: clamp(2rem, 2.25vw, 2.25rem);
  color: #fff;
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
  position: relative;
  display: block;
}
body:has(section.news.story) section.hero.media-center .content .description h1:before {
  display: none;
}
section.hero.media-center .content .description h2 {
  margin-bottom: 0;
  font-size: clamp(1.75rem, 2vw, 2rem);
  line-height: clamp(2rem, 2.25vw, 2.25rem);
  color: #fff;
  text-align: left;
  position: relative;
  display: block;
}
section.hero.background-image .content .description a:not(.btn) {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}
section.hero.background-image .content .description a:not(.btn):hover {
  color: rgba(255,255,255,.75);
}
section.hero.background-image .content .description .image {
  margin: 0 0 3rem;
  max-width: 700px;
  aspect-ratio: unset;
}
section.hero.background-image .content .description .image.logo {
  max-width: 450px;
}
section.hero.background-image .content .description p + a.btn {
  margin-top: 1.5rem;
}
section.hero .content .description ul:not(.list-unstyled, .list-inline) {
  padding-left: 1rem;
  list-style: none;
}
section.hero .content .description ul:not(.list-unstyled, .list-inline) li {
  padding-left: .25rem !important;
  font-size: clamp(15px, 1vw, 20px);
  line-height: clamp(19px, 1.5vw, 24px);
  position: relative;
}
section.hero .content .description ul:not(.list-unstyled, .list-inline) li + li {
  margin-top: .5rem;
}
section.hero .content .description ul:not(.list-unstyled, .list-inline) li:before {
  width: 1rem;
  content: "\f111";
  font-family: 'Font Awesome 6 Pro';
  font-size: .35rem;
  font-weight: 700;
  color: var(--green);
  position: absolute;
  display: inline-block;
  vertical-align: top;
  left: -.675rem;
}
section.hero.background-image .content .description span.icon {
  margin-bottom: 2rem;
  margin-right: .25rem;
  width: 5%;
  min-width: 35px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
section.hero.background-image .content .description span.icon img {
  width: 100%;
  height: auto;
}
section.hero.background-image + section.related-products {
  padding-top: 0;
}
section.related-products + section.intro {
  margin-top: -3.5rem;
  padding-top: 0;
}
section.hero h2.icon:before {
  margin-right: 1rem;
  padding: 0;
  width: 5.5rem;
  height: 5.5rem;
  font-family: 'Font Awesome 6 Pro';
  font-size: 3rem;
  line-height: 5.5rem;
  font-weight: 300;
  color: #fff;
  text-align: center;
  background: #000;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1rem;
}
section.hero.product-sustainability h2.icon:before {
  content: '\f847';
  background: var(--blue);
}
section.hero.operations-sustainability h2.icon:before {
  content: '\f4d8';
   background: var(--green);
}
section.hero.social-sustainability h2.icon:before {
  content: '\f4c3';
  background: var(--orange);
}
.companions-logo {
  margin-top: 2rem;
  padding: 1% 1.5%;
  width: 50%;
  background-color: rgba(0,0,0,.25);
  border-radius: 50rem;
  display: inline-block;
}
section.hero.product {
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
section.hero.product:before {
  width: 100%;
  height: 100%;
  content: '';
  background: linear-gradient(-90deg, rgba(0,0,0,0) 5%, rgba(0,0,0,0.25) 100%);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
section.hero.gradient-border:after, section.hero.product:after {
  width: 100%;
  height: .375rem;
  content: '';
  background-color: var(--blue);
  background: linear-gradient(90deg, var(--blue) 0%, var(--green) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
section.hero .content {
  margin: 0;
  padding: 2.5rem 2rem;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  line-height: 1.25rem;
  position: relative;
}
section.hero .background-image .content {
  color: #fff;
  background: linear-gradient(95deg, rgba(var(--gray-dark-rgb),.65) 25%, rgba(var(--gray-rgb),.65) 100%);
}
/*section.hero .content:before {
  width: 100%;
  height: 100%;
  content: '';
  background: transparent url(../images/bg-pattern-gray-lg.jpg) no-repeat center top;
  background-size: cover;
  background-attachment: fixed;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}*/
section.hero .content .description {
  margin: 0 auto;
  display: block;
}
.hero.news:before {
  width: 100%;
  height: 100%;
  content: '';
  background-color: rgba(var(--gray-rgb),.05);
  position: absolute;
  top: 0;
  left: 0;
}
section.hero.news .content .description {
  display: flex;
  justify-content: center;
  align-items: center;
}
section.hero.news .content .description h1 {
    color: #252525;
}
section.hero.news.alt .content .description h1 {
    color: #fff;
}
section.hero.product .content {
  margin: 0;
  padding: 2.5rem 2rem;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #fff;
  background-color: rgba(var(--gray-dark-rgb),.8);
  background: linear-gradient(-90deg, rgba(28,30,32,.75) 0%, rgba(28,30,32,.8) 90%);
  position: relative;
}
section.hero .content.dark {
  background-color: rgba(var(--gray-dark-rgb),.8);
  background: linear-gradient(-90deg, rgba(28,30,32,.625) 0%, rgba(28,30,32,.8) 80%);
}
section.hero .content.light {
  background-color: rgba(255,255,255,.8);
  background: linear-gradient(-90deg, rgba(255,255,255,.625) 0%, rgba(255,255,255,.9) 80%);
}
section.hero .content.green {
  background-color: rgba(var(--green-rgb),.8);
  background: linear-gradient(-90deg, rgba(var(--green-rgb),.9) 0%, rgba(var(--green-dark-rgb),.98) 80%);
}
section.hero .content.blue {
  background-color: rgba(var(--blue-rgb),.8);
  background: linear-gradient(-90deg, rgba(var(--blue-rgb),.9) 0%, rgba(var(--blue-dark-rgb),.98) 80%);
}
section.hero .content.yellow {
  background-color: rgba(var(--yellow-dark-rgb),.8);
  background: rgba(var(--yellow-x-dark-rgb),.625) linear-gradient(-90deg, rgba(var(--yellow-dark-rgb),.9) 0%, rgba(var(--yellow-x-dark-rgb),.75) 100%)
}
/*section.hero .content.yellow {
  background-color: rgba(var(--yellow-rgb),.8);
  background: linear-gradient(-90deg, rgba(var(--yellow-rgb),.9) 0%, rgba(var(--yellow-dark-rgb),.98) 80%);
}*/
section.hero .content.orange {
  background-color: rgba(var(--orange-rgb),.8);
  background: linear-gradient(-90deg, rgba(var(--orange-rgb),.9) 0%, rgba(var(--orange-dark-rgb),.98) 80%);
}
section.hero .content.green-dark {
  background-color: rgba(var(--green-dark-rgb),.8);
  background: linear-gradient(-90deg, rgba(var(--green-dark-rgb),.9) 0%, rgba(var(--green-x-dark-rgb),.98) 80%);
}
section.hero .content.blue-dark {
  background-color: rgba(var(--blue-dark-rgb),.8);
  background: linear-gradient(-90deg, rgba(var(--blue-dark-rgb),.9) 0%, rgba(var(--blue-x-dark-rgb),.98) 80%);
}
section.hero .content.yellow-dark {
  background-color: rgba(var(--yellow-dark-rgb),.8);
  background: linear-gradient(-90deg, rgba(var(--yellow-dark-rgb),.9) 0%, rgba(var(--yellow-x-dark-rgb),.98) 80%);
}
section.hero .content.orange-dark {
  background-color: rgba(var(--orange-dark-rgb),.8);
  background: linear-gradient(-90deg, rgba(var(--orange-dark-rgb),.9) 0%, rgba(var(--orange-x-dark-rgb),.98) 80%);
}
section.hero.news .content {
  background: transparent url(../images/bg-cross-light.png) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  z-index: -1;
}
section.hero.news .content:before {
  background: none;
  background-color: rgba(var(--gray-rgb),.05);
}
section.hero.news.alt .content:before {
  background: transparent url(../images/bg-pattern-blue-lg.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}
section.hero.product .content .image {
  margin: 0 auto;
  max-width: 500px;
  aspect-ratio: 1/1;
}
section.hero.product .content h3 {
  font-size: 1.25rem;
}
section.hero.product .content .description {
  padding: 2rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-align: left;
  display: block;
}
section.hero.product .content .description h1 {
  margin-bottom: 1rem;
  font-size: 2.5rem;
  line-height: 2.5rem;
  font-weight: 800;
  text-align: left;
  display: block;
}
section.hero.product .content .description h2 {
  margin-bottom: 1rem;
  font-size: 2rem;
  line-height: 2rem;
  color: #fff;
  text-align: left;
  display: block;
}
section.hero.product .content .description p {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
section.hero.product .content .description p.small {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
section.hero.product .content a {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
.no-touch section.hero.product .content a:hover {
  color: rgba(255,255,255,.5);
}
section.hero.product .content a.link {
  font-size: 1.625rem;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  position: relative;
}
section.hero.product .content a.link:after {
  padding-left: .5rem;
  content: "\f105";
  font-family: 'Font Awesome 6 Pro';
  font-size: 1.25rem;
  font-weight: 700;
  color: rgba(255,255,255,.5);
  position: relative;;
  display: inline-block;
  vertical-align: top;
}
section.hero.product .content p + .link-wrapper {
  margin-top: 2rem;
}
.no-touch section.hero.product .content a.link:hover {
  color: rgba(255,255,255,.75);
}
.no-touch section.hero.product .content a.link:hover:after {
  color: rgba(255,255,255,.75);
}
.product-sidebar .row {
  border-radius: 1rem; 
  background-color: #747474;
}
.product-sidebar.yellow .row h3 {
  margin-bottom: 4rem;
  /*color: var(--gray);*/
}
.product-sidebar.yellow .row {
  background-color: transparent;
  position: relative;
}
.grouped {
  padding: 1rem;
  border-radius: 50rem;
  background-color: rgba(0,0,0,.1);
  display: inline-block;
  position: relative;
}
section.hero.product .content .grouped {
  background-color: rgba(var(--gray-rgb),.25);
}
section.hero.product .content.green .grouped {
  background-color: rgba(var(--green-dark-rgb),.5);
}
section.hero.product .content.blue .grouped {
  background-color: rgba(var(--blue-dark-rgb),.5);
}
section.hero.product .content.yellow .grouped {
  background-color: rgba(var(--yellow-dark-rgb),.25);
}
.grouped.full-width {
  padding: 2rem;
  display: block;
}
.grouped + .grouped {
  margin-top: 3rem;
}
.grouped h2 {
  margin-bottom: 0;
  padding: 0 1rem;
  background-color: #fff;
  display: inline-block;
  position: relative;
  top: -4.25rem;
}
.grouped h3 {
  margin-bottom: 0;
  padding: .125rem 1rem;
  font-size: .9rem !important;
  font-weight: 600;
  background-color: var(--gray);
  border-radius: 50rem;
  display: inline-block;
  position: absolute;
  top: -.675rem;
  left: 50%;
  transform: translateX(-50%);
}
section.hero.product .content.green .grouped h3 {
  background-color: var(--green-dark);
}
section.hero.product .content.blue .grouped h3 {
  background-color: var(--blue-dark);
}
section.hero.product .content.yellow .grouped h3 {
  background-color: var(--yellow-dark);
}
section.hero.alt {
  margin: 0;
  padding: 1.5% 0;
  min-height: 300px;
  background-image: none;
  background-color: var(--gray-dark);
  overflow: hidden;
  aspect-ratio: 1920/550;
  left: 50%;
  transform: translateX(-50%);
}
section.hero.alt + .intro {
  padding: 1.5% 0 !important;
}
section.hero.alt:after {
  width: 100%;
  height: .375rem;
  content: '';
  background-color: var(--blue);
  background: linear-gradient(90deg, var(--blue) 0%, var(--green) 100%);
  position: absolute;
  bottom: 0;
  z-index: 1;
}
section.hero.alt .image {
  width: auto;
  height: 100%;
  min-height: 300px;
  aspect-ratio: 1920/550;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-content: center;
  justify-content: center;
  overflow: hidden;
  z-index: 0;
}
section.hero.alt .image img {
  min-height: 300px;
}
section.hero.alt .text-wrapper {
  padding: 0;
  width: 60%;
  max-width: 100vw;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
section.hero.alt .text-wrapper img {
  max-width: 1300px;
}
.grouped h4 {
  margin-bottom: 0;
  padding: .25rem 1.25rem;
  font-size: 1.25rem;
  color: #fff;
  background-color: var(--yellow-dark);
  border-radius: 50rem;
  display: inline-block;
  position: relative;
  top: -1.575rem;
}
.grouped h2 + .row {
  margin-top: -2rem !important;
}
.grouped h3 + ul {
  /*margin-top: -1rem;*/
}
.grouped h3 + div {
  margin-top: .325rem;
}
.grouped h4 + ul {
  margin-top: -.25rem;
}
.product-sidebar.yellow .row .grouped {
  background-color: rgba(var(--yellow-rgb),.25);
  border-color: rgba(var(--yellow-dark-rgb),.25);
}
section:not(.hero) a:not(.btn,.tag,.stretched-link,.link-chevron,.page-link) {
  color: var(--blue-dark);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  position: relative;
  z-index: 1;
}
section:not(.hero) a.green:not(.btn,.tag,.stretched-link,.link-chevron,.page-link) {
  color: var(--green-dark);
  font-weight: 600;
}
.no-touch section:not(.hero) a:not(.btn,.tag,.stretched-link,.page-link):hover {
  color: var(--green);
}
section:not(.hero,.sustainability-main) a:not(.btn,.tag,.stretched-link,.dropdown-item,.description,.page-link):after {
  width: 100%;
  height: .1rem;
  content: '';
  background-color: rgba(var(--blue-rgb),.25);
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  z-index: -1;
}
section:not(.hero) a.green:not(.btn,.tag,.stretched-link,.dropdown-item,.description,.page-link):after {
  background-color: rgba(var(--green-rgb),.25);
}
.no-touch section:not(.hero) a:not(.btn,.tag,.stretched-link,.dropdown-item,.page-link):hover:after {
  height: .15rem;
  background-color: var(--green);
}
section:not(.hero) a.text-yellow {
  color: var(--yellow);
}
.no-touch section:not(.hero) a.text-yellow:hover {
  color: var(--yellow-dark);
}
section:not(.hero) a.text-yellow:after {
  background-color: var(--yellow);
}
.no-touch section:not(.hero) a.text-yellow:hover:after {
  background-color: var(--yellow-dark);
}
.headline-bar h2 {
  margin: 0 0 3rem;
  padding: 2rem;
  font-family: "Serendipity One", "Brush Script MT", cursive;
  font-size: 3.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #f6be00;
  text-transform: lowercase;
  text-indent: .625rem;
  background: linear-gradient(90deg, rgba(0,159,216,1) 25%,rgba(100,182,47,1) 100%);
  display: block;
  position: relative;
  z-index: 1;
}
.headline-bar h2 strong {
  font-family: proxima-nova, sans-serif;
  font-size: 3rem;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -.125rem;
  display: block;
  position: relative;
  z-index: -1;
}
.headline-bar h2 span {
  margin: 0;
  display: inline-block;
}
/*.headline-bar h2 strong {
  font-family: proxima-nova, sans-serif;
  font-size: 3rem;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -.125rem;
  display: block;
  position: relative;
  left:  -.625rem;
  z-index: -1;
}
.headline-bar h2 span {
  margin: 0;
  text-align: left;
  display: inline-block;
}*/
.headline-bar .row [class*="col-"] {
  padding: 4% 6.25%;
  height: 100%;
  text-align: center;
}
.headline-bar .row [class*="col-"] p {
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
}
section.intro .text p {
  font-size: 1.125rem;
  line-height: 1.5;
}
section.home-capabilities {
  padding-bottom: 2rem;
  background: transparent url(../images/bg-cross-light.png) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
section.sustainability {
  background-color: var(--gray);
  background-image: url(../images/bg-sustainability-section2.jpg);
  background-position: top center;
  background-attachment: fixed;
  color: #fff;
  position: relative;
}
.touch section.sustainability {
  background-attachment: local;
}
section.sustainability:before {
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(37,37,37,.65);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
section.sustainability h3 {
  margin-bottom: 1rem;
  color: #fff;
}
section.sustainability a:not(.btn), section.cta-sustainability a:not(.btn) {
  color: var(--green) !important;
}
.no-touch section.sustainability a:not(.btn):hover, .no-touch section.cta-sustainability a:not(.btn):hover {
  color: var(--yellow) !important;
}
section.sustainability a:not(.btn):after, section.cta-sustainability a:not(.btn):after {
  width: 100%;
  height: .1rem;
  content: '';
  background-color: rgba(var(--green-rgb),.25);
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.no-touch section.sustainability a:not(.btn):hover:after, .no-touch section.cta-sustainability a:not(.btn):hover:after {
  height: .15rem;
  background-color: var(--yellow);
}
section.sustainability .row {
  align-items: center;
  position: relative;
  z-index: 1;
}
section.sustainability .row .text {
  width: 100%;
  max-width: 1000px;
}
section.sustainability ul {
  margin: 0;
  padding-left: 1rem;
  list-style: none;
}
section.sustainability ul li {
  padding-left: .5rem !important;
  line-height: 1.5rem;
  font-weight: 600;
  position: relative;
}
section.sustainability ul li::before {
  content: "\f4d8";
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
  color: var(--green);
  position: absolute;
  display: inline-block;
  vertical-align: top;
  left: -1rem;
}
section.sustainability ul li + li {
  margin-top: 1.5%;
}
section.sustainability .btn {
  padding: 5% 15%;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 400;
  background-color: rgba(var(--green-rgb),.9) !important;
}
section.sustainability .btn strong {
  margin-top: 2.5%;
  font-size: 1.875rem;
  line-height: 1.875rem;
  font-weight: 700;
  display: block;
}
section.background-image > .row {
  background: linear-gradient(0deg, rgba(28,30,32,.9) 5%, rgba(28,30,32,.675) 90%);
  position: relative;
}
/*section.blue > .row {
  background: linear-gradient(90deg, rgba(var(--blue-rgb),.97) 5%, rgba(var(--blue-dark-rgb),.97) 50%);
  position: relative;
}
section.green > .row {
  background: linear-gradient(90deg, rgba(var(--green-rgb),.97) 5%, rgba(var(--green-dark-rgb),.97) 50%);
  position: relative;
}
section.yellow > .row {
  background: linear-gradient(90deg, rgba(var(--yellow-rgb),.97) 5%, rgba(var(--yellow-dark-rgb),.97) 50%);
  position: relative;
}
section.orange > .row {
  background: linear-gradient(90deg, rgba(var(--orange-rgb),.97) 5%, rgba(var(--orange-dark-rgb),.97) 50%);
  position: relative;
}*/
section.cta-bar.blue > .row {
  background: linear-gradient(-90deg, rgba(var(--blue-rgb),.97) 0%, rgba(var(--blue-dark-rgb),.98) 50%);
  position: relative;
}
section.cta-bar.green > .row {
  background: linear-gradient(-90deg, rgba(var(--green-rgb),.97) 0%, rgba(var(--green-dark-rgb),.98) 50%);
  position: relative;
}
section.cta-bar.yellow > .row {
  background: linear-gradient(-90deg, rgba(var(--yellow-rgb),.97) 0%, rgba(var(--yellow-dark-rgb),.98) 50%);
  position: relative;
}
section.cta-bar.orange > .row {
  background: linear-gradient(-90deg, rgba(var(--orange-rgb),.97) 0%, rgba(var(--orange-dark-rgb),.98) 50%);
  position: relative;
}
section.background-image.light > .row {
  background: linear-gradient(90deg, rgba(255,255,255,.9) 50%, rgba(255,255,255,0) 100%);
  position: relative;
}
section.background-image.light h1, section.background-image.light h2, section.background-image.light h3, section.background-image.light h4, section.background-image.light h5, section.background-image.light p {
  color: var(--gray-dark);
  text-shadow: none;
}
section.background-image.white > .row {
  background: rgba(255,255,255,.9);
}
/*section.cta-esg {
  padding-top: 0;
  padding-bottom: 0;
  background-color: rgba(var(--green-rgb),.25);
  background-image: url(../images/bg-cta-esg.jpg);
  background-position: top center;
  background-attachment: fixed;
  color: #fff;
  position: relative;
}
section.cta-esg h5 {
  text-shadow: 1px 1px 1px rgb(0 0 0 / 25%);
}
section.cta-esg .row {
  display: flex;
  justify-content: center;
  align-items: center;
}
section.cta-esg .image {
  margin: 0 auto;
  max-width: 350px;
}*/
section.cta-bar {
  padding-top: 0;
  padding-bottom: 0;
  background-color: var(--gray-dark);
  background-position: top center;
  background-attachment: fixed;
  color: #fff;
  text-shadow: 1px 1px 1px rgb(0 0 0 / 25%);
  position: relative;
}
section.cta-bar h1, section.cta-bar h2, section.cta-bar h3, section.cta-bar h4, section.cta-bar h5, section.cta-bar h6 {
  color: #fff;
}
section.cta-bar .row {
  display: flex;
  justify-content: center;
  align-items: center;
}
section.cta-bar .image.esg {
  margin: 0 auto;
  max-width: 350px;
}
section.cta-bar.dasl:nth-of-type(even) > .row {
  flex-direction: row-reverse;
}
section.cta-bar.blue.dasl:nth-of-type(even) > .row {
  background: linear-gradient(90deg, rgba(var(--blue-rgb),.97) 0%, rgba(var(--blue-dark-rgb),.98) 50%);
}
section.cta-bar.green.dasl:nth-of-type(even) > .row {
  background: linear-gradient(90deg, rgba(var(--green-rgb),.97) 0%, rgba(var(--green-dark-rgb),.98) 50%);
}
section.cta-bar.yellow.dasl:nth-of-type(even) > .row {
  background: linear-gradient(90deg, rgba(var(--yellow-rgb),.97) 0%, rgba(var(--yellow-dark-rgb),.98) 50%);
}
section.cta-bar.orange.dasl:nth-of-type(even) > .row {
  background: linear-gradient(90deg, rgba(var(--orange-rgb),.97) 0%, rgba(var(--orange-dark-rgb),.98) 50%);
}
section.cta-sustainability {
  padding-top: 0;
  padding-bottom: 0;
  background-color: rgba(var(--green-rgb),.25);
  background-image: url(../images/bg-hero-sustainability-leaves.jpg);
  background-position: top center;
  background-attachment: fixed;
  color: #fff;
  position: relative;
}
section.cta-sustainability:before {
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(37,37,37,.65);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
section.cta-sustainability h2 {
  color: #fff;
}
section.cta-sustainability p {
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #fff;
}
section.cta-sustainability .row {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
section.cta-sustainability .image {
  margin: 0 auto;
  max-width: 171px;
}
section.cta-makr {
  padding-top: 0;
  padding-bottom: 0;
  background-color: rgba(var(--green-rgb),.1);
  background: -moz-linear-gradient(180deg, rgba(var(--green-rgb),.1) 0%, rgba(255,255,255,1) 75%);
  background: -webkit-linear-gradient(180deg, rgba(var(--green-rgb),.1) 0%, rgba(255,255,255,1) 75%);
  background: linear-gradient(180deg, rgba(var(--green-rgb),.1) 0%, rgba(255,255,255,1) 75%);
  color: #fff;
  position: relative;
}
section.cta-makr .row, section.cta-alt .row {
  display: flex;
  justify-content: center;
  align-items: center;
}
section.cta-makr .image, section.cta-alt .image {
  margin: 0 auto;
  max-width: 350px;
}
section.cta-makr h4, section.cta-alt h4 {
  font-weight: 400;
  color: var(--gray);
}
section.cta-makr, section.cta-alt {
  padding-top: 0;
  padding-bottom: 0;
  background-color: #fff;
  color: var(--gray);
  position: relative;
}
section.cta-alt {
  background-position: top center;
  background-attachment: fixed;
  position: relative;
}
section.cta-alt.blue {
  background-color: rgba(var(--blue-rgb),.1);
  background: -moz-linear-gradient(180deg, rgba(var(--blue-rgb),.1) 0%, rgba(255,255,255,1) 75%);
  background: -webkit-linear-gradient(180deg, rgba(var(--blue-rgb),.1) 0%, rgba(255,255,255,1) 75%);
  background: linear-gradient(180deg, rgba(var(--blue-rgb),.1) 0%, rgba(255,255,255,1) 75%);
}
section.cta-alt.green {
  background-color: rgba(var(--green-rgb),.1);
  background: -moz-linear-gradient(180deg, rgba(var(--green-rgb),.1) 0%, rgba(255,255,255,1) 75%);
  background: -webkit-linear-gradient(180deg, rgba(var(--green-rgb),.1) 0%, rgba(255,255,255,1) 75%);
  background: linear-gradient(180deg, rgba(var(--green-rgb),.1) 0%, rgba(255,255,255,1) 75%);
}
section.cta-alt.yellow {
  background-color: rgba(var(--yellow-rgb),.1);
  background: -moz-linear-gradient(180deg, rgba(var(--yellow-rgb),.1) 0%, rgba(255,255,255,1) 75%);
  background: -webkit-linear-gradient(180deg, rgba(var(--yellow-rgb),.1) 0%, rgba(255,255,255,1) 75%);
  background: linear-gradient(180deg, rgba(var(--yellow-rgb),.1) 0%, rgba(255,255,255,1) 75%);
}
section.cta-alt.orange {
  background-color: rgba(var(--orange-rgb),.1);
  background: -moz-linear-gradient(180deg, rgba(var(--orange-rgb),.1) 0%, rgba(255,255,255,1) 75%);
  background: -webkit-linear-gradient(180deg, rgba(var(--orange-rgb),.1) 0%, rgba(255,255,255,1) 75%);
  background: linear-gradient(180deg, rgba(var(--orange-rgb),.1) 0%, rgba(255,255,255,1) 75%);
}
.row.products {
  margin-top: 0!important;
  margin-bottom: 3rem!important;
  justify-content: center!important;
}
.row.products.sustainability {
  margin-top: 0!important;
  margin-bottom: 1.5rem!important;
  justify-content: center!important;
}
.row.ctas {
  margin: 0 auto;
/*  margin-bottom: 1.5rem;*/
  padding-left: 1rem;
  padding-right: 1rem;
  justify-content: center;
  max-width: 1400px;
}
.row.ctas.sustainability {
  max-width: unset;
}
.row.ctas.region {
  max-width: unset;
}
.row.ctas.three, .row.ctas.four {
  max-width: unset;
}
.row.products .product {
  padding: 1rem;
  width: 25%;
  flex: 0 0 auto;
  border-radius: 1rem;
  position: relative;
  display: block;
  overflow: hidden !important;
}
.row.products.sustainability .product {
  padding: .5rem;
  width: 16.66666667%;
}
.row.ctas .cta {
  padding: 1rem;
  width: 50%;
  flex: 0 0 auto;
  border-radius: 1rem;
  position: relative;
  display: block;
  overflow: hidden !important;
}
.row.ctas.sustainability .cta, .row.ctas.three .cta {
  width: 33.33333333%;
}
.row.ctas.four {
  margin-bottom: 1rem;
}
.row.ctas.four .cta {
  width: 25%;
}
.row.products .product .card {
  background-color: rgba(var(--blue-rgb),.1);
  background: -moz-linear-gradient(-10deg, rgba(var(--green-rgb),.2) 0%, rgba(var(--blue-rgb),.2) 60%);
  background: -webkit-linear-gradient(-10deg, rgba(var(--green-rgb),.2) 0%,rgba(var(--blue-rgb),.2) 60%);
  background: linear-gradient(-10deg, rgba(var(--green-rgb),.2) 0%,rgba(var(--blue-rgb),.2) 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a9e0', endColorstr='#78be20',GradientType=1);
  border: none;
  text-align: left;
  border-radius: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.row.ctas .cta .card {
  padding: 0;
  border: none;
  overflow: hidden;
}
.row.products .product .card .image {
  margin: 5% 0 22.5%;
  padding: 6%;
  display: flex;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.row.ctas .cta .card .image {
  margin: 0;
  padding: 0 !important;
  width: 100%;
  min-width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  aspect-ratio: 4/3 !important;
  overflow: hidden;
}
.row.products .product .card .image img, .row.ctas .cta .card .image img {
  transition: all .325s ease;
}
.row.ctas .cta .card .image img {
  margin: 0 auto;
  width: auto;
  max-width: unset;
  height: 100%;
  max-height: 100%;
}
.no-touch .row.products .product .card:hover .image img {
  max-width: 110%;
  width: 110%;
}
.no-touch .row.ctas:not(.alt) .cta .card:hover .image img {
  width: auto;
  max-width: unset;
  height: 110%;
  max-height: 110%;
}
/*.row.products .product .card .image:after {
  width: 85%;
  max-height: 85%;
  content: '';
  background-color: #fff;
  aspect-ratio: 1/1;
  border-radius: 50%;
  opacity: .35;
  position: absolute;
  z-index: 0;
}*/
.related-products .row.products .product .card .image:after {
  display: none;
}
.row.ctas .cta .card .image:after {
  display: none;
}
.row.products .product .card-footer, .row.ctas .cta .card-footer {
  padding: 6% 8%;
  width: 100%;
  color: #fff;
  background-color: rgba(var(--blue-rgb),.95);
  border: none;
  border-top: 2px solid #fff;
  border-radius: 0;
  position: absolute;
  bottom: -1.025rem;
  z-index: 1;
  pointer-events: none;
  transition: all .15s ease-in-out;
}
.row.ctas .cta .card-footer {
  padding: 10rem 2.25rem 2rem;
  background: linear-gradient(0deg, rgba(0,0,0,.90) 0%,rgba(0,0,0,0) 98%) !important;
  border: none;
}
.row.ctas.four .cta .card-footer {
  padding: 10rem 1.5rem 2rem;
}
.row.ctas.alt .cta.blue .card-footer {
  padding: 10rem 2.25rem 2rem;
  background: linear-gradient(0deg, rgba(var(--blue-dark-rgb),.9) 5%,rgba(var(--blue-rgb),.75) 50%,rgba(var(--blue-dark-rgb),0) 98%) !important;
}
.row.ctas.alt .cta.green .card-footer {
  padding: 10rem 2.25rem 2rem;
  background: linear-gradient(0deg, rgba(var(--green-dark-rgb),.9) 5%,rgba(var(--green-rgb),.75) 50%,rgba(var(--green-dark-rgb),0) 98%) !important;
}
.row.ctas.alt .cta.yellow .card-footer {
  padding: 10rem 2.25rem 2rem;
  background: linear-gradient(0deg, rgba(var(--yellow-dark-rgb),.9) 5%,rgba(var(--yellow-rgb),.75) 50%,rgba(var(--yellow-dark-rgb),0) 98%) !important;
}
.row.ctas.alt .cta.orange .card-footer {
  padding: 10rem 2.25rem 2rem;
  background: linear-gradient(0deg, rgba(var(--orange-dark-rgb),.9) 5%,rgba(var(--orange-rgb),.75) 50%,rgba(var(--orange-dark-rgb),0) 98%) !important;
}
.row.ctas .cta .card-footer p:last-of-type {
  margin-bottom: 0;
}
.no-touch .row.products .product .card:hover .card-footer, .no-touch .row.ctas .cta .card:hover .card-footer, .row.ctas.alt .cta .card-footer {
  bottom: 0;
}
.row.products .product.yellow .card-footer {
  background-color: rgba(var(--yellow-rgb),.95);
}
.row.products .product.blue .card-footer {
  background-color: rgba(var(--blue-rgb),.95);
}
.row.products .product.blue-dark .card-footer {
  background-color: rgba(var(--blue-dark-rgb),.95);
}
.row.products .product.orange .card-footer {
  background-color: rgba(var(--orange-rgb),.95);
}
.row.products .product.green .card-footer {
  background-color: rgba(var(--green-rgb),.95);
}
.row.products .product.green-dark .card-footer {
  background-color: rgba(var(--green-dark-rgb),.95);
}
.row.products .product .card-footer h5 {
  margin-bottom: 1.025rem;
  font-size: 1.25rem;
  line-height: 1.5rem;
  display: inline-block;
}
.products.sustainability .product .card-footer h5 {
  margin-bottom: 1.025rem;
  font-size: .925rem;
  line-height: 1rem;
  font-weight: 500;
  display: inline-block;
}
.row.ctas .cta .card-footer h5 {
  margin-bottom: 1.025rem;
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 400;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: -.025rem;
  text-shadow: 1px 1px 1px rgb(0 0 0 / 25%);
  display: inline-block;
  position: relative;
  z-index: 0;
}
.row.ctas.four .cta .card-footer h5 {
  margin-bottom: 1.025rem;
  font-size: 1.125rem;
  line-height: 1.125rem;
}
.row.ctas.alt .cta .card-footer h5 {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: .75rem;
  font-size: 1.75rem;
  line-height: 1.75rem;
  font-weight: 700;
  text-transform: unset;
  text-align: center;
}
.row.ctas .cta .card-footer h5:before {
  width: 100%;
  height: 25%;
  content: '';
  background-color: var(--gray);
  display: block;
  position: absolute;
  bottom: -1px;
  z-index: -1;
}
.row.ctas.four .cta .card-footer h5:before {
  height: 22.5% !important;
  bottom: 1px !important;
}
.row.ctas .cta.blue .card-footer h5:before {
  width: 100%;
  height: 25%;
  content: '';
  background-color: var(--blue);
  display: block;
  position: absolute;
  bottom: -1px;
  z-index: -1;
}
.row.ctas .cta.green .card-footer h5:before {
  width: 100%;
  height: 25%;
  content: '';
  background-color: var(--green);
  display: block;
  position: absolute;
  bottom: -1px;
  z-index: -1;
}
.row.ctas .cta.yellow .card-footer h5:before {
  width: 100%;
  height: 25%;
  content: '';
  background-color: var(--yellow);
  display: block;
  position: absolute;
  bottom: -1px;
  z-index: -1;
}
.row.ctas .cta.orange .card-footer h5:before {
  width: 100%;
  height: 25%;
  content: '';
  background-color: var(--orange);
  display: block;
  position: absolute;
  bottom: -1px;
  z-index: -1;
}
.row.ctas .cta.blue-dark .card-footer h5:before {
  width: 100%;
  height: 25%;
  content: '';
  background-color: var(--blue-dark);
  display: block;
  position: absolute;
  bottom: -1px;
  z-index: -1;
}
.row.ctas .cta.green-dark .card-footer h5:before {
  width: 100%;
  height: 25%;
  content: '';
  background-color: var(--green-dark);
  display: block;
  position: absolute;
  bottom: -1px;
  z-index: -1;
}
.row.ctas .cta.yellow-dark .card-footer h5:before {
  width: 100%;
  height: 25%;
  content: '';
  background-color: var(--yellow-dark);
  display: block;
  position: absolute;
  bottom: -1px;
  z-index: -1;
}
.row.ctas .cta.orange-dark .card-footer h5:before {
  width: 100%;
  height: 25%;
  content: '';
  background-color: var(--orange-dark);
  display: block;
  position: absolute;
  bottom: -1px;
  z-index: -1;
}
.row.ctas.alt .cta .card-footer h5:before {
  display: none !important;
}
.row.products .product .card-footer .card-text, .row.ctas .cta .card-footer .card-text {
  height: 0;
  font-size: 1rem !important;
  line-height: 1.25rem !important;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transition: all .15s ease-in;
}
.row.products .product .card-footer .card-text p, .row.ctas .cta .card-footer .card-text p {
  font-size: 1rem !important;
  line-height: 1.25rem !important;
}
.row.ctas.four .cta .card-footer .card-text p {
  font-size: .9rem !important;
  line-height: 1.125rem !important;
}
.row.ctas.alt .cta .card-footer .card-text p {
  font-size: 1.125rem !important;
  line-height: 1.5rem !important;
  text-align: center;
  text-shadow: 1px 1px 1px rgb(0 0 0 / 25%);
}
.products.sustainability .product .card-footer .card-text p {
  font-size: .825rem !important;
  line-height: .875rem !important;
}
.row.products .product .card-footer i, .row.ctas .cta .card-footer i, .row.products .product .card-footer [class*="fa-"], .row.ctas .cta .card-footer [class*="fa-"] {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  color: rgba(255,255,255,.5);
}
.no-touch .row.products .product .card:hover .card-footer .card-text, .no-touch .row.ctas .cta .card:hover .card-footer .card-text, .row.ctas.alt .cta .card-footer .card-text {
  height: auto;
  opacity: 1;
  visibility: visible;
}
.touch section.product-detail {
  background-attachment: local;
}
section.product-detail .row.products {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  justify-content: start !important;
}
section.product-detail .row.products .product {
  padding: 1.5rem !important;
  width: 50%;
  flex: 0 0 auto;
}
section.product-detail .row.products .product .card {
  height: 100%;
  background: #fff;
}
section.product-detail .row.products .product .card-body {
  padding: 2.5%;
}
section.product-detail .row.products .product .card-body .image {
  margin: 0 -2.5% 0 2.5%;
  padding: 2%;
  width: 35%;
  display: inline-flex;
  float: right;
}
section.product-detail .row.products .product .card-body .image img, .no-touch section.product-detail .row.products .product .card:hover .card-body .image img {
  max-width: 100%;
  width: 100%;
}
section.product-detail .row.products .product .card-body .card-title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: var(--blue);
  position: relative;
}
section.product-detail .row.products .product .card.sustainability .card-body .card-title:after {
  margin-left: .5rem;
  width: 5.55rem;
  height: 1.5rem;
  content: "";
  background: url(../images/icon-sustainability-text.svg) no-repeat center center;
  background-size: contain;
  display: inline-block;
  vertical-align: top;
/*  top: .325rem;*/
  position: relative;
}
section.product-detail .row.products .product .card-body h6 {
  font-weight: 600;
  color: var(--green);
  text-transform: uppercase;
}
section.product-detail .row.products .product .card-body p {
  margin-bottom: 1.5rem;
}
/*section.product-detail .row.products .product .card-body p + ul {
  padding-top: .25rem;
}*/
section.product-detail .row.products .product .card-body .details {
  margin-top: 1.5rem;
  padding: 1rem;
  font-size: .825rem;
  border-left: 4px solid var(--blue);
  background-color: rgba(var(--blue-rgb),.05);
  background: -moz-linear-gradient(-5deg, rgba(var(--green-rgb),.05) 0%, rgba(var(--blue-rgb),.05) 60%);
  background: -webkit-linear-gradient(-5deg, rgba(var(--green-rgb),.05) 0%,rgba(var(--blue-rgb),.05) 60%);
  background: linear-gradient(-5deg, rgba(var(--green-rgb),.05) 0%,rgba(var(--blue-rgb),.05) 60%);
  clear: both;
}
section.product-detail .row.products .product .card-body .details h6 {
  margin: 0 .25rem 0 0;
  font-size: .875rem;
  color: var(--blue-dark);
  display: inline-block;
}
section.product-detail .row.products .product .card-body .details h6.sustainability:before {
  margin-right: .25rem;
  width: .875rem;
  height: .875rem;
  content: "";
  background: url(../images/icon-sustainability.svg) no-repeat center center;
  background-size: contain;
  display: inline-block;
  vertical-align: top;
  top: 0;
  position: relative;
}
section.product-detail .row.products .product .card-body ul.markets-list li {
  position: relative;
}
section.product-detail .truncate {
  margin-bottom: .25rem;
  max-height: clamp(100px, 7vw, 125px);
  font-size: clamp(15px, 1vw, 20px);
  line-height: clamp(25px, 1.75vw, 30px) !important;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
section.product-detail .card-text.active .truncate {
  margin-bottom: -.75rem;
  max-height: 100%;
  -webkit-line-clamp: unset;
  overflow: visible;
}
section.product-detail .expand {
  margin: 0;
  padding: 0;
  font-weight: 600;
  color: var(--blue-dark);
  background-color: transparent;
  border: none;
  position: relative;
}
section.product-detail .expand:before {
  margin: 0 .25rem 0 0;
  content: "\2b";
  font-family: 'Font Awesome 6 Pro';
  font-size: .75rem;
  font-weight: 900;
  text-align: center;
  color: var(--green-dark);
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
section.product-detail .expand[aria-expanded="true"]:before, section.product-detail .card-text.active .expand:before {
  content: "\f068";
  color: var(--green-dark);
}
section.product-detail .expand:after {
  content: "Read More";
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
section.product-detail .card-text.active .expand:after {
  content: "Read Less";
}
section.product-detail .documents-container {
  margin-top: 1.5rem;
}
.markets-list a {
  padding: .175rem 0 .175rem 1.25rem;
  font-size: .825rem;
  line-height: 1rem;
  font-weight: 600;
  color: var(--gray) !important;
  text-decoration: none;
}
.markets-list li + li {
  margin-left: .5rem !important;
}
.no-touch .markets-list a:hover {
  color: var(--gray-light) !important;
}
.no-touch .markets-list a.orange:hover {
  color: var(--orange) !important;
}
.markets-list a:after {
  display: none !important;
}
.markets-list a:before {
  margin: .175rem 0;
  width: 1rem;
  height: 1rem;
  content: '';
  background: url(../images/icon-generic.svg) no-repeat center center;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
}
.markets-list a.pet:before {
  background: url(../images/icon-pets.svg) no-repeat center center;
}
section.product-detail .row.products .product .card-body ul.expertise-list li {
  position: relative;
}
.expertise-list a {
  padding: .175rem 0 .175rem 1.25rem;
  font-size: .825rem;
  line-height: 1rem;
  font-weight: 600;
  color: var(--gray) !important;
  text-decoration: none;
}
.expertise-list li + li {
  margin-left: .5rem !important;
}
.no-touch .expertise-list a:hover {
  color: var(--gray-light) !important;
}
.no-touch .expertise-list a.orange:hover {
  color: var(--orange) !important;
}
.expertise-list a:after {
  display: none !important;
}
.expertise-list a:before {
  margin: .175rem 0;
  width: 1rem;
  height: 1rem;
  content: '';
  background: url(../images/icon-generic.svg) no-repeat center center;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
}
.expertise-list a.large-format:before {
  background: url(../images/icon-expertise-large-format.svg) no-repeat center center;
}
.expertise-list a.cohesive-coating-and-lamination:before {
  background: url(../images/icon-expertise-cohesive-coating-and-lamination.svg) no-repeat center center;
}
.expertise-list a.quality:before {
  background: url(../images/icon-expertise-quality.svg) no-repeat center center;
}
.applications-list {
  margin: 0 -.125rem;
  font-size: 0;
}
.applications-list a.tag {
  margin: .125rem .125rem .125rem 0;
  padding: .175rem .625rem;
  font-size: .825rem;
  line-height: 1rem;
  font-weight: 600;
  color: var(--gray) !important;
  text-decoration: none;
  border: 2px solid rgba(var(--gray-light-rgb),.25);
  border-radius: 50rem;
  display: inline-block;
  background-color: transparent;
}
.no-touch .applications-list a.tag:hover {
  border: 2px solid rgba(var(--gray-light-rgb),.5);
}
.applications-list.large {
  margin-bottom: 1rem;
}
.applications-list.large a.tag {
  margin: .5rem .5rem .5rem 0;
  padding: .25rem 1rem;
  font-size: 1rem;
  line-height: 1.25rem;
}
/*section.hero .btn.quote {
  margin: 2.5rem 0 1.5rem;
  padding: 1rem 1.25rem 1rem 1.5rem;
  background-color: transparent !important;
  border: .15rem solid #fff;
  text-transform: none;
}*/
/*section.hero .btn.quote:hover {
  background: #fff linear-gradient(115deg, rgba(0,0,0, .1) 0%, rgba(0,0,0, .325) 55%);
  box-shadow: 0px 0px 1px .25rem rgba(255,255,255, .175);
}*/
/*section.hero .btn.quote:after {
    margin-left: 1rem;
    content: "\f653";
    font-family: 'Font Awesome 6 Pro';
    font-size: 2rem;
    font-weight: 300;
    color: rgba(255, 255, 255, .5);
    position: relative;
    display: inline-block;
    vertical-align: top;
}*/
.btn.show-all {
  margin-bottom: 2rem;
  /*padding-top: .75rem;
  padding-bottom: .75rem;*/
  font-size: .875rem !important;
  font-weight: 600 !important;
  letter-spacing: .0325rem;
  color: rgba(255,255,255,.75)!important;
/*  line-height: 1.25rem !important;*/
}
section .btn.show-all strong {
  font-size: 1.325rem;
  line-height: 1.925rem;
  font-weight: 700;
  letter-spacing: 0;
  color: #fff;
  display: block;
}
.hero .applications {
  padding: 1rem 0 1rem;
  text-align: left;
}
.hero .applications h2 {
  margin-bottom: .5rem;
  color: #fff;
}
section.hero.background-image .content .applications h3 {
  margin-bottom: .5rem;
  font-size: 1.5rem;
  color: #fff;
}
.hero .applications .applications-list a.tag {
  border-color: rgba(255,255,255,.5);
  color: #fff !important;
}
.no-touch .hero .applications .applications-list a.tag:hover {
  border-color: rgba(255,255,255,.75);
}
.related-documents a {
  padding: .175rem 0;
  font-size: .875rem;
  line-height: 1rem;
  font-weight: 600;
  color: var(--gray) !important;
  text-decoration: none;
}
.related-documents li {
  margin-right: .5rem !important;
}
.no-touch .related-documents a:hover {
  color: var(--red) !important;
}
.related-documents a:after {
  background-color: rgba(var(--gray-light-rgb),.25) !important;
}
.no-touch .related-documents a:hover:after {
  background-color: rgba(var(--red-rgb),.25) !important;
}
section.product-detail .row.products .product .card-body ul {
  margin-bottom: 1.5rem !important;
}
section.product-detail .row.products .product .card-body .details ul {
  margin-bottom: .75rem !important;
}
section.product-detail .row.products .product .card-body .details ul:last-of-type {
  margin-bottom: 0 !important;
}
section.product-detail .row.products .product .card-body ul.related-documents li {
  padding-left: .925rem;
  position: relative;
}
section.product-detail .row.products .product .card-body ul.related-documents li::before {
  content: "\f1c1";
  font-family: 'Font Awesome 6 Pro';
  font-size: .875rem;
  font-weight: 300;
  color: var(--red);
  position: absolute;
  display: inline-block;
  vertical-align: top;
  left: 0;
}
section.product-detail .row.products .product .card-body .details .row + .row {
  margin-top: .75rem !important;
}
h1.underline {
  margin-bottom: 4rem;
  font-size: 1.75rem !important;
  line-height: 1.75rem !important;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .05rem;
  /*text-shadow: 1px 1px 1px rgba(0,0,0,.25);*/
  display: inline-block;
  position: relative;
  z-index: 0;
}
h1.underline:before {
  width: 100%;
  height: .5rem;
  content: '';
  background-color: var(--yellow);
  display: block;
  position: absolute;
  bottom: -1px;
  z-index: -1;
}
h1.underline.blue:before {
  background-color: var(--blue);
}
h1.underline.blue-dark:before {
  background-color: var(--blue-dark);
}
h1.underline.green:before {
  background-color: var(--green);
}
h1.underline.green-dark:before {
  background-color: var(--green-dark);
}
h1.underline.orange:before {
  background-color: var(--orange);
}
h1.underline.orange-dark:before {
  background-color: var(--orange-dark);
}
h1.underline.yellow:before {
  background-color: var(--yellow);
}
h1.underline.yellow-dark:before {
  background-color: var(--yellow-dark);
}
.news:not(.hero) {
  padding: 5rem 3rem 7rem;
  background: transparent url(../images/bg-swoosh-gray.png) no-repeat center bottom;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
.touch .news {
  background-attachment: local;
}
.news:not(.hero):before {
  width: 100%;
  height: 100%;
  content: '';
  background-color: rgba(var(--gray-rgb),.05);
  background: -moz-linear-gradient(-5deg, rgba(var(--gray-rgb),0) 0%, rgba(var(--gray-rgb),.05) 60%);
  background: -webkit-linear-gradient(-5deg, rgba(var(--gray-rgb),0) 0%,rgba(var(--gray-rgb),.05) 60%);
  background: linear-gradient(-5deg, rgba(var(--gray-rgb),0) 0%,rgba(var(--gray-rgb),.05) 60%);
  position: absolute;
  top: 0;
  left: 0;
}
.news h2, .products.main.blog h2, .cards.blog h2 {
  margin: 0 auto;
  padding: 0 0 1rem;
  font-family: "Serendipity One", "Brush Script MT", cursive;
  font-size: 3.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #f6be00;
  text-transform: lowercase;
  text-indent: .625rem;
  text-align: left;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.news h2 strong, .products.main.blog h2 strong, .cards.blog h2 strong {
  font-family: proxima-nova, sans-serif;
  font-size: 3rem;
  color: var(--blue);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -.125rem;
  display: block;
  position: relative;
  left:  -.625rem;
  z-index: -1;
}
.news .card {
  height: 100% !important;
  font-size: .825rem;
  line-height: 1.025rem;
  text-align: left;
  border: none;
  border-radius: .5rem;
  box-shadow: 0 .125rem .625rem rgba(0,0,0,.0625)!important;
  overflow: hidden;
  transition: all .325s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  position: relative;
  aspect-ratio: 650/441;
}
.no-touch .news .card:hover {
  box-shadow: 0 .125rem .625rem rgba(0,0,0,.125)!important;
}
.news .card .image {
  max-width: unset;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  pointer-events: none;
  aspect-ratio: 650/441;
  position: absolute;
}
.no-touch .news .card:hover .image {
  background-color: rgba(var(--blue-rgb),.15);
}
.news .card .image img {
  width: auto;
  max-width: unset;
  height: 110%;
  /*aspect-ratio: 650/441;*/
  position: relative;
  z-index: 0;
  opacity: 1;
  transition: all .325s ease;
}
.no-touch .news .card:hover .image img {
  opacity: .5;
  transform: scale(1.125);
}
.news .card .image:before {
  width: 100%;
  height: 100%;
  content: '';
  background: linear-gradient(0deg, rgba(37,37,37,0.15) 0%, rgba(37,37,37,0) 50%);
  position: absolute;
  z-index: 1;
  transition: all .325s ease;
}
.no-touch .news .card:hover .image:before {
  background: linear-gradient(0deg, rgba(var(--blue-dark-rgb),.5) 0%, rgba(var(--blue-dark-rgb),0) 80%);
}
/*.news .card.video .image img {
  aspect-ratio: 16/9 !important;
}*/
.news .card .spacer, .news.main .card .spacer {
  width: 100%;
  display: block;
  aspect-ratio: 16/9 !important;
  position: relative;
}
.news .card .card-title {
  margin-bottom: 0;
  padding-right: 1.125rem;
  font-size: 1.325rem;
  line-height: 1.625rem;
  font-weight: 400;
  letter-spacing: -.0125rem;
}
.news .card .card-body {
  margin-right: 2.5rem;
  padding: .625rem 1rem 1.5rem 1.75rem;
  width: calc(100% - 2.5rem);
  background-color: rgba(255,255,255,.925);
  border-radius:  0 1rem 0 0;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}
.news .card .card-body .date {
  margin-bottom: .75rem;
  font-size: .875rem;
  line-height: 1rem;
  font-weight: 600;
  color: var(--gray);
}
.news .card .card-footer {
  padding: 0 0 .25rem;
  font-weight: 500;
  text-align: right;
  text-decoration: none;
  background-color: transparent;
  border: none;
  letter-spacing: -.0125rem;
}
.news .card .card-footer a {
  color: var(--gray);
  text-decoration: none;
}
.no-touch .news .card:hover .card-footer a {
  color: #fff;
}
.news .card .card-footer a span {
  padding: 0 2%;
  position: relative;
  z-index: 1;
  display: none;
}
.news .card .card-footer a span:before {
  width: 100%;
  height: 0;
  content: '';
  background-color: var(--gray);
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: all .125s ease-in-out;
}
.no-touch .news .card:hover .card-footer a span:before {
  height: 100%;
}
.news .news-container {
  padding-bottom: 1rem;
  justify-content: center;
}
/*.news.home .news-container, .news.main .news-container {
  padding-bottom: 1rem;
}*/
.news .news-container .col {
  margin-bottom: 2rem;
  width: 33.3333% !important;
  flex: 0 0 auto;
}
/*.news.home .news-container .col, .news.main .news-container .col {
  width: 33.3333% !important;
}
*/
/*.news.home .card, .news.main .card {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  position: relative;
  aspect-ratio: 650/441;
}*/
/*.news.home .card .image, .news.main .card .image {
  max-width: unset;
  height: 100%;
  aspect-ratio: 650/441;
  position: absolute;
}
.news.home .card .image img, .news.main .card .image img {
  width: auto;
  max-width: unset;
  height: 110%;
}
.news.home .card.video .image img, .news.main .card.video .image img {
  aspect-ratio: 16/9 !important;
}*/
/*.news.home .card .spacer, .news.main .card .spacer {
  width: 100%;
  display: block;
  aspect-ratio: 16/9 !important;
  position: relative;
}*/
/*.news.home .card .card-body, .news.main .card .card-body {
  margin-right: 2.5rem;
  padding: .625rem 1rem 1.5rem 1.75rem;
  width: calc(100% - 2.5rem);
  background-color: rgba(255,255,255,.925);
  border-radius:  0 1rem 0 0;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}*/
/*.news.home .card .card-title, .news.main .card .card-title {
  padding-right: 1.125rem;
  font-size: 1.325rem;
  line-height: 1.625rem;
  font-weight: 400;
}*/
/*.news.home .card .card-body .date, .news.main .card .card-body .date {
  margin-bottom: .75rem;
  font-size: .875rem;
  line-height: 1rem;
  font-weight: 600;
}
*/
.news .card .card-body .tags  {
  margin-bottom: .75rem;
  font-size: .825rem;
  line-height: .825rem;
  font-weight: 600;
  color: var(--blue-dark) !important;
  text-transform: uppercase;
}
.news .card .card-body .tags:before  {
  margin-right: .25rem;
  content: "\f02c";
  font-family: 'Font Awesome 6 Pro';
  font-size: .675rem;
  font-weight: 900;
  text-align: center;
  color: var(--yellow);
  display: inline-block;
  position: relative;
}
.news .card .card-body .tags a {
  padding: 0;
  font-size: .825rem;
  line-height: .825rem;
  font-weight: 600;
  color: var(--blue-dark) !important;
  text-transform: uppercase;
  position: relative;
}
.news .card .card-body .tags a:after, .news.story .tags a:after, .news .card .card-body .tags a:hover:after, .news.story .tags a:hover:after {
  width: unset;
  height: unset !important;
  content: unset;
  background-color: unset !important;
  bottom: unset;
  left: unset;
  z-index: unset;
}
.news .card .card-body .tags a:not(:last-of-type):after, .news.story .tags a:not(:last-of-type):after {
  margin-right: .25rem;
  width: unset;
  height: unset;
  content: ',';
  background-color: unset;
  display: inline-block;
  position: relative;
  bottom: unset;
  left: unset;
  z-index: unset;
}
/*.news.home .card .card-body .tags, .news.main .card .card-body .tags  {
  margin-bottom: .75rem;
}
.news.home .card .card-body .tags:before, .news.main .card .card-body .tags:before, .news.story .tags:before  {
  margin-right: .25rem;
  font-size: .675rem;
}*/
/*.news.home .card .card-body .tags a, .news.main .card .card-body .tags a, .news.story .tags a {
  font-size: .825rem;
  line-height: .825rem;
  text-transform: uppercase;
}*/
/*.news .card .card-body .tags a:after {
  display: none;
}*/
.news .card .card-body .category, .news.home .card .card-body .category, .news.main .card .card-body .category {
  margin-bottom: .75rem;
  padding: .25rem .75rem;
  font-size: .75rem;
  line-height: 1rem;
  font-weight: 600;
  color: #fff !important;
  text-transform: uppercase;
  background-color: var(--gray);
  border-radius: 50rem;
}
.news .card .card-body .category {
  margin-bottom: .5rem;
}
.news .card .card-body .category.new, .news.home .card .card-body .category.new, .news.main .card .card-body .category.new {
  background-color: var(--blue-dark);
}
.news .card .card-body .category.pr, .news.home .card .card-body .category.pr, .news.main .card .card-body .category.pr {
  background-color: var(--green-dark);
}
.news .card .card-body .category.awards, .news.home .card .card-body .category.awards, .news.main .card .card-body .category.awards {
  background-color: var(--yellow);
}
.news .card .card-body .category.events, .news.home .card .card-body .category.events, .news.main .card .card-body .category.events {
  background-color: var(--orange);
}
.news .card .card-body .category.videos, .news.home .card .card-body .category.videos, .news.main .card .card-body .category.videos {
  background-color: var(--purple);
}
.news .card .card-body .category {
  font-size: .675rem;
  line-height: .75rem;
}
.news .btn, .news.home .btn, .news.main .btn {
  padding: 1.5rem 2.5rem;
  font-size: 1rem !important;
  line-height: 1.25rem !important;
}
.news.main .row [class*="col-"] {
  position: relative;
}
.news-toolbar {
  color: #fff;
  background: var(--gray-dark);
  border-radius: 50rem;
  display: inline-flex;
  align-items: center;
  /*position: fixed;
  bottom: .5rem;
  left: .5rem;
  z-index: 10;*/
  box-shadow: 0px 0px 0.5rem 0.0875rem rgb(0 0 0 / 15%);
}
.hero .news-toolbar {
  margin-bottom: 2rem;
}
.news-toolbar .btn, .news-toolbar .btn.show {
  padding: 1.26rem 1.75rem !important;
  font-size: 1rem !important;
  border-radius: 50rem 0 0 50rem;
  border-right: 1px solid rgba(255,255,255,.125);
  text-transform: none;
  background-color: transparent !important;
  background: transparent;
  box-shadow: none;
  transition: all .35s ease;
}
.no-touch .news-toolbar .btn:hover {
  background: transparent;
  background: transparent linear-gradient(0deg, rgba(255,255,255,.125) 0%, rgba(255,255,255,0) 100%);
  box-shadow: none;
}
.news-toolbar .btn.arrow [class*="fa-"]:before {
  content: "\f107";
}
.no-touch .news-toolbar .btn.arrow:hover [class*="fa-"] {
  margin-left: .125rem;
  margin-right: unset;
  color: rgba(255,255,255,1);
}
.no-touch .news-toolbar .btn.arrow.show [class*="fa-"]:before {
  content: "\f106";
}
.news-toolbar #search-news {
  padding: 1rem 1.25rem;
  font-size: 1rem;
  color: #fff;
  background-color: transparent;
  border: none;
  outline: none;
}
.news-toolbar #search-news-submit {
  padding: 1rem 1.25rem;
  font-size: 1rem;
  color: #fff;
  text-decoration: none;
}
.no-touch .news-toolbar #search-news-submit:hover {
  color: rgba(255,255,255,.5);
}
.news-toolbar #search-news-submit:after {
  display: none;
}
.news-toolbar h4 {
  margin: 1rem 0 1rem 1.5rem;
  font-size: .825rem;
  font-weight: 700;
  text-transform: uppercase;
}
.news-toolbar ul.social {
  margin: 1rem 1.5rem 1rem .5rem;
  padding-left: 0;
  list-style: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.news-toolbar ul.social a {
  margin-left: .75rem;
  color: #fff;
}
.news-toolbar ul.social a:after {
  display: none;
}
.pagination .page-item .page-link {
  padding: 0;
  width: 3rem;
  line-height: 3rem;
  aspect-ratio: 1/1;
  font-weight: 500;
  color: var(--gray);
  border-color: rgba(var(--gray-rgb),.25);
}
.pagination .page-item.active .page-link {
  color: #fff;
  background-color: var(--gray);
  font-weight: 700;
}
.pagination .page-item:first-child .page-link {
  border-radius: 50rem 0 0 50rem;
}
.pagination .page-item:last-child .page-link {
  border-radius: 0 50rem 50rem 0;
}
body:has(.news.story) section.hero {
  width: 100%;
  position: absolute;
}
.news.story {
  margin: 0 auto;
  padding: 3rem 3rem 5rem;
  width: 100%;
  max-width: 850px;
  background: transparent;
  text-align: left;
}
.news.story:before {
  display: none;
}
.news.story h1 {
  margin-bottom: 1.5rem;
  font-size: 2rem;
  font-weight: 400;
}
/*.news.story .date {
  margin-bottom: 1.5rem;
  font-size: .875rem;
  line-height: 1rem;
  font-weight: 600;
}
.news.story .tags {
  margin-bottom: 1.5rem;
}*/
/*.news.story .tags:before {
  margin-right: 0.25rem;
  content: "\f02c";
  font-family: 'Font Awesome 6 Pro';
  font-size: .675rem;
  font-weight: 900;
  text-align: center;
  color: var(--yellow);
  display: inline-block;
  position: relative;
}*/
/*.news.story .tags a {
  padding: 0;
  font-size: .825rem;
  line-height: .825rem;
  font-weight: 600;
  color: var(--blue-dark) !important;
  text-transform: uppercase;
  position: relative;
}*/
.news.story .date, .news.story .tags {
  margin-bottom: 1.25rem;
  font-size: .875rem;
  line-height: 1rem;
  color: rgba(var(--gray-dark-rgb), .75);
  font-weight: 400;
}
.news.story .tags a {
  color: rgba(var(--gray-dark-rgb), .75);
}
.news.story .category {
  margin-bottom: 1.5rem;
  padding: .25rem .75rem;
  font-size: .75rem;
  line-height: 1rem;
  font-weight: 600;
  color: #fff !important;
  text-transform: uppercase;
  border-radius: 50rem;
}
.news.story .category.new {
  background-color: var(--blue-dark);
}
.news.story .category.pr {
  background-color: var(--green-dark);
}

.news.story .category.awards {
  background-color: var(--yellow);
}

.news.story .category.events {
  background-color: var(--orange);
}

.news.story .category.videos {
  background-color: var(--purple);
}
.news.story .image {
  margin-bottom: 1.25rem;
  background-color: #fff;
  border-radius: 1rem;
  box-shadow: 0px 0px 10rem 1rem rgb(0 0 0 / 10%);
  aspect-ratio: 16/9;
  overflow: hidden;
}
.news.story .youtube, .news.story .video {
  margin-bottom: 2rem;
  background-color: transparent;
  border-radius: 1.25rem;
  display: flex;
  box-shadow: 0px 0px 10rem 1rem rgb(0 0 0 / 10%);
}
.news.story .image img {
  min-width: 100%;
}
.news.main.content > .row > [class*="col-"] .text {
  padding: 3rem 5rem;
  font-size: 1.25rem;
  line-height: 2rem;
  background-color: rgba(255,255,255,.9);
}
.fad.fa-angle-right {
  vertical-align: top;
}
.fad.fa-angle-right:before {
  position: absolute;
  color: var(--blue);
  opacity: 1;
  z-index: 0;
}
.fa-swap-opacity .fad.fa-angle-right:before, .fad.fa-angle-right.fa-swap-opacity:before, .fad.fa-angle-right:after {
  opacity: 1;
}
.fad.fa-angle-right:after {
  color: var(--green);
}
.case-studies .case-studies-container {
  padding-bottom: 1rem;
  justify-content: center;
}
.case-studies .case-studies-container .col {
  margin-bottom: 2rem;
  width: 33.3333% !important;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
}
.case-studies .card {
  padding: .5rem;
  border: none;
  border-radius: 1rem;
  box-shadow: 0 .125rem 1.5rem rgba(0,0,0,.1)!important;
  transition: all .35s ease;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}
.no-touch .case-studies .card:hover {
  box-shadow: 0 .125rem 1.5rem rgba(0,0,0,.2)!important;
}
.case-studies .card .image {
  border-radius: .675rem .675rem 0 0;
  background: transparent url(../images/case-study-image-bg.jpg) no-repeat center center;
  background-size: cover;
  overflow: hidden;
  pointer-events: none;
  aspect-ratio: 640/441;
}
.case-studies .card .image img {
  max-height: 100%;
  width: auto;
}
.case-studies .card .card-body {
  padding: 1rem 1.5rem 1.5rem;
  text-align: left;
  pointer-events: none;
}
.case-studies .card .card-body .tags  {
  margin-bottom: 0;
  padding: .25rem .625rem .25rem .5rem;
  font-size: .825rem;
  line-height: 1rem;
  font-weight: 600;
  color: #fff !important;
  text-transform: uppercase;
  background-color: var(--gray-dark);
  border-radius: 50rem;
  position: relative;
  top: -1.825rem;
  left: -1.5rem;
  z-index: 2;
}
.case-studies .card .card-body .tags:before  {
  margin-right: .25rem;
  content: "\f02c";
  font-family: 'Font Awesome 6 Pro';
  font-size: .675rem;
  font-weight: 900;
  text-align: center;
  color: var(--yellow);
  display: inline-block;
  position: relative;
}
.case-studies .card .card-body .tags a {
  padding: 0;
  font-size: .825rem;
  line-height: 1rem;
  font-weight: 600;
  color: #fff !important;
  text-transform: uppercase;
  position: relative;
}
.case-studies .card .card-body .tags a:after, .case-studies.story .tags a:after, .case-studies .card .card-body .tags a:hover:after, .case-studies.story .tags a:hover:after {
  width: unset;
  height: unset !important;
  content: unset;
  background-color: unset !important;
  bottom: unset;
  left: unset;
  z-index: unset;
}
.case-studies .card .card-body .tags a:not(:last-of-type):after, .case-studies.story .tags a:not(:last-of-type):after {
  margin-right: .25rem;
  width: unset;
  height: unset;
  content: ',';
  background-color: unset;
  display: inline-block;
  position: relative;
  bottom: unset;
  left: unset;
  z-index: unset;
}
.case-studies .card .card-title {
  margin-bottom: .5rem;
  padding-right: 1.125rem;
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: -.0125rem;
}
.case-studies .btn, .case-studies.home .btn, .case-studies.main .btn {
  padding: 1.5rem 2.5rem;
  font-size: 1rem !important;
  line-height: 1.25rem !important;
}
.case-studies.main .row [class*="col-"] {
  position: relative;
}
.case-studies.main .case-study-categories {
  margin-top: -1rem;
  margin-bottom: 2.5rem;
  text-align: left;
}
.case-studies.main .case-study-categories a {
  margin: .25rem 0;
  padding: .25rem .75rem;
  font-size: 1rem;
  color: var(--blue-dark);
  font-weight: 700;
  background-color: #fff;
  border-radius: .325rem;
  border: 1px solid rgba(var(--blue-dark-rgb),.2);
  display: block;
  box-shadow: 0 .125rem .625rem rgba(0,0,0,.0625)!important;
}
.no-touch .case-studies.main .case-study-categories a:hover {
  box-shadow: 0 .125rem .625rem rgba(0,0,0,.175)!important;
  color: var(--blue-dark);
  border: 1px solid rgba(var(--blue-rgb),.5);
}
.case-studies.main .case-study-categories a.active {
  color: #fff !important;
  background-color: var(--blue-dark) !important;
  border: 1px solid rgba(var(--blue-dark-rgb),1) !important;
  pointer-events: none;
}
.case-studies.main .case-study-categories a:after {
  display: none;
}
section.hero.case-studies .tags  {
  margin-top: 1rem;
  margin-bottom: 0;
  padding: .575rem 1rem .5rem .75rem;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #fff !important;
  text-transform: uppercase;
  background-color: var(--blue-dark);
  border-radius: 50rem;
  display: inline-block;
}
section.hero.case-studies .tags:before  {
  margin-right: .5rem;
  content: "\f02c";
  font-family: 'Font Awesome 6 Pro';
  font-size: .825rem;
  font-weight: 900;
  text-align: center;
  color: var(--yellow);
  display: inline-block;
  position: relative;
}
section.hero.case-studies .tags a {
  padding: 0;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #fff !important;
  text-transform: uppercase;
  position: relative;
}
section.hero.case-studies .tags a:after {
  width: unset;
  height: unset !important;
  content: unset;
  background-color: unset !important;
  bottom: unset;
  left: unset;
  z-index: unset;
}
section.hero.case-studies .tags a:not(:last-of-type):after {
  margin-right: .25rem;
  width: unset;
  height: unset;
  content: ',';
  background-color: unset;
  display: inline-block;
  position: relative;
  bottom: unset;
  left: unset;
  z-index: unset;
}
section {
  padding: 1.5% 0;
}
section.contact {
  background: transparent url(../images/bg-contact.png) no-repeat center bottom;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
section.contact:before {
  width: 100%;
  height: 100%;
  content: '';
  background: transparent url(../images/bg-pattern-blue-lg.jpg) no-repeat center top;
  background-size: cover;
  background-attachment: fixed;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.touch section.contact:before {
  background-attachment: local;
}
section.contact .rounded-circle {
  padding: 0;
  width: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
}
.list-inline-item {
  margin-left: 0.125rem !important;
  margin-right: 0.125rem !important;
}
.ctas .card {
  padding: 2rem;
  border-radius: 1rem;
}
.ctas .card-title {
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.ctas p, .ctas .btn {
  font-size: .9rem;
  line-height: 1.25rem;
}
.ctas.contact .card {
  margin: 0 auto;
  padding: 5% 0 28%;
  max-width: 1100px;
  width: 100%;
  background-color: transparent;
  border: 0;
}
.ctas.contact .card h2 {
  margin-bottom: 2%;
  font-size: 1rem;
  font-weight: 300;
  color: rgba(255,255,255,.65);
  letter-spacing: -.0125rem;
  text-transform: uppercase;
}
.ctas.contact .card h3 {
  margin-bottom: 3%;
  font-size: 2.75rem;
  line-height: 3.5rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: -.0125rem;
}
.ctas.region .card {
  background-color: rgba(var(--blue-rgb),.075);
  background: -moz-linear-gradient(-5deg, rgba(var(--green-rgb),.1) 0%, rgba(var(--blue-rgb),.075) 60%);
  background: -webkit-linear-gradient(-5deg, rgba(var(--green-rgb),.1) 0%,rgba(var(--blue-rgb),.075) 60%);
  background: linear-gradient(-5deg, rgba(var(--green-rgb),.1) 0%,rgba(var(--blue-rgb),.075) 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a9e0', endColorstr='#78be20',GradientType=1);
  border: none;
}
.ctas.region .card:before {
  width: 100%;
  height: 100%;
  content: '';
  background: url(../images/bg-region-map.png) no-repeat center center;
  background-size: contain;
  background-attachment: fixed;
  position: absolute;
  top: 0;
  left: 0;
}
.touch .ctas.region .card:before {
  background-attachment: local;
}
.ctas.region .card .card-body {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ctas.region .card .card-body .card-title, .ctas.region .card .card-body .dropdown, .ctas.region .card .card-body .dropdown-center {
  padding: 0 2.5%;
  display: inline-block;
}
.ctas.region .card .card-body .dropdown-menu, header .dropdown-menu, .news-toolbar .dropdown-menu {
  font-size: .875rem;
  border: 1px solid rgba(0,0,0,.05);
  box-shadow: 0 0 1rem rgb(0 0 0 / 10%);
  z-index: 2;
}
.ctas.region .card .card-body .dropdown-menu a, header .dropdown-menu a, .news-toolbar .dropdown-menu a {
  font-size: .875rem;
  font-weight: 600;
  color: var(--gray);
}
.news-toolbar .dropdown-menu a {
  padding-left: 2rem;
  padding-right: 3rem;
  font-size: 1rem;
  font-weight: 500;
  color: var(--gray) !important;
  display: inline-block;
  position: relative;
}
.news-toolbar .dropdown-menu a:before {
  margin: 0 1rem;
  content: "\f105";
  font-family: 'Font Awesome 6 Pro';
  font-weight: 300;
  text-align: center;
  color: var(--yellow);
  display: inline-block;
  position: absolute;
  left: 0;
  top: .25rem;
}
.news-toolbar .dropdown-menu ul {
  margin: 0;
  padding: 0 0 0 1.5rem;
  list-style: none;
}
.news-toolbar .dropdown-menu ul a {
  padding-left: 1.325rem;
  font-size: .925rem;
}
.news-toolbar .dropdown-menu ul a:before {
  margin: 0 .5rem;
  content: "\f105";
  font-family: 'Font Awesome 6 Pro';
  font-weight: 300;
  text-align: center;
  color: var(--green);
  display: inline-block;
  position: absolute;
  left: 0;
  top: .25rem;
}
.ctas.region .card .card-body .dropdown-menu a i, .news-toolbar .dropdown-menu a i {
  margin-right: .125rem;
  color: rgba(var(--gray-light-rgb),.5);
}
.ctas.region .card .card-body .dropdown-menu a.active i, .ctas.region .card .card-body .dropdown-menu a:active i {
  color: #fff;
}
.ctas.region .card .card-body .dropdown-menu a.disabled, header .dropdown-menu a:disabled {
  font-size: .875rem;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
}
.ctas.region .card .card-body .card-title {
  font-size: 1.575rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: var(--blue-dark);
}
.pubdate {
  font-size: .75rem;
}
.expertise-icon {
  margin: 0 auto 1rem;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50rem;
  background: rgba(0,0,0,.5);
}
.accordion {
  margin-bottom: 2rem;
}
.accordion-item {
  border: none !important;
  border-bottom: 1px solid rgba(var(--gray-light-rgb),.25) !important;
  border-radius: 0 !important;
  position: relative !important;
  z-index: 0 !important;
}
.accordion-button {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--blue--dark);
  border-radius: 0 !important;
}
.accordion-button:not(.collapsed) {
  color: #fff;
  background-color: var(--blue-dark);
  box-shadow: none !important;
}
.accordion-button:not(.collapsed)::after {
  color: rgba(255,255,255,.5);
  transform: rotate(-180deg);
}
.accordion-button:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: none !important;
}
.accordion-body {
  padding: 1.5rem;
  background-color: #f7f7f7;
  text-align: left;
  border-top: 1px solid rgba(var(--gray-light-rgb),.25);
}
.accordion-body ul.columns {
  columns: 5 auto;
}
.accordion-body ul:last-of-type {
  margin: 0;
}
.accordion-button::after {
  content: '\f107';
  font-family: 'Font Awesome 6 Pro';
  background-image: none !important;
  color: var(--yellow);
}
header nav .language-wrapper {
  margin: .5rem;
  width: 2.075%;
}
header nav .language-wrapper img {
  width: 100%;
  min-width: 20px;
  max-width: 30px;
}
header nav .language-wrapper .dropdown-menu li a {
  position: relative;
}
header nav .language-wrapper .dropdown-menu li a:before {
  margin-right: .25rem;
  width: 14%;
  height: auto;
  aspect-ratio: 1/1;
  content: '';
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  top: -1px;
}
header nav .region-wrapper {
  margin: .5rem;
  width: 2.075%;
}
header nav .region-wrapper img {
  width: 100%;
  min-width: 20px;
  max-width: 30px;
}
header nav .region-wrapper .dropdown-menu li a {
  position: relative;
}
header nav #region-select span {
  display: flex;
  justify-content: center;
  align-items: center;
}
header nav #region-select i {
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff !important;
  text-decoration: none;
  background-color: var(--green);
}
header div.search {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
}
/*header div.search a.search-button {
  margin: 0 .5rem;
  padding: 0;
  width: 2.5rem;
  height: 42px;
  line-height: 2.25rem !important;
  color: #666;
  text-align: center;
  letter-spacing: 0;
  position: absolute;
  right: 0;
  bottom: .375rem;
  transition: all .35s ease;
  pointer-events: auto;
}
header div.search i {
  width: 30px;
  height: 30px;
  font-size: 1.25rem;
  line-height: 42px;
  font-weight: 400;
}*/
header div.search div.search-form-alt {
  position: absolute;
  bottom: .45rem;
  right: 1rem;
  z-index: 0;
  transition: all .35s ease;
  pointer-events: auto;
  display: flex;
  align-items: center;
}
header div.search div.search-form-alt input {
  padding: .325rem 2.25rem .325rem 1rem;
  width: 6.25rem;
  font-size: .95rem;
  background-color: rgb(0,0,0,.075);
  outline: none;
  border: none;
  border-radius: 50rem;
  transition: all .25s ease;
}
header div.search div.search-form-alt input:focus {
  padding: .325rem 1rem;
  width: 20rem;
  background-color: #e5e5e5;
}
header div.search div.search-form-alt .button {
  width: 2rem;
  height: 2rem;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: .25rem;
  z-index: 1;
}
header div.search div.search-form-alt i {
  width: 100%;
  height: 100%;
  font-size: 1rem;
  line-height: 0;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
}
header div.search div.search-form {
  width: 100%;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 0;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  transition: all .35s ease;
  pointer-events: auto;
}
header div.search div.search-form.open {
  visibility: visible;
  opacity: 1;
}
header div.search div.search-form input {
  margin: .5rem 0;
  padding: 0 3rem 0 1rem;
  width: 100%;
  height: 2.5rem;
  font-size: 1.5rem;
  color: #000;
  font-weight: 400;
  background: transparent;
  border: none;
  outline: none !important;
}
header div.search div.search-form:before {
  width: 100vw;
  height: 100%;
  content: '';
  background: rgba(247,247,247,.95);
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
header div.search.open a.search .fa-search:before {
  padding:  .1rem;
  font-size: 1.5rem;
  line-height: 0;
  content: "\f00d";
  font-weight: 300;
  color: var(--red);
  top: .125rem;
  position: relative;
}
header div.search div.search-form a.button {
  margin: .5rem;
  padding: 0;
  width: 2.5rem;
  line-height: 2.5rem !important;
  color: #666;
  text-align: center;
  letter-spacing: 0;
  position: absolute;
  top: 0;
  right: 0;
  transition: all .35s ease;
}
header div.search div.search-form a.button i {
  font-size: 1.5rem;
  line-height: 30px;
  position: relative;
  top: .25rem;
}
/*.tooltip {
  font-size: .75rem;
  line-height: 1rem;
  white-space: nowrap;
  z-index: 999;
}
.tooltip-inner {
  max-width: 500px !important;
}*/
.tooltip {
  font-size: .75rem;
  line-height: 1.125rem;
  /*white-space: nowrap;*/
  z-index: 999;
}
.tooltip-inner {
  padding: .75rem 1rem;
  max-width: 500px !important;
  border: 1px solid rgba(255,255,255,.5);
}
.market-categories {
  margin: 0 auto;
  padding: 0 3rem;
  max-width: 1400px;
}
.market-categories.expertise {
  max-width: 1200px;
}
section.hero .content .market-categories {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
.market-categories .col {
  padding: 2%;
  position: relative;
  transition: all .25s ease;
}
section.hero .content .market-categories .col {
  padding: 1% 2%;
}
.market-categories .col img {
  transform: rotate(0);
  transition: all .25s ease;
}
.no-touch .market-categories .col:hover img {
  transform: rotate(0.025turn);
}
.no-touch section.hero .content .market-categories .col:hover img {
  transform: rotate(0);
}
.no-touch .market-categories .col:hover {
  padding: 1.5%;
}
.no-touch section.hero .content .market-categories .col:hover {
  padding: 1% 2%;
}
.market-categories .col h6 {
  margin: .75rem 0 0;
  color: var(--gray);
  font-weight: 600;
  display: inline-block;
  transition: all .25s ease;
  border-bottom: 3px solid transparent;
}
section.hero .content .market-categories .col h6 {
  color: rgba(255,255,255,.75);
}
.no-touch .market-categories .col:hover h6 {
  color: #000;
  border-color: var(--green);
}
.no-touch section.hero .content .market-categories .col:hover h6 {
  color: #fff;
}
.no-touch .market-categories .col.green:hover h6 {
  border-color: var(--green);
}
.no-touch .market-categories .col.blue:hover h6 {
  border-color: var(--blue);
}
.no-touch .market-categories .col.orange:hover h6 {
  border-color: var(--orange);
}
.no-touch .market-categories .col.yellow:hover h6 {
  border-color: var(--yellow);
}
a.link-chevron {
  font-size: 1.25rem;
  color: var(--gray);
  font-weight: 600;
  text-decoration: none;
}
.contact-wrapper .form-floating > label {
  text-align: left;
}
.form-success {
  margin: 0 0 2rem;
  padding: 2rem;
  color: #fff;
  background-color: var(--green-dark);
}
.form-success *:last-child {
  margin: 0;
}
.news.main {
  padding-top: 1rem;
  background: transparent url(../images/bg-cross-light.png) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}
section.hero.news.alt + .news.main {
  padding-top: 4rem;
}
.case-studies.main {
  padding-top: 1rem;
  background: transparent url(../images/bg-cross-light.png) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}
section.cta {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #d2d2d2;
  font-size: 0;
}
section.cta:before {
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(0,0,0,.55);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
section.cta h2 {
  color: #fff;
}
section.cta p {
  font-size: 1rem;
  color: #fff;
}
section.cta a:not(.button) {
  color: #fff;
  text-decoration: underline;
}
.no-touch section.cta a:not(.button):hover {
  color: #fff;
  color: rgba(255,255,255,.65);
  text-decoration: none;
}
section.cta.contact {
  background: url("../images/bg-cta-contact.jpg") no-repeat center center;
  background-size: cover;
}
.no-touch section.cta {
  background-attachment: fixed;
}
section.cta.how-2-recycle {
  margin-bottom: 100px;
  background: url("../images/bg-cta-contact.jpg") no-repeat center center;
  background-size: cover;
}
section.cta.how-2-recycle h2 {
  margin-bottom: 30px;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.75rem;
  line-height: 1.2;
  font-weight: 700;
  color: #fff;
}
section.cta.how-2-recycle h2:after {
  display: none;
}
section.cta.how-2-recycle .image {
  margin: 0;
  width: 20%;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
section.cta.how-2-recycle .text {
  padding-right: 5%;
  width: 80%;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
}
.row.chart-bar {
  color: #fff;
  background-color: #1660a1;
  position: relative;
  justify-content: center;
  align-items: center;
  border-radius: 2rem;
  overflow: hidden;
}
.row.chart-bar a {
  color: #fff;
  background-color: #1660a1;
  position: relative;
  justify-content: center;
  align-items: center;
}
.row.chart-bar:before {
  width: 100%;
  height: 100%;
  content: '';
  background: linear-gradient(90deg, rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);
  position: absolute;
  top: 0;
  left: 0;
}
.row.chart-bar .text {
  z-index: 1;
}
section.info-graphic {
  padding: 2rem 0;
  color: #fff;
  background: #666;
  align-items: center;
}
section.info-graphic > .row {
  height: auto;
  display: flex;
}
section.info-graphic > .row > [class*="col-"] {
  margin: 0;
  padding: 2rem 3rem;
  height: auto;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #fff;
  position: relative;
  display: flex;
}
section.info-graphic p {
  font-size: 1rem;
  line-height: 1.25rem;
}
section.info-graphic > .row > [class*="col-"] + [class*="col-"] {
  border-left: 1px solid #fff !important;
}
section.info-graphic .number {
  margin-bottom: 1rem;
  font-size: 4rem;
  line-height: 4rem;
  font-weight: 600;
  letter-spacing: -.025em;
}
section.info-graphic.green {
  background: var(--green);
}
section.info-graphic.blue {
  background: var(--blue);
}
section.info-graphic.blue-dark {
  background: var(--blue-dark);
}
section.info-graphic.orange {
  background: var(--orange);
}
section.info-graphic.operations .recycled:before {
  content: '\f1b8';
}
section.info-graphic.operations .awards:before {
  content: '\f091';
}
section.info-graphic.operations .waste:before {
  content: '\f2ed';
}
section.info-graphic.operations .water:before {
  content: '\f75c';
}
section.info-graphic.products li.products:before {
  content: '\f847';
}
section.info-graphic.products li.recyclable:before {
  content: '\f200';
}
section.info-graphic.products li.awards:before {
  content: '\f091';
}
section.info-graphic.products li.facilities:before {
  content: '\f3b3';
}
section.info-graphic a {
  color: #fff;
}
section.info-graphic a:hover {
  color: rgba(255,255,255,.5) !important;
}
section.info-graphic.blue-dark:before {
  width: 100%;
  height: 100%;
  content: '';
  background: linear-gradient(90deg, rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);
  position: absolute;
  top: 0;
  left: 0;
}
section.info-graphic .peaf-logo {
  margin: 0 auto 1.5rem;
  width: 100%;
  max-width: 400px;
}
section.info-graphic .peaf-logo img {
  width: 100%;
  height: auto;
}
section.info-graphic .icon:before {
  width: 100%;
  content: '';
  font-family: 'Font Awesome 6 Pro';
  font-size: 10rem;
  line-height: 1.2;
  font-weight: 300 !important;
  color: rgba(255,255,255,.1);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  overflow: hidden;
}
section.info-graphic .icon.more:before {
  width: auto;
  content: '\f4c3';
  font-size: 18rem;
  right: 10%;
  left: auto;
  transform: translateY(-50%) translateX(0);
}
section.info-graphic div.social-more {
  width: auto;
  text-align: left;
  display: inline-block;
}
ul.certifications {
  margin: 2% -10px -10px;
  padding: 0;
  list-style: none;
  font-size: 0;
}
ul.certifications li {
  margin: 10px;
  padding: 0;
  width: calc(20% - 20px);
  display: inline-block;
  vertical-align: middle;
}
ul.certifications li:before {
  display: none;
}
ul.certifications li img {
  width: 100%;
  height: auto;
  background: #fff;
}
ul.operations-blocks {
  margin: 0 -.5rem;
  padding: 0;
  list-style: none;
  font-size: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
ul.operations-blocks > li {
  margin: .5rem;
  padding: 2rem;
  display: inline-block;
  vertical-align: top;
  background: rgba(0,0,0,.02);
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: left;
  border-left: .25rem solid #78be20;
  position: relative;
  top: 0;
  transition: all .2s ease-in-out !important;
  flex: 1;
}
ul.operations-blocks > li:nth-of-type(1) {
  width: calc(30% - 1rem);
}
ul.operations-blocks > li:nth-of-type(2) {
  width: calc(35% - 1rem);
}
ul.operations-blocks > li:nth-of-type(3) {
  width: calc(35% - 1rem);
}
ul.operations-blocks > li h3 {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 1.25rem;
  color: var(--green);
  font-weight: 700;
}
ul.operations-blocks > li ul {
  margin: 0 0 0 1.5rem;
  padding: 0;
  list-style: none;
}
ul.operations-blocks > li ul li {
  margin: 0 0 .75rem;
  padding: 0;
  position: relative;
}
ul.operations-blocks > li ul li:last-of-type {
  margin-bottom: 0;
}
ul.operations-blocks > li ul li:before {
  padding: 0;
  width: 1.5rem;
  height: auto;
  content: '\f4d8';
  font-family: 'Font Awesome 6 Pro';
  font-size: .75rem;
  line-height: 1.25rem;
  font-weight: 900;
  color: #78be20;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: -1.5rem;
}
ul.operations-blocks > li:after, ul.operations-blocks > li:before {
  content: " ";
  display: table;
}
ul.operations-blocks > li:after {
  clear: both;
}
section .product .chart-wrapper {
    margin-bottom: 30px;
    overflow-x: auto !important;
}
section .product table.chart {
    /*margin-bottom: 30px;*/
    width: 100%;
    min-width: 900px;
    font-size: .75rem;
    line-height: 1.2;
    background: #fff;
}
section .product table.chart th {
    padding: 5px 15px;
    background: #00a9e0;
    font-size: .825rem;
    line-height: .875rem;
    color: #fff;
    font-weight: 700;
    text-align: center;
}
section .product table.chart th span {
    font-size: .75rem;
    font-weight: 500;
}
section .product table.chart th.yellow {
    background: #f5bf30;
}
section .product table.chart th.orange {
    background: #f37236;
}
section .product table.chart th a {
    color: #fff !important;
    font-weight: 700;
}
section .product table.chart th a:after {
    display: none;
}
section .product table.chart th a:hover {
    color: rgba(255,255,255,.75) !important;
}
section .product table.chart td {
    padding: 1% 1%;
    border: 1px solid #d7d7d7;
}
section .product table.chart tr:nth-child(2) td {
    border-top: none;
}
section .product table.chart tr:last-child td {
    border-bottom-width: 2px;
}
section .product table.chart tr td:first-child {
    border-left-width: 2px;
}
section .product table.chart tr td:last-child {
    border-right-width: 2px;
}
.modal-header {
  border: none !important;
}
.modal-header + .modal-body {
  padding-top: 0;
}
.modal table {
  border-collapse: separate;
}
.global-reach-map {
  margin-bottom: 2rem;
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  background-color:var(--blue);
}
.global-reach-stats {
  margin: 0;
  padding: 2rem 1rem 1rem;
  -webkit-column-count: 5;
  -moz-column-count: 5;
  column-count: 5;
}
.global-reach-stats li {
  padding: 1rem .5rem 0;
  -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}
.global-reach-stats .number {
    margin-bottom: .5rem;
    font-size: 2.5rem;
    line-height: 2.5rem;
    font-weight: 600;
    letter-spacing: -.025em;
}
.global-columns {
  -webkit-columns: 5rem 5;
  -moz-columns: 5rem 5;
  columns: 5rem 5;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}
/* FFTG PAGE */
/*section div.fftg svg {
    margin-bottom: -12px;
}*/
section div.fftg .container {
    padding: 0;
    width: 100%;
}
section div.fftg .row {
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
section div.fftg .header-bar {
    padding: 2.5rem;
    background: var(--green) url("../images/bg-pattern-green-lg.jpg") no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
}
html.touch section div.fftg .header-bar {
    background-attachment: scroll;
}
section div.fftg .header-bar h1 {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    font-size: 1.5rem;
    line-height: 2.125rem;
    color: #fff;
}
section div.fftg .header-bar h1 span {
    margin-top: .75rem;
    display: block;
}
section div.fftg .intro {
    padding: 5rem 0;
}
div.fftg ul.attributes {
    margin: 0;
    padding: 0;
    list-style: none;
}
div.fftg ul.attributes li {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}
div.fftg ul.attributes li + li {
    margin-top: 1rem;
}
div.fftg ul.attributes li .image {
    margin: 0;
    width: 6.25rem;
}
div.fftg ul.attributes li .text {
    padding-left: 1.5rem;
    width: calc(100% - 6.25rem);
    text-align: left;
}
div.fftg ul.attributes li strong {
    font-weight: 700;
}
div.fftg ul.attributes li.sustainable strong {
    color: var(--green);
}
div.fftg ul.attributes li.product-elevating strong {
    color: var(--blue);
}
div.fftg ul.attributes li.convenient strong {
    color: var(--yellow);
}
div.fftg ul.attributes li.automation-enhancing strong {
    color: var(--orange);
}
div.fftg ul.attributes li.experience strong {
    color: var(--green);
}
.fftg-cta-brochures {
    margin: 0 auto;
    padding: 9%;
    max-width: 598px;
    text-align: center;
    text-transform: uppercase;
    background: var(--blue) url("../images/bg-pattern-blue-lg.jpg") no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    aspect-ratio: 1/1;
    border-radius: 50%;
    position: relative;
}
html.touch .fftg-cta-brochures {
    background-attachment: scroll;
}
.fftg-cta-brochures h3 {
    font-size: .888rem;
    font-weight: 400;
    color: #fff;
}
.fftg-cta-brochures h3 strong {
    font-size: 1.3333rem;
    font-weight: 700 !important;
    display: block;
}
.fftg-cta-brochures a.brochure-cool {
    width: 67%;
    position: absolute !important;
    bottom: 9%;
    left: -5%;
    z-index: 2 !important;
}
.fftg-cta-brochures a.brochure-hot {
    width: 67%;
    position: absolute !important;
    bottom: 27%;
    right: -5%;
}
html.no-touch .fftg-cta-brochures a:hover {
    width: 70%;
    z-index: 2;
}
html.no-touch .fftg-cta-brochures a.brochure-cool:hover {
    margin-left: -1.5%;
}
html.no-touch .fftg-cta-brochures a.brochure-hot:hover {
    margin-right: -1.5%;
}
.fftg-cta-brochures a.brochure-cool img, .fftg-cta-brochures a.brochure-hot img {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25); 
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
    transition: all .25s ease;
}
html.no-touch .fftg-cta-brochures a.brochure-cool:hover img, html.no-touch .fftg-cta-brochures a.brochure-hot:hover img {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.5); 
    box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.5);
}
section div.fftg .products {
    padding: 5rem 0;
    background: var(--gray-light) url("/images/bg-circles-gray.jpg") no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}
html.touch section div.fftg .products {
    background-attachment: scroll;
    background-position: -25rem center;
}
/*div.fftg ul.products-list {
    margin: 0 2rem;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}*/
div.fftg ul.products-list {
    margin: 0 2rem;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: auto auto auto auto;
    /*gap: 0 1%;*/
}
div.fftg ul.products-list li {
    margin: 0;
    padding: 2rem;
    text-align: center;
    position: relative;
    overflow: hidden;
}
div.fftg ul.products-list li a {
    margin: -2rem;
    width: 100%;
    height: 100%;
    /*background: red;
    opacity: .25;*/
    text-align: center;
    position: absolute;
    left: 2rem;
    top: 2rem;
    z-index: 5;
}
div.fftg ul.products-list li h3 {
    margin: 0;
    padding: .625rem 2rem;
    font-size: 1.125rem;
    line-height: 1.125rem;
    text-align: center;
    text-transform: uppercase;
    background-color: var(--green);
    display: inline-block;
    border-radius: 50rem;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 0px 0px var(--green-light);
    box-shadow: 0px 0px 0px 0px var(--green-light);
    transition: all .25s ease;
}
html.no-touch div.fftg ul.products-list li:hover h3 {
  background: var(--green-dark);
  background: var(--green) linear-gradient(115deg, var(--green) 25%, var(--green-dark) 100%);
  color: #fff;
  -webkit-box-shadow: 0px 0px 1px 3px var(--green-light); 
  box-shadow: 0px 0px 1px 3px var(--green-light);
}
div.fftg ul.products-list li .product-image {
    position: relative;
    margin-top: -20%;
}
div.fftg ul.products-list li .product-image img {
    position: relative;
    z-index: 1;
    transition: all .25s ease;
}
html.no-touch div.fftg ul.products-list li:hover .product-image img {
    margin: -5%;
    max-width: 110%;
    width: 110%;
}
div.fftg ul.products-list li .product-image:before {
    width: 85%;
    content: '';
    background-color: rgba(255,255,255,.75);
    aspect-ratio: 1/1;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
}
div.fftg ul.products-list li:nth-of-type(odd) .product-image:before {
    background: rgba(255,255,255,.75) url("../images/fftg-product-bg-1.png") no-repeat center center;
    background-size: cover;
}
div.fftg ul.products-list li:nth-of-type(even) .product-image:before {
    background: rgba(255,255,255,.75) url("../images/fftg-product-bg-2.png") no-repeat center center;
    background-size: cover;
}
div.fftg ul.products-list li .product-text {
    margin: -2rem -2rem;
    position: relative;
    z-index: 1;
}
section.hero.background-image.dasl .content {
  background: none;
}
section.hero.background-image.dasl .dasl-logo {
  margin-bottom: 3rem;
  width: 100%;
  max-width: 400px;
}
section.hero.background-image.dasl .dasl-logo img {
  width: 100%;
  height: auto;
}
section.hero.dasl #animation_container {
  margin: 0;
  width: 100% !important;
  max-height: 600px;
  max-width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
section.hero.dasl #animation_container #canvas {
  width: 100%;
  max-width: 675px;
  height: auto;
  max-height: 600px;
  display: block;
  position: relative;
}
section.hero.dasl #animation_container #dom_overlay_container {
  width: 100%;
  max-width: 675px;
  height: auto;
  max-height: 600px;
  pointer-events: none;
  overflow: hidden;
  display: block;
  position: absolute;
  right: 0;
}
section.hero .makr-logo {
  margin-bottom: 2rem;
  width: 100%;
  max-width: 400px;
}
section.hero .makr-logo img {
  width: 100%;
  height: auto;
  filter: drop-shadow(1px 1px 1px rgb(0 0 0 / 25%));
}
section.hero .cic-logo {
  margin-bottom: 2rem;
  width: 100%;
  max-width: 650px;
}
section.hero .cic-logo img {
  width: 100%;
  height: auto;
  filter: drop-shadow(1px 1px 1px rgb(0 0 0 / 25%));
}
section.hero .pet-logo {
  margin-bottom: 1rem;
  width: 100%;
  max-width: 850px;
}
section.hero .pet-logo img {
  width: 100%;
  height: auto;
  filter: drop-shadow(1px 1px 1px rgb(0 0 0 / 25%));
}
.tab-content {
  width: 100%;
  color: #fff;
  background-color: rgb(28,30,32) ;
}
.tab-content .tab-pane {
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
}
.tab-content .tab-pane:nth-of-type(odd) {
  background-position: center left;
}
.tab-content .tab-pane > .row {
  margin: 0;
  padding: 5rem 3rem;
  position: relative;
  z-index: 1;
}
.tab-content .tab-pane:nth-of-type(odd) > .row {
  flex-direction: row-reverse
}
.tab-content .tab-pane > .row:before {
  width: 100%;
  height: 100%;
  content: '';
  background: linear-gradient(95deg, rgba(28,30,32,.9) 33.333%, rgba(28,30,32,0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.tab-content .tab-pane:nth-of-type(odd) > .row:before {
  background: linear-gradient(-95deg, rgba(28,30,32,.9) 33.333%, rgba(28,30,32,0) 100%);
}
.tab-content .tab-pane > .row [class*="col-"] {
  position: relative;
  z-index: 1;
}
#ideate-tab-pane {
  background-image: url("../images/bg-process-ideate.jpg");
}
#illustrate-tab-pane {
  background-image: url("../images/bg-process-illustrate.jpg");
}
#render-tab-pane {
  background-image: url("../images/bg-process-render.jpg");
}
#prototype-tab-pane {
  background-image: url("../images/bg-process-prototype.jpg");
}
.tab-content .tab-pane h3 {
  font-size: 2rem;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  vertical-align: middle;
}
.tab-content .tab-pane h3:before {
  margin-right: 15px;
  width: 3rem;
  height: 3rem;
  content: '';
  background-color: var(--blue);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 3rem;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  top: -.25rem;
}
.tab-content .tab-pane#ideate-tab-pane h3:before {
  background-image: url(../images/icon-dasl-ideate.png);
}
.tab-content .tab-pane#illustrate-tab-pane h3:before {
  background-image: url(../images/icon-dasl-illustrate.png);
}
.tab-content .tab-pane#render-tab-pane h3:before {
  background-image: url(../images/icon-dasl-render.png);
}
.tab-content .tab-pane#prototype-tab-pane h3:before {
  background-image: url(../images/icon-dasl-prototype.png);
}
section.dasl  h3 {
  font-size: 2rem;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  vertical-align: middle;
}
section.dasl  h3:before {
  margin-right: 15px;
  width: 3rem;
  height: 3rem;
  content: '';
  background-color: rgba(255,255,255,.25);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 3rem;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  top: -.25rem;
}
section.dasl h3.ideate:before {
  background-image: url(../images/icon-dasl-ideate.png);
}
section.dasl h3.illustrate:before {
  background-image: url(../images/icon-dasl-illustrate.png);
}
section.dasl h3.render:before {
  background-image: url(../images/icon-dasl-render.png);
}
section.dasl  h3.prototype:before {
  background-image: url(../images/icon-dasl-prototype.png);
}
section.hero h1.cic {
    margin: 20% 0 !important;
    padding: 8% 0;
    font-family: "Serendipity One", "Brush Script MT", cursive;
    /*font-size: 6.5rem;
    line-height: 4rem;*/
    font-size: 6vw !important;
    line-height: 3.75vw !important;
    color: var(--blue) !important;
    font-weight: 400;
    text-align: center;
    text-transform: none !important;
    display: inline-block;
    position: relative;
    z-index: 1;
}
section.hero h1.cic:before {
    display: none !important;
}
section.hero h1.cic strong {
    padding-left: 5%;
    color: var(--green);
    font-family: proxima-nova, sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: -.125rem;
    display: block;
    position: relative;
    z-index: -1;
}
section.hero h1.cic span {
    padding: .5rem 0;
    display: block;
}
section.hero h1.cic span:nth-child(1) {
    margin-left: -8.25%;
}
section.hero h1.cic span:nth-child(2) {
    margin-left: 8.25%;
}
section.hero h1.cic span:nth-child(2) strong {
    color: var(--yellow);
}
.row.makr {
    margin: 0 !important;
    padding: 0;
    width: 100%;
    text-align: center;
    display: table !important;
    /*display: flex;
    justify-content: center;
    align-items: center;*/
}
.row.makr:nth-of-type(odd) {
  direction: rtl;
}
.row.makr [class*="col-"] {
  padding: 0 !important;
  height: 100%;
/*    display: flex;*/
  display: table-cell;
  vertical-align: middle;
  direction: ltr;
  float: none !important;
}
.row.makr .image {
  margin: 0 !important;
}
.row.makr .text {
  /*padding: 15% 10%;*/
  padding: 10% 15%;
  direction: ltr;
}
.row.makr h2 {
  margin-bottom: 2%;
  font-size: clamp(25px, 2.25vw, 40px);
  line-height: clamp(35px, 2.75vw, 50px);
  font-weight: 400;
  color: #fff;
}
.row.makr p {
  font-size: clamp(20px, 1.75vw, 30px);
  line-height: clamp(30px, 2.5vw, 40px);
  font-weight: 400;
  color: #fff;
}
.row.makr .icon {
    margin-bottom: 2.5%;
    height: clamp(25px, 2.75vw, 50px);
    display: inline-block;
}
.row.makr .icon img {
    width: auto;
    height: 100%;
}
.row.makr [class*="col-"]:nth-of-type(2) {
    /*width: calc(50% + 1px);*/
    background: rgb(0,169,224);
    background: -moz-linear-gradient(15deg,  rgba(0,169,224,1) 0%, rgba(120,190,32,1) 100%);
    background: -webkit-linear-gradient(15deg,  rgba(0,169,224,1) 0%,rgba(120,190,32,1) 100%);
    background: linear-gradient(15deg,  rgba(0,169,224,1) 0%,rgba(120,190,32,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a9e0', endColorstr='#78be20',GradientType=1 );
    position: relative;
}
.row.makr .image {
  margin: 0 auto !important;
  padding: 5% 15%;
  width: 100%;
}
.row.makr .video {
  margin: 0 auto !important;
  width: 100%;
}
.row.makr .video video {
  width: 960px;
  max-width: 100%;
  height: auto;
  min-height: 100%;
  display: block;
  border-radius: unset !important;
  box-shadow: unset !important;
  aspect-ratio: unset !important;
}
section.cta-bar h2.experience {
  margin: 0 0 1rem;
  font-family: "Serendipity One", "Brush Script MT", cursive;
  font-size: 3rem;
  line-height: 1.975rem;
  font-weight: 400;
  color: var(--yellow);
  text-transform: lowercase;
  display: block;
  position: relative;
  z-index: 1;
}
section.cta-bar h2.experience strong {
  padding-left: 0.125rem;
  font-family: proxima-nova, sans-serif;
  color: var(--green);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -.125rem;
  display: block;
  position: relative;
  z-index: -1;
}
section.cta-bar a:not(.btn,.tag,.stretched-link,.link-chevron,.page-link) {
  color: var(--blue);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  position: relative;
  z-index: 1;
}
section.cta-bar a:not(.btn,.tag,.stretched-link,.link-chevron,.page-link):after {
    width: 100%;
    height: 0.1rem;
    content: '';
    background-color: rgba(var(--blue-rgb),.25);
    position: absolute;
    display: block;
    bottom: .2rem;
    left: 0;
    z-index: -1;
}
section.cta-bar a:not(.btn,.tag,.stretched-link,.link-chevron,.page-link):hover {
  color: var(--yellow);
}
section.cta-bar a:not(.btn,.tag,.stretched-link,.link-chevron,.page-link):after:hover {
  background-color: rgba(var(--yellow-rgb),.25);
}
section.login {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/*section.login .container {
  max-width: 100% !important;
}
section.login > .row {
  margin: 0 !important;
}*/
section.login > .row > [class*="col-"] {
  padding-top: 0 !important;
}
form[name="login"], form[name="forgot_password"], form[name="reset_password"] {
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
}
form[name="login"] label, form[name="forgot_password"] label, form[name="reset_password"] label {
  margin-top: 1rem;
  width: 100%;
}
form[name="login"] label.remember span, form[name="forgot_password"] label.remember span, form[name="reset_password"] label.remember span {
  padding: 0 .325rem;
}
/*.just-validate-error-label, .login_error p.error {
  margin: .25rem auto 0;
  padding: .25rem .75rem;
  font-size: .75rem;
  line-height: 1rem;
  font-weight: 700;
  color: #fff !important;
  background-color: var(--red);
  display: inline-block;
  border-radius: 50rem;
}*/
.just-validate-error-field {
  color: var(--red);
  background-color: rgba(var(--red-rgb),.1);
  border-color: var(--red);
}
.just-validate-error-label, .login_error p.error {
  margin: .25rem auto 0;
  padding: 0;
  width: 100%;
  font-size: .825rem;
  line-height: 1rem;
  font-weight: 600;
  color: var(--red) !important;
  display: inline-block;
  text-align: left !important;
}
.just-validate-error-field + label {
  color: var(--red) !important;
}
.just-validate-error-label:before, .login_error p.error:before {
  margin-right: .25rem;
  content: '\f06a';
  font-family: 'Font Awesome 6 Pro';
  font-size: .825rem;
  font-weight: 400;
  color: var(--red);
}
.form-check-inline + .just-validate-error-label {
  text-align: center !important;
}
.form-control.just-validate-error-field:focus {
  border-color: var(--red);
  box-shadow: 0 0 0 .25rem rgba(var(--red-rgb),.1);
}
.login-info {
  margin: 0 -3rem 3rem;
  padding: 2rem;
  background: rgba(var(--green-rgb),.1);
}
section.no-color {
    background: #fff;
}
section.swatch-blue {
    background-color: var(--blue);
}
section.swatch-green {
    background-color: var(--green);
}
section.swatch-yellow {
    background-color: var(--yellow);
}
section.swatch-orange {
    background-color: var(--orange);
}
section.swatch-blue-dark {
    background-color: var(--blue-dark);
}
section.swatch-green-dark {
    background-color: var(--green-dark);
}
section.swatch-yellow-dark {
    background-color: var(--yellow-dark);
}
section.swatch-orange-dark {
    background-color: var(--orange-dark);
}
section.swatch-blue-50 {
    background-color: rgba(var(--blue-rgb),.5);
}
section.swatch-green-50 {
    background-color: rgba(var(--green-rgb),.5);
}
section.swatch-yellow-50 {
    background-color: rgba(var(--yellow-rgb),.5);
}
section.swatch-orange-50 {
    background-color: rgba(var(--orange-rgb),.5);
}
section.swatch-blue-25 {
    background-color: rgba(var(--blue-rgb),.25);
}
section.swatch-green-25 {
    background-color: rgba(var(--green-rgb),.25);
}
section.swatch-yellow-25 {
    background-color: rgba(var(--yellow-rgb),.25);
}
section.swatch-orange-25 {
    background-color: rgba(var(--orange-rgb),.25);
}
section.swatch-blue-10 {
    background-color: rgba(var(--blue-rgb),.10);
}
section.swatch-green-10 {
    background-color: rgba(var(--green-rgb),.10);
}
section.swatch-yellow-10 {
    background-color: rgba(var(--yellow-rgb),.10);
}
section.swatch-orange-10 {
    background-color: rgba(var(--orange-rgb),.10);
}
section.swatch-gray {
    background-color: var(--gray);
}
section.swatch-gray-dark {
    background-color: var(--gray-dark);
}
section.swatch-gray-light {
    background-color: var(--gray-light);
}
form[name="caspioform"] h3 {
  margin: 2rem 0 1rem;
  font-size: 1rem;
  font-weight: 700;
  color: #252525;
}
/* DOCUMENTS */
/*section.documents {
    margin: 0 !important;
    padding: 0 !important;
}*/
section.documents ul.document-list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}
section.documents ul.document-list li {
    margin: 0;
    padding: 2rem;
    font-size: 0;
    border-bottom: 1px solid rgba(var(--gray-light-rgb),.25);
}
section.documents ul.document-list li > div {
    display: inline-block;
    vertical-align: top;
}
section.documents ul.document-list li .thumbnail {
    width: 5rem;
}
section.documents .thumbnail img {
    width: 100%;
    height: auto;
}
section.documents .thumbnail span {
    border: 1px solid rgba(var(--gray-light-rgb),.25);
    display: inline-block;
    position: relative;
}
section.documents ul.document-list li .thumbnail span:before {
    width: 1.75rem;
    height: 1.75rem;
    content: '';
    font-family: 'Font Awesome 6 Pro';
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 900;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: -.25rem;
    bottom: -.25rem;
}
section.documents ul.document-list li .thumbnail span.pdf:before {
    content: '\f1c1';
    background: #ff0000;
}
section.documents ul.document-list li .thumbnail span.doc:before {
    content: '\f1c2';
    background: #00A4EF;
}
section.documents ul.document-list li .thumbnail {
    width: 5rem;
}
section.documents ul.document-list li .description {
    padding: 0 2rem;
    width: calc(100% - 15rem);
}
section.documents ul.document-list li .description p:last-of-type {
    margin-bottom: 0;
}
section.documents ul.document-list li .description a {
    margin-bottom: 5px;
    font-size: 1.25rem;
    font-weight: 700;
}
section.documents ul.document-list li .download {
    width: 10rem;
    text-align: right;
}
section.documents.form > .row > .col-sm-9 {
  width: calc(100% - 30rem);
}
section.documents.form > .row > .col-sm-3 {
  width: 30rem;
}
section.documents.form .thumbnail {
  padding: 0 2.5rem;
  width: 20rem;
}
section.documents.form .thumbnail span:before {
    width: 2.25rem;
    height: 2.25rem;
    content: '';
    font-family: 'Font Awesome 6 Pro';
    font-size: 1.125rem;
    line-height: 2.25rem;
    font-weight: 900;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: -.5rem;
    bottom: -.5rem;
}
section.documents.form .thumbnail span.pdf:before {
    content: '\f1c1';
    background: #ff0000;
}
section.documents.form .thumbnail span.doc:before {
    content: '\f1c2';
    background: #00A4EF;
}
section.documents.form .description {
    padding: 0 0 0 2.5rem;
    width: calc(100% - 20rem);
    font-size: 1.25rem;
    line-height: 1.5rem;
    text-align: left;
}
section.documents.form .description p {
    font-size: 1.25rem;
    line-height: 1.925rem;
}
#documents-form label {
  margin-top: 1rem;
  width: 100%;
}
/* SEARCH RESULTS */
section.search {
  padding: 3rem 1rem !important;
  text-align: left;
}
ul.search-results {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.search-results li {
  margin: 0;
  padding: 2rem 0;
  border-bottom: 1px solid rgba(var(--gray-light-rgb),.25) !important;
}
section.search .date {
  margin-bottom: 0.75rem;
  font-size: .875rem;
  line-height: 1rem;
  font-weight: 600;
  color: var(--gray);
}
section.search ul.search-results li a.more {
  display: unset !important;
}
section.search ul.search-results li a.more:before {
  margin-top: .5rem;
  content: '';
  display: block;
}
section.search ul.search-results li a.more:after {
  display: none;
}
table.table a.button.view:hover {
    background: #46474b;
}
table.table a.button.view:before {
    margin-right: .25rem;
    font-family: 'Font Awesome 6 Pro';
    content: '\f002';
    font-size: .625rem;
    font-weight: 400;
    color: rgba(255,255,255,.5);
    display: inline-block;
    transition: all .2s ease-in-out;
}
table.table a.button.reorder:before {
    margin-right: .25rem;
    font-family: 'Font Awesome 6 Pro';
    content: '\f01e';
    font-size: .625rem;
    font-weight: 400;
    color: rgba(255,255,255,.5);
    display: inline-block;
    transition: all .2s ease-in-out;
}

/* CART */
section.content.cart {
    padding: 4rem 0;
    text-align: left !important;
}
section.content.cart > form > .row > [class*="col-"]:first-of-type {
    width: calc(100% - 30rem);
}
section.content.cart > form > .row > [class*="col-"]:last-of-type {
    width: 30rem;
}
/*section.content.cart > .row {
    align-items: flex-start;
}*/
section.content.cart h2 {
    font-weight: 500;
    color: #000;
}
section.content.cart h2:before {
    content: "";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    text-align: center;
    color: rgba(0,0,0,.5);
    display: inline-block;
    position: relative;
    top: 0;
}
section.content.cart h2.checkout:before {
    margin-right: .5rem;
    content: "\f023";
}
section.content.cart h2.order:before {
    margin-right: .5rem;
    content: "\f07a";
}
section.content.cart h2.customer:before {
    margin-right: .5rem;
    content: '\f4ff';
}
section.content.cart .checkout-container {
    padding: 0 2rem;
}
section.content.cart .checkout-container h3 {
    margin: 0 0 1rem;
    padding: 0;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: var(--green-dark);
}
section.content.cart .checkout-container h3 .number {
    width: 1.425rem;
    height: 1.425rem;
    font-size: 1rem;
    line-height: 1.425rem;
    color: #fff;
    text-align: center;
    background-color: var(--green-dark);
    border-radius: 50rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -.125rem;
}
section.content.cart .checkout-container h4 {
    margin: 0 0 .125rem;
    font-size: 1rem;
    line-height: 1.25rem;
}
section.content.cart .checkout-container p {
    margin: 0 0 1rem;
    font-size: 1rem;
    line-height: 1.25rem;
}
section.content.cart .checkout-container *:last-child {
    margin: 0;
}
section.content.cart .checkout-container fieldset {
    margin: 0 0 1.5rem;
    padding: 0 0 1.5rem 0;
    border: none;
    border-bottom: 1px solid rgba(var(--gray-rgb),.25);
}
section.content.cart .checkout-container .row {
    margin-right: -.5rem;
    margin-left: -.5rem;
}
section.content.cart .checkout-container .row [class*="col-"] {
    padding-right: .5rem;
    padding-left: .5rem;
}
section.content.cart .checkout-container .row + .row {
    margin-top: 1rem;
}
section.content.cart .checkout-container select, section.content.cart .checkout-container select[size="0"], section.content.cart .checkout-container select[size="1"] {
  background-image: url(../images/select_arrow.png?1298351050);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 35px;
}
section.content.cart .checkout-container input.error, section.content.cart .checkout-container select.error {
    background-color: #fdeaea;
}
section.content.cart form label.custom-checkbox input[type="checkbox"], section.content.cart form label.custom-checkbox .checked {
    display: none;
}
section.content.cart form label.custom-checkbox input[type="checkbox"]:checked ~ .checked {
    display: inline-block;
}
section.content.cart form label.custom-checkbox input[type="checkbox"]:checked ~ .unchecked {
    display: none;
}
section.content.cart form label.custom-checkbox {
    padding: 0 0 .5rem;
    line-height: 1.5rem;
}
section.content.cart form label.custom-checkbox span {
    line-height: 1.5rem;
    display: inline-block;
    vertical-align: middle;
}
section.content.cart form label.custom-checkbox i {
    margin: 0 .25rem 0 .625rem;
    width:  20px;
    font-size: 1.5rem;
    line-height: 1.5rem;
    vertical-align: middle;
}
section.content.cart form label.custom-checkbox i.unchecked {
    color: rgba(var(--gray-rgb),.25);
}
section.content.cart form label.custom-checkbox i.checked {
    color: var(--green);
}

section.content.cart form .radio label.custom-checkbox {
    display: inline-block !important;
}
section.content.cart form .radio label.custom-checkbox input[type="radio"], section.content.cart form label.custom-checkbox .checked {
    display: none;
}
section.content.cart form .radio label.custom-checkbox input[type="radio"]:checked ~ .checked {
    display: inline-block;
}
section.content.cart form .radio label.custom-checkbox input[type="radio"]:checked ~ .unchecked {
    display: none;
}
section.content.cart form .radio label.custom-checkbox {
    padding: 0;
    line-height: 1.5rem;
}
section.content.cart form .radio label.custom-checkbox + label.custom-checkbox {
    margin-top: .5rem;
}
section.content.cart form .radio label.custom-checkbox span {
    line-height: 1.5rem;
    display: inline-block;
    vertical-align: middle;
}
section.content.cart form .radio label.custom-checkbox i {
    margin: 0 .5rem;
    width:  20px;
    font-size: 1.5rem;
    line-height: 1.5rem;
    vertical-align: middle;
}
section.content.cart form .radio label.custom-checkbox i.unchecked {
    color: rgba(var(--gray-rgb),.25);
}
section.content.cart form .radio label.custom-checkbox i.checked {
    color: var(--green);
}
section.content.cart .cart-container {
    padding: 0 1.5rem 0 0;
    position: -webkit-sticky;
    position: sticky;
    transition: all .2s ease-in-out;
}
section.content.cart .cart-container.down {
    top: 7em;
}
section.content.cart .cart-container.up {
    top: 13rem;
}
section.content.cart .cart-container .cart-item {
    padding: .825rem;
    font-size: 0;
    background-color: rgba(var(--green-dark-rgb),.075);
    border-radius: .5rem;
    display: block;
    position: relative;
}
section.content.cart .cart-container .cart-item:nth-of-type(even) {
    background-color: #f6f9f7;
}
section.content.cart .cart-container .cart-item + .cart-item {
    margin-top: .5rem;
}
section.content.cart .cart-container .cart-item .image {
    margin: 0;
    width: 5.5rem;
    height: 5.5rem;
    background-color: #fff;
    border-radius: .5rem;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
section.content.cart .cart-container .cart-item .image img {
    margin: 0;
    padding: .5rem .75rem;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
section.content.cart .cart-container .cart-item .text {
    /*padding: .5rem 0 .5rem 1rem;*/
    padding: .125rem 0 .125rem .825rem;
    width: calc(100% - 5.5rem);
    font-size: .875rem;
    line-height: 1rem;
    font-weight: 500;
    display: inline-block;
    vertical-align: top;
}
section.content.cart .cart-container .cart-item .text .item-name {
    margin-bottom: .25rem;
    width: calc(100% - 3.5rem);
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 600;
}
section.content.cart .cart-container label {
    display: block !important;
    position: relative;
}
section.content.cart .cart-container .cart-item .text strong {
    margin: .25rem 0;
    font-size: .675rem;
    line-height: .675rem;
    color: var(--green-dark);
    text-transform: uppercase;
    display: block;
}
section.content.cart .cart-container .cart-item .text .job-name {
    margin-bottom: .5rem;
}
section.content.cart .cart-container .cart-item .text .details {
    font-size: 1rem;
}
section.content.cart .cart-container .cart-item .text .details {
    margin-top: .5rem;
    font-size: 1rem;
}
section.content.orders .cart-container .cart-item .text .quantity {
    width: 66.6666667%;
}
section.content.cart .cart-container .cart-item .text .price {
    margin: 0;
    width: 33.33333333%;
    font-size: 1rem;
    line-height: 1.675rem;
    font-weight: 600;
    text-align: right;
    vertical-align: top;
    float: left;
}
section.content.cart .cart-container .cart-item a.delete {
    margin: 0;
    line-height: 0;
    position: absolute;
    top: .5rem;
    right: .5rem;
}
section.content.cart .cart-container .cart-item a.delete:before {
    content: "\f00d";
    font-family: 'Font Awesome 6 Pro';
    font-size: 1.25rem;
    line-height: 1.25rem;
    font-weight: 300;
    text-align: center;
    color: rgba(0,0,0,.5);
    display: inline-block;
    position: relative;
    top: 0;
}
section.content.cart .cart-container .cart-item a.delete:after {
    display: none;
}
section.content.cart .cart-container .cart-item a.edit {
    margin: 0;
    padding: 0 .5rem;
    height: 1rem;
    font-size: .625rem;
    line-height: 1rem;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #646569;
    border-radius: 50rem;
    position: absolute;
    top: .625rem;
    right: 1.75rem;
}
section.content.cart .cart-container .cart-item a.edit:after {
    display: none;
}
section.content.cart .cart-container .cart-item label {
    font-size: 0;
    pointer-events: none;
}
section.content.cart .cart-container .cart-item label h5 {
    margin: 0;
    padding: 0 .25rem;
    width: 1.95rem;
    height: 1.675rem;
    font-size: .675rem;
    line-height: 1.675rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background-color: var(--green-dark);
    border-radius: .25rem 0 0 .25rem;
    display: inline-block;
    vertical-align: top;
}
section.content.cart .cart-container .cart-item label input.number {
    margin: 0;
    width: calc(100% - 1.95rem);
    max-width: 4rem;
    height: 1.675rem;
    font-size: .75rem;
    line-height: 1.675rem;
    font-weight: 500;
    border: none;
    border-radius: 0 .25rem .25rem 0;
    display: inline-block;
    vertical-align: top;
}
section.content.cart .totals {
    padding: 1rem .75rem;
    font-size: 1rem;
    font-weight: 500;
}
section.content.cart .totals .row [class*="col-"] {
    width: 50%;
    float: left;
}
section.content.cart .totals .row [class*="col-"]:nth-of-type(even) {
    text-align: right;
    font-weight: 600;
}
section.content.cart .totals .row.shipping {
    font-size: .875rem;
}
section.content.cart .totals .row.total {
    font-size: 1.125rem;
    color: var(--green-dark);
    font-weight: 600;
}
section.content.cart .totals .row.total [class*="col-"]:nth-of-type(even) {
    font-weight: 700;
}
section.content.cart a.button + a.button, button + button {
    margin-left: .5rem;
}
section.content.cart .complete {
    margin: 0 3.5rem 4rem;
    padding: 1.5rem;
    color: #000;
    background-color: #e6ede9;
    border:  2px solid var(--green-dark);
    border-radius: 1rem;
}
section.content.cart .complete h2 {
    margin-bottom: .75rem;
    color: var(--green-dark);
}
section.content.cart .complete p {
    margin-bottom: .75rem;
}
section.content.cart .complete p:last-of-type {
    margin-bottom: 0;
}

section.content.cart .checkout-container input, section.content.cart .checkout-container select {
    color: #000;
    background-color: rgba(var(--green-dark-rgb),.075);
    border: none !important;
}
section.content .cart-container .cart-item .text .details {
    margin-top: .5rem;
    font-size: 1rem;
}
section.content.cart .cart-container .cart-item .text .details .product-info, section.content.orders .cart-container .cart-item .text .details .product-info {
/*    height: 0;*/
    font-size: .875rem;
    line-height: 1rem;
    font-weight: 500;
    /*visibility: hidden;
    opacity: 0;*/
    transition: all .2s ease-in-out;
}
/*section.content.cart .cart-container .cart-item .text .details.show .product-info, section.content.orders .cart-container .cart-item .text .details.show .product-info {
    padding-bottom: .5rem;
    height: auto;
    visibility: visible;
    opacity: 1;
}*/
section.content.cart .cart-container .cart-item .text .details .product-info h3, section.content.orders .cart-container .cart-item .text .details .product-info h3 {
    margin: 0 0 .25rem;
    font-size: .825rem;
    line-height: 1rem;
    font-weight: 700;
    color: #000;
    display: block;
}
section.content.cart .cart-container .cart-item .text .details .product-info ul, section.content.orders .cart-container .cart-item .text .details .product-info ul {
    margin: 0 0 1rem;
    padding: 0;
    list-style: none;
    column-count: 2;
}
section.content.cart .cart-container .cart-item .text .details .product-info ul li, section.content.orders .cart-container .cart-item .text .details .product-info ul li {
    margin: 0;
    padding: .25rem 0;
}
section.content.orders .cart-container .cart-item .text .price {
    margin: 0;
    width: 33.33333333%;
    font-size: 1rem;
    line-height: 1.675rem;
    font-weight: 600;
    text-align: right;
    vertical-align: top;
    float: left;
}
/*section.content .cart-container .cart-item a.show-details {
    margin: 0;
    padding: 0 .375rem;
    height: 1rem;
    font-size: .575rem;
    line-height: 1rem;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #646569;
    border-radius: 50rem;
    position: absolute;
    top: .5rem;
    right: .5rem;
}
section.content .cart-container .cart-item a.show-details:before {
    margin-right: .25rem;
    content: "\f067";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    text-align: center;
    color: rgba(255,255,255,.5);
    display: inline-block;
    position: relative;
    top: 0;
}
section.content .cart-container .cart-item .row.show a.show-details:before {
    content: "\f068";
}*/
section.content .cart-container .cart-item a.show-details {
    margin: 0;
    padding: 0 .125rem;
    height: 1rem;
    font-size: .6rem;
    line-height: 1rem;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    color: #646569;
    position: absolute;
    /*top: .5rem;*/
    top:  2.125rem;
    right: .5rem;
}
section.content .cart-container .cart-item a.show-details:before {
    margin-right: .25rem;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    text-align: center;
    display: inline-block;
    position: relative;
    top: 0;
}
section.content .cart-container .cart-item a.show-details[aria-expanded="false"]:before {
    content: "\f067";
    color: #77be43;
}
section.content .cart-container .cart-item a.show-details[aria-expanded="true"]:before {
    content: "\f068";
    color:  #ed1c24;
}
section.content .cart-container .cart-item a.show-details:after {
    display: none;
}
section.content .cart-container .cart-item a.reorder {
    margin: 0;
    padding: 0 .375rem;
    height: 1rem;
    font-size: .575rem;
    line-height: 1rem;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #77be43;
    border-radius: 50rem;
    position: absolute;
    top: .5rem;
    right: .5rem;
}
section.content .cart-container .cart-item a.reorder:hover {
    background: #629f37;
}
section.content .cart-container .cart-item a.reorder:before {
    margin-right: .25rem;
    content: "\f01e";
    font-family: 'Font Awesome 6 Pro';
    font-size: .5rem;
    font-weight: 300;
    text-align: center;
    color: rgba(255,255,255,.5);
    display: inline-block;
    position: relative;
    top: 0;
}
section.content.orders .cart-container .cart-item label {
    font-size: 0;
    pointer-events: none;
}
section.content.orders .cart-container .cart-item label .number {
    margin: 0;
    padding: 0 10px;
    width: calc(100% - 1.95rem);
    max-width: 4rem;
    height: 1.675rem;
    font-size: .75rem;
    line-height: 1.675rem;
    font-weight: 500;
    background-color: #fff;
    border: none;
    border-radius: 0 .25rem .25rem 0;
    display: inline-block;
    vertical-align: top;
}
section.content.orders .totals {
    padding: 1rem .75rem;
    font-size: 1rem;
    font-weight: 500;
}
section.content.orders .totals .row [class*="col-"] {
    width: 50%;
    float: left;
}
section.content.orders .totals .row [class*="col-"]:nth-of-type(even) {
    text-align: right;
    font-weight: 600;
}
section.content.orders .totals .row.shipping {
    font-size: .875rem;
}
section.content.orders .totals .row.total {
    font-size: 1.125rem;
    color: var(--green-dark);
    font-weight: 600;
}
section.content.orders .totals .row.total [class*="col-"]:nth-of-type(even) {
    font-weight: 700;
}
section.content.orders .totals .row + .row {
  margin-top: 0;
}
.user-bar {
    padding: 1rem 0 !important;
    font-size: 0;
    background-color: rgba(var(--green-dark-rgb),.075);
    display: flex;
}
.user-bar .container {
    padding: 0 3.5rem;
    max-width: unset;
    text-align: left;
}
.user-bar .user {
    font-size: 1rem;
    font-weight: 700;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}
.user-bar .user:before {
    margin-right: .325rem;
    width: 1.25rem;
    font-family: 'Font Awesome 6 Pro';
    content: '\f2bd';
    font-size: 1.25rem;
    font-weight: 900;
    color: rgba(0,0,0,.25);
    display: inline-block;
    position: relative;
    top: .125rem;
}
.user-bar .buttons {
    display: inline-block;
    vertical-align: middle;
    float: right;
}
.user-bar .buttons a {
    margin-left: .5rem;
    padding: 0 .75rem;
    height: 1.75rem;
    font-size: .75rem;
    line-height: 1.75rem;
    color: #fff !important;
    font-weight: 700;
    text-align: center;
    background: var(--blue-dark);
    display: inline-block;
    border-radius: 1.75rem;
    transition: all .2s ease-in-out;
    position: relative;
    z-index: 100;
}
.user-bar .buttons a:hover {
    background: var(--green-dark);
}
.user-bar .buttons a:before {
    margin-right: 5px;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    color: rgba(255,255,255,.5);
    display: inline-block;
    position: relative;
    top: 0;
}
.user-bar .buttons a.back:before {
    content: '\f104';
}
.user-bar .buttons a.new-order:before {
    content: '\f067';
    top: 1px;
}
.user-bar .buttons a.edit:before {
    content: '\f4ff';
    font-weight: 400;
}
.user-bar .buttons a.logout:before {
    content: '\f08b';
}
.user-bar .buttons a:after {
    display: none !important;
}
section.content.orders table.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    font-size: .9rem;
    line-height: 1.2;
    border-collapse: collapse;
    text-align: left;
    overflow-x: scroll;
}
section.content.orders table.table tr:nth-child(even) {
    background: #f2f6f4;
}
section.content.orders table.table td, section.content.orders table.table th {
    padding: .65rem;
    vertical-align: middle;
    border-top: 1px solid #e6ede9;
}
section.content.orders table.table td:last-child, section.content.orders table.table th:last-child {
    width: 220px;
    font-size: 0;
    text-align: center;
}
section.content.orders table.table th:first-child {
    width: 75px;
    text-align: center;
}
section.content.orders table.table thead th {
    font-size: .9rem !important;
    text-transform: uppercase;
    vertical-align: bottom;
    border-bottom: 2px solid #e6ede9;
    border-top: none;
}
section.content.orders table.table tbody th {
    font-weight: 400;
}
section.content.orders table.table a.view {
    font-size: 0;
}
section.content.orders table.table a.view:before {
    font-family: 'Font Awesome 6 Pro';
    content: '\f06e';
    font-size: .9rem;
    font-weight: 900;
    color: #abb1b0;
    display: inline-block;
    transition: all .2s ease-in-out;
}
section.content.orders table.table a.view:hover:before {
    color: #d0d6d4;
}
section.content.orders table.table .thumbnail-column {
    width: 4.3rem;
}
section.content.orders table.table .thumbnail {
    width: 3rem;
    height: 3rem;
    text-align: center;
    background: #f1f1f1;
    border: 1px solid #d0d6d4;
    display: block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
}
section.content.orders table.table .thumbnail img {
    margin: 0 auto;
    max-width: none;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
section.content.orders table.table a.button {
    margin: .125rem;
    padding: 0 10px;
    height: 24px;
    font-size: .75rem;
    line-height: 24px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    background: #77be43;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50rem;
    transition: all .2s ease-in-out;
    position: relative;
}
section.content.orders table.table a.button:hover {
    background: #629f37;
}
section.content.orders table.table a.button.view {
    background: #64656a;
}
section.content.orders table.table a.button.view:hover {
    background: #46474b;
}
section.content.orders table.table a.button.view:before {
    margin-right: .25rem;
    font-family: 'Font Awesome 6 Pro';
    content: '\f002';
    font-size: .675rem;
    font-weight: 400;
    color: rgba(255,255,255,.5);
    display: inline-block;
    transition: all .2s ease-in-out;
}
section.content.orders table.table a.button.reorder:before {
    margin-right: .25rem;
    font-family: 'Font Awesome 6 Pro';
    content: '\f01e';
    font-size: .675rem;
    font-weight: 400;
    color: rgba(255,255,255,.5);
    display: inline-block;
    transition: all .2s ease-in-out;
}
section.content.orders table.table a.button:after {
    display: none !important;
}
.webinars.main {
  background: transparent url(../images/bg-cross-light.png) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}
.webinars .webinars-container {
  padding-bottom: 1rem;
  justify-content: center;
}
.webinars .webinars-container .col {
  margin-bottom: 2rem;
  width: 33.3333% !important;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
}
.webinars .card {
  padding: .5rem;
  border: none;
  border-radius: 1rem;
  box-shadow: 0 .125rem 1.5rem rgba(0,0,0,.1)!important;
  transition: all .35s ease;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}
.no-touch .webinars .card:hover {
  box-shadow: 0 .125rem 1.5rem rgba(0,0,0,.2)!important;
}
.webinars .card .image {
  border-radius: .675rem .675rem 0 0;
  overflow: hidden;
  pointer-events: none;
  aspect-ratio: 650/441;
  position: relative;
}
.webinars .card .image img {
  max-height: 100%;
  width: auto;
  max-width: unset;
}
.webinars .card .card-body {
  margin: -3.25rem 0 0;
  padding: 1rem 1.5rem 1.5rem;
  text-align: left;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  pointer-events: none;
}
.webinars .card .card-body .date-time {
  margin: 0 -1.5rem 1.75rem;
  padding: .5rem .5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(var(--gray-dark-rgb),.85) linear-gradient(90deg, rgba(var(--blue-dark-rgb),.5) 25%,rgba(var(--green-dark-rgb),.5) 100%);
}
.webinars .card .card-body .date, .webinars .card .card-body .time {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
}
.webinars .card .card-body .date:before, .webinars .card .card-body .time:before   {
  margin-right: .325rem;
  font-family: 'Font Awesome 6 Pro';
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 300;
  text-align: center;
  color: rgba(255,255,255,.5);
  display: inline-block;
  position: relative;
}
.webinars .card .card-body .date:before  {
  content: "\f133";
}
.webinars .card .card-body .time:before  {
  content: "\f017";
}
.webinars .card .card-title {
  margin-bottom: .75rem;
  padding-right: 1.125rem;
  font-size: 1.325rem;
  line-height: 1.625rem;
  font-weight: 700;
  letter-spacing: -.0125rem;
}
.webinars .card p {
  flex: 1 0 auto;
}
.no-touch section.webinars .card:hover .btn {
  background: var(--yellow-dark);
  background: var(--yellow) linear-gradient(115deg, rgba(251,182,44,1) 25%, rgba(232,119,34,1) 100%);
  color: #fff;
  -webkit-box-shadow: 0px 0px 1px .25rem rgba(246,190,0,.5); 
  box-shadow: 0px 0px 1px .25rem rgba(246,190,0,.5);
}
.no-touch section.webinars .card:hover .btn.green {
  background: var(--green-dark);
  background: var(--green) linear-gradient(115deg, rgba(118,189,34,1) 25%, rgba(47,120,33,1) 100%);
  color: #fff;
  -webkit-box-shadow: 0px 0px 1px .25rem rgba(118,189,34,.5); 
  box-shadow: 0px 0px 1px .25rem rgba(118,189,34,.5);
}
.webinars.main .row [class*="col-"] {
  position: relative;
}
.webinars .card .card-body .buttons {
  margin: .75rem 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.webinars .card .card-body .buttons .btn {
  padding: 1rem 1.5rem;
  width: 100%;
}
.webinars.info {
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: left;
}
.webinars.info > .row {
  align-items: flex-start;
}
.webinars.info > .row [class*="col-"] {
  align-items: flex-start;
}
.webinars.info p {
  font-size: 1.25rem;
  line-height: 1.825rem;
}
.webinars.info .speaker {
  margin: 1rem 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.webinars.info .speaker .image {
  width: 5rem;
  border-radius: 50rem;
  overflow: hidden;
}
.webinars.info .speaker .text {
  width: calc(100% - 5rem);
  padding: 0 0 0 1rem;
}
.webinars.info .speaker .text h5 {
  margin-bottom: 0;
}
.webinars.info .speaker .text h6 {
  margin-bottom: 0;
  color: var(--gray);
}
section.hero.webinars .date-time {
  margin: 2rem 0 0;
  padding: .75rem 1.5rem;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  background: rgba(var(--gray-dark-rgb),.85) linear-gradient(90deg, rgba(var(--blue-dark-rgb),.5) 25%,rgba(var(--green-dark-rgb),.5) 100%);
  border-radius: 50rem;
}
section.hero.webinars .date, section.hero.webinars .time {
  font-size: 1.25rem;
  line-height: 1.825rem;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
}
section.hero.webinars .date:before, section.hero.webinars .time:before   {
  margin-right: .5rem;
  font-family: 'Font Awesome 6 Pro';
  font-size: 1.25rem;
  line-height: 1.825rem;
  font-weight: 300;
  text-align: center;
  color: rgba(255,255,255,.5);
  display: inline-block;
  position: relative;
}
section.hero.webinars .date:before  {
  content: "\f133";
}
section.hero.webinars .time:before  {
  content: "\f017";
}
 /*New Products Layout */
section.hero.product + section:not(.info-graphic), section.hero.application + section:not(.info-graphic) {
    padding-top: 4rem;
}
section.hero.product:before {
    width: 100%;
    height: 100%;
    content: '';
    /*background: rgba(0,0,0,.625);*/
    /*background: rgba(var(--gray-x-dark-rgb),.9);*/
    background: linear-gradient(-90deg, rgba(var(--gray-x-dark-rgb),.95) 0%, rgba(0,0,0,.675) 100%);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    pointer-events: none;
    /*backdrop-filter: saturate(1.5);*/
}
section.hero.product.product-page {
    background-size: contain;
    background-position: right center;
}
section.hero.product .content.green {
    background-color: rgba(var(--green-rgb), .8);
    background: linear-gradient(-90deg, rgba(var(--green-rgb), .95) 0%, rgba(var(--green-dark-rgb), .98) 80%);
}
section.hero.product .content.blue {
    background-color: rgba(var(--blue-rgb), .8);
    background: linear-gradient(-90deg, rgba(var(--blue-rgb), .95) 0%, rgba(var(--blue-dark-rgb), .98) 80%);
}
section.hero.product .content.yellow {
  background-color: rgba(var(--yellow-x-dark-rgb),.9);
  background: rgba(var(--yellow-x-dark-rgb),.625) linear-gradient(-90deg, rgba(var(--yellow-dark-rgb),.9) 0%, rgba(var(--yellow-x-dark-rgb),.75) 80%);
}
section.hero.product .content.orange {
  background: rgba(var(--orange-dark-rgb),.625) linear-gradient(-90deg, rgba(var(--yellow-dark-rgb),.9) 0%, rgba(var(--orange-rgb),.8) 80%);
  /*background-color: rgba(var(--orange-rgb),.8);
  background: linear-gradient(-90deg, rgba(var(--orange-rgb),.9) 0%, rgba(var(--orange-dark-rgb),.98) 80%);*/
}
section.hero.product .content.green-dark {
  background-color: rgba(var(--green-dark-rgb),.8);
  background: linear-gradient(-90deg, rgba(var(--green-dark-rgb),.9) 0%, rgba(var(--green-x-dark-rgb),.98) 80%);
}
section.hero.product .content.blue-dark {
  background-color: rgba(var(--blue-dark-rgb), .8);
  background: linear-gradient(-90deg, rgba(var(--blue-dark-rgb), .95) 0%, rgba(var(--blue-x-dark-rgb), .98) 80%);
/*  background-color: rgba(var(--blue-dark-rgb),.8);
  background: linear-gradient(-90deg, rgba(var(--blue-dark-rgb),.9) 0%, rgba(var(--blue-x-dark-rgb),.98) 80%);*/
}
section.hero.product .content.yellow-dark {
  background-color: rgba(var(--yellow-x-dark-rgb),.8);
  background: rgba(var(--yellow-x-dark-rgb),.625) linear-gradient(-90deg, rgba(var(--yellow-dark-rgb),.9) 0%, rgba(var(--yellow-x-dark-rgb),.85) 50%)
}
section.hero.product .content.orange-dark {
  background-color: rgba(var(--orange-dark-rgb),.8);
  background: linear-gradient(-90deg, rgba(var(--orange-dark-rgb),.9) 0%, rgba(var(--orange-x-dark-rgb),.98) 70%);
}
section.hero.product:has(.green):before, section.hero.product:has(.blue):before, section.hero.product:has(.blue-dark):before, section.hero.product:has(.green-dark):before {
    background: rgba(0,0,0,.25);
}
section.hero.product:has(.yellow):before {
    background: linear-gradient(-90deg, rgba(0,0,0,.075) 0%, rgba(0,0,0,.125) 70%);
}
section.hero.product:has(.orange):before {
    background: rgba(var(--orange-rgb),.25);
}
section.hero.product:has(.yellow-dark):before {
    background: linear-gradient(-90deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,.25) 70%);
    /*background: rgba(var(--yellow-x-dark-rgb),.25);*/
}
section.hero.product:has(.orange-dark):before {
    background: rgba(var(--orange-dark-rgb),.25);
}
section.hero.product:has(.alt):before {
    background: rgba(0,0,0,0);
    backdrop-filter: unset;
}
section.hero.product:after, section.hero.product.gradient-border:after {
    background: linear-gradient(90deg, var(--green) 0%, var(--blue) 100%);
}
section.hero.product:has(.yellow):after, section.hero.product.gradient-border:has(.yellow):after {
    background: linear-gradient(90deg, var(--yellow-x-dark) 0%, var(--yellow-dark) 100%);
}
section.hero.product:has(.green):after, section.hero.product.gradient-border:has(.green):after {
    background: linear-gradient(90deg, var(--green-dark) 0%, var(--green) 100%);
}
section.hero.product:has(.blue):after, section.hero.product.gradient-border:has(.blue):after {
    background: linear-gradient(90deg, var(--blue-dark) 0%, var(--blue) 100%);
}
section.hero.product:has(.orange):after, section.hero.product.gradient-border:has(.orange):after {
    background: linear-gradient(90deg, var(--orange-dark) 0%, var(--orange) 100%);
}
section.hero.product:has(.blue-dark):after, section.hero.product.gradient-border:has(.blue-dark):after {
    background: linear-gradient(90deg, var(--blue-x-dark) 0%, var(--blue-dark) 100%);
}
section.hero.product:has(.green-dark):after, section.hero.product.gradient-border:has(.green-dark):after {
    background: linear-gradient(90deg, var(--green-x-dark) 0%, var(--green-dark) 100%);
}
section.hero.product:has(.yellow-dark):after, section.hero.product.gradient-border:has(.yellow-dark):after {
    background: linear-gradient(90deg, var(--yellow-x-dark) 0%, var(--yellow-dark) 100%);
}
section.hero.product:has(.orange-dark):after, section.hero.product.gradient-border:has(.orange-dark):after {
    background: linear-gradient(90deg, var(--orange-dark) 0%, var(--orange) 100%);
}
section.hero .content.alt {
    color: var(--gray-dark);
    text-shadow: none !important;
    background: linear-gradient(-5deg, rgba(241,176,63, .5) 0%, rgba(183,220,217, .625) 55%);
}
section.hero.product .content {
    background: rgba(var(--gray-dark-rgb),.6);
    /*background: transparent;*/
    text-shadow: 1px 1px 0 rgba(0,0,0,.25);
}
section.hero.product .content:before {
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(-7deg, rgba(241, 176, 63, 1) 0%, rgba(183, 220, 217, 1) 55%);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
/*section.hero.product .content:before {
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(-7deg, rgba(241, 176, 63, 1) 0%, rgba(183, 220, 217, 1) 55%);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}*/
section.hero.product .carousel {
    padding: 0 3.5rem 0 4.5rem;
    position: relative;
}
section.hero.product:has(.carousel) .content {
    padding-top: 1.5rem;
    padding-bottom: 1.575rem;
}
section.hero.product .carousel .carousel-inner {
    overflow: visible;
}
/*section.hero.product .carousel .image {
    filter: drop-shadow(0 0 8rem rgba(255, 255, 255, .25));
}*/
/*section.hero.product .carousel:before {
    width: 100%;
    height: 100%;
    content: '';
    filter: drop-shadow(0 -.5rem 3rem rgba(255, 255, 255, .75));
    position: absolute;
    display: block;
}*/
section.hero.product .content .description {
    position: relative;
    z-index: 2;
}
section.hero.product .content:has(.carousel) .description {
    padding-right: 5rem;
}
section.hero.product .content .description a.tag {
    padding: .5rem .75rem;
    color: #fff !important;
    /*text-shadow: none;*/
    background-color: rgba(255,255,255,.125);
    border-radius: .325rem;
    border: .1rem solid rgba(255,255,255,.125);
}
section.hero.product .content .description a.tag:hover {
    background-color: rgba(255,255,255,.325);
}
section.hero.product .content .description a.tag [class*="fa-"] {
    /*color: var(--green);*/
    color: rgba(255,255,255,1);
    opacity: .325;
}
section.hero.product .content .description a.tag:hover [class*="fa-"] {
    font-weight: 300 !important;
    opacity: 1;
}
/*section.hero .btn.quote {
    margin: 2.5rem 0 0;
    padding: .675rem 1.25rem .825rem;
    font-family: "Serendipity One", "Brush Script MT", cursive !important;
    font-size: 2.25rem !important;
    line-height: 1.125rem !important;
    font-weight: 400 !important;
    color: var(--yellow) !important;
    text-indent: -1.675rem;
    text-transform: lowercase;
    position: relative;
    z-index: 1;
    background: rgba(0,0,0,.125) !important;
    overflow: visible;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2) !important;
    box-shadow: 0 0 0 0 rgba(255,255,255,0.5);
}
section.hero .btn.quote strong {
    font-family: proxima-nova, sans-serif;
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    text-indent: 0;
    display: block;
    position: relative;
    z-index: -1;
}
section.hero .btn.quote:hover {
    color: var(--yellow) !important;
    background: rgba(0,0,0,.25) !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,.125) !important;
}*/
section.hero .btn.quote {
    margin: 2rem 0 0;
    padding: 1.325rem 2rem;
    font-family: proxima-nova, sans-serif !important;
    font-size: 1.25rem !important;
    line-height: 1.25rem !important;
    color: #fff;
    font-weight: 800 !important;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    background: rgba(0,0,0,.125) !important;
    border: 1px solid rgba(255,255,255,.125);
    overflow: visible;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2) !important;
    box-shadow: 0 0 0 0 rgba(255,255,255,0.5);
}
section.hero .btn.quote:hover {
    background: rgba(0,0,0,.25) !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,.125) !important;
}
section.hero .btn.quote.stick:before {
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(var(--gray-dark-rgb),.25) !important;
  border-bottom: 4px solid rgba(255,255,255,.25);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
section.hero .btn.quote.stick:hover:before {
  background: rgba(var(--gray-dark-rgb),.5) !important;
}
section.hero .content .btn.quote.stick {
  margin: 0;
  /*padding: 4.125rem 1.25rem 1rem;*/
  padding: clamp(55px, 4.125vw, 4.125rem) 1.25rem 1rem;
  width: 100%;
  background: linear-gradient(90deg, rgba(var(--blue-rgb),.99) 25%,rgba(var(--green-rgb),.99) 100%) !important;
  border: none;
  border-bottom: 0;
  border-radius: 0;
  position: fixed;
  top: 0;
  left: 0;
}
section.cards.main {
    padding-top: 1rem;
    padding-bottom: 4rem;
    background: transparent url(../images/bg-cross-light.png) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}
section.cards .card-container {
    padding-bottom: 1rem;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 1.5rem;
}
section.cards .card-container .col {
    /*margin-bottom: 2rem;*/
    /*width: 25% !important;*/
    /*padding: 0;*/
    display: flex;
    flex-direction: column;
    /*flex: 0 0 auto;*/
    flex: 0 0 25%;
}
section.cards .card {
    /*padding: .5rem;*/
    padding: 0;
    background: transparent;
    background: linear-gradient(-2deg, rgba(255,255,255,.75) 0%, rgba(255,255,255,.025) 42%);
    backdrop-filter: blur(.625rem);
    border: none;
    border-radius: .825rem;
    box-shadow: 0 .125rem 1.75rem rgba(0,0,0,.075)!important;
    transition: all .35s ease;
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    z-index: 1;
    overflow: hidden;
}
.no-touch section.cards .card:hover {
    background: linear-gradient(-2deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42%);
    box-shadow: 0 .125rem 2.75rem rgba(0,0,0,.25)!important;
    z-index: 0;
}
section.cards .card:has(.youtube) {
    background: linear-gradient(-2deg, rgba(var(--gray-x-dark-rgb),.98) 0%, rgba(var(--gray-x-dark-rgb),.85) 42%);
}
.no-touch section.cards .card:has(.youtube):hover {
    background: linear-gradient(-2deg, rgba(var(--gray-x-dark-rgb),1) 0%, rgba(var(--gray-x-dark-rgb),1) 42%);
}
section.cards .card .youtube {
    display: flex;
    justify-content: center;
    align-items: center;
}
section.cards .card .youtube:before {
    width: 5rem;
    height: 5rem;
    content: "\f144";
    font-family: 'Font Awesome 6 Pro';
    font-size: 5rem;
    line-height: 5rem;
    font-weight: 900;
    text-align: center;
    color: var(--gray-dark);
    background-color: #fff;
    opacity: .8;
    border-radius: 50rem;
    display: inline-block;
    position: absolute;
    transition: all .25s ease-in-out;
}
.no-touch section.cards .card:hover .youtube:before {
    color: var(--green-dark);
    background-color: var(--green-light);
    opacity: .975;
}
section.cards .card .youtube.playing:before {
    display: none;
}
#videoModal .btn-close {
    padding: 1rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    box-shadow: none;
}
#videoModal .modal-content {
    border-radius: 0;
}
section.cards .card .image {
    padding: 1rem;
    border-radius: .825rem .825rem 0 0;
    background: linear-gradient(-7deg, rgba(241,176,63, .625) 0%, rgba(183,220,217, .625) 55%);
    overflow: hidden;
    pointer-events: none;
    aspect-ratio: 16/9;
}
section.cards .card .image:before {
    width: 100%;
    height: 100%;
    content: '';
    /*background: transparent url(../images/bg-pattern-circles.png) no-repeat center left;*/
    background-size: 100%;
    opacity: 1;
    display: block;
    position: absolute;
    z-index: 1;
    transition: all .215s ease-in-out;
}
section.cards .card .image img {
    max-height: 100%;
    max-width: 113%;
    width: auto;
    transition: all .25s ease-in-out;
    filter: drop-shadow(0 -.5rem 3rem rgba(255,255,255,.75));
    border-radius: 0;
}
.no-touch section.cards .card:hover .image img {
    max-height: 113%;
    height: 113%;
    filter: drop-shadow(0 0 3.5rem rgba(255,255,255,1));
}
.no-touch section.cards .card:hover .image:before {
    background-size: 150%;
    /*opacity: .5;*/
    opacity: .125;
}
section.cards .card.yellow .image {
    background: linear-gradient(-7deg, rgba(var(--yellow-dark-rgb), .7) 20%, rgba(var(--yellow-x-light-rgb), .9) 65%);
}
section.cards .card.yellow .image:before {
    background-color: rgba(var(--yellow-x-dark-rgb), .25);
    /*opacity: .125;*/
}
section.cards .card.yellow .image img {
    /*filter: drop-shadow(0 -.5rem 3rem rgba(255,255,255,.75));*/
    filter: drop-shadow(0 -.5rem 3rem rgba(var(--yellow-x-light-rgb),.5));
}
.no-touch section.cards .card.yellow:hover .image img {
    /*filter: drop-shadow(0 0 3.5rem rgba(255,255,255,.5));*/
    filter: drop-shadow(0 0 3.5rem rgba(var(--yellow-x-light-rgb),.5));
}
.no-touch section.cards .card.yellow:hover .image:before {
    opacity: .5;
}
section.cards .card.blue .image {
    /*background: linear-gradient(-7deg, rgba(var(--blue-dark-rgb), .9) 20%, rgba(var(--blue-rgb), .9) 65%);*/
    background: linear-gradient(-7deg, rgba(var(--blue-dark-rgb), .98) 20%, rgba(var(--blue-rgb), .95) 65%);
}
section.cards .card.blue .image:before {
    background-color: rgba(var(--blue-x-dark-rgb), .5);
    /*opacity: .125;*/
}
section.cards .card.blue .image img {
    /*filter: drop-shadow(0 -.5rem 3rem rgba(255,255,255,.75));*/
    filter: drop-shadow(0 -.5rem 3rem rgba(var(--blue-light-rgb),.5));
}
.no-touch section.cards .card.blue:hover .image img {
    /*filter: drop-shadow(0 0 3.5rem rgba(255,255,255,.5));*/
    filter: drop-shadow(0 0 3.5rem rgba(var(--blue-light-rgb),.5));
}
.no-touch section.cards .card.blue:hover .image:before {
    opacity: .5;
}
section.cards .card.green .image {
    background: linear-gradient(-7deg, rgba(var(--green-dark-rgb), .98) 20%, rgba(var(--green-rgb), .95) 65%);
}
section.cards .card.green .image:before {
    background-color: rgba(var(--green-x-dark-rgb), .5);
    /*opacity: .125;*/
}
section.cards .card.green .image img {
    /*filter: drop-shadow(0 -.5rem 3rem rgba(255,255,255,.75));*/
    filter: drop-shadow(0 -.5rem 3rem rgba(var(--green-light-rgb),.5));
}
.no-touch section.cards .card.green:hover .image img {
    /*filter: drop-shadow(0 0 3.5rem rgba(255,255,255,.5));*/
    filter: drop-shadow(0 0 3.5rem rgba(var(--green-light-rgb),.5));
}
.no-touch section.cards .card.green:hover .image:before {
    opacity: .5;
}
section.cards .card.orange .image {
    background: linear-gradient(-7deg, rgba(var(--orange-dark-rgb), .8) 20%, rgba(var(--yellow-dark-rgb), .9) 65%);
}
section.cards .card.orange .image:before {
    /*background-color: rgba(var(--orange-x-dark-rgb), .325);*/
    background-color: rgba(var(--orange-dark-rgb),.625) ;
    /*opacity: .125;*/
}
section.cards .card.orange .image img {
    /*filter: drop-shadow(0 -.5rem 3rem rgba(255,255,255,.75));*/
    filter: drop-shadow(0 -.5rem 3rem rgba(var(--yellow-light-rgb),.5));
}
.no-touch section.cards .card.orange:hover .image img {
    /*filter: drop-shadow(0 0 3.5rem rgba(255,255,255,.5));*/
    filter: drop-shadow(0 0 3.5rem rgba(var(--yellow-light-rgb),.5));
}
.no-touch section.cards .card.orange:hover .image:before {
    opacity: .5;
}
section.cards .card.yellow-dark .image {
    background: linear-gradient(-7deg, rgba(var(--yellow-x-dark-rgb), .95) 0%, rgba(var(--yellow-dark-rgb), .6) 65%);
}
section.cards .card.yellow-dark .image:before {
    background-color: rgba(var(--yellow-x-dark-rgb), .25);
    /*opacity: .125;*/
}
section.cards .card.yellow-dark .image img {
    /*filter: drop-shadow(0 -.5rem 3rem rgba(255,255,255,.75));*/
    filter: drop-shadow(0 -.5rem 3rem rgba(var(--yellow-x-light-rgb),.5));
}
.no-touch section.cards .card.yellow-dark:hover .image img {
    /*filter: drop-shadow(0 0 3.5rem rgba(255,255,255,.5));*/
    filter: drop-shadow(0 0 3.5rem rgba(var(--yellow-x-light-rgb),.5));
}
.no-touch section.cards .card.yellow-dark:hover .image:before {
    opacity: .5;
}
section.cards .card.blue-dark .image {
    background: linear-gradient(-7deg, rgba(var(--blue-x-dark-rgb), .9) 20%, rgba(var(--blue-dark-rgb), .9) 65%);
}
section.cards .card.blue-dark .image:before {
    background-color: rgba(0,0,0, .25);
    /*opacity: .125;*/
}
section.cards .card.blue-dark .image img {
    /*filter: drop-shadow(0 -.5rem 3rem rgba(255,255,255,.75));*/
    filter: drop-shadow(0 -.5rem 3rem rgba(var(--blue-rgb),.5));
}
.no-touch section.cards .card.blue-dark:hover .image img {
    /*filter: drop-shadow(0 0 3.5rem rgba(255,255,255,.5));*/
    filter: drop-shadow(0 0 3.5rem rgba(var(--blue-rgb),.5));
}
.no-touch section.cards .card.blue-dark:hover .image:before {
    opacity: .5;
}
section.cards .card.green-dark .image {
    background: linear-gradient(-7deg, rgba(var(--green-x-dark-rgb), .98) 20%, rgba(var(--green-rgb), .95) 65%);
}
section.cards .card.green-dark .image:before {
    background-color: rgba(var(--green-x-dark-rgb), .75);
    /*opacity: .125;*/
}
section.cards .card.green-dark .image img {
    /*filter: drop-shadow(0 -.5rem 3rem rgba(255,255,255,.75));*/
    filter: drop-shadow(0 -.5rem 3rem rgba(var(--green-rgb),.75));
}
section.cards .card.orange-dark .image {
    background: linear-gradient(-7deg, rgba(var(--orange-x-dark-rgb), .98) 20%, rgba(var(--orange-dark-rgb), .9) 65%);
}
section.cards .card.orange-dark .image:before {
    background-color: rgba(var(--orange-x-dark-rgb), .325);
    /*opacity: .125;*/
}
section.cards .card.orange-dark .image img {
    /*filter: drop-shadow(0 -.5rem 3rem rgba(255,255,255,.75));*/
    filter: drop-shadow(0 -.5rem 3rem rgba(var(--yellow-light-rgb),.5));
}
.no-touch section.cards .card.orange-dark:hover .image img {
    /*filter: drop-shadow(0 0 3.5rem rgba(255,255,255,.5));*/
    filter: drop-shadow(0 0 3.5rem rgba(var(--yellow-light-rgb),.5));
}
.no-touch section.cards .card.orange-dark:hover .image:before {
    opacity: .5;
}
section.cards .card .youtube {
    padding: 0;
    /*border-radius: .825rem .825rem 0 0;*/
    overflow: hidden;
    pointer-events: none;
    aspect-ratio: 16/9;
}
section.cards .card .youtube video {
    padding: 0;
    border-radius: unset;
    box-shadow: unset;
}
.no-touch section.cards .card.green-dark:hover .image img {
    /*filter: drop-shadow(0 0 3.5rem rgba(255,255,255,.5));*/
    filter: drop-shadow(0 0 3.5rem rgba(var(--green-rgb),.75));
}
.no-touch section.cards .card.green-dark:hover .image:before {
    opacity: .75;
}
section.cards .card .card-body {
    padding: 1.25rem 1.25rem 1rem;
    text-align: left;
    background: none;
    /*pointer-events: none;*/
}
section.cards .card .card-body p {
    font-size: 1rem;
    line-height: 1.5rem;
}
section.cards .card .card-body p:last-of-type {
    margin-bottom: .5rem;
}
section.cards .card .card-body a.learn-more {
    /*padding-left: .375rem;*/
    font-size: 1rem;
    /*line-height: 1.25rem;*/
    font-weight: 700;
    /*border-left: .125rem solid rgba(var(--blue-rgb), .25);*/
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem;
    z-index: unset;
    opacity: 0;
    display: none;
}
section.cards .card:hover .card-body a.learn-more {
    opacity: 1;
    gap: .75rem;
}
section.cards .card .card-body a.learn-more:after {
    display: none;
}
section.cards .card .card-body a.learn-more [class*="fa-"] {
    font-size: 60%;
    line-height: 0;
    color: var(--green);
    display: block;
    position: relative;
    top: .1rem;
}
section.cards .card .card-body .tags, section.cards .card .card-body .date, section.cards .card .card-body .time {
    max-width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: .2rem;
    flex-wrap: wrap;
    position: relative;
    /*z-index: 10;*/
}
/*section.cards .card .card-body .tags:before {
    margin-top: .125rem;
    content: "\f02b";
    font-family: 'Font Awesome 6 Pro';
    font-size: .7rem;
    line-height: .7rem;
    font-weight: 400;
    color: rgba(var(--yellow-rgb),1);
}
section.cards .card:has(.youtube) .card-body .tags:before {
  margin-top: .125rem;
    content: "\f04b";
    font-weight: 400;
    color: rgba(var(--green-rgb),1);
}
section.cards .card .card-body .date:before {
    content: "\f133";
    font-family: 'Font Awesome 6 Pro';
    font-size: .7rem;
    line-height: .7rem;
    font-weight: 400;
    color: rgba(var(--gray-rgb),.5);
}*/
section.cards .card .card-body .tags a {
    margin: 0;
    padding: .175rem .5rem;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 600;
    color: var(--gray);
    text-decoration: none;
    border: 2px solid rgba(var(--gray-light-rgb), .25);
    border-radius: 50rem;
    display: inline-block;
    background-color: transparent;
    white-space: nowrap;
}
section.cards .card .card-body .tags a:hover {
    color: var(--blue);
    border-color: rgba(var(--blue-rgb), .125);
}
section.cards .card .card-body .tags a:after, section.cards.story .tags a:after, section.cards .card .card-body .tags a:hover:after, section.cards.story .tags a:hover:after {
    width: unset;
    height: unset !important;
    content: unset;
    background-color: unset !important;
    bottom: unset;
    left: unset;
    z-index: unset;
}
section.cards .card .card-title {
    margin-bottom: .5rem;
    font-size: 1.2rem;
    line-height: 1.325rem;
    color: var(--blue-dark);
    font-weight: 700;
    text-wrap: balance;
    transition: all .25s ease-in-out;
}
section.cards .card:hover .card-title {
    color: var(--blue-alt);
}
section.cards .card.sustainability .card-body .card-title:after {
    margin-left: .25rem;
    width: 1.125rem;
    height: 1.125rem;
    content: "";
    background: url(../images/icon-sustainability.svg) no-repeat center center;
    background-size: contain;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
section.cards .card:has(.youtube) .card-title {
    color: rgba(255,255,255,.85);
}
section.cards .card:has(.youtube):hover .card-title {
    color: rgba(255,255,255,1);
}
section.cards .card h6 {
    margin-bottom: .75rem;
    font-size: .825rem;
    /*font-size: clamp(12px, .825vw, .825rem);*/
    line-height: 1rem;
    color: rgba(var(--gray-dark-rgb), .75);
    font-weight: 400;
    text-wrap: balance;
    display: flex;
    justify-content: space-between;
}
section.cards .card:has(.youtube) h6 {
    color: rgba(255,255,255,.5);
}
section.cards .card h6.bottom {
    margin: .75rem 0 0;
    padding-top: .9rem;
    border-top: .025rem solid rgba(var(--gray-light-rgb),.25);
}
section.cards .card h6.bottom .date:before {
    content: "\f133";
    font-family: 'Font Awesome 6 Pro';
    font-size: .7rem;
    line-height: .7rem;
    font-weight: 400;
    color: rgba(var(--gray-rgb),.5);
}
section.cards .card h6.bottom .time:before {
    content: "\f133";
    font-family: 'Font Awesome 6 Pro';
    font-size: .7rem;
    line-height: .7rem;
    font-weight: 400;
    color: rgba(var(--gray-rgb),.5);
}
section.cards .btn, section.cards.home .btn, section.cards.main .btn {
    padding: 1.5rem 2.5rem;
    font-size: 1rem !important;
    line-height: 1.25rem !important;
}
section.cards.main .row [class*="col-"] {
    position: relative;
}
section.cards.main .case-study-categories {
    margin-top: -1rem;
    margin-bottom: 1rem;
    text-align: left;
}
section.cards.main .case-study-categories a {
    margin: .25rem 0;
    padding: .325rem .5rem;
    font-size: .75rem;
    line-height: 1rem;
    color: var(--blue-dark);
    font-weight: 700;
    background-color: #fff;
    border-radius: .325rem;
    border: 1px solid rgba(var(--blue-dark-rgb), .2);
    display: block;
    box-shadow: 0 .125rem .625rem rgba(0,0,0,.0625)!important;
}
.no-touch section.cards.main .case-study-categories a:hover {
    box-shadow: 0 .125rem .625rem rgba(0,0,0,.175)!important;
    color: var(--blue-dark);
    border: 1px solid rgba(var(--blue-rgb), .5);
}
section.cards.main .case-study-categories a.active {
    color: #fff !important;
    background-color: var(--blue-dark) !important;
    border: 1px solid rgba(var(--blue-dark-rgb), 1) !important;
    pointer-events: none;
}
section.cards.main .case-study-categories a:after {
    display: none;
}
section.cards .products-filters {
    margin: -1rem 0 0 0;
    padding: 0;
    position: relative;
    z-index: 10;
    gap: .5rem;
}
section.cards .row.products-filters + .row.card-container {
    margin-top: 1.5rem
}
section.cards .products-filters > .row {
    margin: 0 -1rem !important;
    width: calc(100% + 2rem) !important;
    max-width: unset !important;
    gap: .5rem;
}
section.cards .products-filters [class*="col"] {
    margin: 0;
    padding: 0;
    flex: 0 0 calc(20% - .45rem);
    display: inline-flex;
}
.products-filters .choices__list--single .choices__item {
  width: calc(100% - 30px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
section.cards .choices {
    width: 100%;
    font-size: .825rem;
    line-height: 1rem;
    text-align: left;
    background-color: #fff;
    border-radius: .325rem;
    /*box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .0625) !important;*/
}
section.cards .choices .choices__placeholder {
    font-weight: 400;
    opacity: 1;
}
section.cards .choices[data-type*=select-one]::after {
    content: "\f107";
    font-family: 'Font Awesome 6 Pro';
    font-size: .625rem;
    line-height: 0;
    font-weight: 900;
    height: 0;
    width: 1rem;
    border: none;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: 0;
    pointer-events: none;
}
section.cards .choices[data-type*=select-one].is-open::after {
    content: "\f106";
}
section.cards .choices.is-disabled[data-type*=select-one]::after {
    opacity: .325;
}
/*.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f9f9f9;
    padding: 7.5px 7.5px 3.75px;
    border: 1px solid rgba(var(--gray-light-rgb),.325);
    border-radius: 2.5px;
    font-size: 14px;
    min-height: 44px;
    overflow: hidden;
}*/
section.cards .choices .choices__inner {
    min-height: unset;
    font-size: .825rem;
    line-height: 1rem;
    color: #252525;
    font-weight: 700;
    border: 1px solid rgba(var(--gray-light-rgb),.325);
    border-radius: .325rem;
    background-color: rgba(var(--gray-light-rgb),.075);
    transition: all .125s ease-in-out !important;
}
section.cards .choices.is-disabled .choices__inner {
    border: 1px solid rgba(var(--gray-light-rgb),.325);
    border-radius: .325rem;
    background-color: rgba(var(--gray-light-rgb),.25);
    transition: all .125s ease-in-out !important;
}
section.cards .choices.is-open .choices__inner, section.cards .choices.is-flipped .choices__list--dropdown, section.cards .choices.is-flipped .choices__list[aria-expanded] {
    background-color: #fff;
    border-radius: .325rem .325rem 0 0;
    border: 1px solid rgba(var(--gray-light-rgb),.5);
}
section.cards .choices.is-open.is-flipped .choices__inner, section.cards .choices .choices__list--dropdown, section.cards .choices .choices__list[aria-expanded] {
    border-radius: 0 0 .325rem .325rem;
    border: 1px solid rgba(var(--gray-light-rgb),.5);
}
section.cards .choices .choices__list--dropdown .choices__item, section.cards .choices .choices__list[aria-expanded] .choices__item {
    padding: .5rem 4.6rem .5rem .5rem;
    font-size: .825rem;
    line-height: 1rem;
    word-break: keep-all;
}
.choices__list--dropdown .choices__item--selectable[data-select-text]::after, .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
    font-size: .6rem !important;
    right: 10px;
  }
section.cards .choices .choices__list.choices__list--single .choices__item:not(.choices__placeholder):before {
    margin-right: 0.325rem;
    content: "\f058";
    font-family: 'Font Awesome 6 Pro';
    font-size: .75rem;
    line-height: .5;
    font-weight: 900;
    text-align: center;
    color: var(--green-alt);
    background-color: #fff;
    border-radius: 50rem;
    display: inline-block;
    position: relative;
}
section.cards .choices .choices__list--dropdown .choices__item + .choices__item, section.cards .choices .choices__list[aria-expanded] .choices__item + .choices__item {
    border-top: 1px dotted rgba(var(--gray-light-rgb),.325);
}
section.cards .choices .choices__list--dropdown .choices__item.is-selected {
    background-color: rgba(var(--green-light-rgb),.1);
}
section.cards .choices .choices__list--dropdown .choices__item.is-selected:before {
    margin-right: 0.325rem;
    content: "\f058";
    font-family: 'Font Awesome 6 Pro';
    font-size: .75rem;
    line-height: .5;
    font-weight: 900;
    text-align: center;
    color: var(--green-alt);
    background-color: #fff;
    border-radius: 50rem;
    display: inline-block;
    position: relative;
}
section.cards .choices[data-type*=select-one] .choices__input {
    margin: 0;
    padding: .5rem;
    width: 100%;
    font-size: .825rem;
    line-height: 1rem;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    display: block;
}
section.cards .choices .choices__list--dropdown .choices__list, section.cards .choices .choices__list[aria-expanded] .choices__list {
    max-height: 20.325rem;
}
section.cards .choices.is-disabled button.choices__button {
    display: none;
}
section.cards .products-filters input.search {
    padding: 11.5px 11.5px 11.5px calc(1.125rem + 11.5px);
    width: 100%;
    min-height: unset;
    font-family: proxima-nova, sans-serif;
    font-size: .825rem;
    line-height: 1rem;
    color: #252525;
    font-weight: 400;
    border: 1px solid rgba(var(--gray-light-rgb),.325);
    border-radius: .325rem;
    background-color: #f9f9f9;
    outline-color: rgba(var(--green-light-rgb),1);
    transition: all .125s ease-in-out !important;
    position: relative;
}
section.cards .products-filters .col:has(input.search) {
    position: relative;
    z-index: -1;
}
section.cards .products-filters .col:has(input.search):before {
    width: 1rem;
    height: 100%;
    content: "\f002";
    font-family: 'Font Awesome 6 Pro';
    font-size: .875rem;
    line-height: 1rem;
    font-weight: 700;
    color: #252525;
    text-align: center;
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 1;
    left: 11.5px;
}
section.cards .products-filters input.search:focus-visible {
    background-color: #fff;
    outline-color: rgba(var(--green-light-rgb),1);
  }
section.main.product-page {
    /*padding-top: 1rem;*/
    padding-bottom: 4rem;
    background: transparent url(../images/bg-cross-light.png) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}
section.main.product-page:before {
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 20%, rgba(255,255,255,1) 100%);
}
section.main.product-page .row {
    position: relative;
    z-index: 1;
}
section.main.product-page .features {
    padding-right: 3rem;
}
section.main.product-page .explore {
    padding-left: 3rem;
}
section.main.product-page h6 {
    font-weight: 700;
    color: var(--gray-dark);
    text-transform: uppercase;
}
section.main.product-page ul.applications-list {
    margin-bottom: 1.25rem;
    display: flex;
    flex-wrap: wrap;
    row-gap: .25rem;
}
section.main.product-page ul.applications-list a.tag {
    margin: .125rem .125rem .125rem 0;
    padding: .5rem 1rem;
    font-size: .825rem;
    line-height: 1rem;
    font-weight: 600;
    color: var(--gray) !important;
    text-decoration: none;
    border: .125rem solid rgba(var(--gray-light-rgb), .25);
    border-radius: 50rem;
    display: inline-block;
    background-color: transparent;
}
.no-touch section.main.product-page ul.applications-list a.tag:hover {
    border-color: rgba(var(--blue-rgb), .25);
}
section.main.product-page .features .buttons {
    margin: 2rem 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: .5rem;
}
section.main.product-page .features .buttons .btn {
    padding: .75rem 1.5rem;
    font-size: .75rem !important;
    line-height: .875rem !important;
}
section.main.product-page .features .buttons .btn.pdf, section.main.product-page .features .buttons .btn.updates {
    padding-left: 1.25rem;
}
section.main.product-page .features .buttons .btn.pdf:before {
    margin-right: .325rem;
    content: "\f1c1";
    font-family: 'Font Awesome 6 Pro';
    font-size: .875rem;
    font-weight: 300;
    color: rgba(255,255,255,.5);
    position: relative;
    display: inline-block;
    vertical-align: top;
}
section.main.product-page .features .buttons .btn.updates:before {
    margin-right: .325rem;
    content: "\f0f3";
    font-family: 'Font Awesome 6 Pro';
    font-size: .875rem;
    font-weight: 300;
    color: rgba(255,255,255,.5);
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.product-page .features ul:not(.standard) {
  margin-bottom: 1.5rem;
  padding-left: 1rem;
  list-style: none;
}
.product-page .features ul:not(.standard) li {
  padding-left: .25rem !important;
  line-height: 1.25rem;
  position: relative;
}
.product-page .features ul:not(.standard) li + li {
  margin-top: .5rem;
}
.product-page .features ul:not(.standard) li::before {
  width: .5rem;
  font-family: 'Font Awesome 6 Pro';
  /*font-size: .35rem;*/
  font-weight: 700;
  position: absolute;
  display: inline-block;
  vertical-align: top;
  /*left: -.5rem;*/
}
.product-page .features ul li.standard::before {
  content: "\f111";
  color: var(--green);
  font-size: .35rem;
  left: -.5rem;
}
.product-page .features ul li.checkmark::before {
  content: "\f00c";
  color: var(--yellow);
  font-size: .875rem;
  left: -.75rem;
}
.product-page .features ul li.sustainability::before {
  content: "\f4d8";
  color: var(--green);
  font-size: .75rem;
  left: -.75rem;
}
.product-page .features ul li.x::before, .product-page .features ul li.xmark::before {
  content: "\f00d";
  color: var(--red);
  font-size: .925rem;
  left: -.75rem;
  top: .025rem;
}
/*.product-page .features ul:not(.standard) li.none {
  padding-left: 0 !important;
  text-indent: -1rem;
}*/
.product-page .features ul li.none::before {
  content: "";
  display: none;
}
.next-steps {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
  margin-bottom: -1.5rem !important;
  color: rgba(var(--gray-light-rgb), .95);
  background-color: rgba(var(--gray-light-rgb), .25);
  border-radius: 1.5rem;
}
.next-steps * {
  color: rgba(var(--gray-light-rgb), .95);
}
.product-page .features ul.related-documents, .product-page .features ul.related-documents li {
    padding-left: 0 !important;
}
section ul.related-documents li a {
    margin-left: 1rem;
}
section ul.related-documents li a::before {
    content: "\f1c1";
    font-family: 'Font Awesome 6 Pro';
    font-size: .875rem;
    font-weight: 300;
    color: var(--red);
    position: absolute;
    display: inline-block;
    vertical-align: top;
    left: -1.075rem;
}
section.hero.product .content.sustainability h1:after {
    margin-left: .5rem;
    width: 2.25rem;
    height: 2.25rem;
    content: "";
    background: url(../images/icon-sustainability.svg) no-repeat center center;
    background-size: contain;
    display: inline-block;
    vertical-align: top;
    position: relative;
    filter: drop-shadow(.075rem .075rem .075rem rgba(0,0,0,.125));
}
section.hero.product .content .description p {
    margin-bottom: 1.25rem;
}
.carousel-item {
    transition: all .25s ease-in-out !important;
}
.carousel .carousel-item .image {
    margin-bottom: 2rem !important;
    transition: all .25s ease-in-out !important;
}
.carousel-indicators {
  bottom: 0;
}
.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: .75rem;
    height: .75rem;
    padding: 0;
    margin-right: .175rem;
    margin-left: .175rem;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: 50rem;
    opacity: .5;
    transition: all .25s ease-in-out;
}
.carousel-indicators .active {
    opacity: 1;
}
h4.related {
  padding: .5rem 1.25rem .5rem .75rem;
  width: auto;
  font-size: 1.25rem;
  color: #fff;
  font-weight: 700;
  background-color: var(--blue-dark);
  background: linear-gradient(115deg, var(--blue-dark) 27%, var(--blue-x-dark) 100%);
  border: .125rem solid rgba(255,255,255,.25);
  border-radius: 50rem;
  display: inline-flex;
  align-items: center;
  gap: .325rem;
  /*text-transform: uppercase;*/
}
h4.related:before {
    /*margin: 0 .5rem 0 -.325rem;*/
    width: 1.325rem;
    height: 1.325rem;
    content: "";
    background: url(../images/icon-expertise-pouch.png) no-repeat center center;
    background-size: contain;
    display: block;
    opacity: .5;
    /*vertical-align: top;
    position: relative;*/
}
section:has(.ctas.region) {
    margin: 0;
    padding: 0;
}
section .ctas.region .card {
  border-radius: 0;
}
/*section.cards.blog .card .image {
  padding: 0;
}*/
section.cards.blog {
  padding-top: 5rem;
}
section.cards.blog .card .image:has(img[src*="jpg"]), section.cards.blog .card .image:has(img[src*="jpeg"]) {
  padding: 0;
}
@media screen and (max-width:1400px) {
/*section.news:not(.main) .row.news-container div.col:last-of-type {
  display: none;
}*/
header div.search div.search-form-alt {
  bottom: .55rem;
}
section.sustainability-main .text {
  padding: 10% 3.5%;
  font-size: 26px;
  line-height: 36px;
}
section.sustainability-main .text:before {
  margin-top: 20px;
  font-size: 400px;
  line-height: 450px;
}
section.sustainability-main .text h2 {
  margin-bottom: 10px;
  font-size: 95px;
  line-height: 100px;
}
section.sustainability-main .text p {
  font-size: 26px;
  line-height: 36px;
}
/*.news .news-container .col {
  width: 33.333% !important;
}
.news .card .card-body {
  margin-right: 2.5rem;
  padding: .625rem .625rem 1.5rem 1.75rem;
  width: calc(100% - 2.5rem);
  background-color: rgba(255,255,255,.925);
  border-radius:  0 1rem 0 0;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}
.news .card .card-title {
  padding-right: 1.125rem;
  font-size: 1.325rem;
  line-height: 1.625rem;
  font-weight: 400;
}
.news .card .card-body .date {
  margin-bottom: .75rem;
  font-size: .875rem;
  line-height: 1rem;
  font-weight: 600;
}
.news .card .card-body .tags a {
  font-size: .875rem;
  line-height: .875rem;
}
.news .card .card-body .tags:before  {
  margin-right: .25rem;
  font-size: .625rem;
}*/

}
@media screen and (max-width:1200px) {
.row.ctas.four .cta {
  width: 50%;
}
/*.row.ctas.four .cta .card-footer h5 {
  font-size: initial;
  line-height: initial;
}*/
.row.products .product {
  width: 33.33333333%;
}
.row.products.sustainability .product {
  width: 33.33333333%;
}
.products.sustainability .product .card-footer h5 {
  margin-bottom: 1.025rem;
  font-size: 1.25rem;
  line-height: 1.375rem;
}
.products.sustainability .product .card-footer .card-text p {
  font-size: 1rem !important;
  line-height: 1.325rem !important;
}
section.sustainability-main .text {
  padding: 10% 3.5%;
  font-size: 22px;
  line-height: 32px;
}
section.sustainability-main .text:before {
  margin-top: 20px;
  font-size: 350px;
  line-height: 400px;
}
section.sustainability-main .text h2 {
  margin-bottom: 10px;
  font-size: 90px;
  line-height: 95px;
}
section.sustainability-main .text p {
  font-size: 22px;
  line-height: 32px;
}
section.cta-bar .container .button {
  padding: 13px 28px;
  font-size: 14px;
}
ul.operations-blocks {
  display: block;
}
ul.operations-blocks > li {
  width: calc(100% - 1rem) !important;
  display: block;
  flex: none;
}
.global-columns {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
}
.accordion-body ul.columns {
  columns: 4 auto;
}
section.hero h1.cic {
    margin: 0 !important;
}
.case-studies .case-studies-container .col {
  width: 50% !important;
}
.webinars .webinars-container .col {
  width: 50% !important;
}
section.cards .card-container .col {
    flex: 0 0 33.33333334%;
}
}
@media screen and (max-width:991px) {
/*header .top {
  display: block;
  justify-content: unset;
  align-items: unset;
}*/
header a.menu {
  width: 25px;
  height: 17px;
  position: fixed;
  top: 1rem;
  left: 1rem;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 99;
  display: block;
}
header a.menu span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #67686a;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
header a.menu span:nth-child(1) {
  top: 0px;
}
header a.menu span:nth-child(2), header a.menu span:nth-child(3) {
  top: 7px;
}
header a.menu span:nth-child(4) {
  top: 14px;
}
header a.menu.open span:nth-child(1) {
  top: 9px;
  width: 0%;
  left: 50%;
}
header a.menu.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
header a.menu.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
header a.menu.open span:nth-child(4) {
  top: 9px;
  width: 0%;
  left: 50%;
}
header {
  height: 42px;
  top: 0 !important;
}
header .container {
  height: 42px;
  display: block;
  transition: all .25s ease;
  left: 0;
}
header.open .container {
  padding-bottom: 5rem;
  height: auto;
  height: 100vh;
  background-color: rgba(255,255,255,.98);
  position: absolute;
  overflow: hidden;
  overflow-y: scroll;
}
header.main {
  top: 0;
}
header .top, header ul.main-nav, .region-wrapper {
  display: none !important;
}
header nav {
  padding: 8rem 0 0 !important;
  max-width: 100%;
  height: auto;
  background-color: transparent;
  top: 0;
  transform: translateY(0%);
  display: block !important;
}
header nav div.search div.search-form {
  height: 45.5px;
  position: fixed;
  top: 42px !important;
}
header div.search a.search-button {
  bottom: 0;
}
header .logo-main {
  margin: .65rem auto;
  width: 150px;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
header .logo-main img {
  width: 100%;
  height: auto;
}
header div.search {
/*  background-color: #fff;*/
  height: 42px;
  position: fixed !important;
  top: 0;
  right: 0;
}
header div.search i {
  font-size: 1.5rem;
}
header.switch .home {
    display: none;
}
header.open ul.main-nav {
  display: block !important;
}
header nav > ul.main-nav li {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  display: block;
  position: relative;
}
header nav > ul.main-nav > li:last-of-type {
  position: absolute;
  top: 3.25rem;
  pointer-events: none;
}
header nav > ul.main-nav > li {
  border-bottom: 1px solid #ebebeb;
}
header nav > ul.main-nav > li > div.trigger {
  display: none;
}
header nav > ul.main-nav > li.has-submenu.active > a:before {
  display: none;
}
header nav > ul.main-nav > li .submenu-wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  background: #fff;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0;
  position: relative;
  left: 0;
  top: 0;
  z-index: 0;
  overflow: auto;
  opacity: 1;
  visibility: visible;
  display: none;
}
header nav > ul.main-nav > li.active > .submenu-wrapper, header nav > ul.main-nav > li > .submenu-wrapper ul > li.active > .submenu-wrapper {
  display: block;
}
header nav > ul.main-nav li .submenu-wrapper li .submenu-wrapper {
  left: 0 !important;
  top: 0;
  position: relative;
  z-index: 0;
}
header nav > ul.main-nav > li.active > .submenu-wrapper .container {
  padding: 0;
}
header nav > ul.main-nav > li.active > .submenu-wrapper .row {
  margin: 0;
}
header nav > ul.main-nav > li.active > .submenu-wrapper .col-sm-4 {
  display: none;
}
header nav > ul.main-nav > li.active > .submenu-wrapper .col-sm-8 {
  padding: 0;
  width: 100%;
}
header nav > ul.main-nav > li > .submenu-wrapper .close-bar {
  display: none;
}
header nav > ul.main-nav > li a {
  padding: 1rem;
  font-size: 1.325rem;
  line-height: 2rem;
  text-align: left;
  display: block;
}
header nav > ul.main-nav > li a.btn, header nav > ul.main-nav > li a.btn:hover {
  margin-top: 1rem;
  pointer-events: auto;
  color: var(--green) !important;
}
header nav a.btn i, header nav a.btn:hover i, .no-touch header nav a.btn:hover i {
  color: var(--green) !important;
}
header nav > ul.main-nav > li.has-submenu a:after {
  display: none !important;
}
.no-touch header nav > ul.main-nav > li > a:hover, .no-touch header nav > ul.main-nav > li:hover > a {
  background: #fff;
  color: #67686a;
}
header nav > ul.main-nav > li div.submenu-link {
  margin: 0;
  padding: 0;
  width: 3rem;
  height: 3rem;
  color: #67686a;
  line-height: 3rem !important;
  text-align: center;
  cursor: pointer;
  display: block;
  position: absolute;
  right: 0;
  top: .5rem;
  z-index: 10;
}
header nav > ul.main-nav > li.active ul li div.submenu-link {
  color: #fff;
}
header nav > ul.main-nav > li div.submenu-link:before {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: 'Font Awesome 6 Pro';
  content: '\f107';
  font-size: 13px;
  color: var(--blue-dark);
  text-align: center;
  display: block;
}
header nav > ul.main-nav > li.active ul li div.submenu-link:before {
  color: rgba(255,255,255,.5) !important;
}
header nav > ul.main-nav > li.active > div.submenu-link:before, header nav > ul.main-nav > li.active ul li.active div.submenu-link:before {
  content: '\f106';
  color:var(--green-dark);
}
header nav > ul.main-nav > li .submenu-wrapper ul.submenu > li > a, .no-touch header nav > ul.main-nav > li .submenu-wrapper ul.submenu > li > a:hover {
  margin: 0;
  padding: 1rem;
  font-size: 1.25rem;
  line-height:  2rem;
  color: #fff;
  background: var(--gray);
  border-top: 1px solid rgba(255,255,255,.15);
}
header nav > ul.main-nav > li .submenu-wrapper ul.submenu li .submenu-wrapper ul.submenu div.submenu-link {
  display: none;
}
header nav > ul.main-nav > li .submenu-wrapper ul.submenu > li > p {
  display: none;
}
header nav > ul.main-nav > li:last-child, header nav > ul.main-nav > li:nth-last-child(2) {
  border-bottom: none;
}
header nav > ul.main-nav > li > .submenu-wrapper ul.submenu {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: block;
  position: relative;
  top: 0;
  left: 0;
}
header nav > ul.main-nav > li > .submenu-wrapper ul.submenu > li > .submenu-wrapper ul.submenu li a {
  padding-left: 1.25rem;
  background: var(--gray-dark);
}
header nav > ul.main-nav > li > .submenu-wrapper ul.submenu > li > .submenu-wrapper ul.submenu li a:before {
  content: '- ';
  position: absolute;
  left: .675rem;
  top: .675rem;
}
header .top a.my-account {
  padding: 1rem;
  font-size: 1.25rem;
  line-height: 2rem;
}
header .top a.my-account [class*="fa-"] {
  width: 1.325rem;
  height: 1.325rem;
  font-size: .75rem;
  line-height: 1.325rem;
}
header .top a.my-account span {
  padding: 0 .325rem;
}
header.open .top {
  margin-top: 1rem;
  width: 100%;
  font-size: 1rem;
  text-align: left;
  background-color: transparent;
/*  display: block !important;*/
  display: flex !important;
  flex-direction: column-reverse;
  align-items: flex-start !important;
}
header.open ul.secondary-nav {
  padding: 0 !important;
  width: 100%;
  display: block !important;
}
header .top > ul.secondary-nav li {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  display: block;
  position: relative;
}
header .top > ul.secondary-nav > li {
  border-bottom: 1px solid #ebebeb;
}
header .top > ul.secondary-nav > li > div.trigger {
  display: none;
}
header .top > ul.secondary-nav > li.has-submenu.active > a:before {
  display: none;
}
header .top > ul.secondary-nav > li .submenu-wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  background: #fff;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0;
  position: relative;
  left: 0;
  top: 0;
  z-index: 0;
  overflow: auto;
  opacity: 1;
  visibility: visible;
  display: none;
}
header .top > ul.secondary-nav > li.active > .submenu-wrapper, header .top > ul.secondary-nav > li > .submenu-wrapper ul > li.active > .submenu-wrapper {
  display: block;
}
header .top > ul.secondary-nav li .submenu-wrapper li .submenu-wrapper {
  left: 0 !important;
  top: 0;
  position: relative;
  z-index: 0;
}
header .top > ul.secondary-nav > li.active > .submenu-wrapper .container {
  padding: 0;
}
header .top > ul.secondary-nav > li.active > .submenu-wrapper .row {
  margin: 0;
}
header .top > ul.secondary-nav > li.active > .submenu-wrapper .col-sm-4 {
  display: none;
}
header .top > ul.secondary-nav > li.active > .submenu-wrapper .col-sm-8 {
  padding: 0;
  width: 100%;
}
header .top > ul.secondary-nav > li > .submenu-wrapper .close-bar {
  display: none;
}
header .top > ul.secondary-nav > li a {
  padding: 1rem;
  font-size: 1.325rem;
  line-height: 2rem;
  text-align: left;
  display: block;
}
header .top > ul.secondary-nav > li a.btn {
  margin-top: 1rem;
}
header .top > ul.secondary-nav > li.has-submenu a:after {
  display: none !important;
}
.no-touch header .top > ul.secondary-nav > li > a:hover, .no-touch header .top > ul.secondary-nav > li:hover > a {
  background: #fff;
  color: #67686a;
}
header .top > ul.secondary-nav > li div.submenu-link {
  margin: 0;
  padding: 0;
  width: 3rem;
  height: 3rem;
  color: #67686a;
  line-height: 3rem !important;
  text-align: center;
  cursor: pointer;
  display: block;
  position: absolute;
  right: 0;
  top: .5rem;
  z-index: 10;
}
header .top > ul.secondary-nav > li.active ul li div.submenu-link {
  color: #fff;
}
header .top > ul.secondary-nav > li div.submenu-link:before {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: 'Font Awesome 6 Pro';
  content: '\f107';
  font-size: 13px;
  color: var(--blue-dark);
  text-align: center;
  display: block;
}
header .top > ul.secondary-nav > li.active ul li div.submenu-link:before {
  color: rgba(255,255,255,.5) !important;
}
header .top > ul.secondary-nav > li.active > div.submenu-link:before, header .top > ul.secondary-nav > li.active ul li.active div.submenu-link:before {
  content: '\f106';
  color: var(--green-dark);
}
header .top > ul.secondary-nav > li .submenu-wrapper ul.submenu > li > a, .no-touch header .top > ul.secondary-nav > li .submenu-wrapper ul.submenu > li > a:hover {
  margin: 0;
  padding: 1rem;
  font-size: 1.25rem;
  line-height:  2rem;
  color: #fff;
  background: var(--gray);
  border-top: 1px solid rgba(255,255,255,.15);
}
header .top > ul.secondary-nav > li .submenu-wrapper ul.submenu li .submenu-wrapper ul.submenu div.submenu-link {
  display: none;
}
header .top > ul.secondary-nav > li .submenu-wrapper ul.submenu > li > p {
    display: none;
}
/*header .top > ul.secondary-nav > li:last-child {
    border-bottom: none;
}*/
header .top > ul.secondary-nav > li > .submenu-wrapper ul.submenu {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: block;
  position: relative;
  top: 0;
  left: 0;
}
header .top > ul.secondary-nav > li > .submenu-wrapper ul.submenu > li > .submenu-wrapper ul.submenu li a {
  padding-left: 1.25rem;
  background: var(--gray-dark);
}
header .top > ul.secondary-nav > li > .submenu-wrapper ul.submenu > li > .submenu-wrapper ul.submenu li a:before {
  content: '- ';
  position: absolute;
  left: .675rem;
  top: .675rem;
}
form[name="language_select"] {
  width: 100%;
  font-size: 1.325rem;
  line-height: 2rem;
}
form[name="language_select"] .select-wrap {
  margin: 0;
  padding: 1rem 1rem 1rem .5rem;
  width: 100%;
  display: block;
}
form[name="language_select"] select {
  padding-left: 2.25rem;
  width: 100%;
}
form[name="language_select"] .select-wrap:before {
  font-size: 1.25rem;
}
header div.search div.search-form-alt {
  right: .25rem;
  bottom: .4rem;
}
header div.search div.search-form-alt input {
  padding: .25rem 2.25rem .325rem .75rem;
  width: 6.75rem;
  font-size: 16px;
}
section.contact + footer {
  margin-top: -4rem;
}
.row.ctas.sustainability .cta, .row.ctas.three .cta {
  width: 50%;
}
.ctas .card {
  padding: 1rem;
}
.ctas.contact .card {
  padding-bottom: 35%;
}
.ctas.contact .card h3 {
  font-size: 2.5rem;
  line-height: 3rem;
}
section.hero.product .content .market-categories {
  margin: 0 auto;
  max-width: 275px;
}
section.hero.product .content .grouped {
  margin: 0 auto;
  max-width: 275px;
}
.row.ctas .cta .card-footer h5 {
  font-size: 1.25rem;
  line-height: 1.25rem;
}
/*.news.home .news-container .col, .news.main .news-container .col {
  width: 50% !important;
}*/
/*.news.home .news-container .col:nth-of-type(3) {
  display: none;
}*/
.youtube.description video + button.description {
  font-size: 1.125rem;
}
.accordion-body ul.columns {
  columns: 3 auto;
}
.news .news-container .col {
  width: 100% !important;
  max-width: 400px;
}
section.documents.form > .row > .col-sm-9 {
  width: 100%;
}
section.documents.form > .row > .col-sm-3 {
  width: 100%;
}
section.content.cart > form > .row {
    flex-direction: column-reverse;
}
section.content.cart > form > .row > [class*="col-"]:first-of-type, section.content.cart > form > .row > [class*="col-"]:last-of-type {
  padding-bottom: 2rem;
    width: 100%;
}
section.content.cart .cart-container {
    padding: 0 2rem;
}
section.content.cart .complete {
    margin: 0 2rem 3rem;
}
section.cards .card-container .col {
    flex: 0 0 50%;
}
section.cards .products-filters [class*="col"] {
    flex: 0 0 calc(33.334% - .45rem);
}
}
@media screen and (max-width:790px) {
section.hero.home, section.hero.home .carousel, section.hero.home .carousel-item {
  max-height: 300px;
  aspect-ratio: unset;
}
section.hero.home .image img {
  max-width: unset;
  width: auto;
  height: 100%;
}
section.hero.home .text-wrapper {
  padding: 0rem 2rem;
}
section.hero.alt, section.hero.alt .image {
  max-height: 300px;
  aspect-ratio: unset;
}
section.hero.alt .image img {
  max-width: unset;
  width: auto;
  height: 100%;
}
section.hero.alt .text-wrapper {
  width: 100%;
  max-width: unset;
}
footer nav > ul {
  grid-template-columns: auto auto auto;
  row-gap: 1rem;
}
}
@media screen and (max-width:767px) {
.row.products .product {
  width: 50%;
}
.row.products.sustainability .product {
  width: 50%;
}
.row.ctas .cta {
  width: 100%;
}
.row.ctas.sustainability .cta, .row.ctas.three .cta {
  width: 100%;
}
section.product-detail .row.products .product {
  width: 100%;
}
.news {
  padding: 5rem 1rem 7rem;
}
section.hero.background-images, section.hero.pets {
  display: block;
}
section.hero .content.blue {
  background: linear-gradient(0deg, rgba(var(--blue-rgb),.9) 0%, rgba(var(--blue-dark-rgb),.98) 80%);
}
section.hero .content.yellow {
  background: linear-gradient(0deg, rgba(var(--yellow-rgb),.9) 0%, rgba(var(--yellow-dark-rgb),.9) 80%);
}
section.background-image.light > .row {
  background: linear-gradient(0deg, rgba(255,255,255,.9) 50%, rgba(255,255,255,.75) 100%);
}
section.hero .content .description {
  padding: 2rem 0 .5rem !important;
  text-align: center !important;
}
section.hero.news .content .description {
  padding-top: 0 !important;
}
section.hero.background-images .content .description, section.hero.background-image .content .description {
  padding: 1rem 0 2rem !important;
  text-align: center !important;
}
section.hero .content .description h1, section.hero .content .description h2 {
  text-align: center !important;
  justify-content: center !important;
}
.hero .applications {
  text-align: center;
}
.news.home .news-container .col, .news.main .news-container .col {
  margin-left: auto;
  margin-right: auto;
  width: 100% !important;
  max-width: 550px; 
}
.news.home .card .image, .news.main .card .image {
  aspect-ratio: unset;
}
section.info-graphic.operations > .row {
  padding-left: 2rem;
  padding-right: 2rem;
}
section.info-graphic.operations > .row > [class*="col-"] {
  border: none !important;
}
section.info-graphic > .row > [class*="col-"]:nth-of-type(even) {
  border-left: 1px solid #fff !important;
}
section.info-graphic > .row > [class*="col-"]:nth-of-type(3), section.info-graphic > .row > [class*="col-"]:nth-of-type(4) {
  border-top: 1px solid #fff !important;
}
.global-reach-stats {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}
.global-columns {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}
section.hero.background-image.dasl .dasl-logo {
  margin: 0 auto 3rem;
}
section.hero .makr-logo {
  margin: 0 auto 2rem;
  padding: 0 2rem;
}
section.hero .cic-logo {
  margin: 0 auto 2rem;
  padding: 0 2rem;
}
/*.tab-content .tab-pane {
  background-position: center center !important;
}*/
.tab-content .tab-pane > .row {
  padding: 3rem;
  flex-direction: column-reverse !important;
}
.tab-content .tab-pane > .row:before {
  background: linear-gradient(0deg, rgba(28,30,32,.9) 33.333%, rgba(28,30,32,0) 100%) !important;
}
.tab-content .tab-pane > .row [class*="col-"] .image {
  aspect-ratio: 100/75;
}
section.cta-bar.blue.dasl > .row {
  background: linear-gradient(0deg, rgba(var(--blue-rgb),.97) 0%, rgba(var(--blue-dark-rgb),.98) 50%) !important;
}
section.cta-bar.green.dasl > .row {
  background: linear-gradient(0deg, rgba(var(--green-rgb),.97) 0%, rgba(var(--green-dark-rgb),.98) 50%) !important;
}
section.cta-bar.yellow.dasl > .row {
  background: linear-gradient(0deg, rgba(var(--yellow-rgb),.97) 0%, rgba(var(--yellow-dark-rgb),.98) 50%) !important;
}
section.cta-bar.orange.dasl > .row {
  background: linear-gradient(0deg, rgba(var(--orange-rgb),.97) 0%, rgba(var(--orange-dark-rgb),.98) 50%) !important;
}
section.hero .content.dark {
  background: linear-gradient(-0deg, rgba(28,30,32,.625) 0%, rgba(28,30,32,.8) 80%);
}
section.hero .content.light {
  background: linear-gradient(-0deg, rgba(255,255,255,.625) 0%, rgba(255,255,255,.9) 80%);
}
section.hero .content.green {
  background: linear-gradient(-0deg, rgba(var(--green-rgb),.9) 0%, rgba(var(--green-dark-rgb),.98) 80%);
}
section.hero .content.blue {
  background: linear-gradient(-0deg, rgba(var(--blue-rgb),.9) 0%, rgba(var(--blue-dark-rgb),.98) 80%);
}
section.hero .content.yellow {
  background: linear-gradient(-0deg, rgba(var(--yellow-rgb),.9) 0%, rgba(var(--yellow-dark-rgb),.98) 80%);
}
section.hero .content.orange {
  background: linear-gradient(-0deg, rgba(var(--orange-rgb),.9) 0%, rgba(var(--orange-dark-rgb),.98) 80%);
}
section.hero .content.green-dark {
  background: linear-gradient(-0deg, rgba(var(--green-dark-rgb),.9) 0%, rgba(var(--green-x-dark-rgb),.98) 80%);
}
section.hero .content.blue-dark {
  background: linear-gradient(-0deg, rgba(var(--blue-dark-rgb),.9) 0%, rgba(var(--blue-x-dark-rgb),.98) 80%);
}
section.hero .content.yellow-dark {
  background: linear-gradient(-0deg, rgba(var(--yellow-dark-rgb),.9) 0%, rgba(var(--yellow-x-dark-rgb),.98) 80%);
}
section.hero .content.orange-dark {
  background: linear-gradient(-0deg, rgba(var(--orange-dark-rgb),.9) 0%, rgba(var(--orange-x-dark-rgb),.98) 80%);
}
.accordion-body ul.columns {
  columns: 2 auto;
}
section.hero h1.cic {
    font-size: 10vw !important;
    line-height: 6vw !important;
}
section.hero .content .description ul:not(.list-unstyled, .list-inline) li:before {
  position: relative;
  left: -.25rem;
}
.row.makr {
  display: block;
}
.row.makr [class*="col-"] {
  width:100%;
  display: block;
}
.case-studies .case-studies-container .col {
  width: 100% !important;
}
.webinars .webinars-container .col {
  width: 100% !important;
}
section.hero.webinars .date-time {
  margin: 2rem -2.75rem -4rem;
  padding: .75rem 1.5rem;
  display: flex;
  border-radius: 0;
}
section.hero.product.product-page {
    background-size: cover;
    background-position: center center;
}
section.hero.product:before {
    background: linear-gradient(-0deg, rgba(var(--gray-x-dark-rgb), .95) 0%, rgba(0, 0, 0, .675) 100%);
}
section.hero.product .content.green {
    background: linear-gradient(-0deg, rgba(var(--green-rgb), .95) 0%, rgba(var(--green-dark-rgb), .98) 80%);
}
section.hero.product .content.blue {
    background: linear-gradient(-0deg, rgba(var(--blue-rgb), .95) 0%, rgba(var(--blue-dark-rgb), .98) 80%);
}
section.hero.product .content.yellow {
  background: rgba(var(--yellow-x-dark-rgb),.625) linear-gradient(-0deg, rgba(var(--yellow-dark-rgb),.9) 0%, rgba(var(--yellow-x-dark-rgb),.75) 70%)
}
section.hero.product .content.orange {
  background: rgba(var(--orange-dark-rgb),.625) linear-gradient(-0deg, rgba(var(--yellow-dark-rgb),.9) 0%, rgba(var(--orange-rgb),.8) 80%);
}
section.hero.product .content.green-dark {
  background: linear-gradient(-0deg, rgba(var(--green-dark-rgb),.9) 0%, rgba(var(--green-x-dark-rgb),.98) 80%);
}
section.hero.product .content.blue-dark {
  background: linear-gradient(-0deg, rgba(var(--blue-dark-rgb), .95) 0%, rgba(var(--blue-x-dark-rgb), .98) 80%);
}
section.hero.product .content.yellow-dark {
  background: rgba(var(--yellow-x-dark-rgb),.625) linear-gradient(-0deg, rgba(var(--yellow-dark-rgb),.9) 0%, rgba(var(--yellow-x-dark-rgb),.85) 50%)
}
section.hero.product .content.orange-dark {
  background: linear-gradient(-0deg, rgba(var(--orange-dark-rgb),.9) 0%, rgba(var(--orange-x-dark-rgb),.98) 70%);
}
section.hero.product:has(.yellow):before {
    background: linear-gradient(-0deg, rgba(0,0,0,.075) 0%, rgba(0,0,0,.125) 70%);
}
}
@media screen and (max-width:700px) {
section.hero.background-image .content .description h2.script {
  font-size: 3.5rem;
  line-height: 3.5rem;
}
section.hero h2.icon:before {
  width: 4.5rem;
  height: 4.5rem;
  font-size: 2.5rem;
  line-height: 4.5rem;
}
ul.certifications li {
  width: calc(25% - 20px);
}
.global-reach-stats {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
.global-columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
section.documents.form > .row > .col-sm-9 {
  display: block !important;
}
section.documents.form .thumbnail {
  margin: 0 auto 2rem;
  width: 20rem;
}
section.documents.form .description {
    padding: 2.5rem 0 0 0;
    width: 100%;
    text-align: center;
}
}
@media screen and (max-width:660px) {
footer nav > ul {
  grid-template-columns: auto auto;
}
.row.ctas.four .cta {
  width: 100%;
}
section.cards .products-filters [class*="col"] {
    flex: 0 0 calc(50% - .45rem);
}
}
@media screen and (max-width:575px) {
section:not(.news,.contact,.hero,.related-products,.product-detail) > .row > [class*="col-"] {
  padding: 1rem;
}
.login-info {
  margin: 0 -1rem 3rem;
}
footer .btn.contact {
  bottom: .5rem;
  right: .5rem;
}
footer .btn.contact div.text {
  font-size: .975rem;
  line-height: 1.25rem;
}
footer .btn.contact div.text h6 {
  font-size: 1.15rem;
  line-height: 1.25rem;
}
footer .btn.contact span {
  padding: .75rem;
  font-size: 1.75rem;
}
section.hero.home {
  max-height: unset;
}
section.hero.home, section.hero.home .carousel, section.hero.home .carousel-item, section.hero.home .carousel-item.active {
  width: 100%;
  max-height: unset;
  height: auto;
  aspect-ratio: unset;
  flex-direction: column;
}
section.hero.home .carousel-inner {
  display: block;
}
section.hero.home .image {
  width: 100%;
  height: auto;
  min-height: unset;
  aspect-ratio: 1920/730;
  position: relative;;
  top: 0;
  left: 0;
  z-index: 0;
}
section.hero.home .image img {
  max-width: unset;
  width: auto;
  height: 100%;
}
section.hero.home .text-wrapper {
  padding: 0;
  height: 250px;
}
section.hero.home .text {
  padding: 3rem 2rem;
  width: 100%;
  height: 100%;
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 500;
  color: #fff;
  background: linear-gradient(-10deg, rgba(var(--gray-rgb),.9) 0%,rgba(var(--gray-dark-rgb),.95) 40%) padding-box;
  border-radius: 0;
  border: none;
  aspect-ratio: unset;
}
section.hero.home .text:before {
  width: 100%;
  height: 100%;
  content: '';
  background-image: url(../images/bg-pattern-gray-lg.jpg);
  background-size: cover;
  background-repeat: none;
  background-position: center center;
  border-radius: 0;
  aspect-ratio: unset;
  opacity: .2;
}
section.hero.home .text h1 {
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
}
section.hero.home .text-wrapper:before {
  width: 100%;
  height: 0.325rem;
  content: '';
  background-color: var(--blue);
  background: linear-gradient(90deg, rgba(var(--green-rgb),.325) 0%,rgba(var(--blue-rgb),.325) 40%);
  position: absolute;
  top: 0;
  z-index: 2;
}
.ctas.contact .card {
  padding-bottom: 45%;
}
.ctas.contact .card h3 {
  font-size: 1.75rem;
  line-height: 2.25rem;
}
section.cta-bar .image.esg, section.sustainability .image {
  max-width: 250px;
}
.news:not(.hero) {
  padding-left: 1rem;
  padding-right: 1rem;
}
.news-toolbar #search-news {
    display: none;
}
section.hero.background-image .content .description h2.script {
  margin: 1rem 0;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
section.hero h2.icon:before {
  width: 3.5rem;
  height: 3.5rem;
  font-size: 2rem;
  line-height: 3.5rem;
  top: -.5rem;
}
section.info-graphic > .row {
  padding-left: 2rem;
  padding-right: 2rem;
}
section.info-graphic > .row > [class*="col-"] + [class*="col-"] {
  border-left: none !important;
  border-top: 1px solid #fff !important;
}
ul.certifications li {
  width: calc(50% - 20px);
}
.accordion-body ul.columns {
  columns: 1 auto;
}
.news .news-container .col {
  width: 100% !important;
}
section.documents ul.document-list li .description {
  width: calc(100% - 5rem);
}
section.documents ul.document-list li .download {
  padding: 1rem 0 0 7rem;
  width: 100%;
  text-align: left;
}
section.content.cart .checkout-container .row [class*="col-"] + [class*="col-"] {
    margin-top: 1rem;
}
section.content.cart .checkout-container, section.content.cart .cart-container {
    padding: 0;
}
.user-bar {
    display: block;
}
.user-bar .container {
    padding: 0 2rem;
    text-align: center;
}
.user-bar .user {
  padding-bottom: 1rem;
    display: block;
    text-align: center;
}
.user-bar .buttons {
    display: block;
    float: unset;
}
section.hero.webinars .date, section.hero.webinars .time {
  font-size: 1.125rem;
  line-height: 1.625rem;
}
section.cards .card-container .col {
    flex: 0 0 100%;
}
}

@media screen and (max-width:414px) {
.news-toolbar h4 {
  margin: 1rem 0 1rem 1rem;
}
.news-toolbar ul.social {
  margin: 1rem 1rem 1rem .5rem;
  padding-left: 0;
  list-style: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.global-columns {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}
section.hero h1.cic {
  font-size: 3rem !important;
  line-height: 1.75rem !important;
}
}
@media (pointer:coarse) {
  * {
    background-attachment: scroll !important;
  }
}

/* LOADER */
#page-loader {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10000;
    background: #fff;
    opacity: 1;
    visibility: visible;
    transition: all .75s ease;
}
#page-loader.loaded{
    opacity: 0;
    visibility: hidden;
}
#page-loader .progress {
    margin: -12em 0 0 -12em;
    width: 50px;
    height: 50px;
    font-size: 2px;
    position: absolute;
    text-indent: -9999em;
    top: 50vh;
    left: 50vw;
    background: transparent;
    border-top: .125rem solid rgba(35, 35, 35, 0.2);
    border-right: .125rem solid rgba(35, 35, 35, 0.2);
    border-bottom: .125rem solid rgba(35, 35, 35, 0.2);
    border-left: .125rem solid var(--blue);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: preloader 0.7s infinite linear;
    -moz-animation: preloader 0.7s infinite linear;
    animation: preloader 0.7s infinite linear;
}
#page-loader .progress, #page-loader .progress:after {
    border-radius: 50%;
    width: 24em;
    height: 24em;
}
 @-webkit-keyframes preloader {
 0% {
 -webkit-transform:rotate(0deg);
}
 100% {
 -webkit-transform:rotate(360deg);
}
}
 @-moz-keyframes preloader {
 0% {
 -moz-transform:rotate(0deg);
}
 100% {
 -moz-transform:rotate(360deg);
}
}
 @keyframes preloader {
 0% {
 -webkit-transform:rotate(0deg);
 -moz-transform:rotate(0deg);
 -ms-transform:rotate(0deg);
 -o-transform:rotate(0deg);
 transform:rotate(0deg);
}
 100% {
 -webkit-transform:rotate(360deg);
 -moz-transform:rotate(360deg);
 -ms-transform:rotate(360deg);
 -o-transform:rotate(360deg);
 transform:rotate(360deg);
}
}
.no-js #page-loader {
    display: none;
}
/* CSS for CHART */
select.dark[data-v-7964f3f3]{background-color:#000c;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");color:#fff;border-color:#ffffff80;border-radius:.8em}svg[data-v-403b2dde]{height:auto;width:20px}.doughnut-container[data-v-792806d3]{position:relative}.doughnut-title[data-v-792806d3]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:#000;text-align:center;pointer-events:none}.doughnut-title-percent[data-v-792806d3]{font-weight:600;font-size:2.2rem;line-height:1}.doughnut-title-percent .small[data-v-792806d3]{text-transform:uppercase!important;font-size:1.3rem}.doughnut-title-below[data-v-792806d3]{line-height:1;font-size:.75rem;text-transform:uppercase}.doughnut[data-v-40f9fdec]{width:220px}.horizontal-scroller[data-v-40f9fdec]{padding-bottom:20px;overflow:auto;width:100%}.horizontal-scroller tbody th[data-v-40f9fdec],.horizontal-scroller thead th[data-v-40f9fdec]:first-child{z-index:1;position:sticky;left:0}.stat-table[data-v-40f9fdec]{min-width:650px;width:100%;border-collapse:collapse}.stat-table th[data-v-40f9fdec],.stat-table td[data-v-40f9fdec]{padding:.75rem .5em .75rem 0;background:#fff}.stat-table td[data-v-40f9fdec]{border-left:1px solid #ccc;width:15%}.stat-table .stat-bar[data-v-40f9fdec]{height:12px;min-width:4px}.stat-table .stat-bar span[data-v-40f9fdec]{display:none}.stat-table thead th[data-v-40f9fdec]{white-space:nowrap}.stat-table tbody th[data-v-40f9fdec]{font-weight:400;line-height:1.25;font-size:.9rem;padding-left:10px;background-color:#fff}.stat-table tbody tr[data-v-40f9fdec]:nth-child(even){background-color:#f8f8f8}select[data-v-40f9fdec]{text-overflow:ellipsis}.tooltip-icon[data-v-40f9fdec]{color:#a8a8ab}.bar[data-v-baf4c0c4],.bar .inner{transition:.5s all;width:0px;height:14px;background:#62BB46}.tooltip-body[data-v-589beac1]{padding:20px;background-color:#ffffffe6;border-radius:10px;box-shadow:0 0 10px #0003}.tooltip-body h4[data-v-589beac1]{font-size:1rem;font-weight:500}.tooltip-body.x-right.y-center[data-v-589beac1]{transform:translate(0) translateY(-50%)}.tooltip-body.x-left.y-center[data-v-589beac1]{transform:translate(-100%) translateY(-50%)}.tooltip-body.x-center.y-bottom[data-v-589beac1]{transform:translate(-50%) translateY(0)}.tooltip-body.x-center.y-top[data-v-589beac1]{transform:translate(-50%) translateY(-100%)}.point-bar[data-v-589beac1]{height:14px}.lca-heading{text-transform:uppercase;color:#a8a8ab;margin-bottom:.5em;letter-spacing:.02em;font-weight:600}h2[data-v-11aa2998]{color:#a8a8ab}.disclaimer[data-v-11aa2998]{color:#555}.disclaimer[data-v-11aa2998] *{font-size:.9rem;line-height:1.4em}.report-tabs[data-v-11aa2998]{display:flex;justify-content:center;border-bottom:10px solid #F8F8F8}.report-tabs .nav-item[data-v-11aa2998]{max-width:25%;width:12em;text-align:center}.report-tabs .nav-item a.nav-link[data-v-11aa2998]{padding:0;display:flex;flex-direction:column;height:100%;border-width:0!important;position:relative;color:#a8a8ab}@media (min-width: 600px){.report-tabs .nav-item a.nav-link[data-v-11aa2998]{padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x)}}.report-tabs .nav-item a.nav-link[data-v-11aa2998]:after{position:absolute;top:100%;left:0;width:100%;height:10px!important;background-color:transparent!important;content:"";display:block;transition:.5s all}.report-tabs .nav-item a.nav-link[data-v-11aa2998]:hover,.report-tabs .nav-item a.nav-link[data-v-11aa2998]:focus{border:0;position:relative;color:var(--green)}.report-tabs .nav-item a.nav-link[data-v-11aa2998]:hover:after,.report-tabs .nav-item a.nav-link[data-v-11aa2998]:focus:after{background-color:currentColor!important}.report-tabs .nav-item a.nav-link[data-v-11aa2998]:hover path,.report-tabs .nav-item a.nav-link[data-v-11aa2998]:focus path{fill:currentColor!important}.report-tabs .nav-item a.nav-link.active[data-v-11aa2998]{border:0;position:relative}.report-tabs .nav-item a.nav-link.active[data-v-11aa2998]:after{background-color:#a8a8ab!important}.report-tabs .nav-item a.nav-link.active[data-v-11aa2998] path{fill:#000!important}.report-tabs .nav-item a.nav-link.active span[data-v-11aa2998]{color:#000}.report-tabs .nav-item a.nav-link svg[data-v-11aa2998]{display:block;margin:0 auto 1em;max-width:80%}.report-tabs .nav-item a.nav-link svg[data-v-11aa2998] path{transition:.2s all;fill:#a8a8ab!important}.report-tabs .nav-item a.nav-link span[data-v-11aa2998]{flex:1;line-height:1.4;text-align:center;text-transform:uppercase;font-size:.85rem;font-weight:600;color:currentColor;padding-bottom:.75em}@media (min-width: 600px){.report-tabs .nav-item a.nav-link span[data-v-11aa2998]{font-size:1rem;font-weight:700}}.tab-content[data-v-11aa2998]{background-color:#fff}.small-container[data-v-11aa2998]{max-width:1020px}