/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
@font-face {
  font-family: "Geomanist";
  src: url("../fonts/geomanist-regular-webfont.woff2") format("woff2"), url("../fonts/geomanist-regular-webfont.woff") format("woff"), url("../fonts/geomanist-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Geomanist";
  src: url("../fonts/geomanist-light-webfont.woff2") format("woff2"), url("../fonts/geomanist-light-webfont.woff") format("woff"), url("../fonts/geomanist-light-webfont.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: "Geomanist";
  src: url("../fonts/geomanist-medium-webfont.woff2") format("woff2"), url("../fonts/geomanist-medium-webfont.woff") format("woff"), url("../fonts/geomanist-medium-webfont.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: "Silka";
  src: url("../fonts/silka-regular-webfont.woff2") format("woff2"), url("../fonts/silka-regular-webfont.woff") format("woff"), url("../fonts/silka-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Silka";
  src: url("../fonts/silka-light-webfont.woff2") format("woff2"), url("../fonts/silka-light-webfont.woff") format("woff"), url("../fonts/silka-light-webfont.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: "Silka";
  src: url("../fonts/silka-medium-webfont.woff2") format("woff2"), url("../fonts/silka-medium-webfont.woff") format("woff"), url("../fonts/silka-medium-webfont.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: "Silka";
  src: url("../fonts/silka-mediumitalic-webfont.woff2") format("woff2"), url("../fonts/silka-mediumitalic-webfont.woff") format("woff"), url("../fonts/silka-mediumitalic-webfont.ttf") format("truetype");
  font-weight: 500;
  font-style: italic; }
@font-face {
  font-family: "Silka";
  src: url("../fonts/silka-semibold-webfont.woff2") format("woff2"), url("../fonts/silka-semibold-webfont.woff") format("woff"), url("../fonts/silka-semibold-webfont.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: "Silka";
  src: url("../fonts/silka-bold-webfont.woff2") format("woff2"), url("../fonts/silka-bold-webfont.woff") format("woff"), url("../fonts/silka-bold-webfont.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }
/*--------------------------------------------------------------
# Reset
--------------------------------------------------------------*/
html {
  box-sizing: border-box; }

body {
  background-color: #fff;
  font-family: "Silka", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px; }

*,
*:before,
*:after {
  box-sizing: inherit;
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

blockquote, q {
  quotes: none;
  color: #000; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

img {
  border: none;
  max-width: 100%;
  height: auto; }

.visibly-hidden {
  position: absolute;
  left: -10000px;
  opacity: 0; }

embed,
iframe,
object {
  max-width: 100%; }

input, select, option, textarea {
  font-family: inherit; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul, ol {
  margin: 0 0 2em 1em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul, li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

p {
  color: #000;
  margin: 0 0 1em;
  line-height: 1.666; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

input[type="search"],
input[type="submit"],
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none; }

blockquote {
  font-family: "Geomanist", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 42px;
  line-height: 1.23;
  margin: 50px 0;
  padding: 0 0 0 47px;
  border-left: 9px #135644 solid; }

figcaption {
  font-family: "Silka", sans-serif;
  font-style: italic;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.666;
  letter-spacing: -0.005em;
  margin: 0.5em 0; }

time, td, th {
  color: #000; }

td strong, th strong, td i, th i {
  color: #000; }

/*--------------------------------------------------------------
# Headings
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  color: #363940; }
  .is-style-dark h1, .is-style-dark h2, .is-style-dark h3, .is-style-dark h4, .is-style-dark h5, .is-style-dark h6 {
    color: inherit; }

h1,
.h1-like {
  font-family: "Geomanist", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 62px;
  line-height: 1.064;
  margin: 0; }
  h1 strong,
  .h1-like strong {
    font-weight: 500; }
  @media (max-width: 782px) {
    h1,
    .h1-like {
      font-size: 40px; } }

h2,
.h2-like {
  font-family: "Geomanist", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 52px;
  line-height: 1.192;
  margin-bottom: 0.25em; }

h3,
.h3-like {
  font-family: "Geomanist", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 42px;
  line-height: 1.285;
  letter-spacing: 0.01em;
  margin-bottom: 0.25em; }

h4,
.h4-like {
  font-family: "Geomanist", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.266;
  letter-spacing: 0.01em;
  margin-bottom: 0.25em; }

h5,
.h5-like {
  font-family: "Geomanist", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.375;
  letter-spacing: 0.08em;
  text-transform: uppercase; }

h6 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 0.5em; }

.has-accent {
  position: relative;
  margin-bottom: 25px; }
  .has-accent::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: -10px;
    height: 6px;
    width: 55px;
    background-color: #135644; }
    .page-header--standard .has-accent::after {
      bottom: -20px; }
  @media (min-width: 641px) {
    .has-accent--center {
      text-align: center; }
      .has-accent--center::after {
        left: 50%;
        transform: translateX(-50%); } }
  .has-accent--dark::after {
    background-color: #54555A; }

/*--------------------------------------------------------------
# Links and Buttons
--------------------------------------------------------------*/
a {
  color: inherit;
  transition: color 0.2s ease, text-decoration-color 0.2s ease; }
  a:visited {
    color: inherit; }
  a:focus {
    color: inherit; }
  a:hover {
    color: inherit; }
  a:active {
    color: inherit; }
  a:hover, a:focus {
    color: #135644;
    text-decoration-color: #135644; }
  a.visually-hidden {
    color: #000; }

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border-radius: 42px;
  padding: 12px 24px;
  font-family: "Silka", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.005em;
  background-color: #135644;
  color: #fff;
  border: 0;
  text-decoration: none;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.3s ease;
  cursor: pointer; }
  .btn:visited {
    color: #fff; }
  .btn:focus {
    color: #fff; }
  .btn:hover {
    color: #fff; }
  .btn:active {
    color: #fff; }
  .btn:hover, .btn:focus {
    box-shadow: 1px 9px 14px rgba(0, 0, 0, 0.16); }
  .btn.is-style-outline {
    padding: 10px 22px;
    border: 2px #135644 solid;
    background-color: transparent;
    color: #000; }
    .btn.is-style-outline:hover, .btn.is-style-outline:focus {
      color: #fff;
      background-color: #135644; }
    .is-style-dark .btn.is-style-outline {
      border-color: #fff;
      color: #fff; }
      .is-style-dark .btn.is-style-outline:hover, .is-style-dark .btn.is-style-outline:focus {
        color: #000;
        background-color: #fff; }
  .btn-wrap .btn {
    margin-right: 10px;
    margin-bottom: 10px; }
    .btn-wrap .btn:last-child {
      margin-right: 0; }
  @media (max-width: 640px) {
    .btn {
      font-weight: normal; } }
  .btn--icon {
    gap: 10px; }

.arrow-link {
  display: inline-block;
  position: relative;
  z-index: 1;
  color: #135644;
  font-family: "Silka", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
  letter-spacing: 0.01em;
  padding-right: 25px;
  margin-right: 10px; }
  .arrow-link:visited {
    color: #135644; }
  .arrow-link:focus {
    color: #135644; }
  .arrow-link:hover {
    color: #135644; }
  .arrow-link:active {
    color: #135644; }
  .arrow-link::after {
    display: block;
    content: '';
    height: 8px;
    width: 12.5px;
    position: absolute;
    top: 6px;
    right: 5px;
    background-image: url("../images/arrow-blue.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: transform 0.2s ease; }
    .is-style-dark .arrow-link::after {
      background-image: url("../images/arrow-bullet-white.png"); }
  .arrow-link:hover::after, .arrow-link:focus::after {
    transform: translateX(3px); }
  .arrow-link--external::after {
    width: 12.72px;
    height: 12.72px;
    background-image: url("../images/external-link.png"); }
  .arrow-link--external:hover::after, .arrow-link--external:focus::after {
    transform: none; }
  .arrow-link p {
    margin-bottom: 0; }

.product-literature-item {
  position: relative; }

.product-literature-item {
  position: relative; }

/*--------------------------------------------------------------
# Styles
--------------------------------------------------------------*/
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; }

.cover-image {
  position: relative;
  z-index: 5;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #363940; }
  .cover-image img {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; }

[class^="icon-"],
[class*=" icon-"] {
  /*Icons*/
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  fill: currentColor;
  vertical-align: middle; }

.container {
  margin: auto;
  width: 90%;
  max-width: 950px; }

.mobile-only, .mobile-only.slider-controls {
  display: none; }

@media (max-width: 782px) {
  .mobile-hidden {
    display: none; } }
.page-overlay {
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  background-color: rgba(6, 7, 8, 0.9);
  backdrop-filter: blur(13px);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 300ms, opacity 300ms; }
  .page-overlay::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 8;
    top: 160px;
    background: transparent linear-gradient(179deg, #E1E5EE 0%, rgba(225, 229, 238, 0) 100%) 0 0 no-repeat padding-box;
    opacity: 0.17;
    /*
    .user-logged-in.has-sticky-header &{
      top:138px;
    }
    .user-logged-in &{
      top:239px;
    }*/ }
    .has-sticky-header .page-overlay::after {
      top: 59px; }
  .page-overlay.has-no-padding::after, .has-sticky-header .page-overlay.has-no-padding::after {
    top: 0; }

body.has-overlay .page-overlay {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s linear 0s, opacity 300ms; }

body.no-body-scroll {
  position: fixed;
  max-width: 100%;
  width: 100%; }

.page-content p a,
.page-content ul a,
.page-content ol a {
  color: #000;
  font-weight: 500;
  text-decoration: underline; }
  .page-content p a.btn, .page-content p a:hover, .page-content p a:focus,
  .page-content ul a.btn,
  .page-content ul a:hover,
  .page-content ul a:focus,
  .page-content ol a.btn,
  .page-content ol a:hover,
  .page-content ol a:focus {
    text-decoration-color: #135644; }
.page-content ul {
  list-style: none;
  margin-left: 0; }
  .page-content ul > li {
    margin-bottom: 0.6875em;
    padding-left: 18px;
    background-image: url("../images/arrow-bullet.png");
    background-position: left 5px;
    background-repeat: no-repeat;
    color: #000; }
.page-content ol {
  list-style: none;
  counter-reset: ol-counter; }
  .page-content ol > li {
    counter-increment: ol-counter;
    margin-bottom: 0.6875em;
    position: relative;
    padding-left: 1.5em;
    color: #000; }
    .page-content ol > li::before {
      font-family: "Silka", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 1.25em;
      content: counter(ol-counter) ". ";
      position: absolute;
      left: 0;
      top: 0;
      line-height: 1; }
  .page-content ol ol > li {
    list-style-type: lower-alpha;
    padding-left: 0.25em; }
    .page-content ol ol > li::before {
      display: none; }
.page-content > .container {
  padding: 30px 0; }
  .page-content > .container ul,
  .page-content > .container ol {
    line-height: 1.666; }
  .page-content > .container ul {
    margin-left: 20px; }
    .page-content > .container ul li {
      background-position: left 8px; }
  .page-content > .container ol li::before {
    top: 0.1825em; }
  .page-content > .container table td, .page-content > .container table th {
    padding: 0.5em; }

.bold-caps {
  text-transform: uppercase;
  font-weight: 500; }

.content-block {
  padding: 60px 100px;
  background-color: #fff; }

.is-style-dark {
  background: #000;
  color: #fff; }
  .is-style-dark a:not(.btn) {
    color: #fff; }
    .is-style-dark a:not(.btn):visited {
      color: #fff; }
    .is-style-dark a:not(.btn):focus {
      color: #fff; }
    .is-style-dark a:not(.btn):hover {
      color: #135644; }
    .is-style-dark a:not(.btn):active {
      color: #fff; }
  .is-style-dark ul {
    list-style: none;
    margin-left: 0; }
    .is-style-dark ul li {
      padding-left: 18px;
      background-image: url("../images/arrow-bullet-white.png");
      background-position: left 5px;
      background-repeat: no-repeat; }
  .is-style-dark ul > li {
    color: #fff; }
  .is-style-dark ol > li {
    color: #fff; }
  .is-style-dark p, .is-style-dark time, .is-style-dark blockquote, .is-style-dark q, .is-style-dark td, .is-style-dark th {
    color: #fff; }
  .is-style-dark p a,
  .is-style-dark ul a,
  .is-style-dark ol a {
    color: #fff; }
  .is-style-dark .filter-group-title, .is-style-dark .filter-group-title button {
    color: #fff; }
  .is-style-dark .checkbox-item .radio {
    color: #fff; }
  .is-style-dark td strong, .is-style-dark th strong, .is-style-dark td i, .is-style-dark th i {
    color: #fff; }

.video-modal {
  position: fixed;
  z-index: 99999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 60px; }
  .video-modal-inner {
    position: relative;
    width: 670px;
    max-width: 75vh;
    flex-shrink: 0; }
  .video-modal .popup-modal-close {
    top: -20px;
    right: -20px; }

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0; }
  .video-wrapper iframe,
  .video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%; }

#html5-watermark {
  display: none !important; }

/*--------------------------------------------------------------
# Drupal Styles
--------------------------------------------------------------*/
.toolbar-oriented .toolbar-bar {
  z-index: 9999999; }

.align-left {
  float: left;
  margin: 0 1em 1em 0; }

.align-right {
  float: right;
  margin: 0 0 1em 1em; }

.align-center {
  width: 100%;
  text-align: center; }

figure.align-center {
  width: auto;
  display: table;
  margin: 0 auto; }
  figure.align-center img {
    display: inline-block;
    margin: 0; }
  figure.align-center figcaption {
    text-align: left; }

@media (max-width: 640px) {
  .align-left,
  .align-right {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto; } }
.site-header-wrapper {
  position: relative;
  padding-top: 161px; }
  @media (max-width: 1000px) {
    .site-header-wrapper {
      padding-top: 60px; } }
.site-header {
  position: absolute;
  z-index: 999999;
  left: 0;
  right: 0;
  top: 0; }
  @media (max-width: 1000px) {
    .site-header {
      display: none; } }
  .site-header a:not(.btn) {
    text-decoration: none;
    color: inherit; }
  .site-header .menu {
    margin: 0;
    list-style: none;
    display: flex; }
  .site-header .utility-item {
    display: inline-flex;
    align-items: center; }
    .site-header .utility-item--profile {
      display: none; }
  .site-header .search-form {
    display: flex;
    justify-content: space-between;
    padding: 5px 15px;
    margin: 0 0 0 10px;
    border-radius: 40px;
    color: #fff; }
    .site-header .search-form-input, .site-header .search-form-submit {
      height: 24px;
      border: 0;
      padding: 0 5px;
      background-color: transparent;
      color: inherit; }
    .site-header .search-form-input {
      flex: 1;
      font-size: 13px;
      letter-spacing: 0.01em;
      min-width: 100px; }
      .site-header .search-form-input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #fff; }
      .site-header .search-form-input::-moz-placeholder {
        /* Firefox 19+ */
        color: #fff; }
      .site-header .search-form-input:-ms-input-placeholder {
        /* IE 10+ */
        color: #fff; }
      .site-header .search-form-input:-moz-placeholder {
        /* Firefox 18- */
        color: #fff; }
    .site-header .search-form-submit {
      cursor: pointer;
      flex-shrink: 0;
      display: flex;
      align-items: center; }
      .site-header .search-form-submit .icon-arrow-right {
        width: 12px;
        height: auto;
        transition: transform 0.2s ease; }
      .site-header .search-form-submit:hover .icon-arrow-right, .site-header .search-form-submit:focus .icon-arrow-right {
        transform: translateX(5px); }
  .site-header .campaign-landing-items .utility-item--profile {
    display: none; }
  .site-header-top, .site-header-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 140px; }
    @media (max-width: 1250px) {
      .site-header-top, .site-header-bottom {
        padding-right: 40px;
        padding-left: 40px; } }
  .site-header-top {
    color: #FEFEFF;
    background: #000;
    height: 54px; }
    .site-header-top .search-form {
      width: 196px;
      background-color: #54555A; }
  .site-header-bottom {
    color: #000;
    background: #fff;
    border-bottom: 1px transparent solid;
    transition: border-bottom-color 0.2s ease;
    position: relative; }
    body.has-overlay .site-header-bottom {
      border-bottom-color: #060708; }
    .site-header-bottom:not(.has-sticky-header .site-header-bottom) .utility-item--cart,
    .site-header-bottom:not(.has-sticky-header .site-header-bottom) .utility-item--search-trigger,
    .site-header-bottom:not(.has-sticky-header .site-header-bottom) .search-form {
      display: none; }
    .site-header-bottom:not(.has-sticky-header .site-header-bottom) .utility-item--rep {
      margin-right: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 42px;
      border-radius: 42px;
      padding: 12px 24px;
      font-family: "Silka", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      letter-spacing: 0.005em;
      background-color: #135644;
      color: #fff;
      border: 0;
      text-decoration: none;
      transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.3s ease;
      cursor: pointer; }
      .site-header-bottom:not(.has-sticky-header .site-header-bottom) .utility-item--rep:visited {
        color: #fff; }
      .site-header-bottom:not(.has-sticky-header .site-header-bottom) .utility-item--rep:focus {
        color: #fff; }
      .site-header-bottom:not(.has-sticky-header .site-header-bottom) .utility-item--rep:hover {
        color: #fff; }
      .site-header-bottom:not(.has-sticky-header .site-header-bottom) .utility-item--rep:active {
        color: #fff; }
      .site-header-bottom:not(.has-sticky-header .site-header-bottom) .utility-item--rep:hover, .site-header-bottom:not(.has-sticky-header .site-header-bottom) .utility-item--rep:focus {
        box-shadow: 1px 9px 14px rgba(0, 0, 0, 0.16); }
      .site-header-bottom:not(.has-sticky-header .site-header-bottom) .utility-item--rep.is-style-outline {
        padding: 10px 22px;
        border: 2px #135644 solid;
        background-color: transparent;
        color: #000; }
        .site-header-bottom:not(.has-sticky-header .site-header-bottom) .utility-item--rep.is-style-outline:hover, .site-header-bottom:not(.has-sticky-header .site-header-bottom) .utility-item--rep.is-style-outline:focus {
          color: #fff;
          background-color: #135644; }
        .is-style-dark .site-header-bottom:not(.has-sticky-header .site-header-bottom) .utility-item--rep.is-style-outline {
          border-color: #fff;
          color: #fff; }
          .is-style-dark .site-header-bottom:not(.has-sticky-header .site-header-bottom) .utility-item--rep.is-style-outline:hover, .is-style-dark .site-header-bottom:not(.has-sticky-header .site-header-bottom) .utility-item--rep.is-style-outline:focus {
            color: #000;
            background-color: #fff; }
      .site-header-bottom:not(.has-sticky-header .site-header-bottom) .utility-item--rep svg {
        display: none; }
.site-utility-items {
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .site-utility-items .utility-item {
    text-decoration: none;
    margin-right: 30px;
    flex-shrink: 0; }
    .site-utility-items .utility-item:last-child {
      margin-right: 0; }
    .site-utility-items .utility-item svg {
      height: 20px;
      width: auto; }
.site-utility-nav, .site-branding {
  flex: 1; }
.site-branding {
  color: #135644; }
  .site-branding .ecore-logo {
    width: 130px;
    fill: currentColor; }
.site-utility-nav a, .site-navigation a {
  display: inline-block; }
.site-utility-nav {
  font-family: "Silka", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.01em; }
  .site-utility-nav li {
    margin-right: 25px; }
  .site-utility-nav a:hover, .site-utility-nav a:focus {
    text-decoration: underline; }
  .site-utility-nav .mobile-only {
    display: none; }
.site-header .site-navigation {
  font-family: "Silka", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  margin-bottom: -1px; }
  .site-header .site-navigation-menu {
    height: 107px;
    padding-left: 20px; }
    .site-header .site-navigation-menu > li {
      display: flex;
      align-items: center;
      padding: 0 20px;
      flex-shrink: 0;
      /*&:hover > a,
      & > a:focus{
        border-bottom-color: $blue;
      }*/ }
      .site-header .site-navigation-menu > li:last-child {
        margin-right: 20px; }
      .site-header .site-navigation-menu > li > a {
        padding: 7px 0;
        border-top: 4px transparent solid;
        border-bottom: 4px transparent solid;
        transition: border-color 0.2s ease, opacity 0.2s ease; }
        .site-header .site-navigation-menu > li > a[href=""] {
          pointer-events: none; }
      .site-header .site-navigation-menu > li.menu-item-has-children > .dropdown-trigger {
        display: none;
        opacity: 0;
        transition: opacity 0.2s ease;
        padding-bottom: 12px;
        width: 20px; }
        .site-header .site-navigation-menu > li.menu-item-has-children > .dropdown-trigger .icon-chevron-line {
          transform: rotate(90deg); }
      .has-keyboard-nav .site-header .site-navigation-menu > li.menu-item-has-children {
        padding-right: 0; }
        .has-keyboard-nav .site-header .site-navigation-menu > li.menu-item-has-children > .dropdown-trigger {
          display: inline-block;
          opacity: 1; }
      .site-header .site-navigation-menu > li:hover > .sub-menu, .site-header .site-navigation-menu > li:focus > .sub-menu {
        will-change: transform; }
      .site-header .site-navigation-menu > li.active .sub-menu-container {
        display: block;
        z-index: 3; }
        .site-header .site-navigation-menu > li.active .sub-menu-container .sub-menu-panel {
          animation: fadeInSubmenu 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) both; }
        .site-header .site-navigation-menu > li.active .sub-menu-container .sub-menu a {
          opacity: 1; }
      .site-header .site-navigation-menu > li.active > a {
        border-bottom-color: #135644; }
      .site-header .site-navigation-menu > li.active > .sub-menu {
        transform: translateY(0); }
        .site-header .site-navigation-menu > li.active > .sub-menu a {
          opacity: 1; }
    .site-header .site-navigation-menu .dropdown-trigger {
      flex-shrink: 0;
      border: 0;
      background-color: transparent; }
    .site-header .site-navigation-menu .sub-menu-container {
      position: absolute;
      left: 0;
      top: 100%;
      width: 100%;
      background-color: #fff;
      display: none;
      min-height: 400px;
      border-top: 1px solid #f1f1f1;
      transition: all .1s ease-out;
      z-index: 2; }
      .site-header .site-navigation-menu .sub-menu-container .sub-menu-panel {
        display: flex;
        opacity: 0; }
        .site-header .site-navigation-menu .sub-menu-container .sub-menu-panel .menu-item-featured-content {
          display: none;
          flex: 0 0 450px;
          justify-content: flex-end;
          padding: 20px 20px 30px 0;
          background-color: #fafafa;
          min-height: 400px; }
          @media (min-width: 1251px) {
            .site-header .site-navigation-menu .sub-menu-container .sub-menu-panel .menu-item-featured-content {
              display: flex;
              flex: 0 0 450px; } }
          @media (min-width: 1501px) {
            .site-header .site-navigation-menu .sub-menu-container .sub-menu-panel .menu-item-featured-content {
              flex: 0 0 525px; } }
          .site-header .site-navigation-menu .sub-menu-container .sub-menu-panel .menu-item-featured-content .featured-content {
            width: 300px; }
            @media (min-width: 1501px) {
              .site-header .site-navigation-menu .sub-menu-container .sub-menu-panel .menu-item-featured-content .featured-content {
                width: 355px; } }
            .site-header .site-navigation-menu .sub-menu-container .sub-menu-panel .menu-item-featured-content .featured-content .content-image {
              padding-top: 200px; }
            .site-header .site-navigation-menu .sub-menu-container .sub-menu-panel .menu-item-featured-content .featured-content .content-text {
              padding-top: 16px;
              font-weight: normal; }
            .site-header .site-navigation-menu .sub-menu-container .sub-menu-panel .menu-item-featured-content .featured-content .content-cta {
              position: relative;
              text-transform: uppercase;
              padding-right: 28px;
              display: inline-flex;
              color: #135644; }
      .site-header .site-navigation-menu .sub-menu-container .sub-menu-panel > .sub-menu {
        position: relative !important;
        z-index: 5;
        margin-top: 20px; }
        .site-header .site-navigation-menu .sub-menu-container .sub-menu-panel > .sub-menu > li > a {
          opacity: 1; }
    .site-header .site-navigation-menu .sub-menu {
      list-style: none;
      margin: 0 0 30px 0;
      padding-top: 8px;
      width: 262px;
      background-color: #fff;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      transition: transform 0.5s ease; }
      .site-header .site-navigation-menu .sub-menu::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
        left: auto;
        width: 1px;
        background-color: #f1f1f1; }
      .site-header .site-navigation-menu .sub-menu a:not(.btn) {
        opacity: 0;
        transition: opacity 0.2s ease; }
      .site-header .site-navigation-menu .sub-menu .sub-menu {
        top: 0;
        bottom: auto;
        z-index: -1; }
        .site-header .site-navigation-menu .sub-menu .sub-menu, body.has-overlay .site-header .site-navigation-menu .sub-menu .sub-menu {
          visibility: hidden;
          transform: none; }
      .site-header .site-navigation-menu .sub-menu .menu-item {
        z-index: 2;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .site-header .site-navigation-menu .sub-menu .menu-item a:not(.btn) {
          position: relative;
          z-index: 1;
          flex: 1;
          padding: 8px 0 8px 40px;
          font-family: "Silka", sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 13px;
          color: #2B2E33; }
          .site-header .site-navigation-menu .sub-menu .menu-item a:not(.btn):hover, .site-header .site-navigation-menu .sub-menu .menu-item a:not(.btn):focus {
            color: #135644;
            font-weight: 600; }
          .site-header .site-navigation-menu .sub-menu .menu-item a:not(.btn)[href=""] {
            pointer-events: none; }
            .site-header .site-navigation-menu .sub-menu .menu-item a:not(.btn)[href=""]:hover, .site-header .site-navigation-menu .sub-menu .menu-item a:not(.btn)[href=""]:focus {
              color: #2B2E33;
              font-weight: 600; }
          .site-header .site-navigation-menu .sub-menu .menu-item a:not(.btn):last-child {
            padding-right: 35px; }
          .site-header .site-navigation-menu .sub-menu .menu-item a:not(.btn) .label-new {
            position: relative;
            display: inline-block;
            margin: 0 4px;
            font-family: "Silka", sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 9px;
            text-transform: uppercase;
            color: #B24DAC;
            background: transparent;
            line-height: inherit;
            letter-spacing: normal; }
        .site-header .site-navigation-menu .sub-menu .menu-item .dropdown-trigger {
          padding: 8px 40px 8px 0;
          cursor: pointer; }
          .site-header .site-navigation-menu .sub-menu .menu-item .dropdown-trigger .icon-chevron-line {
            display: none;
            height: 8px;
            fill: #212121; }
            .site-header .site-navigation-menu .sub-menu .menu-item .dropdown-trigger .icon-chevron-line .line {
              stroke-dasharray: 16;
              stroke-dashoffset: 0;
              stroke: #135644;
              animation: make-chevron 0.3s linear forwards; }
        .site-header .site-navigation-menu .sub-menu .menu-item > a[href=""] + .dropdown-trigger .icon-chevron-line .line {
          stroke: #2B2E33; }
        .site-header .site-navigation-menu .sub-menu .menu-item.active > a:not(.btn), .site-header .site-navigation-menu .sub-menu .menu-item:hover > a:not(.btn), .site-header .site-navigation-menu .sub-menu .menu-item:focus > a:not(.btn) {
          color: #135644;
          font-weight: 600; }
          .site-header .site-navigation-menu .sub-menu .menu-item.active > a:not(.btn)[href=""], .site-header .site-navigation-menu .sub-menu .menu-item:hover > a:not(.btn)[href=""], .site-header .site-navigation-menu .sub-menu .menu-item:focus > a:not(.btn)[href=""] {
            color: #2B2E33; }
        .site-header .site-navigation-menu .sub-menu .menu-item-has-children .dropdown-trigger .icon-chevron-line {
          display: inline-block; }
        .site-header .site-navigation-menu .sub-menu .menu-item-has-children.active > .dropdown-trigger .icon-chevron-line {
          fill: #135644; }
          .site-header .site-navigation-menu .sub-menu .menu-item-has-children.active > .dropdown-trigger .icon-chevron-line .line {
            stroke-dashoffset: 16;
            animation: make-arrow 0.3s linear forwards; }
        .site-header .site-navigation-menu .sub-menu .menu-item-has-children.active > a[href=""] + .dropdown-trigger .icon-chevron-line {
          fill: #2B2E33; }
        .site-header .site-navigation-menu .sub-menu .menu-item-has-children.active > .sub-menu {
          visibility: visible;
          transform: translateX(100%); }
        .site-header .site-navigation-menu .sub-menu .menu-item:last-child {
          padding-bottom: 16px; }
        .site-header .site-navigation-menu .sub-menu .menu-item--separator {
          padding-bottom: 20px; }
        .site-header .site-navigation-menu .sub-menu .menu-item--bottom {
          padding-top: 32px;
          padding-left: 40px;
          padding-right: 40px; }
          .site-header .site-navigation-menu .sub-menu .menu-item--bottom, .site-header .site-navigation-menu .sub-menu .menu-item--bottom:last-child {
            padding-bottom: 0;
            border-bottom: 0; }
          .site-header .site-navigation-menu .sub-menu .menu-item--bottom .icon-grid {
            width: 10px;
            height: 10px;
            margin-right: 10px;
            fill: #fff; }

.has-sticky-header .site-header {
  position: fixed;
  animation-name: slide-down;
  animation-duration: 0.5s;
  animation-fill-mode: forwards; }
  .has-sticky-header .site-header .site-header-top {
    display: none; }
  .has-sticky-header .site-header .site-header-bottom {
    color: #fff;
    background-color: #000;
    padding: 0 20px; }
  .has-sticky-header .site-header .site-branding,
  .has-sticky-header .site-header .site-utility-items {
    flex: 0 0 0; }
    @media (min-width: 1251px) {
      .has-sticky-header .site-header .site-branding,
      .has-sticky-header .site-header .site-utility-items {
        min-width: 250px; } }
  .has-sticky-header .site-header .site-branding {
    color: inherit; }
    .has-sticky-header .site-header .site-branding .ecore-logo {
      width: 111px; }
  .has-sticky-header .site-header .site-navigation-menu {
    height: 60px; }
    .has-sticky-header .site-header .site-navigation-menu > li:hover > a, .has-sticky-header .site-header .site-navigation-menu > li > a:focus {
      border-bottom-color: #fff; }
    .has-sticky-header .site-header .site-navigation-menu > li > .dropdown-trigger .chevron {
      fill: #fff; }
    .has-sticky-header .site-header .site-navigation-menu:hover > li > a, .has-sticky-header .site-header .site-navigation-menu:hover > li > .dropdown-trigger, .has-sticky-header .site-header .site-navigation-menu:focus-within > li > a, .has-sticky-header .site-header .site-navigation-menu:focus-within > li > .dropdown-trigger {
      opacity: 0.4; }
    .has-sticky-header .site-header .site-navigation-menu:hover > li:hover > a, .has-sticky-header .site-header .site-navigation-menu:hover > li:focus-within > a, .has-sticky-header .site-header .site-navigation-menu:hover > li:focus-within > .dropdown-trigger, .has-sticky-header .site-header .site-navigation-menu:focus-within > li:hover > a, .has-sticky-header .site-header .site-navigation-menu:focus-within > li:focus-within > a, .has-sticky-header .site-header .site-navigation-menu:focus-within > li:focus-within > .dropdown-trigger {
      opacity: 1; }
  .has-sticky-header .site-header .site-utility-items {
    position: relative; }
    .has-sticky-header .site-header .site-utility-items .utility-item {
      font-family: "Silka", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 15px;
      margin: 0 0 0 29px; }
      .has-sticky-header .site-header .site-utility-items .utility-item svg {
        margin-right: 8px; }
  .has-sticky-header .site-header .search-form--sticky {
    position: absolute;
    right: 0;
    visibility: hidden;
    opacity: 0;
    width: 0;
    overflow: hidden;
    border: 2px #135644 solid;
    background-color: #000;
    transition: width 0s ease 0.6s, opacity 0.3s ease, visibility 0s ease 0.6s; }
.has-sticky-header.sticky-search-active .site-header .search-form--sticky {
  visibility: visible;
  opacity: 1;
  width: 100%;
  transition: width 0.5s ease, opacity 0.5s ease, visibility 0s ease 0s; }
  .has-sticky-header.sticky-search-active .site-header .search-form--sticky .search-form-input:focus {
    outline: none; }

body.node-preview .site-header .site-navigation-menu .sub-menu {
  display: none; }

@media (max-width: 1000px) {
  body.page-node-type-campaign-landing .site-header {
    display: block;
    position: fixed;
    top: 0 !important; } }
body.page-node-type-campaign-landing .site-header .campaign-landing-items .utility-item--profile {
  display: block; }
body.page-node-type-campaign-landing .mobile-header {
  display: none; }
body.page-node-type-campaign-landing .site-header-wrapper {
  padding-top: 107px; }
  @media (max-width: 1000px) {
    body.page-node-type-campaign-landing .site-header-wrapper {
      padding-top: 60px; } }
body.page-node-type-campaign-landing .site-header-top,
body.page-node-type-campaign-landing .site-header-bottom .site-navigation {
  display: none; }
body.page-node-type-campaign-landing .site-header-bottom {
  height: 107px; }
  @media (max-width: 1000px) {
    body.page-node-type-campaign-landing .site-header-bottom {
      height: 60px;
      padding: 0 20px; } }
body.page-node-type-campaign-landing .site-utility-items .utility-item:last-child {
  margin-right: 30px; }
  @media (max-width: 1000px) {
    body.page-node-type-campaign-landing .site-utility-items .utility-item:last-child {
      margin-right: 0; } }
@media (max-width: 1000px) {
  body.page-node-type-campaign-landing .site-utility-items .utility-item.utility-item--rep {
    min-height: 0;
    border-radius: 0;
    padding: 0;
    letter-spacing: 0;
    background-color: #fff;
    color: #000 !important;
    font-family: "Silka", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    margin: 0 0 0 29px; }
    body.page-node-type-campaign-landing .site-utility-items .utility-item.utility-item--rep:hover, body.page-node-type-campaign-landing .site-utility-items .utility-item.utility-item--rep:focus {
      color: #000;
      box-shadow: none; }
    body.page-node-type-campaign-landing .site-utility-items .utility-item.utility-item--rep svg {
      display: block;
      margin-right: 8px;
      width: 20px; } }
@media (max-width: 1000px) {
  body.page-node-type-campaign-landing .site-branding .ecore-logo {
    width: 111px;
    color: #135644; } }

body.page-node-type-campaign-landing.has-sticky-header .site-header {
  animation-name: slide-down;
  animation-duration: 0.5s;
  animation-fill-mode: forwards; }
  @media (max-width: 1000px) {
    body.page-node-type-campaign-landing.has-sticky-header .site-header {
      animation-name: no-slide;
      animation-duration: 0.5s;
      animation-fill-mode: forwards; } }
body.page-node-type-campaign-landing.has-sticky-header .site-header .site-header-bottom {
  height: 60px; }
  @media (max-width: 1000px) {
    body.page-node-type-campaign-landing.has-sticky-header .site-header .site-header-bottom {
      color: #000;
      background-color: #fff; } }
body.page-node-type-campaign-landing.has-sticky-header .site-utility-items .utility-item:last-child {
  margin-right: 0; }
body.page-node-type-campaign-landing.has-sticky-header .utility-item.utility-item--search-trigger {
  display: none; }
@media (max-width: 1000px) {
  body.page-node-type-campaign-landing.has-sticky-header .site-utility-items .utility-item svg {
    margin-right: 0; } }
@media (max-width: 1000px) {
  body.page-node-type-campaign-landing.has-sticky-header .site-utility-items .utility-item.utility-item--rep svg {
    margin-right: 8px; } }
body.page-node-type-campaign-landing.has-sticky-header .site-branding .ecore-logo {
  color: #fff; }
  @media (max-width: 1000px) {
    body.page-node-type-campaign-landing.has-sticky-header .site-branding .ecore-logo {
      width: 111px;
      color: #135644; } }
body.page-node-type-campaign-landing.has-sticky-header .utility-item.utility-item--cart svg {
  margin-right: 0; }

/*Header Animations*/
@keyframes make-arrow {
  to {
    stroke-dashoffset: 0; } }
@keyframes make-chevron {
  to {
    stroke-dashoffset: 16; } }
@keyframes slide-down {
  from {
    transform: translateY(-100%); }
  to {
    transform: translateY(0); } }
@keyframes no-slide {
  from {
    transform: translateY(0); }
  to {
    transform: translateY(0); } }
@keyframes fadeInSubmenu {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }
.mobile-header {
  display: none;
  position: fixed;
  z-index: 999999;
  left: 0;
  right: 0;
  top: 0; }
  @media (max-width: 1000px) {
    .mobile-header {
      display: block; } }
  .mobile-header-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 36px;
    min-height: 60px;
    background: #fff;
    color: #000; }
  .mobile-header-button {
    display: inline-flex;
    align-items: center;
    margin-left: 26px;
    border: 0;
    background-color: transparent;
    font-family: "Silka", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    outline-offset: 8px;
    cursor: pointer;
    color: #000; }
    .mobile-header-button-label {
      margin-right: 8px; }
    .mobile-header-button .icon-search {
      height: 16px;
      width: auto;
      flex-shrink: 0; }
.mobile-branding a {
  color: #135644; }
  .mobile-branding a:visited {
    color: #135644; }
  .mobile-branding a:focus {
    color: #135644; }
  .mobile-branding a:hover {
    color: #135644; }
  .mobile-branding a:active {
    color: #135644; }
.mobile-branding .ecore-logo {
  width: 102px;
  fill: currentColor; }
.mobile-navigation-menu {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 0.41s, opacity 0.4s ease; }
  .mobile-menu-open .mobile-navigation-menu {
    opacity: 1;
    visibility: visible;
    transition: visibility 0s linear, opacity 0.4s ease; }
  .mobile-navigation-menu .menu,
  .mobile-navigation-menu .sub-menu {
    margin: 0;
    list-style: none; }
  .mobile-navigation-menu .menu-item {
    display: flex; }
    .mobile-navigation-menu .menu-item > a {
      flex: 1;
      color: #fff;
      text-decoration: none; }
.mobile-navigation-button {
  display: flex;
  align-items: center;
  min-height: 60px;
  padding: 15px 36px;
  font-family: "Silka", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: background-color 0.2s ease;
  color: #fff; }
  .mobile-navigation-button:visited {
    color: #fff; }
  .mobile-navigation-button:focus {
    color: #fff; }
  .mobile-navigation-button:hover {
    color: #fff; }
  .mobile-navigation-button:active {
    color: #fff; }
  .mobile-navigation-button span {
    display: block;
    margin-left: 10px; }
  .mobile-navigation-button--rep {
    justify-content: center;
    background-color: #135644; }
    .mobile-navigation-button--rep .icon-profle-pin {
      height: 20px;
      width: auto; }
    .mobile-navigation-button--rep:hover, .mobile-navigation-button--rep:focus {
      background-color: rgba(19, 86, 68, 0.9); }
  .mobile-navigation-button--back {
    display: none;
    background-color: #363940;
    justify-content: flex-start; }
    .mobile-navigation-button--back .icon-chevron-line {
      transform: rotate(180deg); }
      .mobile-navigation-button--back .icon-chevron-line .line {
        stroke: #fff; }
    .mobile-navigation-button--back:hover, .mobile-navigation-button--back:focus {
      background-color: rgba(54, 57, 64, 0.9); }
    .sub-menu-active .mobile-navigation-button--back {
      display: flex; }
.mobile-navigation-wrapper {
  flex: 1;
  padding: 36px;
  overflow: auto;
  position: relative; }
  .sub-menu-active .mobile-navigation-wrapper {
    overflow: hidden; }
.mobile-navigation-heading {
  background: #fff;
  color: #000;
  padding: 0 34px; }
  .mobile-navigation-heading h3 {
    font-family: "Geomanist", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 34px;
    line-height: 1;
    margin: 0;
    padding: 23px 0; }
.mobile-header .site-navigation-menu .menu-item .dropdown-trigger {
  border: 0;
  background-color: transparent;
  color: #fff;
  margin-left: 2px;
  flex-shrink: 0;
  cursor: pointer; }
  .mobile-header .site-navigation-menu .menu-item .dropdown-trigger .icon-chevron-line {
    height: 11px;
    width: auto; }
  .mobile-header .site-navigation-menu .menu-item .dropdown-trigger .line {
    stroke: currentColor; }
.mobile-header .site-navigation-menu .menu-item .label-new {
  display: inline-block;
  font-family: "Silka", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #B24DAC;
  margin-left: 5px; }
.mobile-header .site-navigation-menu > .menu-item > a, .mobile-header .site-navigation-menu > .menu-item > .dropdown-trigger {
  padding: 20px 0;
  border-top: 1px #54555A solid; }
.mobile-header .site-navigation-menu > .menu-item > a {
  font-family: "Silka", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 1; }
.mobile-header .site-navigation-menu > .menu-item > .dropdown-trigger {
  width: 60px; }
  .mobile-header .site-navigation-menu > .menu-item > .dropdown-trigger:hover, .mobile-header .site-navigation-menu > .menu-item > .dropdown-trigger:focus {
    background-color: rgba(54, 57, 64, 0.5); }
.mobile-header .site-navigation-menu > .menu-item:last-child a,
.mobile-header .site-navigation-menu > .menu-item:last-child .dropdown-trigger {
  border-bottom: 1px #54555A solid; }
.mobile-header .site-navigation-menu .sub-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #000;
  padding: 36px;
  overflow: hidden; }
  .mobile-header .site-navigation-menu .sub-menu.active {
    overflow: auto; }
  .mobile-header .site-navigation-menu .sub-menu .menu-item {
    font-family: "Silka", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 29px; }
    .mobile-header .site-navigation-menu .sub-menu .menu-item:last-child {
      margin-bottom: 0; }
    .mobile-header .site-navigation-menu .sub-menu .menu-item--separator {
      padding-bottom: 30px;
      border-bottom: 2px #54555A solid;
      margin-bottom: 30px; }
    .mobile-header .site-navigation-menu .sub-menu .menu-item--bottom a {
      display: flex;
      justify-content: center;
      height: 60px;
      align-items: center;
      font-size: 16px;
      background: #0077DB;
      text-transform: uppercase;
      margin: 0 -36px -36px; }
    .mobile-header .site-navigation-menu .sub-menu .menu-item--bottom .icon-grid {
      width: 11px;
      height: 11px;
      margin-right: 7px; }
.mobile-header .site-navigation-menu + .menu {
  margin-top: 36px; }
  .mobile-header .site-navigation-menu + .menu .menu-item {
    font-family: "Silka", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1;
    margin-bottom: 23px; }
    .mobile-header .site-navigation-menu + .menu .menu-item:last-child {
      margin-bottom: 0; }
.mobile-header-search {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 100%;
  width: 100%;
  height: 60px;
  background-color: #000;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  visibility: hidden;
  transform: translateY(-100%);
  transition: visibility 0s ease 0.5s, transform 0.4s ease; }
  .mobile-header-search .search-form {
    display: flex;
    justify-content: space-between;
    padding: 5px 15px;
    margin: 0 0 0 10px;
    border-radius: 40px;
    color: #fff;
    flex: 1;
    border: 2px #135644 solid;
    background-color: #000; }
    .mobile-header-search .search-form-input, .mobile-header-search .search-form-submit {
      height: 24px;
      border: 0;
      padding: 0 5px;
      background-color: transparent;
      color: inherit; }
    .mobile-header-search .search-form-input {
      flex: 1;
      font-size: 13px;
      letter-spacing: 0.01em;
      min-width: 100px; }
      .mobile-header-search .search-form-input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #fff; }
      .mobile-header-search .search-form-input::-moz-placeholder {
        /* Firefox 19+ */
        color: #fff; }
      .mobile-header-search .search-form-input:-ms-input-placeholder {
        /* IE 10+ */
        color: #fff; }
      .mobile-header-search .search-form-input:-moz-placeholder {
        /* Firefox 18- */
        color: #fff; }
    .mobile-header-search .search-form-submit {
      cursor: pointer;
      flex-shrink: 0;
      display: flex;
      align-items: center; }
      .mobile-header-search .search-form-submit .icon-arrow-right {
        width: 12px;
        height: auto;
        transition: transform 0.2s ease; }
      .mobile-header-search .search-form-submit:hover .icon-arrow-right, .mobile-header-search .search-form-submit:focus .icon-arrow-right {
        transform: translateX(5px); }
    .mobile-header-search .search-form-input:focus {
      outline: none; }
    .mobile-header-search .search-form-close {
      cursor: pointer;
      margin: 0 10px 0 16px;
      border: 0;
      background-color: transparent; }
      .mobile-header-search .search-form-close .icon-x {
        width: 16px;
        height: auto; }
        .mobile-header-search .search-form-close .icon-x path {
          fill: #135644;
          stroke: #135644; }
  .mobile-search-active .mobile-header-search {
    visibility: visible;
    transform: translateY(0);
    transition: visibility 0s ease, transform 0.4s ease; }

/*!
 * Hamburgers
 * @description CSS-animated hamburgers
 * Based on:
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 0 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 1; }
  .mobile-menu-open .hamburger:hover {
    opacity: 1; }
  .mobile-menu-open .hamburger .hamburger-inner,
  .mobile-menu-open .hamburger .hamburger-inner::before,
  .mobile-menu-open .hamburger .hamburger-inner::after {
    background-color: #135644; }

.hamburger-box {
  width: 18px;
  height: 16px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
  width: 18px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    height: 2px;
    background-color: #000;
    border-radius: 0px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
    width: 12px;
    margin-left: 3px; }
  .hamburger-inner::before {
    top: -7px; }
  .hamburger-inner::after {
    bottom: -7px; }

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in, width 0.2s ease, margin 0.2s ease, background-color 0.2s ease; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), width 0.2s ease, margin 0.2s ease, background-color 0.2s ease; }
.mobile-menu-open .hamburger--spin .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .mobile-menu-open .hamburger--spin .hamburger-inner::before, .mobile-menu-open .hamburger--spin .hamburger-inner::after {
    width: 18px;
    margin-left: 0;
    color: #135644; }
  .mobile-menu-open .hamburger--spin .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .mobile-menu-open .hamburger--spin .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

.bootbox {
  font-family: "Open Sans", sans-serif;
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 1.9;
  text-align: left;
  color: #333;
  box-sizing: border-box;
  transition: opacity 0.15s linear;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 17px;
  display: block; }
  .bootbox .modal-dialog {
    font-family: "Open Sans", sans-serif;
    font-size: 0.9375rem;
    font-weight: 300;
    line-height: 1.9;
    text-align: left;
    color: #333;
    box-sizing: border-box;
    position: relative;
    width: auto;
    pointer-events: none;
    max-width: 540px;
    margin: 1.75rem auto;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    height: 100%;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    transform: translate(0, 0); }
    .bootbox .modal-dialog .modal-content {
      box-shadow: 0px 0px 6px 0px #000000;
      font-family: "Open Sans", sans-serif;
      font-size: 0.9375rem;
      font-weight: 300;
      line-height: 1.9;
      text-align: left;
      color: #333;
      box-sizing: border-box;
      position: relative;
      display: flex;
      flex-direction: column;
      width: 100%;
      pointer-events: auto;
      background-color: #fff;
      background-clip: padding-box;
      border-radius: 0.3rem;
      outline: 0;
      margin-top: auto;
      margin-bottom: auto;
      border: none; }
      .bootbox .modal-dialog .modal-content .modal-body {
        font-family: "Open Sans", sans-serif;
        font-size: 0.9375rem;
        font-weight: 300;
        line-height: 1.9;
        text-align: left;
        color: #333;
        -webkit-box-direction: normal;
        pointer-events: auto;
        box-sizing: border-box;
        position: relative;
        -webkit-box-flex: 1;
        flex: 1 1 auto;
        padding: 1.75rem; }
        .bootbox .modal-dialog .modal-content .modal-body .bootbox-body {
          font-family: "Open Sans", sans-serif;
          font-size: 0.9375rem;
          font-weight: 300;
          line-height: 1.9;
          text-align: left;
          color: #333;
          -webkit-box-direction: normal;
          pointer-events: auto;
          box-sizing: border-box; }
      .bootbox .modal-dialog .modal-content .modal-footer {
        font-family: "Open Sans", sans-serif;
        font-size: 0.9375rem;
        font-weight: 300;
        line-height: 1.9;
        text-align: left;
        color: #333;
        pointer-events: auto;
        box-sizing: border-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: end;
        justify-content: flex-end;
        padding: 1.75rem;
        border-top: 1px solid #f1f2f3;
        padding-top: 1rem;
        padding-bottom: 1rem; }
        .bootbox .modal-dialog .modal-content .modal-footer .bootbox-cancel {
          margin-right: 5px; }

/*
* Page Your Cart
*/
.page-columns.refresh .page-columns-content {
  justify-content: center; }

.page-columns-content-inner h5 {
  margin-bottom: 10px; }
.page-columns-content-inner .order-samples {
  box-sizing: border-box;
  border: 0;
  outline: 0;
  font: inherit;
  vertical-align: baseline;
  background: transparent;
  margin: 0;
  padding: 0; }
  .page-columns-content-inner .order-samples .item {
    border-bottom: 1px solid #dfdcda;
    padding: 46px 0 46px 14px;
    display: flex;
    width: 100%; }
    .page-columns-content-inner .order-samples .item .col {
      display: table-cell;
      vertical-align: middle; }
      .page-columns-content-inner .order-samples .item .col img {
        box-sizing: border-box;
        border: 0;
        outline: 0;
        font: inherit;
        vertical-align: baseline;
        background: transparent;
        margin: 0;
        padding: 0;
        width: 120px;
        height: 130px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        display: inline-block;
        margin-right: 20px;
        object-fit: cover; }
      .page-columns-content-inner .order-samples .item .col .left-line {
        position: relative;
        padding-bottom: 14px;
        text-align: left;
        margin-bottom: 18px; }
        .page-columns-content-inner .order-samples .item .col .left-line a {
          transition: all .3s ease;
          text-decoration: none;
          color: #000; }
      .page-columns-content-inner .order-samples .item .col .left-line:after {
        content: '';
        position: absolute;
        width: 36px;
        height: 4px;
        left: 0;
        bottom: 0;
        background: #135644; }
      .page-columns-content-inner .order-samples .item .col .quantity, .page-columns-content-inner .order-samples .item .col .attr {
        padding-bottom: 14px;
        font-weight: bold;
        color: #55565a;
        font-size: 15px;
        letter-spacing: .5px; }
        .page-columns-content-inner .order-samples .item .col .quantity input, .page-columns-content-inner .order-samples .item .col .attr input {
          width: 40px;
          padding: 6px;
          font-size: 14px;
          text-align: center;
          margin-left: 10px;
          border: 2px solid #135644;
          color: #000000;
          -moz-appearance: textfield; }
          .page-columns-content-inner .order-samples .item .col .quantity input:invalid, .page-columns-content-inner .order-samples .item .col .attr input:invalid {
            border-color: #F44604; }
        .page-columns-content-inner .order-samples .item .col .quantity input::-webkit-outer-spin-button,
        .page-columns-content-inner .order-samples .item .col .quantity input::-webkit-inner-spin-button, .page-columns-content-inner .order-samples .item .col .attr input::-webkit-outer-spin-button,
        .page-columns-content-inner .order-samples .item .col .attr input::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0; }
    .page-columns-content-inner .order-samples .item .col.remove {
      display: flex;
      align-items: center; }
      .page-columns-content-inner .order-samples .item .col.remove a {
        align-items: center;
        justify-content: center;
        min-height: 42px;
        border-radius: 42px;
        padding: 12px 24px;
        font-family: "Silka", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0.005em;
        background-color: #0077DB;
        border: 0;
        text-decoration: none;
        transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.3s ease;
        cursor: pointer;
        color: #fff; }
      .page-columns-content-inner .order-samples .item .col.remove a:hover {
        box-shadow: 1px 9px 14px rgba(0, 0, 0, 0.16); }
    .page-columns-content-inner .order-samples .item .col.desc {
      flex: auto; }
.page-columns-content-inner .intro {
  box-sizing: border-box;
  border: 0;
  outline: 0;
  font: inherit;
  vertical-align: baseline;
  background: transparent;
  padding: 0;
  text-align: center;
  margin: 0 auto;
  max-width: 360px;
  padding-bottom: 50px; }

/*
* Icon Card Counter
*/
.utility-item--cart {
  position: relative; }
  .utility-item--cart .badge {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 3px 0;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #135644;
    border-radius: 10px;
    right: -10px;
    top: -10px;
    position: absolute; }

/**
* General Styles
*/
.site-main {
  min-height: 700px; }

/**
*  Application Map
 */
@media (min-width: 1000px) {
  .map-popup-inner {
    min-width: 600px;
    min-height: 600px; } }
/**
* News & Article
 */
@media (min-width: 1000px) {
  .blog-single-nav {
    min-height: 340px; } }
.blog-single-nav.right {
  justify-content: end; }
  .blog-single-nav.right .blog-single-nav-link {
    flex: 0 1 50%; }

.blog-single-nav.left {
  justify-content: flex-start; }
  .blog-single-nav.left .blog-single-nav-link {
    flex: 0 1 50%; }

/**
* Resource
 */
@media (max-width: 767px) {
  .resource-single.container {
    margin-top: 30px !important; }
    .resource-single.container .resource-header {
      display: block !important; }
      .resource-single.container .resource-header .resource-header-content {
        max-width: 100%;
        margin-bottom: 20px; } }
@media (min-width: 768px) and (max-width: 1000px) {
  .resource-single.container {
    margin-top: 30px !important; } }
.resource-single.container {
  position: relative;
  z-index: 10;
  margin-top: 0px;
  width: auto;
  max-width: 1160px;
  padding: 36px 36px 100px;
  background-color: #fff; }
  .resource-single.container .resource {
    max-width: 953px;
    margin: auto; }
  .resource-single.container .resource-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 46px; }
  .resource-single.container .resource-header-content {
    max-width: 482px; }
  .resource-single.container .resource-title {
    line-height: 1.14;
    margin-bottom: 18px; }
  .resource-single.container .resource-date {
    color: #54555A; }
  .resource-single.container .resource-header-social h6 {
    margin-bottom: 0.5em;
    font-family: "Silka", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.923;
    color: #54555A; }
  .resource-single.container .resource-header-social .social-links {
    display: flex;
    justify-content: flex-start; }
    .resource-single.container .resource-header-social .social-links a {
      color: inherit;
      transition: color 0.2s ease, text-decoration-color 0.2s ease, -webkit-text-decoration-color 0.2s ease;
      display: inline-block;
      margin-right: 11px;
      text-decoration: none; }
      .resource-single.container .resource-header-social .social-links a span {
        border: 0;
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute !important;
        width: 1px;
        word-wrap: normal !important; }
      .resource-single.container .resource-header-social .social-links a svg {
        width: 26px;
        height: 26px;
        fill: #0077DB; }
    .resource-single.container .resource-header-social .social-links a:hover {
      opacity: 0.8; }
  .resource-single.container .filters {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px; }
    .resource-single.container .filters .filter .label {
      font-family: "Geomanist", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      letter-spacing: 0.08em;
      color: #363940;
      margin-bottom: 5px; }
    .resource-single.container .filters .filter .item {
      margin-left: 10px; }
  .resource-single.container .resource-file {
    margin-bottom: 15px; }
    .resource-single.container .resource-file .label {
      font-family: "Geomanist", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      letter-spacing: 0.08em;
      color: #363940;
      margin-bottom: 5px; }
    .resource-single.container .resource-file a {
      text-decoration: none !important;
      margin-left: 10px; }

@media (max-width: 992px) {
  .resource-single.container .filter {
    flex: 0 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px; }
    .resource-single.container .filter .label, .resource-single.container .filter .item {
      width: 100%; } }
@media (max-width: 767px) {
  .resource-single.container .filter {
    flex: 0 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 15px; }
    .resource-single.container .filter .label, .resource-single.container .filter .item {
      width: 100%; } }
/**
* Circularity
 */
@media (min-width: 992px) {
  .rubberzero-model .model-wrapper {
    min-height: 720px; } }
.get-involved-grid.is-style-dark {
  background: transparent; }

/**
* Search Result Count
*/
.result-summary {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #55565a;
  font-weight: bold; }

/**
* Page Create Account
*/
form.user-register-form #edit-account .form-item {
  padding-bottom: 15px; }
  form.user-register-form #edit-account .form-item input {
    margin-bottom: 10px; }
  form.user-register-form #edit-account .form-item .description {
    font-size: 14px;
    margin: 0 0 5px 18px; }
form.user-register-form .field--name-user-picture {
  margin-bottom: 10px; }
  form.user-register-form .field--name-user-picture .form-submit {
    margin-top: 0; }
  form.user-register-form .field--name-user-picture .description {
    font-size: 14px;
    margin: 0 0 5px 18px; }
form.user-register-form #edit-contact summary {
  font-weight: bold;
  color: #54555A;
  cursor: pointer; }
form.user-register-form #edit-contact .description {
  font-size: 14px;
  margin: 0 0 5px 18px; }

/**
* Page Reset Password
*/
form#user-pass input {
  margin-bottom: 10px; }
form#user-pass > p {
  font-size: 14px;
  margin: 0 0 5px 18px; }

/**
* Page Login
*/
form#user-login-form .form-item {
  padding-bottom: 15px; }
  form#user-login-form .form-item input {
    margin-bottom: 10px; }
  form#user-login-form .form-item .description {
    font-size: 14px;
    margin: 0 0 5px 18px; }

/**
* Product Detail A
 */
.product-specs-tile {
  margin-bottom: 20px; }

/*Multivalue CTA Performance Overview*/
.page-node-type-performance-overview article .content-block.parallax .btn-wrap {
  display: flex;
  flex-direction: column; }
  .page-node-type-performance-overview article .content-block.parallax .btn-wrap a.overlap-box-cta {
    color: #000;
    margin-bottom: 10px; }

.bootbox.modal .modal-footer button.btn:first-child {
  margin-right: 10px; }

/*Blog Listing Refresh*/
.blog-listing-masonry {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto; }

.slick-arrow.slick-hidden {
  display: none; }

.home-header {
  position: relative; }
  .home-header .home-carousel-nav {
    position: absolute;
    top: 145px;
    left: 140px;
    z-index: 2;
    display: flex;
    background-color: #fff;
    transition: top .1s ease-out; }
    @media (max-width: 1250px) {
      .home-header .home-carousel-nav {
        left: calc(24.725vw - 210px);
        top: 125px; } }
    @media (max-width: 1000px) {
      .home-header .home-carousel-nav {
        left: 0;
        top: calc(56.25vw - 83px);
        padding: 0 30px; } }
    .home-header .home-carousel-nav .home-carousel-counter {
      display: flex;
      align-items: center;
      color: #989898;
      margin-left: 18px; }
      .home-header .home-carousel-nav .home-carousel-counter span {
        padding: 0 3px;
        position: relative;
        width: 25px; }
.home-hero {
  position: relative;
  z-index: 1;
  display: flex;
  margin-bottom: 90px; }
  .home-hero::after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: -177px;
    padding-top: 18.68%;
    background-image: url("../images/../images/built-by-yes.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .home-hero-content {
    flex: 1;
    padding-left: 140px;
    padding-top: 205px; }
    .home-hero-content-inner {
      max-width: 460px; }
    .home-hero-content h1.has-accent {
      color: #363940;
      margin-bottom: 60px; }
      .home-hero-content h1.has-accent::after {
        bottom: -30px; }
  .home-hero-image {
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
    width: 50.55%; }
    .home-hero-image .cover-image {
      padding-top: 109.8%; }
      @media (min-width: 1501px) {
        .home-hero-image .cover-image {
          padding-top: 840px; } }
    .home-hero-image .youtube-video-container {
      width: 100vw;
      height: 100vh;
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 5;
      overflow: hidden;
      transform: translate(-50%, -50%); }
      @media (max-height: 900px) {
        .home-hero-image .youtube-video-container {
          height: 200vh; } }
      .home-hero-image .youtube-video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        border: none; }
    .home-hero-image .video-background-wrapper {
      position: relative;
      padding-top: 109.8%; }
      @media (max-width: 1000px) {
        .home-hero-image .video-background-wrapper {
          padding-top: 56.25%; } }
      .home-hero-image .video-background-wrapper .video-background {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .home-hero-image::before, .home-hero-image::after {
      content: '';
      display: block;
      position: absolute;
      z-index: 8;
      left: 0;
      top: 80px;
      bottom: 80px; }
    .home-hero-image::before {
      width: 100px;
      background-color: rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(15px); }
    .home-hero-image::after {
      margin: 45px 0;
      width: 41px;
      background-color: #fff; }
  @media (max-width: 1250px) {
    .home-hero::after {
      margin-top: -100px; }
    .home-hero-content {
      padding-left: 40px;
      padding-top: 185px;
      display: flex;
      justify-content: center; }
    .home-hero-image::before, .home-hero-image::after {
      top: 40px;
      bottom: 40px; } }
  @media (max-width: 1000px) {
    .home-hero {
      flex-direction: column-reverse; }
      .home-hero::after {
        display: none; }
      .home-hero-content {
        position: relative;
        z-index: 9;
        background: #fff;
        padding: 0 36px; }
      .home-hero-image {
        width: 100%; }
        .home-hero-image .cover-image {
          padding-top: 56.25%; }
        .home-hero-image::before {
          top: 0;
          bottom: 0;
          width: 36px; }
        .home-hero-image::after {
          top: auto;
          bottom: 0;
          right: 25px;
          width: auto;
          height: 35px;
          margin: 0; } }
  @media (max-width: 782px) {
    .home-hero {
      margin-bottom: 60px; }
      .home-hero-content h1.has-accent {
        max-width: 318px;
        font-family: "Geomanist", sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 40px;
        line-height: 1.15;
        margin-bottom: 19px; }
        .home-hero-content h1.has-accent::after {
          display: none; }
        .home-hero-content h1.has-accent strong {
          font-weight: inherit; } }
.home-cta-top {
  position: relative;
  z-index: 1;
  margin-right: 180px; }
  .home-cta-top::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 6;
    background-color: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);
    bottom: 0;
    right: 0;
    height: 150px;
    width: 530px; }
  .home-cta-top .cover-image {
    padding-top: 50.47%; }
    .home-cta-top .cover-image::before, .home-cta-top .cover-image::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 1; }
    .home-cta-top .cover-image::before {
      z-index: 2;
      background: linear-gradient(354deg, rgba(0, 0, 0, 0.55) 0%, rgba(255, 255, 255, 0) 50%); }
    .home-cta-top .cover-image::after {
      background-image: url("../images/../images/home-overlay-texture1.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-color: #000;
      opacity: 0.22; }
  .home-cta-top .content-block {
    position: absolute;
    z-index: 9;
    left: 40px;
    top: -53px;
    padding: 100px;
    width: 690px;
    box-shadow: 0 25px 40px rgba(0, 0, 0, 0.6); }
  @media (max-width: 1400px) {
    .home-cta-top {
      margin-right: 100px; } }
  @media (max-width: 1250px) {
    .home-cta-top {
      margin-right: 40px; } }
  @media (min-width: 1001px) {
    .home-cta-top.parallax-container .content-block {
      top: 50px; } }
  @media (max-width: 1000px) {
    .home-cta-top {
      margin-right: 0; }
      .home-cta-top::after,
      .home-cta-top .cover-image {
        display: none; }
      .home-cta-top .content-block {
        position: relative;
        left: 0;
        top: 0;
        margin: auto;
        width: auto;
        box-shadow: none;
        padding-left: 9.5%;
        padding-right: 9.5%; }
        .home-cta-top .content-block-inner {
          max-width: 500px;
          margin: auto; } }
  @media (max-width: 782px) {
    .home-cta-top .content-block {
      padding: 60px 36px; }
      .home-cta-top .content-block h3 {
        font-family: "Geomanist", sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 32px;
        line-height: 1.0625; } }
.home-applications {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 58px 0 43px; }
  .home-applications-half {
    width: 50%;
    flex-shrink: 0; }
  .home-applications-desc {
    margin-left: 140px;
    max-width: 473px; }
    .home-applications-desc .h2-like {
      padding-bottom: 25px;
      margin-bottom: 30px; }
      .home-applications-desc .h2-like::after {
        bottom: -5px; }
    .home-applications-desc p {
      font-family: "Silka", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 20px;
      line-height: 1.7;
      margin: 0; }
  .home-applications-content {
    position: relative;
    padding: 129px 140px 124px 106px;
    border-left: 6px #135644 solid;
    min-height: 577px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4); }
    .home-applications-content::before {
      content: '';
      display: block;
      position: absolute;
      z-index: -1;
      left: -60px;
      bottom: -20px;
      width: 124px;
      height: 562px;
      background-image: url("../images/halftone-underlay1.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
    @media (min-width: 1001px) {
      .home-applications-content.has-no-underlay-desktop::before {
        display: none; } }
    .home-applications-content .h5-like {
      margin-bottom: 30px; }
  .home-applications-list {
    font-weight: 500;
    column-count: 2;
    column-gap: 40px;
    margin-bottom: 0; }
    .home-applications-list li {
      margin-bottom: 18px; }
  @media (max-width: 1250px) {
    .home-applications-desc {
      margin-left: 40px;
      margin-right: 40px; }
      .home-applications-desc .h2-like {
        font-size: 36px; }
      .home-applications-desc p {
        font-size: 18px; }
    .home-applications-content {
      padding: 75px; } }
  @media (max-width: 1000px) {
    .home-applications {
      flex-direction: column; }
      .home-applications-half {
        width: 100%; }
      .home-applications-desc {
        margin: 0 auto 30px;
        padding: 0 36px; }
        .home-applications-desc .h2-like.has-accent {
          font-weight: 300;
          padding: 0;
          margin-bottom: 16px; }
          .home-applications-desc .h2-like.has-accent::after {
            display: none; }
        .home-applications-desc p {
          font-size: 15px; }
      .home-applications-content {
        border-left: 0;
        border-top: 6px #135644 solid;
        padding: 60px 36px;
        min-height: 0;
        margin-bottom: 16%;
        box-shadow: none; }
        .home-applications-content::before {
          left: 0;
          top: 100%;
          bottom: auto;
          width: 100%;
          height: auto;
          padding-top: 16%;
          background-image: url("../images/halftone-underlay2.png"); } }
  @media (max-width: 782px) {
    .home-applications--desktop {
      display: none; }
    .home-applications--mobile {
      display: block; }
      .home-applications--mobile .h5-like {
        font-size: 18px;
        font-weight: normal; }
      .home-applications--mobile .home-applications-list {
        column-count: 1; } }

.featured-products-section,
.featured-logos-section {
  position: relative;
  z-index: 10;
  background: #fff;
  margin-top: -15px; }
  .featured-products-section::before,
  .featured-logos-section::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: -74px;
    right: 0;
    left: 140px;
    height: 75px;
    background: #fff; }
  .featured-products-section.has-margin-bottom,
  .featured-logos-section.has-margin-bottom {
    margin-bottom: 94px; }
.featured-products-top,
.featured-logos-top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 47px; }
.featured-products-intro,
.featured-logos-intro {
  max-width: 422px; }
  .featured-products-intro p:last-child,
  .featured-logos-intro p:last-child {
    margin: 0; }
.featured-products-nav,
.featured-logos-nav {
  display: flex; }
  .featured-products-nav .slider-controls,
  .featured-logos-nav .slider-controls {
    margin-right: 32px; }
.featured-products-carousel,
.featured-logos-carousel {
  overflow: hidden; }
  .featured-products-carousel .slick-control,
  .featured-logos-carousel .slick-control {
    display: none; }
  .featured-products-carousel .slick-list,
  .featured-logos-carousel .slick-list {
    z-index: 1;
    margin: 0 70px;
    overflow: visible; }
  .featured-products-carousel::before, .featured-products-carousel::after,
  .featured-logos-carousel::before,
  .featured-logos-carousel::after {
    width: 70px;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(5px);
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.75); }
  .featured-products-carousel::before,
  .featured-logos-carousel::before {
    left: 0; }
  .featured-products-carousel::after,
  .featured-logos-carousel::after {
    right: 0; }
.featured-products-item,
.featured-logos-item {
  padding: 13px;
  filter: blur(5px);
  opacity: 0.5;
  transition: filter 0.2s ease, opacity 0.2s ease; }
  .slick-active .featured-products-item, .slick-current-clone-animate .featured-products-item, .slick-active
  .featured-logos-item, .slick-current-clone-animate
  .featured-logos-item {
    filter: none;
    opacity: 1; }
  .featured-products-item .label-new,
  .featured-logos-item .label-new {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    padding: 5px 8px;
    font-family: "Geomanist", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 1.9;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #fff;
    background-color: #B24DAC; }
.featured-products-link, .featured-products-box,
.featured-logos-link,
.featured-logos-box {
  display: block;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
  text-decoration: none;
  color: inherit; }
  .featured-products-link .item-image, .featured-products-box .item-image,
  .featured-logos-link .item-image,
  .featured-logos-box .item-image {
    padding-top: 100%;
    background-color: #363940; }
  .featured-products-link .item-title, .featured-products-box .item-title,
  .featured-logos-link .item-title,
  .featured-logos-box .item-title {
    text-align: center;
    font-family: "Silka", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    padding: 1em;
    color: #000; }
@media (max-width: 1400px) {
  .featured-products-section::before,
  .featured-logos-section::before {
    left: 40px; }
  .featured-products-section .container,
  .featured-logos-section .container {
    width: 85%; } }
@media (max-width: 1000px) {
  .featured-products-section,
  .featured-logos-section {
    margin-top: 55px;
    background-color: transparent; }
    .featured-products-section::before,
    .featured-logos-section::before {
      display: none; }
    .featured-products-section .container,
    .featured-logos-section .container {
      width: 85%; }
    .featured-products-section.has-margin-bottom,
    .featured-logos-section.has-margin-bottom {
      margin-bottom: 60px; } }
@media (max-width: 782px) {
  .featured-products-top,
  .featured-logos-top {
    display: block;
    margin-bottom: 0; }
  .featured-products-intro,
  .featured-logos-intro {
    margin: auto;
    text-align: center; }
    .featured-products-intro h4.has-accent,
    .featured-logos-intro h4.has-accent {
      font-family: "Geomanist", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 26px;
      width: 100%; }
      .featured-products-intro h4.has-accent::after,
      .featured-logos-intro h4.has-accent::after {
        bottom: -20px;
        left: 50%;
        transform: translateX(-50%); }
    .featured-products-intro p,
    .featured-logos-intro p {
      display: none; }
  .featured-products-nav,
  .featured-logos-nav {
    display: none; }
    .featured-products-nav-mobile,
    .featured-logos-nav-mobile {
      display: flex;
      justify-content: center; }
      .featured-products-nav-mobile .btn,
      .featured-logos-nav-mobile .btn {
        margin: 10px 20px; } }

.featured-logos-section {
  margin-bottom: 140px; }
.featured-logos-item {
  filter: none;
  opacity: 1; }
.featured-logos-box .item-image {
  position: relative;
  z-index: 1;
  background-color: #fff; }
  .featured-logos-box .item-image img {
    max-width: 78%;
    height: auto;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.slider-controls {
  display: flex;
  align-items: center; }
  .no-scrolling + .slider-controls {
    display: none; }
  .slider-controls .icon-slider-nav {
    width: 34px;
    height: 34px; }
    .slider-controls .icon-slider-nav .ring-white {
      stroke-dasharray: 100;
      stroke-dashoffset: 73;
      transform-origin: center;
      transform: rotate(-138.5deg); }
    .slider-controls .icon-slider-nav .ring-blue {
      stroke-dasharray: 100;
      stroke-dashoffset: 75;
      transform-origin: center;
      transform: rotate(-135deg);
      transition: stroke-dashoffset 0.4s ease, transform 0.2s ease, stroke 0.2s ease; }
  .slider-controls button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 0;
    background: transparent;
    cursor: pointer; }
  .slider-controls button:hover .icon-slider-nav .ring-white,
  .slider-controls button:hover .icon-slider-nav .ring-blue {
    transform: rotate(0);
    stroke-dashoffset: 0; }
.slider-next .icon-slider-nav {
  transform: rotate(180deg); }
.slider-dots ul.slick-dots {
  margin: 0;
  padding: 0; }
  .slider-dots ul.slick-dots li {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    background-image: none;
    padding: 0; }
  .slider-dots ul.slick-dots button {
    pointer-events: none;
    display: block;
    margin: 0 5px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    border: 2px #76777B solid;
    background-color: transparent;
    transition: border-color 0.2s ease, background-color 0.2s ease; }
  .slider-dots ul.slick-dots .slick-active button,
  .slider-dots ul.slick-dots .slick-current-clone-animate button {
    border-color: #F3C300;
    background-color: #F3C300; }
.slider-dots .slick-dot-content {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; }
.slider-autoplay-controls {
  position: relative;
  z-index: 1;
  width: 48px;
  height: 48px; }
  .slider-autoplay-controls button {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2; }
    .slider-autoplay-controls button .icon-pause,
    .slider-autoplay-controls button .icon-play {
      height: 12px;
      width: auto; }
  .slider-autoplay-controls .icon-slider-nav {
    position: absolute;
    z-index: 1;
    top: 7px;
    left: 7px;
    transform: rotate(90deg); }
    .slider-autoplay-controls .icon-slider-nav .arrow {
      display: none; }
  .playing .slider-autoplay-controls .slider-play {
    display: none; }
  .playing .slider-autoplay-controls .icon-slider-nav .ring-blue {
    stroke: #f1f1f1; }
  .playing .slider-autoplay-controls:focus-within .icon-slider-nav .ring-blue, .playing .slider-autoplay-controls:hover .icon-slider-nav .ring-blue {
    stroke: #F3C300; }
  .paused .slider-autoplay-controls .slider-pause {
    display: none; }
  .paused .slider-autoplay-controls .icon-play {
    margin-right: -1px; }
  .paused .slider-autoplay-controls .icon-slider-nav .ring-white,
  .paused .slider-autoplay-controls .icon-slider-nav .ring-blue {
    transform: rotate(0);
    stroke-dashoffset: 0; }
  .paused .slider-autoplay-controls:focus-within, .paused .slider-autoplay-controls:hover {
    /* Play button hover state? */ }

.gallery-slider {
  max-width: 58.333%;
  margin: auto;
  overflow: visible; }
  .gallery-slider-section {
    position: relative;
    z-index: 1;
    padding-top: 120px;
    padding-bottom: 45px;
    overflow: hidden; }
    .gallery-slider-section.campaign-slider {
      padding-top: 0;
      margin-bottom: 120px; }
      @media (max-width: 782px) {
        .gallery-slider-section.campaign-slider .slick-slide {
          padding: 0 36px; } }
    .gallery-slider-section .gallery-intro {
      padding-bottom: 25px; }
      @media (max-width: 782px) {
        .gallery-slider-section .gallery-intro {
          padding: 0 36px 25px; } }
      @media (max-width: 640px) {
        .gallery-slider-section .gallery-intro {
          padding: 0 36px 15px; } }
    .fifty-fifty-section + .gallery-slider-section {
      padding-top: 0; }
    .gallery-slider-section::after {
      content: '';
      display: block;
      position: absolute;
      z-index: -1;
      right: 0;
      bottom: 0;
      left: 80px;
      height: 345px;
      background-color: #F6F7FA; }
    .gallery-slider-section-intro {
      margin: auto;
      text-align: center;
      padding: 0 36px;
      max-width: 768px; }
      .gallery-slider-section-intro .has-accent--center {
        text-align: center; }
        .gallery-slider-section-intro .has-accent--center::after {
          left: 50%;
          transform: translateX(-50%); }
      .gallery-slider-section-intro p {
        font-size: 20px;
        line-height: 1.6;
        color: #4D4E52; }
    .gallery-slider-section .slider-controls {
      justify-content: center; }
    .gallery-slider-section .slider-controls .icon-slider-nav .ring-center {
      fill: #F6F7FA; }
    .gallery-slider-section .slider-controls .icon-slider-nav .ring-grey {
      fill: #fff; }
  .gallery-slider-slide {
    padding: 0 20px;
    text-align: center; }
    .gallery-slider-slide .slide-image {
      margin-bottom: 38px;
      box-shadow: 0 15px 22px rgba(0, 0, 0, 0.33);
      position: relative;
      z-index: 1; }
      .gallery-slider-slide .slide-image .cover-image {
        padding-top: 56.25%; }
      .gallery-slider-slide .slide-image-message {
        position: absolute;
        z-index: 13;
        right: 26px;
        bottom: 17px;
        font-family: "Geomanist", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.62); }
    .gallery-slider-slide .slide-desc {
      max-width: 425px;
      margin: auto; }
  .gallery-slider .slick-list {
    overflow: visible; }
    .gallery-slider .slick-list .slide-image {
      transform: scaleY(0.888);
      filter: blur(4px);
      box-shadow: none;
      transition: transform 0.4s ease, filter 0.4s ease, box-shadow 0.4s ease; }
    .gallery-slider .slick-list .slide-desc {
      opacity: 0;
      transition: opacity 0.2s ease; }
    .gallery-slider .slick-list .slick-active .slide-image,
    .gallery-slider .slick-list .slick-current-clone-animate .slide-image {
      transform: none;
      filter: none;
      box-shadow: 0 15px 22px rgba(0, 0, 0, 0.33); }
    .gallery-slider .slick-list .slick-active .slide-desc,
    .gallery-slider .slick-list .slick-current-clone-animate .slide-desc {
      opacity: 1; }
  @media (max-width: 1000px) {
    .gallery-slider-section::after {
      left: 0; } }
  @media (max-width: 782px) {
    .gallery-slider {
      max-width: 100%;
      overflow: hidden; }
      .gallery-slider-section-intro .has-accent {
        font-size: 26px; }
      .gallery-slider-section-intro p {
        color: inherit;
        font-size: 15px; }
      .gallery-slider-slide {
        padding: 0; }
        .gallery-slider-slide .slide-image-message {
          right: 50%;
          transform: translateX(50%);
          bottom: -25px;
          font-size: 10px;
          color: rgba(84, 85, 90, 0.45); }
      .gallery-slider .slick-list .slide-image {
        transform: none;
        filter: none;
        box-shadow: 0 15px 22px rgba(0, 0, 0, 0.33); }
      .gallery-slider.has-no-mobile-shadow .slick-list .slide-image {
        box-shadow: none; } }

.image-cta {
  position: relative;
  z-index: 1;
  margin-bottom: 44px; }
  .image-cta.campaign-split {
    margin-bottom: 100px; }
    @media (max-width: 1000px) {
      .image-cta.campaign-split {
        margin-bottom: 40px; } }
  .image-cta + .image-cta {
    margin-top: -14px; }
  .image-cta .cover-image {
    padding-top: 38.19%;
    min-height: 550px; }
  .image-cta .content-block, .image-cta-icon {
    position: absolute;
    z-index: 10; }
  .image-cta .content-block {
    background-color: #fff;
    width: 674px;
    left: 140px;
    top: 93px; }
  .image-cta-icon {
    top: 0;
    right: 0;
    max-width: 85px;
    margin: 30px; }
    .image-cta-icon svg {
      fill: #fff;
      display: block;
      width: 100%;
      height: auto; }
      .image-cta-icon svg.icon-performance {
        max-width: 70px; }
        .image-cta-icon svg.icon-performance g {
          stroke: #fff; }
    .image-cta-icon img {
      filter: invert(1);
      display: block;
      width: 100%;
      height: auto; }
      .image-cta-icon img.icon-performance {
        max-width: 70px; }
        .image-cta-icon img.icon-performance g {
          stroke: #fff; }
  @media (min-width: 1001px) {
    .image-cta--split::before {
      content: '';
      display: block;
      position: absolute;
      z-index: 9;
      top: 0;
      bottom: 0;
      left: 484px;
      width: 30px;
      background-color: #fff; }
    .image-cta--split.is-style-reverse::before, .image-cta--split + .image-cta--split::before {
      left: auto;
      right: 477px; }
    .image-cta--split.is-style-reverse .image-cta-icon, .image-cta--split + .image-cta--split .image-cta-icon {
      right: auto;
      left: 0; }
    .image-cta--split.is-style-reverse .content-block, .image-cta--split + .image-cta--split .content-block {
      left: auto;
      top: auto;
      right: 140px;
      bottom: 55px; }
    .image-cta--split.parallax-container .content-block {
      top: auto;
      bottom: 70px; }
    .image-cta--split.parallax-container.is-style-reverse .content-block, .image-cta--split + .image-cta--split.parallax-container .content-block {
      bottom: 0; } }
  @media (max-width: 1000px) {
    .image-cta .image-cta-icon {
      display: none; }
    .image-cta .content-block {
      position: relative;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: auto;
      max-width: 674px;
      padding: 0 36px 78px; }
      .image-cta .content-block h3 {
        font-size: 26px;
        margin-bottom: 0.5em;
        line-height: 1; }
      .image-cta .content-block .mobile-icon {
        display: inline-block;
        margin-left: 10px; }
        .image-cta .content-block .mobile-icon svg {
          fill: #363940;
          height: 24px;
          width: auto; }
          .image-cta .content-block .mobile-icon svg.icon-performance g {
            stroke: #363940; }
        .image-cta .content-block .mobile-icon img {
          fill: #363940;
          height: 24px;
          width: auto; }
          .image-cta .content-block .mobile-icon img.icon-performance g {
            stroke: #363940; }
    .image-cta .cover-image {
      display: none; } }
  @media (max-width: 782px) {
    .image-cta {
      margin: 0; } }

.dark-cta {
  position: relative;
  z-index: 1;
  margin-right: 180px; }
  .dark-cta::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 6;
    background-color: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);
    bottom: 0;
    right: 0;
    height: 150px;
    width: 530px; }
  .dark-cta .cover-image {
    padding-top: 50.47%; }
    .dark-cta .cover-image::before, .dark-cta .cover-image::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 1; }
    .dark-cta .cover-image::before {
      z-index: 2;
      background: linear-gradient(354deg, rgba(0, 0, 0, 0.55) 0%, rgba(255, 255, 255, 0) 80%); }
    .dark-cta .cover-image::after {
      background-image: url("../images/../images/home-overlay-texture1.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      opacity: 0.22; }
    .dark-cta .cover-image.has-no-overlay::after {
      display: none; }
  .dark-cta .content-block {
    position: absolute;
    z-index: 9;
    left: 40px;
    top: -53px;
    padding: 100px;
    width: 690px;
    box-shadow: 0 25px 40px rgba(0, 0, 0, 0.6); }
    .dark-cta .content-block p {
      margin-bottom: 2em; }
  @media (min-width: 1001px) {
    .dark-cta.parallax-container .content-block {
      top: 50px; }
    .dark-cta--alt {
      margin-top: 155px; }
      .base-grid-section + .dark-cta--alt {
        margin-top: 55px; }
      .dark-cta--alt::before {
        content: '';
        display: block;
        position: absolute;
        z-index: -1;
        left: 0;
        top: -101px;
        right: 195px;
        height: 102px;
        background-color: #F6F7FA; }
      .dark-cta--alt.has-underlay-desktop::before {
        background-image: url("../images/halftone-underlay5.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; }
      .dark-cta--alt .cover-image::after {
        background-image: url("../images/../images/dark-cta-overlay2.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        opacity: 0.22; } }
  @media (max-width: 1400px) {
    .dark-cta {
      margin-right: 100px; } }
  @media (max-width: 1250px) {
    .dark-cta {
      margin-right: 40px; } }
  @media (max-width: 1000px) {
    .dark-cta {
      margin-right: 0; }
      .dark-cta::after,
      .dark-cta .cover-image {
        display: none; }
      .dark-cta .content-block {
        position: relative;
        left: 0;
        top: 0;
        margin: auto;
        width: auto;
        box-shadow: none;
        padding-left: 9.5%;
        padding-right: 9.5%; }
        .dark-cta .content-block-inner {
          max-width: 500px;
          margin: auto; } }
  @media (max-width: 782px) {
    .dark-cta .content-block {
      padding: 60px 36px; }
      .dark-cta .content-block h3 {
        font-family: "Geomanist", sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 32px;
        line-height: 1.0625; } }

.fullscreen-cta-section {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56.25vw;
  padding: 85px 42px;
  margin-bottom: 93px; }
  .fullscreen-cta-section .btn--icon .icon-play-button {
    width: 19px;
    height: 19px; }
.fullscreen-cta-inner {
  position: relative;
  z-index: 10;
  margin: auto;
  padding: 56px 60px 45px;
  max-width: 536px;
  background-color: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(24px); }
.fullscreen-cta-bkgd {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 3; }
@media (max-width: 640px) {
  .fullscreen-cta-section {
    margin-bottom: 0; }
  .fullscreen-cta-inner {
    padding: 30px 16px; }
    .fullscreen-cta-inner p {
      margin-bottom: 1.125em; }
  .fullscreen-cta-title {
    font-size: 24px; } }

.page-header .header-content {
  display: flex;
  justify-content: center;
  padding: 36px; }
  .page-header .header-content-inner {
    flex-shrink: 0; }
.page-header .header-image {
  position: relative;
  z-index: 1; }
  .page-header .header-image-bkgd {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1; }
.page-header--split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 60px; }
  .page-header--split .header-content {
    padding: 140px 36px 200px;
    background-image: url("../images/../images/header-split-bkgd.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
    .page-header--split .header-content-inner {
      margin-left: 13px;
      max-width: 460px; }
      .page-header--split .header-content-inner .h5-like {
        margin: 0 0 0 3px; }
      .page-header--split .header-content-inner h1,
      .page-header--split .header-content-inner .h1-like,
      .page-header--split .header-content-inner .featured-post-title {
        padding-bottom: 25px;
        margin-bottom: 30px; }
      .page-header--split .header-content-inner p {
        max-width: 413px; }
  .page-header--split .header-image {
    border-bottom: 25px #fff solid; }
    .page-header--split .header-image-bkgd::before {
      content: '';
      display: block;
      position: absolute;
      z-index: 2;
      background-color: rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(15px);
      width: 36px;
      left: 0;
      bottom: 0;
      top: 0; }
    .page-header--split .header-image-swatch {
      position: absolute;
      z-index: 8;
      left: 58px;
      bottom: -10px; }
      .page-header--split .header-image-swatch .cover-image {
        width: 148px;
        height: 148px;
        border-radius: 50%;
        border: 5px #fff solid;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        background-color: #fff; }
      .page-header--split .header-image-swatch::after {
        content: '';
        display: block;
        position: absolute;
        z-index: -1;
        left: 3px;
        top: 100%;
        width: 141px;
        height: 37px;
        background-image: url("../images/drop-shadow1.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; }
  @media (max-width: 1250px) {
    .page-header--split .header-content-inner {
      max-width: 100%; }
      .page-header--split .header-content-inner h1,
      .page-header--split .header-content-inner .h1-like,
      .page-header--split .header-content-inner .featured-post-title {
        font-size: 40px; } }
  @media (max-width: 1000px) {
    .page-header--split {
      display: flex;
      flex-direction: column-reverse;
      margin-bottom: 0; }
      .page-header--split .header-image {
        border-bottom: 0;
        height: 428px; }
        .page-header--split .header-image-swatch {
          display: none; }
        .page-header--split .header-image-bkgd::after {
          content: '';
          display: block;
          position: absolute;
          z-index: 8;
          bottom: 0;
          left: 0;
          right: 23px;
          height: 34px;
          background-color: #000; }
      .page-header--split .header-content {
        padding: 18px 34px 57px;
        background-image: none; }
        .page-header--split .header-content-inner .h5-like {
          line-height: 1; }
        .page-header--split .header-content-inner h1,
        .page-header--split .header-content-inner .h1-like {
          margin-bottom: 25px; } }
.page-header--standard {
  position: relative;
  z-index: 1; }
  .page-header--standard .header-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    align-items: center; }
    .page-header--standard .header-content-inner {
      padding: 50px 67px 40px;
      text-align: center;
      color: #fff;
      background-color: rgba(0, 0, 0, 0.55);
      backdrop-filter: blur(24px); }
    .page-header--standard .header-content::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: -1;
      background-image: url("../images/page-header-overlay1.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      opacity: 0.2; }
      @media (min-width: 1501px) {
        .page-header--standard .header-content::after {
          left: auto;
          width: 1440px; } }
  .page-header--standard .header-image {
    padding-top: 40%;
    filter: grayscale(1); }
    .page-header--standard .header-image::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 10;
      backdrop-filter: blur(2px);
      background-color: rgba(0, 0, 0, 0.1); }
    .page-header--standard .header-image::after {
      content: '';
      display: block;
      position: absolute;
      z-index: 13;
      background-color: rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(15px);
      left: 0;
      bottom: 0;
      height: 36px;
      width: 57%; }
    .page-header--standard .header-image .cover-image {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 1; }
      .page-header--standard .header-image .cover-image::before, .page-header--standard .header-image .cover-image::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1; }
      .page-header--standard .header-image .cover-image::before {
        background: linear-gradient(346deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.11) 80%); }
      .page-header--standard .header-image .cover-image::after {
        z-index: 2;
        background: radial-gradient(circle, transparent 0%, rgba(0, 0, 0, 0.45) 100%); }
  .page-header--standard.has-overlay-2 .header-content::after {
    background-image: url("../images/page-header-overlay2.png"); }
  .page-header--standard.has-overlay-2 .header-image .cover-image::after {
    display: none; }
  .page-header--standard.has-overlay-3 .header-content::after {
    background-image: url("../images/page-header-overlay3.png"); }
  .page-header--standard.has-overlay-3 .header-image .cover-image::after {
    display: none; }
  .page-header--standard.has-overlay-4 .header-content::after {
    background-image: url("../images/page-header-overlay4.png"); }
  .page-header--standard.has-overlay-4 .header-image .cover-image::after {
    display: none; }
  .page-header--standard.has-no-overlay .header-content::after,
  .page-header--standard.has-no-overlay .header-image .cover-image::after {
    display: none; }
  @media (max-width: 1000px) {
    .page-header--standard {
      display: flex;
      flex-direction: column-reverse; }
      .page-header--standard .header-content {
        position: relative;
        display: block;
        padding: 0; }
        .page-header--standard .header-content-inner {
          padding: 0 36px 50px;
          background: #000;
          text-align: left; }
          .page-header--standard .header-content-inner::after {
            content: '';
            display: block;
            position: absolute;
            z-index: 10;
            top: -33px;
            left: 0;
            right: 23px;
            height: 34px;
            background: #000; }
          .page-header--standard .header-content-inner .has-accent {
            margin: 0; }
            .page-header--standard .header-content-inner .has-accent::after {
              display: none; }
      .page-header--standard .header-image {
        padding-top: 428px; }
        .page-header--standard .header-image::before {
          backdrop-filter: none;
          background-color: transparent;
          background-image: url("../images/page-header-mobile-overlay1.png");
          background-size: 100%;
          background-position: center bottom;
          opacity: 0.3; }
        .page-header--standard .header-image::after {
          width: 36px;
          height: 100%;
          top: 0; }
      .page-header--standard.has-no-overlay .header-image::before, .page-header--standard.has-no-overlay-mobile .header-image::before {
        display: none; } }
.page-header--detail .header-image {
  padding-top: 350px; }
  .page-header--detail .header-image::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
    opacity: 0.2;
    background-image: url("../images/page-header-overlay2.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  @media (min-width: 1501px) {
    .page-header--detail .header-image {
      padding-top: 0;
      height: 514px; }
      .page-header--detail .header-image-bkgd {
        background-position-y: top; } }
  .page-header--detail .header-image-bkgd::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: linear-gradient(25deg, rgba(0, 0, 0, 0.45) 0%, transparent 100%); }
  .page-header--detail .header-image-bkgd::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);
    left: 0;
    bottom: 0;
    width: 57.3%;
    height: 36px; }
.page-header--detail .header-content {
  max-width: 1232px;
  margin: auto;
  padding: 0 36px; }
  .page-header--detail .header-content-half {
    width: 50%;
    flex-shrink: 0; }
.page-header--detail.product-intro {
  position: relative;
  padding-top: 20px;
  margin-bottom: 20px; }
  .page-header--detail.product-intro:before {
    content: '';
    position: absolute;
    left: 0;
    top: 182px;
    width: 43.61%;
    height: 342px;
    background-color: #F6F7FA; }
    @media (max-width: 1250px) {
      .page-header--detail.product-intro:before {
        height: 252px;
        width: 40%;
        top: 140px; } }
    @media (max-width: 1000px) {
      .page-header--detail.product-intro:before {
        width: 65%; } }
    @media (max-width: 640px) {
      .page-header--detail.product-intro:before {
        width: 250px;
        top: 90px;
        height: 200px; } }
  .page-header--detail.product-intro .header-content {
    max-width: 1060px; }
    .page-header--detail.product-intro .header-content .product-image {
      margin-top: 0; }
    .page-header--detail.product-intro .header-content .content-area {
      display: flex;
      justify-content: flex-end; }
      @media (max-width: 1250px) {
        .page-header--detail.product-intro .header-content .content-area {
          justify-content: flex-start; } }
      .page-header--detail.product-intro .header-content .content-area .product-details {
        margin-left: 30px; }
        @media (max-width: 1250px) {
          .page-header--detail.product-intro .header-content .content-area .product-details {
            padding-top: 20px; } }
        @media (max-width: 1000px) {
          .page-header--detail.product-intro .header-content .content-area .product-details {
            margin-left: 0;
            padding-top: 70px; } }
        @media (max-width: 640px) {
          .page-header--detail.product-intro .header-content .content-area .product-details {
            padding-top: 46px; } }
.page-header--detail .product-image {
  position: relative;
  z-index: 10;
  width: 474px;
  height: 474px;
  border-radius: 50%;
  background-color: #fff;
  border: 10px #fff solid;
  box-shadow: 0 6px 40px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin-top: -70px; }
  .page-header--detail .product-image .cover-image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: transparent; }
.page-header--detail .product-details {
  max-width: 500px;
  padding-top: 70px; }
  .page-header--detail .product-details h1 {
    margin-bottom: 15px; }
  .page-header--detail .product-details p {
    margin-bottom: 25px; }
  .page-header--detail .product-details .select {
    max-width: 283px;
    margin-bottom: 25px; }
.page-header--detail .spec-title {
  font-family: "Geomanist", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 10px;
  letter-spacing: 0.08em;
  color: #363940; }
@media (max-width: 1250px) {
  .page-header--detail .product-image {
    width: 350px;
    height: 350px;
    margin-left: auto;
    margin-right: auto; } }
@media (max-width: 1000px) {
  .page-header--detail .header-image {
    height: 350px;
    padding: 0; }
    .page-header--detail .header-image::before {
      content: '';
      display: block;
      position: absolute;
      z-index: 5;
      bottom: 0;
      left: 0;
      height: 35px;
      right: 23px;
      background-color: #fff; }
    .page-header--detail .header-image::after {
      background-image: url("../images/page-header-mobile-overlay2.png");
      background-size: 100% 353px;
      background-position: center bottom; }
  .page-header--detail .header-content {
    flex-direction: column; }
    .page-header--detail .header-content-half {
      width: 100%; }
  .page-header--detail .product-image {
    margin-top: -180px;
    box-shadow: 0 6px 40px rgba(0, 0, 0, 0.1); }
  .page-header--detail .product-details {
    margin: auto; } }
@media (max-width: 640px) {
  .page-header--detail .product-image {
    width: 250px;
    height: 250px;
    margin-left: -8px; }
  .page-header--detail .product-details {
    padding-top: 46px;
    margin-left: 0; } }
.page-header--blog {
  margin-bottom: 0; }
  .page-header--blog .header-image {
    border-color: #363940; }
  @media (max-width: 640px) {
    .page-header--blog .header-content .has-accent {
      font-size: 40px; } }
.page-header--blank .header-image {
  height: 514px; }
  @media (max-width: 1000px) {
    .page-header--blank .header-image {
      height: 428px; } }
.page-header--404 {
  position: relative;
  z-index: 1; }
  .page-header--404 .header-image {
    height: 1034px; }
    .page-header--404 .header-image::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 10;
      backdrop-filter: blur(2px);
      background: linear-gradient(170deg, rgba(0, 0, 0, 0.11) 0%, rgba(0, 0, 0, 0.11) 32%, rgba(0, 0, 0, 0.55) 100%); }
    .page-header--404 .header-image-bkgd {
      background-position: center top; }
  .page-header--404 .header-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    align-items: center;
    text-align: center;
    padding: 0; }
    .page-header--404 .header-content::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: -1;
      background-image: url("../images/page-header-overlay5.png");
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center bottom;
      opacity: 0.4; }
    .page-header--404 .header-content-inner {
      width: 90%;
      max-width: 685px;
      padding: 90px 116px 110px;
      background-color: rgba(255, 255, 255, 0.7);
      backdrop-filter: blur(20px); }
      .page-header--404 .header-content-inner .has-accent {
        margin-bottom: 35px; }
        .page-header--404 .header-content-inner .has-accent::after {
          height: 3px;
          bottom: -20px; }
      .page-header--404 .header-content-inner .h4-like {
        font-family: "Silka", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 1.7;
        margin-bottom: 25px; }
  .page-header--404 .ul-404 {
    display: flex;
    justify-content: space-between; }
    .page-content .page-header--404 .ul-404 {
      margin: 0; }
      .page-content .page-header--404 .ul-404 > li {
        margin: 0; }
  @media (max-width: 782px) {
    .page-header--404 .header-content::after {
      background-size: 1061px auto; }
    .page-header--404 .header-content-inner {
      padding: 64px 32px 41px; }
    .page-header--404 .ul-404 {
      flex-wrap: wrap;
      row-gap: 1em; }
      .page-header--404 .ul-404 li {
        width: 50%;
        text-align: left; } }
  @media (max-width: 640px) {
    .page-header--404 .header-content {
      text-align: left; }
      .page-header--404 .header-content-inner h1.has-accent {
        font-family: "Geomanist", sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 52px;
        line-height: 1; }
      .page-header--404 .header-content-inner .h4-like {
        font-size: 16px; }
    .page-header--404 .header-image {
      height: 762px; } }

.checkbox-item {
  position: relative;
  display: inline-block;
  font-family: "Silka", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  cursor: pointer;
  user-select: none; }
  .checkbox-item input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
  .checkbox-item .radio {
    color: #000;
    display: inline-block;
    position: relative;
    padding-left: 23px; }
    .checkbox-item .radio::before {
      content: '';
      display: block;
      position: absolute;
      top: 1px;
      left: 0;
      height: 15px;
      width: 15px;
      border: 2px #54555A solid;
      border-radius: 50%; }
    .checkbox-item .radio::after {
      content: '';
      display: block;
      position: absolute;
      top: 5px;
      left: 4px;
      width: 7px;
      height: 7px;
      transition: transform 0.2s ease;
      transform: scale(0);
      border-radius: 50%;
      background-color: #54555A; }
  .checkbox-item svg {
    fill: #363940;
    height: 16px;
    width: auto;
    margin-left: 5px; }
    .checkbox-item svg.icon-shipping {
      margin-top: -2px; }
  .checkbox-item input:checked + .radio::after {
    transform: scale(1); }

.filter-group {
  border-top: 3px #f1f1f1 solid; }
  .filter-group:last-child {
    border-bottom: 3px #f1f1f1 solid; }
  .filter-group-title, .filter-group-title button {
    margin: 0;
    color: #000;
    font-family: "Silka", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 15px; }
.page-content .filter-list {
  margin: 0 0 20px;
  padding: 0; }
  .page-content .filter-list li {
    margin-bottom: 1em;
    background-image: none;
    padding: 0; }

.accordion-trigger {
  border: 0;
  background-color: transparent;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
  width: 100%;
  padding-right: 36px;
  cursor: pointer; }
  .accordion-trigger .icon-chevron {
    width: 10px;
    height: auto;
    transition: transform 0.3s ease;
    transform-origin: center; }
    .active .accordion-trigger .icon-chevron {
      transform: rotate(180deg); }
.accordion-panel {
  width: 100% !important; }

@media (max-width: 1000px) {
  .mobile-filter-bar {
    display: block;
    background-color: #363940;
    color: #fff; }
  .mobile-filter-trigger {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 64px;
    width: 100%;
    background-color: transparent;
    border: 0;
    color: inherit;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    transition: background-color 0.2s ease;
    cursor: pointer; }
    .mobile-filter-trigger:hover, .mobile-filter-trigger:focus {
      background-color: rgba(0, 0, 0, 0.3); }
    .mobile-filter-trigger .icon-filter {
      width: 21px;
      height: auto;
      margin-right: 5px; } }
.filter-bar {
  padding: 36px;
  background-color: #363940; }
  .filter-bar-fields {
    display: flex;
    align-items: center;
    justify-content: center; }
    .filter-bar-fields .select {
      width: 216px;
      max-width: 100%;
      margin: 0 10px; }
  @media (max-width: 1000px) {
    .filter-bar {
      display: none; }
      .filter-modal-active .filter-bar {
        display: block;
        position: fixed;
        z-index: 555;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        overflow: auto;
        color: #fff;
        padding: 120px 36px 36px;
        background-color: transparent;
        color: #fff; }
        .filter-modal-active .filter-bar .mobile-only {
          display: block;
          color: inherit; }
        .filter-modal-active .filter-bar .mobile-filter-buttons {
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 100%;
          background-color: transparent;
          margin-top: 40px; }
      .filter-bar-fields {
        display: block; }
        .filter-bar-fields .select {
          width: 450px;
          margin: 20px 0; } }

.product-listing {
  display: grid;
  grid-template-columns: 252px 1fr;
  width: 90%;
  max-width: 1160px;
  margin: auto; }
  .product-listing-sidebar {
    padding-right: 27px;
    border-right: 2px #F6F7FA solid; }
    .product-listing-sidebar .accordion-wrapper {
      margin-bottom: 50px; }
  .product-listing-filters-top {
    display: flex;
    align-items: center;
    height: 48px; }
  .product-listing-main {
    padding-left: 41px; }
  .product-listing-header {
    height: 50px;
    border-bottom: 3px #f1f1f1 solid;
    margin-bottom: 30px; }
    .product-listing-header .h4-like {
      margin: 0; }
  .product-listing-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 16px;
    row-gap: 30px;
    grid-auto-flow: row dense; }
    .product-listing-grid-item .product-listing-featured-content {
      display: none; }
    .product-listing-grid-item--featured {
      grid-column-start: 1;
      grid-column-end: span 3;
      display: grid;
      grid-template-columns: 1fr 2fr;
      gap: 0;
      grid-template-areas: "left right"; }
      .product-listing-grid-item--featured .product-listing-featured-content {
        display: block;
        margin-left: -8px; }
      .product-listing-grid-item--featured ~ .product-listing-grid-item--featured {
        grid-template-columns: 2fr 1fr; }
        .product-listing-grid-item--featured ~ .product-listing-grid-item--featured .product-listing-item {
          grid-area: right; }
        .product-listing-grid-item--featured ~ .product-listing-grid-item--featured .product-listing-featured-content {
          grid-area: left;
          margin-left: 0;
          margin-right: -8px; }
        .product-listing-grid-item--featured ~ .product-listing-grid-item--featured ~ .product-listing-grid-item--featured {
          grid-template-columns: 1fr 2fr; }
          .product-listing-grid-item--featured ~ .product-listing-grid-item--featured ~ .product-listing-grid-item--featured .product-listing-item {
            grid-area: left; }
          .product-listing-grid-item--featured ~ .product-listing-grid-item--featured ~ .product-listing-grid-item--featured .product-listing-featured-content {
            grid-area: right;
            margin-left: -8px;
            margin-right: 0; }
  .product-listing-item {
    position: relative;
    z-index: 1;
    padding-bottom: 68px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
    transition: box-shadow 0.3s ease; }
    .product-listing-item .product-image {
      position: relative;
      z-index: 1;
      padding-top: 100%; }
      .product-listing-item .product-image .cover-image {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1; }
        .product-listing-item .product-image .cover-image--hover {
          visibility: hidden;
          opacity: 0;
          z-index: 2;
          transition: opacity 0.4s ease, visibility 0s 0.41s ease; }
      .product-listing-item .product-image-top {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
        display: flex; }
        .product-listing-item .product-image-top .product-selection,
        .product-listing-item .product-image-top .product-shipping {
          display: inline-flex;
          align-items: center;
          height: 36px;
          background: #fff;
          margin-right: 1px; }
        .product-listing-item .product-image-top .product-selection {
          padding: 5px 10px; }
          .product-listing-item .product-image-top .product-selection .checkbox-item {
            font-family: "Silka", sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 0.03em;
            color: #54555A; }
            .product-listing-item .product-image-top .product-selection .checkbox-item .radio {
              padding-left: 21px; }
        .product-listing-item .product-image-top .product-shipping {
          padding: 3px 7px;
          color: #363940; }
          .product-listing-item .product-image-top .product-shipping .icon-shipping {
            width: 21px;
            height: auto; }
      .product-listing-item .product-image-overlay {
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.2s ease, visibility 0s 0.3s linear;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(0, 0, 0, 0.33);
        backdrop-filter: blur(2px); }
        .product-listing-item .product-image-overlay .magnify-link {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 52px;
          height: 52px;
          background-color: #fff;
          color: #135644;
          transition: box-shadow 0.2s ease;
          box-shadow: 0 6px 15px rgba(0, 0, 0, 0.54); }
          .product-listing-item .product-image-overlay .magnify-link .icon-magnify {
            width: 20px;
            height: 20px;
            transition: transform 0.2s ease; }
          .product-listing-item .product-image-overlay .magnify-link:hover .icon-magnify, .product-listing-item .product-image-overlay .magnify-link:focus .icon-magnify {
            transform: scale(1.1); }
        .product-listing-item .product-image-overlay .hover-buttons {
          display: flex;
          justify-content: center;
          flex-wrap: wrap;
          flex-direction: column;
          gap: 12px; }
      .product-listing-item .product-image:hover .product-image-overlay, .product-listing-item .product-image:focus-within .product-image-overlay {
        visibility: visible;
        opacity: 1;
        transition: opacity 0.2s ease, visibility 0s 0s linear; }
    .product-listing-item .product-desc {
      position: absolute;
      z-index: 2;
      bottom: 0;
      left: 0;
      width: 100%; }
      .product-listing-item .product-desc-top {
        min-height: 68px;
        padding: 13px 19px;
        background-color: #fff; }
      .product-listing-item .product-desc-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-height: 0;
        overflow: hidden;
        padding: 0 23px 0 19px;
        background-color: #FAFAFA;
        transition: max-height 0.5s ease; }
      .product-listing-item .product-desc .label-new {
        position: absolute;
        left: 0;
        bottom: 100%; }
    .product-listing-item .product-title {
      font-family: "Silka", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      margin-bottom: 4px; }
    .product-listing-item .product-category {
      font-family: "Silka", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 13px;
      letter-spacing: 0.01em;
      color: #2B2E33; }
    .product-listing-item .product-colors,
    .product-listing-item .product-link {
      display: block;
      padding: 15px 0; }
    .product-listing-item .product-link {
      font-family: "Silka", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 13px;
      color: #000;
      text-decoration: none; }
      .product-listing-item .product-link:visited {
        color: #000; }
      .product-listing-item .product-link:focus {
        color: #000; }
      .product-listing-item .product-link:hover {
        color: #000; }
      .product-listing-item .product-link:active {
        color: #000; }
      .product-listing-item .product-link:hover, .product-listing-item .product-link:focus {
        text-decoration: underline; }
    .product-listing-item:hover, .product-listing-item:focus-within {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.18); }
      .product-listing-item:hover .product-image .cover-image--hover, .product-listing-item:focus-within .product-image .cover-image--hover {
        visibility: visible;
        opacity: 1;
        transition: opacity 0.4s ease, visibility 0s 0s ease; }
      .product-listing-item:hover .product-desc-bottom, .product-listing-item:focus-within .product-desc-bottom {
        max-height: 150px; }
    .product-listing-item .label-new {
      position: absolute;
      bottom: 0;
      left: 0;
      display: block;
      padding: 5px 8px;
      font-family: "Geomanist", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 11px;
      line-height: 1.9;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #fff;
      background-color: #B24DAC; }
  .product-listing-featured-content {
    position: relative;
    z-index: 1; }
  .product-listing-featured-image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2; }
    .product-listing-featured-image::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 2;
      background: linear-gradient(to bottom, transparent 3%, rgba(0, 0, 0, 0.33) 65%, rgba(0, 0, 0, 0.55) 97%, rgba(0, 0, 0, 0.55) 100%); }
    .product-listing-featured-image figcaption {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 4;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 29px 34px;
      color: #fff;
      margin: 0; }
      .product-listing-featured-image figcaption h4 {
        font-family: "Geomanist", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 28px;
        line-height: 1.2;
        margin: 0 0 7px;
        color: inherit; }
      .product-listing-featured-image figcaption p {
        font-family: "Silka", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 1.2;
        letter-spacing: -0.005em; }
        .product-listing-featured-image figcaption p:last-child {
          margin: 0; }
  .product-listing-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 240px;
    padding: 40px 0; }
  .product-listing .js-view-dom-id-all-products {
    margin-bottom: 120px; }

.product-colors .color-small {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  overflow: hidden; }
  .product-colors .color-small img {
    display: block;
    width: 100%;
    height: 100%; }
  .product-colors .color-small--white {
    background-color: #fff;
    border: 2px rgba(84, 85, 90, 0.35) solid; }

.number-navigation {
  position: relative;
  z-index: 8; }
  .number-navigation .page-numbers-list {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    text-align: center; }
    .number-navigation .page-numbers-list li {
      background-image: none;
      padding: 0;
      margin-bottom: 0; }
  .number-navigation .page-numbers {
    display: block;
    margin: 0 5px;
    font-family: "Geomanist", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    width: 36px;
    height: 36px;
    line-height: 32px;
    color: #54555A;
    background: #fff;
    border-radius: 50%;
    border: 2px #f1f1f1 solid;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease; }
    .number-navigation .page-numbers:hover, .number-navigation .page-numbers:focus {
      background-color: #f1f1f1; }
    .number-navigation .page-numbers.current {
      color: #fff;
      border-color: #135644;
      background: #135644;
      pointer-events: none; }
    .number-navigation .page-numbers.next, .number-navigation .page-numbers.prev {
      border: 0;
      background-color: transparent;
      color: #135644; }
      .number-navigation .page-numbers.next:hover, .number-navigation .page-numbers.next:focus, .number-navigation .page-numbers.prev:hover, .number-navigation .page-numbers.prev:focus {
        background-color: #f1f1f1; }
      .number-navigation .page-numbers.next.disabled, .number-navigation .page-numbers.prev.disabled {
        color: #54555A;
        opacity: 0.25;
        pointer-events: none; }
      .number-navigation .page-numbers.next .icon-arrow-right, .number-navigation .page-numbers.prev .icon-arrow-right {
        width: 18px;
        height: auto; }
    .number-navigation .page-numbers.prev {
      margin-right: 40px; }
      .number-navigation .page-numbers.prev .icon-arrow-right {
        transform: rotate(180deg); }
    .number-navigation .page-numbers.next {
      margin-left: 40px; }

@media (max-width: 1000px) {
  .product-listing {
    display: block;
    width: auto;
    margin: 33px 36px; }
    .product-listing-sidebar, .product-listing-main {
      border: 0;
      padding: 0; }
    .product-listing-filters {
      display: none; }
      .filter-modal-active .product-listing-filters {
        display: block;
        position: fixed;
        z-index: 555;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        overflow: auto;
        color: #fff;
        padding: 120px 36px 36px; }
        .filter-modal-active .product-listing-filters .h4-like.mobile-only {
          display: block; }
        .filter-modal-active .product-listing-filters .h4-like.mobile-only,
        .filter-modal-active .product-listing-filters .accordion-trigger {
          color: inherit; }
        .filter-modal-active .product-listing-filters .checkbox-item .radio::before {
          border-color: #fff; }
        .filter-modal-active .product-listing-filters .checkbox-item .radio::after {
          background-color: #fff; }
        .filter-modal-active .product-listing-filters .checkbox-item svg {
          fill: #fff; }
        .filter-modal-active .product-listing-filters .filter-group {
          border-color: rgba(255, 255, 255, 0.3); }
        .filter-modal-active .product-listing-filters .mobile-filter-buttons {
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 100%;
          background-color: transparent; }
    .product-listing-grid {
      display: block;
      max-width: 318px;
      margin: auto; }
      .product-listing-grid-item {
        margin-bottom: 40px; }
        .product-listing-grid-item--featured {
          display: block; }
          .product-listing-grid-item--featured .product-listing-featured-content {
            display: none; }

  .mobile-filter-count {
    width: 1.75em;
    height: 1.75em;
    line-height: 1.75em;
    border-radius: 2em;
    margin-left: 6px;
    background-color: #135644;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-align: center; }
    .mobile-filter-count:empty {
      display: none; }

  .number-navigation {
    height: 200px; }
    .number-navigation .page-numbers-list li:nth-child(n+7) {
      display: none; }
    .number-navigation .page-numbers-list li:last-child {
      display: list-item; } }
.fifty-fifty-section {
  display: flex;
  margin-bottom: 120px; }
  .fifty-fifty-section.image-right {
    flex-direction: row-reverse; }
    @media (max-width: 1000px) {
      .fifty-fifty-section.image-right {
        flex-direction: column-reverse; } }
    .fifty-fifty-section.image-right .section-image {
      padding-left: 0;
      padding-right: 30px; }
      @media (max-width: 1000px) {
        .fifty-fifty-section.image-right .section-image {
          padding-right: 0;
          margin-left: 36px;
          margin-right: 0; } }
      .fifty-fifty-section.image-right .section-image .cover-image {
        border-right: none;
        border-left: 10px #000 solid; }
        @media (max-width: 1000px) {
          .fifty-fifty-section.image-right .section-image .cover-image {
            margin-top: 0; } }
    .fifty-fifty-section.image-right .section-content {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      @media (max-width: 1000px) {
        .fifty-fifty-section.image-right .section-content {
          justify-content: flex-start; } }
  .fifty-fifty-section .section-image,
  .fifty-fifty-section .section-content {
    width: 50%;
    flex-shrink: 0; }
  .fifty-fifty-section .section-image {
    position: relative;
    z-index: 2;
    padding-left: 30px; }
    .fifty-fifty-section .section-image .cover-image {
      margin-top: -20px;
      padding-top: 77.8%;
      border-right: 10px #000 solid;
      box-shadow: 0 25px 40px rgba(0, 0, 0, 0.3); }
    .fifty-fifty-section .section-image-cta {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 8;
      display: flex;
      align-items: center;
      justify-content: center; }
      .fifty-fifty-section .section-image-cta-inner {
        padding: 48px 50px 45px;
        background-color: rgba(0, 0, 0, 0.55);
        backdrop-filter: blur(24px); }
      .fifty-fifty-section .section-image-cta-title {
        margin-bottom: 0.55em; }
  .fifty-fifty-section .section-content {
    padding: 100px 140px 50px 96px; }
    .fifty-fifty-section .section-content-inner {
      max-width: 475px; }
      .fifty-fifty-section .section-content-inner h4 {
        max-width: 403px;
        margin-bottom: 0.5em; }
      .fifty-fifty-section .section-content-inner .btn {
        margin-top: 1em; }
  .fifty-fifty-section.is-style-reverse .section-image {
    padding-right: 30px;
    padding-left: 0; }
    .fifty-fifty-section.is-style-reverse .section-image .cover-image {
      border-left: 10px #000 solid;
      border-right: 0; }
  .fifty-fifty-section.is-style-reverse .section-content {
    padding: 100px 96px 50px 140px;
    display: flex;
    justify-content: flex-end; }
  .fifty-fifty-section--product-details {
    position: relative;
    z-index: 1;
    margin-bottom: 0;
    padding-bottom: 80px; }
    .fifty-fifty-section--product-details .section-image .cover-image {
      padding-top: 92.8%;
      margin: 0; }
    .fifty-fifty-section--product-details .section-content {
      padding-top: 80px;
      padding-left: 85px; }
    .fifty-fifty-section--product-details::after {
      content: '';
      display: block;
      position: absolute;
      z-index: -1;
      left: 0;
      bottom: 0;
      width: 1065px;
      max-width: 100%;
      height: 102px;
      background-image: url("../images/halftone-underlay5.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
  @media (max-width: 1250px) {
    .fifty-fifty-section {
      margin-bottom: 60px; }
      .fifty-fifty-section .section-content {
        padding: 60px 50px 50px 60px; } }
  @media (max-width: 1000px) {
    .fifty-fifty-section {
      flex-direction: column-reverse; }
      .fifty-fifty-section .section-content,
      .fifty-fifty-section .section-image {
        width: auto; }
      .fifty-fifty-section .section-content {
        padding: 36px; }
        .page-intro + .fifty-fifty-section .section-content {
          padding-top: 0; }
      .fifty-fifty-section .section-image {
        padding-left: 0;
        margin-right: 36px; }
        .fifty-fifty-section .section-image .cover-image {
          box-shadow: 0 15px 30px rgba(0, 0, 0, 0.16); }
        .fifty-fifty-section .section-image-cta {
          position: relative;
          background-color: #000; }
          .fifty-fifty-section .section-image-cta-inner {
            padding: 30px 40px; }
          .fifty-fifty-section .section-image-cta-title {
            font-size: 24px; }
      .fifty-fifty-section.is-style-reverse {
        flex-direction: column; }
        .fifty-fifty-section.is-style-reverse .section-content,
        .fifty-fifty-section.is-style-reverse .section-image {
          width: auto; }
        .fifty-fifty-section.is-style-reverse .section-content {
          justify-content: center;
          padding: 30px 36px 60px; }
          .page-intro + .fifty-fifty-section.is-style-reverse .section-content {
            padding-top: 0; }
        .fifty-fifty-section.is-style-reverse .section-image {
          padding-right: 0;
          margin: 0 30px 0 0;
          border-right: 6px #000 solid;
          box-shadow: 0 15px 30px rgba(0, 0, 0, 0.16); }
          .fifty-fifty-section.is-style-reverse .section-image.has-no-mobile-border {
            border-right: 0; }
          .fifty-fifty-section.is-style-reverse .section-image .cover-image {
            margin: 0;
            border-left: 0;
            box-shadow: none; }
      .fifty-fifty-section--product-details {
        margin-top: 90px;
        margin-bottom: 0;
        flex-direction: column;
        padding-bottom: 59px; }
        .fifty-fifty-section--product-details::after {
          height: 59px;
          background-image: url("../images/halftone-underlay6.png");
          background-size: 390px;
          background-position: left bottom; }
        .fifty-fifty-section--product-details .section-content {
          padding-top: 40px; } }
  @media (max-width: 640px) {
    .fifty-fifty-section .section-content {
      padding-top: 26px; }
      .page-intro + .fifty-fifty-section .section-content {
        padding-top: 0; }
    .fifty-fifty-section .section-image {
      margin-right: 30px; }
    .fifty-fifty-section--product-details .section-content {
      padding-top: 40px; } }

.key-features-section {
  position: relative;
  z-index: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 160px 0 150px 95px;
  margin-right: 95px; }
  .key-features-section::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5); }
.key-features-content {
  position: relative;
  z-index: 1;
  max-width: 1085px;
  margin: auto;
  padding: 0 35px;
  text-align: center; }
  .key-features-content .h4-like {
    margin-bottom: 43px; }
.page-content .key-features-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  text-align: inherit; }
  .page-content .key-features-list li {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 292px;
    margin: 0 22px 50px;
    background-image: none;
    padding: 0; }
    .page-content .key-features-list li .li-icon,
    .page-content .key-features-list li .li-text {
      display: block; }
    .page-content .key-features-list li .li-icon {
      position: relative;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 76px;
      height: 76px;
      border-radius: 76px;
      color: #000;
      background-color: #fff;
      margin-right: 24px; }
      .page-content .key-features-list li .li-icon::after {
        content: '';
        display: block;
        position: absolute;
        z-index: -1;
        top: -8px;
        right: -8px;
        bottom: -8px;
        left: -8px;
        border: 4px rgba(255, 255, 255, 0.2) solid;
        border-radius: 100px; }
      .page-content .key-features-list li .li-icon svg,
      .page-content .key-features-list li .li-icon img {
        height: 50px;
        width: auto; }
        .page-content .key-features-list li .li-icon svg.icon-feature-durable,
        .page-content .key-features-list li .li-icon img.icon-feature-durable {
          height: 46px; }
        .page-content .key-features-list li .li-icon svg.icon-feature-color,
        .page-content .key-features-list li .li-icon img.icon-feature-color {
          height: 40px; }
    .page-content .key-features-list li .li-text {
      text-align: left;
      font-family: "Silka", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 15px;
      line-height: 1.666; }
@media (max-width: 1000px) {
  .key-features-section {
    margin: 0;
    padding: 66px 36px 60px; }
  .key-features-content {
    text-align: left; } }
@media (max-width: 782px) {
  .key-features-section {
    background-image: none !important; }
  .page-content .key-features-list {
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: nowrap; }
    .page-content .key-features-list li {
      margin-left: 8px;
      width: auto;
      max-width: 350px; } }
@media (max-width: 640px) {
  .page-content .key-features-list li {
    margin-bottom: 40px; }
    .page-content .key-features-list li:last-child {
      margin-bottom: 0; }
    .page-content .key-features-list li .li-icon {
      width: 60px;
      height: 60px;
      margin-right: 22px; }
      .page-content .key-features-list li .li-icon::after {
        top: -6px;
        right: -6px;
        bottom: -6px;
        left: -6px;
        border: 3px rgba(255, 255, 255, 0.2) solid; }
      .page-content .key-features-list li .li-icon svg {
        height: 39px; }
        .page-content .key-features-list li .li-icon svg.icon-feature-durable {
          height: 36px; }
        .page-content .key-features-list li .li-icon svg.icon-feature-color {
          height: 31px; } }

.base-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 28px;
  grid-row-gap: 63px; }
  .base-grid-section {
    padding: 100px 36px; }
    .base-grid-section .container {
      width: 100%;
      max-width: 1160px; }
    .base-grid-section .has-accent--center {
      margin-bottom: 67px; }
    .base-grid-section .section-intro {
      max-width: 396px;
      padding: 0;
      margin-bottom: 49px; }
      .base-grid-section .section-intro .has-accent--center {
        margin-bottom: 22px; }
  .base-grid-item .item-image {
    display: flex;
    align-items: center;
    height: 60px;
    max-width: 149px;
    margin-bottom: 17px; }
    .page-node-type-performance-landing .base-grid-item .item-image {
      display: none; }
  .base-grid-item h5 {
    text-transform: none;
    letter-spacing: 0.08em; }
  .base-grid-item p {
    margin-bottom: 0.25em; }
  .base-grid-section--wide .base-grid {
    grid-column-gap: 53px; }
  @media (max-width: 1000px) {
    .base-grid {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 640px) {
    .base-grid {
      grid-template-columns: 1fr;
      grid-row-gap: 48px; }
      .base-grid-section {
        padding-top: 66px;
        padding-bottom: 60px; }
        .base-grid-section .section-intro {
          margin-left: 0;
          margin-right: 0; }
          .base-grid-section .section-intro p {
            display: none; } }

.section-intro {
  max-width: 400px;
  margin: auto;
  text-align: center;
  padding: 0 36px; }
  @media (max-width: 640px) {
    .section-intro {
      text-align: left; } }
  .section-intro--wide {
    max-width: 727px; }
  .section-intro--extra-wide {
    max-width: 840px; }

.page-intro {
  margin-top: 100px;
  margin-bottom: 83px; }
  .page-intro h3,
  .page-intro .h3-like {
    padding-bottom: 25px;
    margin-bottom: 30px; }
  @media (max-width: 640px) {
    .page-intro {
      margin-top: 43px;
      margin-bottom: 64px; }
      .page-intro h3,
      .page-intro .h3-like {
        font-size: 32px;
        padding-bottom: 15px;
        margin-bottom: 25px; } }
  @media (min-width: 641px) {
    .page-intro h5 + h3, .page-intro h5 + .h3-like,
    .page-intro .h5-like + h3,
    .page-intro .h5-like + .h3-like {
      margin-top: -5px; } }

.overlap-box {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  margin-bottom: 80px; }
  .overlap-box:last-child {
    margin-bottom: 95px; }
  .overlap-box .content-block {
    position: relative;
    z-index: 8;
    width: 594px;
    padding: 67px 60px 60px;
    box-shadow: 0 25px 40px rgba(0, 0, 0, 0.1); }
    .overlap-box .content-block > *:last-child {
      margin-bottom: 0; }
    .page-content .overlap-box .content-block ul li {
      margin-bottom: 1em; }
      .page-content .overlap-box .content-block ul li:last-child {
        margin-bottom: 0; }
  .overlap-box-image {
    position: relative;
    z-index: 1;
    flex: 1; }
    .overlap-box-image::after {
      content: '';
      display: block;
      position: absolute;
      z-index: 10;
      background-color: rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(15px);
      top: 0;
      bottom: 0;
      width: 113px; }
    .overlap-box-image .cover-image {
      padding-top: 79.12%; }
  .overlap-box-cta {
    font-weight: 500;
    padding-left: 18px;
    background-image: url("../images/arrow-bullet.png");
    background-position: left 5px;
    background-repeat: no-repeat; }
  .overlap-box.has-margin-left {
    margin-left: 140px;
    flex-direction: row; }
    .overlap-box.has-margin-left .content-block {
      margin-right: -70px; }
    .overlap-box.has-margin-left .overlap-box-image::after {
      left: 0; }
  .overlap-box.has-margin-right {
    margin-right: 140px;
    flex-direction: row-reverse; }
    .overlap-box.has-margin-right .content-block {
      margin-left: -70px; }
    .overlap-box.has-margin-right .overlap-box-image::after {
      right: 0; }
  @media (max-width: 1250px) {
    .overlap-box-image .cover-image {
      padding-top: 100%; }
    .overlap-box.has-margin-left {
      margin-left: 36px; }
    .overlap-box.has-margin-right {
      margin-right: 36px; } }
  @media (max-width: 1000px) {
    .overlap-box {
      display: block; }
      .overlap-box .content-block {
        width: auto;
        max-width: 594px;
        padding: 0 0 60px;
        box-shadow: none; }
      .overlap-box + .overlap-box .content-block {
        padding: 60px 0;
        border-top: 3px #F1F1F1 solid; }
      .overlap-box-image {
        display: none; }
      .overlap-box.has-margin-left, .overlap-box.has-margin-left:last-child, .overlap-box.has-margin-right, .overlap-box.has-margin-right:last-child {
        margin: 0 36px; }
      .overlap-box.has-margin-left .content-block, .overlap-box.has-margin-right .content-block {
        margin: auto; }
      .overlap-box-header {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 14px; }
        .overlap-box-header h4 {
          line-height: 1.38;
          margin: 0; }
      .overlap-box-mobile-image {
        flex-shrink: 0;
        display: block;
        margin-right: 20px;
        border-radius: 50%;
        overflow: hidden;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16); }
        .overlap-box-mobile-image .cover-image {
          width: 112px;
          height: 112px;
          border-radius: 50%;
          background-color: transparent; }
          .overlap-box-mobile-image .cover-image::before {
            content: '';
            display: block;
            position: absolute;
            z-index: 10;
            top: 6px;
            right: 6px;
            bottom: 6px;
            left: 6px;
            border-radius: 50%;
            background: inherit; }
          .overlap-box-mobile-image .cover-image::after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            z-index: 8;
            width: 100%;
            border-radius: 50%;
            backdrop-filter: blur(30px);
            background-clip: padding-box; } }
  @media (max-width: 640px) {
    .overlap-box-header h4 {
      font-size: 26px; } }

.picture-card-section {
  margin-bottom: 94px; }
  .picture-card-section .container {
    max-width: 1160px; }
.picture-card-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px; }
.picture-card-item .item-image {
  padding-top: 56.22%; }
.picture-card-item .item-content {
  padding: 36px 30px 30px;
  background-color: #F6F7FA; }
@media (max-width: 782px) {
  .picture-card-section {
    margin-bottom: 0; }
    .picture-card-section .container {
      width: 100%; }
  .picture-card-grid {
    display: block; }
  .picture-card-item .item-image {
    padding-top: 56.15%; }
  .picture-card-item .item-content {
    padding: 42px 36px 36px; } }

.symbol-block-section {
  margin-bottom: 50px; }
  .symbol-block-section .container {
    max-width: 1020px; }
  .symbol-block-section + .gallery-slider-section {
    padding-top: 0; }
  .home-applications + .symbol-block-section {
    margin-top: 140px; }
  .symbol-block-section--wide {
    margin: 107px 0 120px; }
    .symbol-block-section--wide .container {
      max-width: 1270px; }
.symbol-block-group {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  margin-top: 44px; }
.symbol-block-item {
  width: 286px;
  margin: 0 26px 50px; }
  .symbol-block-item .item-top h5,
  .symbol-block-item .item-top .h5-like {
    text-transform: none;
    letter-spacing: 0.08em;
    margin-bottom: 0.25em; }
  .symbol-block-item .item-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    border: 2px rgba(54, 57, 64, 0.12) solid;
    border-radius: 68px;
    margin: 0 auto 10px; }
    .symbol-block-item .item-image img {
      height: 26px;
      width: auto; }
  .symbol-block-item .item-content p {
    margin: 0;
    letter-spacing: -0.005em; }
.symbol-block-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 60px; }
  .symbol-block-grid .symbol-block-item {
    width: auto;
    max-width: 312px;
    margin: 0 20px 40px;
    justify-self: center; }
    @media (min-width: 1001px) {
      .symbol-block-grid .symbol-block-item .item-top {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 12px; }
        .symbol-block-grid .symbol-block-item .item-top h5 {
          margin: 0; }
      .symbol-block-grid .symbol-block-item .item-image {
        margin: 0 18px 0 0; } }
.symbol-block-cta {
  text-align: center; }
@media (max-width: 782px) {
  .symbol-block-section {
    margin-bottom: 60px; }
    .symbol-block-section--wide {
      margin: 66px 0 80px; }
  .symbol-block-group, .symbol-block-grid {
    display: block;
    text-align: left; }
  .symbol-block-item, .symbol-block-grid .symbol-block-item {
    width: 100%;
    max-width: 100%;
    margin: 0 0 30px;
    overflow: auto; }
    .symbol-block-item .item-image, .symbol-block-grid .symbol-block-item .item-image {
      float: left;
      margin: 0 15px 0 0; }
    .symbol-block-item .item-content, .symbol-block-grid .symbol-block-item .item-content {
      overflow: auto; } }

.large-symbol-block-section {
  position: relative;
  z-index: 1;
  padding-top: 80px;
  padding-bottom: 80px;
  margin-bottom: 80px; }
  .large-symbol-block-section.has-margin-left {
    margin-left: 80px;
    padding-left: 60px;
    padding-right: 120px; }
  .fifty-fifty-section + .large-symbol-block-section {
    margin-top: -36px; }
  .large-symbol-block-section::before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    right: 0;
    top: -102px;
    height: 102px;
    width: 1065px;
    background: #F6F7FA url("../images/halftone-underlay7.png") no-repeat right center;
    background-size: cover; }
.large-symbol-block-group {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start; }
  .large-symbol-block-group.container {
    width: 100%;
    max-width: 1200px; }
.large-symbol-block-item {
  max-width: 327px;
  margin-right: 65px; }
  .large-symbol-block-item:last-child {
    margin-right: 0; }
  .large-symbol-block-item .item-image {
    max-width: 100px;
    margin-bottom: 15px; }
  .large-symbol-block-item p {
    margin-bottom: 2em; }
@media (max-width: 1250px) {
  .large-symbol-block-section.has-margin-left {
    margin-left: 36px;
    padding-left: 36px;
    padding-right: 72px; }
  .fifty-fifty-section + .large-symbol-block-section {
    margin-top: 0; }
  .large-symbol-block-section::before {
    display: none; } }
@media (max-width: 782px) {
  .large-symbol-block-section, .large-symbol-block-section.has-margin-left {
    margin: 0;
    padding: 80px 36px; }
  .large-symbol-block-group {
    flex-direction: column;
    align-items: center; }
  .large-symbol-block-item {
    max-width: 500px;
    margin: 0 0 60px; }
    .large-symbol-block-item:last-child {
      margin-bottom: 0; }
    .large-symbol-block-item .item-top {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
    .large-symbol-block-item .item-image {
      max-width: 112px;
      margin-right: 20px;
      flex-shrink: 0; } }

.tabs-module {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  overflow: hidden; }
  .tabs-module-controls, .tabs-module-content {
    flex-shrink: 0; }
  .tabs-module-controls {
    position: relative;
    z-index: 10;
    width: 267px;
    padding-bottom: 116px; }
  .tabs-module-nav {
    border-right: 1px rgba(255, 255, 255, 0.3) solid;
    padding: 19px 35px 19px 0; }
    .tabs-module-nav .tab-trigger {
      text-align: left;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      padding: 16px 8px;
      color: #fff;
      background-color: transparent;
      font-family: "Silka", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      border: 0;
      border-bottom: 1px rgba(255, 255, 255, 0.3) solid;
      transition: border-color 0.2s ease, border-width 0.2s ease, padding-bottom 0.2s ease;
      cursor: pointer; }
      .tabs-module-nav .tab-trigger .icon-chevron-line {
        flex-shrink: 0;
        width: 20px;
        height: auto; }
        .tabs-module-nav .tab-trigger .icon-chevron-line .chevron {
          fill: currentColor; }
        .tabs-module-nav .tab-trigger .icon-chevron-line .line {
          stroke-dasharray: 16;
          stroke-dashoffset: 0;
          stroke: #fff;
          animation: make-chevron 0.3s linear forwards; }
      .tabs-module-nav .tab-trigger:hover .icon-chevron-line .line, .tabs-module-nav .tab-trigger:focus .icon-chevron-line .line {
        stroke: #fff;
        stroke-dashoffset: 16;
        animation: make-arrow 0.3s linear forwards; }
      .tabs-module-nav .tab-trigger.active {
        border-bottom: 2px #135644 solid;
        padding-bottom: 15px; }
        .tabs-module-nav .tab-trigger.active .icon-chevron-line .chevron {
          fill: #135644; }
        .tabs-module-nav .tab-trigger.active .icon-chevron-line .line {
          stroke: #135644;
          stroke-dashoffset: 16;
          animation: make-arrow 0.3s linear forwards; }
  .tabs-module-content {
    width: 71%; }
    .tabs-module-content-panel {
      position: relative;
      z-index: 1;
      padding-top: 209px;
      padding-bottom: 116px; }
      .tabs-module-content-panel::after {
        content: '';
        display: block;
        position: absolute;
        z-index: 5;
        bottom: 0;
        right: 0;
        width: 100vw;
        height: 22vw;
        background-image: url("../images/halftone-underlay3.png");
        background-size: 100%;
        background-position: right bottom;
        opacity: 0.7; }
      .tabs-module-content-panel .panel-wrapper {
        position: relative;
        z-index: 9;
        display: flex;
        align-items: center;
        max-width: 888px; }
      .tabs-module-content-panel .panel-content {
        flex: 1;
        padding: 0 65px; }
        .tabs-module-content-panel .panel-content h4 {
          font-size: 24px;
          margin-bottom: 0.4em; }
        .tabs-module-content-panel .panel-content p {
          line-height: 1.55; }
      .tabs-module-content-panel .panel-image {
        width: 376px;
        flex-shrink: 0;
        box-shadow: 0 25px 40px rgba(0, 0, 0, 0.5); }
        .tabs-module-content-panel .panel-image .cover-image {
          padding-top: 73%; }
      .tabs-module-content-panel .panel-bkgd {
        filter: grayscale(100%);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1; }
        .tabs-module-content-panel .panel-bkgd::before, .tabs-module-content-panel .panel-bkgd::after {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          z-index: 1; }
        .tabs-module-content-panel .panel-bkgd::before {
          background: linear-gradient(50deg, black 33%, rgba(0, 0, 0, 0.1) 100%); }
        .tabs-module-content-panel .panel-bkgd::after {
          z-index: 2;
          background-color: rgba(0, 0, 0, 0.15);
          backdrop-filter: blur(3px); }
  @media (max-width: 1250px) {
    .tabs-module {
      padding-left: 36px; }
      .tabs-module-content {
        width: auto;
        flex: 1; }
        .tabs-module-content-panel .panel-image {
          width: 270px;
          margin-right: 36px; }
        .tabs-module-content-panel .panel-content {
          padding: 0 36px; } }
  @media (max-width: 1000px) {
    .tabs-module {
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      padding: 66px 36px 60px;
      background: #000 url("../images/halftone-underlay4.png") no-repeat center bottom;
      background-size: 100%; }
      .tabs-module-nav {
        display: none; }
        .tabs-module-nav-mobile {
          display: block;
          width: 100%;
          margin-bottom: 30px; }
      .tabs-module-controls, .tabs-module-content-panel {
        padding: 0; }
      .tabs-module-controls {
        width: 100%; }
      .tabs-module-content-panel::after,
      .tabs-module-content-panel .panel-bkgd {
        display: none; }
      .tabs-module-content-panel .panel-wrapper {
        flex-direction: column-reverse; }
      .tabs-module-content-panel .panel-content {
        padding: 0; }
      .tabs-module-content-panel .panel-image {
        width: 100%;
        max-width: 376px;
        margin-right: 0;
        margin-bottom: 20px; } }

fieldset {
  border: 0; }

.form-item label {
  font-family: "Silka", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.92;
  color: #767676;
  margin: 0 0 5px 18px; }
  .form-item label.form-required::after {
    content: '*';
    color: #F44604; }
.form-item input[type="text"],
.form-item input[type="email"],
.form-item input[type="number"],
.form-item input[type="url"],
.form-item input[type="tel"],
.form-item input[type="password"],
.form-item input[type="date"],
.form-item input[type="datetime-local"],
.form-item input[type="time"],
.form-item textarea {
  display: block;
  width: 100%;
  padding: 0 20px;
  border-radius: 20px;
  background-color: #fafafa;
  border: 2px #959494 solid;
  font-family: "Silka", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  appearance: none;
  outline: none; }
  .form-item input[type="text"]:focus,
  .form-item input[type="email"]:focus,
  .form-item input[type="number"]:focus,
  .form-item input[type="url"]:focus,
  .form-item input[type="tel"]:focus,
  .form-item input[type="password"]:focus,
  .form-item input[type="date"]:focus,
  .form-item input[type="datetime-local"]:focus,
  .form-item input[type="time"]:focus,
  .form-item textarea:focus {
    background-color: #fff;
    border-color: #135644; }
.form-item input[type="text"],
.form-item input[type="email"],
.form-item input[type="password"],
.form-item input[type="number"],
.form-item input[type="url"],
.form-item input[type="tel"] {
  height: 42px; }
.form-item textarea {
  min-height: 122px;
  resize: none;
  padding: 20px; }
.form-item + .form-item {
  margin-top: 18px; }

.form-submit,
.form-item input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border-radius: 42px;
  padding: 12px 24px;
  font-family: "Silka", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.005em;
  background-color: #135644;
  color: #fff;
  border: 0;
  text-decoration: none;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.3s ease;
  cursor: pointer;
  margin-top: 25px; }
  .form-submit:visited,
  .form-item input[type="submit"]:visited {
    color: #fff; }
  .form-submit:focus,
  .form-item input[type="submit"]:focus {
    color: #fff; }
  .form-submit:hover,
  .form-item input[type="submit"]:hover {
    color: #fff; }
  .form-submit:active,
  .form-item input[type="submit"]:active {
    color: #fff; }
  .form-submit:hover, .form-submit:focus,
  .form-item input[type="submit"]:hover,
  .form-item input[type="submit"]:focus {
    box-shadow: 1px 9px 14px rgba(0, 0, 0, 0.16); }
  .form-submit.is-style-outline,
  .form-item input[type="submit"].is-style-outline {
    padding: 10px 22px;
    border: 2px #135644 solid;
    background-color: transparent;
    color: #000; }
    .form-submit.is-style-outline:hover, .form-submit.is-style-outline:focus,
    .form-item input[type="submit"].is-style-outline:hover,
    .form-item input[type="submit"].is-style-outline:focus {
      color: #fff;
      background-color: #135644; }
    .is-style-dark .form-submit.is-style-outline, .is-style-dark
    .form-item input[type="submit"].is-style-outline {
      border-color: #fff;
      color: #fff; }
      .is-style-dark .form-submit.is-style-outline:hover, .is-style-dark .form-submit.is-style-outline:focus, .is-style-dark
      .form-item input[type="submit"].is-style-outline:hover, .is-style-dark
      .form-item input[type="submit"].is-style-outline:focus {
        color: #000;
        background-color: #fff; }

@media (max-width: 768px) {
  .form-item,
  .webform-flex--container > .form-item {
    margin-bottom: 18px; }
    .form-item + .form-item,
    .webform-flex--container > .form-item + .form-item {
      margin-top: 0; } }
.node-preview-form-select {
  height: 80px;
  padding: 10px; }
  .node-preview-form-select .js-form-item-view-mode {
    display: flex;
    align-items: center;
    padding: 10px 0; }
    .node-preview-form-select .js-form-item-view-mode label {
      margin: 0 10px 0 0; }

select:not(#edit-view-mode) {
  display: block;
  width: 100%;
  height: 42px;
  padding: 0 40px 0 20px;
  border-radius: 40px;
  background-color: #fafafa;
  border: 2px #959494 solid;
  font-family: "Silka", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  appearance: none;
  outline: none; }
  select:not(#edit-view-mode)::-ms-expand {
    display: none; }
  select:not(#edit-view-mode):focus {
    border-color: #135644; }

.select,
.js-form-type-select {
  position: relative;
  z-index: 1; }
  .select::after,
  .js-form-type-select::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 18px;
    right: 20px;
    width: 10px;
    height: 6px;
    background-image: url("../images/chevron-blue.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }

.js-form-type-checkbox input[type=checkbox] {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; }
.js-form-type-checkbox input[type=checkbox] + label {
  padding-left: 32px;
  height: 22px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
  background-image: url("../images/sprite-checkbox.png");
  user-select: none;
  margin-left: 0;
  margin-top: 15px;
  font-family: "Silka", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  color: #000; }
.js-form-type-checkbox input[type=checkbox]:checked + label {
  background-position: 0 -22px; }
.js-form-type-checkbox input[type=checkbox]:focus + label {
  outline: 2px #135644 solid; }

.pardot-form--graphics {
  height: 900px; }
  @media (max-width: 1000px) {
    .pardot-form--graphics {
      height: 1250px; } }
.pardot-form--contact {
  height: 1000px; }
  @media (max-width: 1000px) {
    .pardot-form--contact {
      height: 1400px; } }
.pardot-form--contact-2 {
  height: 850px; }
  @media (max-width: 1000px) {
    .pardot-form--contact-2 {
      height: 1250px; } }

.eu-cookie-compliance-banner--opt-in .eu-cookie-compliance-buttons {
  display: flex;
  flex-direction: row-reverse; }

.eu-cookie-compliance-default-button,
.eu-cookie-compliance-more-button,
.eu-cookie-compliance-secondary-button {
  font-family: inherit; }

.eu-cookie-compliance-default-button,
.eu-cookie-compliance-secondary-button {
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border-radius: 42px;
  padding: 12px 24px;
  font-family: "Silka", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.005em;
  background-color: #135644;
  color: #fff;
  border: 0;
  text-decoration: none;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.3s ease;
  cursor: pointer;
  text-shadow: none; }
  .eu-cookie-compliance-default-button:visited,
  .eu-cookie-compliance-secondary-button:visited {
    color: #fff; }
  .eu-cookie-compliance-default-button:focus,
  .eu-cookie-compliance-secondary-button:focus {
    color: #fff; }
  .eu-cookie-compliance-default-button:hover,
  .eu-cookie-compliance-secondary-button:hover {
    color: #fff; }
  .eu-cookie-compliance-default-button:active,
  .eu-cookie-compliance-secondary-button:active {
    color: #fff; }
  .eu-cookie-compliance-default-button:hover, .eu-cookie-compliance-default-button:focus,
  .eu-cookie-compliance-secondary-button:hover,
  .eu-cookie-compliance-secondary-button:focus {
    box-shadow: 1px 9px 14px rgba(0, 0, 0, 0.16); }
  .eu-cookie-compliance-default-button.is-style-outline,
  .eu-cookie-compliance-secondary-button.is-style-outline {
    padding: 10px 22px;
    border: 2px #135644 solid;
    background-color: transparent;
    color: #000; }
    .eu-cookie-compliance-default-button.is-style-outline:hover, .eu-cookie-compliance-default-button.is-style-outline:focus,
    .eu-cookie-compliance-secondary-button.is-style-outline:hover,
    .eu-cookie-compliance-secondary-button.is-style-outline:focus {
      color: #fff;
      background-color: #135644; }
    .is-style-dark .eu-cookie-compliance-default-button.is-style-outline, .is-style-dark
    .eu-cookie-compliance-secondary-button.is-style-outline {
      border-color: #fff;
      color: #fff; }
      .is-style-dark .eu-cookie-compliance-default-button.is-style-outline:hover, .is-style-dark .eu-cookie-compliance-default-button.is-style-outline:focus, .is-style-dark
      .eu-cookie-compliance-secondary-button.is-style-outline:hover, .is-style-dark
      .eu-cookie-compliance-secondary-button.is-style-outline:focus {
        color: #000;
        background-color: #fff; }

.eu-cookie-compliance-default-button.decline-button,
.eu-cookie-compliance-secondary-button.decline-button {
  font-weight: normal; }
  .eu-cookie-compliance-default-button.decline-button, .eu-cookie-compliance-default-button.decline-button:hover, .eu-cookie-compliance-default-button.decline-button:focus,
  .eu-cookie-compliance-secondary-button.decline-button,
  .eu-cookie-compliance-secondary-button.decline-button:hover,
  .eu-cookie-compliance-secondary-button.decline-button:focus {
    background-image: none;
    background-color: #000; }

.eu-cookie-compliance-default-button.agree-button, .eu-cookie-compliance-default-button.agree-button:hover, .eu-cookie-compliance-default-button.agree-button:focus,
.eu-cookie-compliance-secondary-button.agree-button,
.eu-cookie-compliance-secondary-button.agree-button:hover,
.eu-cookie-compliance-secondary-button.agree-button:focus {
  background-image: none;
  background-color: #135644; }

.eu-cookie-compliance-message {
  margin-top: 12px; }
  .eu-cookie-compliance-message p {
    font-weight: normal; }
  .eu-cookie-compliance-message h2 {
    font-weight: 500; }

.campaign-form .form-container {
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
  padding: 0 36px 120px; }
  @media (max-width: 640px) {
    .campaign-form .form-container {
      padding: 0 36px 84px; } }
  .campaign-form .form-container .form-intro {
    padding-bottom: 10px;
    text-align: center; }
    @media (max-width: 782px) {
      .campaign-form .form-container .form-intro {
        padding-bottom: 25px; } }
    @media (max-width: 640px) {
      .campaign-form .form-container .form-intro {
        text-align: left; } }
    .campaign-form .form-container .form-intro p {
      width: 100%;
      max-width: 400px;
      margin: 0 auto; }
      @media (max-width: 640px) {
        .campaign-form .form-container .form-intro p {
          max-width: none; } }
  .campaign-form .form-container .form-item input[type="text"],
  .campaign-form .form-container .form-item input[type="email"],
  .campaign-form .form-container .form-item input[type="number"],
  .campaign-form .form-container .form-item input[type="url"],
  .campaign-form .form-container .form-item input[type="tel"],
  .campaign-form .form-container .form-item input[type="password"],
  .campaign-form .form-container .form-item input[type="date"],
  .campaign-form .form-container .form-item input[type="datetime-local"],
  .campaign-form .form-container .form-item input[type="time"],
  .campaign-form .form-container .form-item textarea,
  .campaign-form .form-container .form-item select,
  .campaign-form .form-container .form-item select:not(#edit-view-mode) {
    display: block;
    width: 100%;
    padding: 0 20px;
    border-radius: 20px;
    background-color: #ffffff;
    border: 2px #8F8F8F solid;
    font-family: "Silka", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    appearance: none;
    outline: none; }
    .campaign-form .form-container .form-item input[type="text"]:focus,
    .campaign-form .form-container .form-item input[type="email"]:focus,
    .campaign-form .form-container .form-item input[type="number"]:focus,
    .campaign-form .form-container .form-item input[type="url"]:focus,
    .campaign-form .form-container .form-item input[type="tel"]:focus,
    .campaign-form .form-container .form-item input[type="password"]:focus,
    .campaign-form .form-container .form-item input[type="date"]:focus,
    .campaign-form .form-container .form-item input[type="datetime-local"]:focus,
    .campaign-form .form-container .form-item input[type="time"]:focus,
    .campaign-form .form-container .form-item textarea:focus,
    .campaign-form .form-container .form-item select:focus,
    .campaign-form .form-container .form-item select:not(#edit-view-mode):focus {
      background-color: #fff;
      border-color: #135644; }
  .campaign-form .form-container .form-item textarea {
    padding: 12px 20px; }
  .campaign-form .form-container .form-item-i-would-like-to-receive-future-updates-from-ecore,
  .campaign-form .form-container .form-actions {
    text-align: center; }
    @media (max-width: 640px) {
      .campaign-form .form-container .form-item-i-would-like-to-receive-future-updates-from-ecore,
      .campaign-form .form-container .form-actions {
        text-align: left; } }
  .campaign-form .form-container .form-submit {
    margin-top: 15px; }

.page-columns {
  display: grid;
  grid-template-columns: 1fr 1fr; }
  .page-columns-content {
    display: flex;
    justify-content: flex-end;
    padding: 60px 114px 60px 36px; }
    .page-columns-content-inner {
      max-width: 474px; }
      .page-columns-content-inner *:last-child {
        margin-bottom: 0; }
    .page-columns-content-wrap .page-columns-content {
      min-height: 582px;
      align-items: center; }
      @media (min-width: 1401px) {
        .page-columns-content-wrap .page-columns-content {
          padding-right: 36px;
          justify-content: center; } }
      .page-columns-content-wrap .page-columns-content .has-accent {
        margin-bottom: 35px;
        padding-bottom: 20px;
        line-height: 1.23; }
    .page-columns-content-wrap .footer-cta {
      width: 100%;
      padding: 108px 55px; }
      .page-columns-content-wrap .footer-cta .icon-performance {
        stroke: #000;
        stroke-width: 1px;
        width: 34px;
        height: auto; }
    @media (max-width: 1000px) {
      .page-columns-content-wrap .page-columns-content {
        min-height: 0;
        padding: 104px 36px; }
        .page-columns-content-wrap .page-columns-content .has-accent {
          font-size: 36px; }
      .page-columns-content-wrap .footer-cta {
        padding: 37px 30px; } }
  .page-columns-image::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);
    left: 0;
    top: 0;
    bottom: 0;
    width: 50px; }
  .page-columns-image::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    background-image: url("../images/page-column-overlay1.png");
    background-size: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    opacity: 0.2; }
  @media (max-width: 1250px) {
    .page-columns-content {
      padding: 60px 36px;
      justify-content: center; } }
  @media (max-width: 1000px) {
    .page-columns {
      display: block; }
      .page-columns-content {
        padding: 60px 36px 80px; } }

.pull-text-section {
  padding: 60px 62px;
  background-color: #F6F7FA;
  margin-bottom: 120px; }
  .pull-text-section.has-margin-left {
    margin-left: 140px;
    padding-right: 140px; }
  .pull-text-section.has-margin-right {
    margin-right: 140px;
    padding-left: 140px; }
.pull-text-columns {
  display: flex;
  align-items: center;
  justify-content: flex-start; }
.pull-text-quote {
  max-width: 556px;
  margin-right: 68px; }
  .pull-text-quote blockquote {
    position: relative;
    z-index: 1;
    margin: 0;
    padding-left: 31px;
    padding-bottom: 30px;
    border-left-width: 6px;
    line-height: 1.14; }
    @media (min-width: 1401px) {
      .pull-text-quote blockquote {
        font-size: 62px;
        line-height: 1.11; } }
.pull-text-content {
  max-width: 474px; }
  .pull-text-content h5 {
    margin-bottom: 0.75em; }
  .pull-text-content p:last-child {
    margin-bottom: 0; }
@media (max-width: 1250px) {
  .pull-text-section.has-margin-left {
    margin-left: 40px;
    padding-right: 40px; }
  .pull-text-section.has-margin-right {
    margin-right: 40px;
    padding-left: 40px; } }
@media (max-width: 1000px) {
  .pull-text-section {
    margin-bottom: 68px; }
  .pull-text-columns {
    flex-direction: column; }
  .pull-text-quote {
    max-width: 474px;
    margin: 0; }
    .pull-text-quote blockquote {
      padding-top: 21px;
      padding-bottom: 39px;
      padding-left: 0;
      border-left: 0; }
      .pull-text-quote blockquote::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        height: 6px;
        width: 159px;
        background-color: #F44604; } }
@media (max-width: 640px) {
  .pull-text-section {
    padding: 30px 36px; }
    .pull-text-section.has-margin-left {
      margin-left: 20px;
      padding-left: 16px;
      padding-right: 36px; }
    .pull-text-section.has-margin-right {
      margin-right: 20px;
      padding-right: 16px;
      padding-left: 36px; } }

.product-finder-section {
  padding: 102px 36px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 103px; }
.product-finder-inner {
  max-width: 756px;
  padding: 69px 60px 60px;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(24px); }
.product-finder-content {
  max-width: 526px;
  margin: auto; }
@media (max-width: 640px) {
  .product-finder-section {
    padding: 74px 20px;
    margin-bottom: 60px; }
  .product-finder-inner {
    padding: 30px 16px; } }

.product-type-section {
  max-width: 1196px;
  padding: 0 36px;
  margin: 0 auto 116px; }
.product-type-item {
  margin-bottom: 65px; }
  .product-type-item-header {
    border-bottom: 3px #F1F1F1 solid;
    margin-bottom: 30px; }
    .product-type-item-header h4,
    .product-type-item-header .h4-like {
      margin-bottom: 13px; }
  .product-type-item-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px; }
  .product-type-item .related-products {
    padding: 0; }
.product-type-desc {
  max-width: 670px; }
  .product-type-desc p:last-child {
    margin-bottom: 0; }
.product-type-btn {
  flex-shrink: 0;
  margin-left: 20px; }
@media (max-width: 640px) {
  .product-type-section {
    padding: 0;
    margin-bottom: 60px; }
  .product-type-item-header, .product-type-item-content {
    margin-left: 36px;
    margin-right: 36px; }
  .product-type-item-header {
    margin-bottom: 13px; }
  .product-type-item-content {
    display: block;
    margin-bottom: 54px; }
  .product-type-btn {
    margin: 20px 0 0; } }

.product-specs {
  display: flex;
  align-items: center; }
  .product-specs-content {
    max-width: 384px;
    flex-shrink: 0;
    margin-left: 140px; }
    .product-specs-content .has-accent {
      margin-bottom: 43px; }
  @media (max-width: 1400px) {
    .product-specs {
      margin-top: 100px;
      margin-bottom: 40px; } }
  @media (min-width: 1251px) {
    .fifty-fifty-section + .product-specs {
      margin-top: -100px; } }
  @media (max-width: 1250px) {
    .product-specs-content {
      margin-left: 40px; } }
  @media (max-width: 1000px) {
    .product-specs {
      margin-top: 87px;
      flex-direction: column-reverse; }
      .product-specs-content {
        max-width: 500px;
        margin: auto;
        padding: 0 36px; }
        .product-specs-content .has-accent {
          display: none; }
      .product-specs-img .has-accent.mobile-only {
        display: block;
        margin-left: 36px;
        margin-right: 36px;
        margin-bottom: 48px; }
      .product-specs-img > img {
        margin: -70px 0 -40px; } }
  .page-content .product-specs-ordered-list {
    margin: 0;
    list-style: none;
    counter-reset: ol-counter; }
    .page-content .product-specs-ordered-list li {
      counter-increment: ol-counter;
      margin-bottom: 20px;
      position: relative;
      padding-left: 60px;
      background-image: none;
      min-height: 40px; }
      .page-content .product-specs-ordered-list li:before {
        display: none; }
      .page-content .product-specs-ordered-list li .spec-number {
        font-family: "Geomanist", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        position: absolute;
        left: 0;
        top: 0;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 2.5px #000 solid; }
  .product-specs-tile {
    position: relative;
    padding-left: 60px; }
    .product-specs-tile::before {
      content: '';
      display: block;
      position: absolute;
      z-index: 1;
      left: 0;
      top: 2px;
      width: 38px;
      height: 38px;
      background-size: 100%;
      background-repeat: no-repeat; }
  .product-specs .spec-title {
    font-family: "Geomanist", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px;
    letter-spacing: 0.08em;
    color: #363940; }
  .product-specs-alt {
    padding: 110px 35px 100px; }
    .product-specs-alt .has-accent--center {
      margin-bottom: 60px; }
  .product-specs-list {
    max-width: 812px;
    margin: auto;
    column-count: 2;
    column-gap: 40px; }
    .page-content .product-specs-list {
      margin: auto; }
  @media (max-width: 640px) {
    .product-specs-alt {
      padding: 66px 35px 60px; }
      .product-specs-alt .has-accent--center {
        margin-bottom: 35px;
        font-size: 26px; }
    .product-specs-list {
      column-count: 1;
      margin-left: 8px; }
      .product-specs-list li {
        margin-bottom: 1em; } }
  .product-specs--performance {
    align-items: center; }
    .product-specs--performance .product-specs-content {
      max-width: 372px; }
      .product-specs--performance .product-specs-content .has-accent {
        margin-bottom: 46px;
        font-family: "Geomanist", sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 42px;
        line-height: 1.095; }
        .product-specs--performance .product-specs-content .has-accent::after {
          bottom: -20px; }
    .product-specs--performance .product-specs-img .has-accent.mobile-only {
      font-family: "Geomanist", sans-serif;
      font-style: normal;
      font-weight: 300;
      font-size: 30px;
      line-height: 1.26; }
    .page-content .product-specs--performance .product-specs-ordered-list li .spec-title {
      padding-top: 10px; }
    .page-content .product-specs--performance .product-specs-ordered-list li.featured .spec-title {
      padding-top: 0; }
    .page-content .product-specs--performance .product-specs-ordered-list li.featured::before {
      border: 3px #0EB054 solid; }

.product-literature {
  padding: 80px 140px 74px; }
  .product-literature .has-accent--center {
    margin-bottom: 53px; }
  .product-literature.has-margin-right {
    padding-right: 45px;
    margin-right: 95px; }
  .product-literature-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 20px;
    row-gap: 40px;
    max-width: 1124px;
    margin: auto; }
  .product-literature-item {
    max-width: 242px; }
    .product-literature-item .lit-icon {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 60px;
      height: 60px;
      margin-bottom: 8px;
      border-radius: 50%;
      background-color: #fff;
      color: #000; }
      .product-literature-item .lit-icon svg {
        flex-shrink: 0;
        width: 30px;
        height: 30px; }
    .product-literature-item.performance-literature-item a.arrow-link {
      position: relative;
      padding-right: 30px;
      color: #fff;
      text-transform: uppercase; }
  .product-literature .btn-wrap {
    margin-top: 70px; }
    @media (max-width: 640px) {
      .product-literature .btn-wrap {
        margin-top: 30px; } }
  @media (max-width: 1250px) {
    .product-literature, .product-literature.has-margin-right {
      margin-right: 0;
      padding-left: 70px;
      padding-right: 70px; } }
  @media (max-width: 1000px) {
    .product-literature, .product-literature.has-margin-right {
      padding: 66px 35px 60px; }
    .product-literature .has-accent--center {
      margin-bottom: 35px;
      font-size: 26px; }
    .product-literature-grid {
      grid-template-columns: 1fr; }
    .product-literature-item {
      margin-bottom: 30px; } }
  @media (max-width: 640px) {
    .product-literature-item {
      justify-self: flex-start;
      max-width: 100%; } }

.related-products {
  padding: 107px 35px 130px; }
  .related-products .has-accent--center {
    margin-bottom: 53px; }
  .related-products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
    row-gap: 30px;
    max-width: 1160px;
    margin: auto; }
    .related-products-grid-item {
      display: block;
      text-align: center;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
      text-decoration: none; }
      .related-products-grid-item .item-image {
        position: relative;
        z-index: 1;
        border: 1px #f1f1f1 solid;
        overflow: hidden; }
        .related-products-grid-item .item-image .cover-image {
          background-color: transparent;
          padding-top: 100%;
          transition: transform 0.3s ease; }
        .related-products-grid-item .item-image-label {
          position: absolute;
          z-index: 8;
          left: 0;
          top: 0;
          display: inline-flex; }
        .related-products-grid-item .item-image .label-featured,
        .related-products-grid-item .item-image .label-new {
          display: inline-block;
          font-family: "Silka", sans-serif;
          font-style: normal;
          font-weight: 700;
          font-size: 11px;
          line-height: 1.81;
          letter-spacing: 0.08em;
          text-transform: uppercase;
          padding: 0.2em 0.55em;
          color: #fff; }
        .related-products-grid-item .item-image .label-featured {
          background-color: #148143; }
        .related-products-grid-item .item-image .label-new {
          background-color: #B24DAC; }
      .related-products-grid-item .item-title {
        padding: 14px;
        font-family: "Silka", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 1.375;
        color: #000; }
      .related-products-grid-item:hover, .related-products-grid-item:focus {
        color: inherit; }
        .related-products-grid-item:hover .item-image .cover-image, .related-products-grid-item:focus .item-image .cover-image {
          transform: scale(1.1); }
  .related-products--5wide .related-products-grid {
    grid-template-columns: repeat(5, 1fr); }
  .featured-products-section .related-products {
    padding: 0 36px; }
    @media (min-width: 1001px) {
      .featured-products-section .related-products {
        position: relative;
        z-index: 10;
        top: -20px; } }
  @media (max-width: 782px) {
    .related-products {
      overflow: hidden;
      padding: 60px 0 45px; }
      .related-products-grid {
        display: block; }
      .related-products .mobile-only.slider-controls {
        display: flex;
        justify-content: center;
        margin: 16px auto 0;
        padding-bottom: 15px; }
      .related-products .slick-list {
        overflow: visible; }
      .related-products .slick-slide {
        padding: 0 10px;
        transition: transform 0.4s ease, filter 0.4s ease, box-shadow 0.4s ease;
        filter: blur(5px); }
        .related-products .slick-slide.slick-current, .related-products .slick-slide.slick-current-clone-animate {
          filter: none; } }
  @media (max-width: 640px) {
    .related-products .has-accent--center {
      text-align: center;
      font-size: 26px;
      margin-bottom: 35px; }
      .related-products .has-accent--center::after {
        left: 50%;
        transform: translateX(-50%); } }

.fr-er-table {
  margin-top: 60px; }
  .fr-er-table .row, .fr-er-table .row-mobile {
    display: flex;
    align-items: center; }
  .fr-er-table .row--fr {
    flex-direction: row; }
    .fr-er-table .row--fr .row-icon {
      transform: translateY(-30px); }
  .fr-er-table .row--er,
  .fr-er-table .row--er .row-mobile {
    flex-direction: row-reverse; }
  .fr-er-table .row--er .row-icon {
    transform: translateY(30px); }
  .fr-er-table .row-text {
    width: 200px;
    flex-shrink: 0; }
    .fr-er-table .row-text h6 {
      font-family: "Geomanist", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 1.375;
      letter-spacing: 0.08em;
      margin-bottom: 10px;
      color: #363940; }
    .fr-er-table .row-text p {
      font-size: 14px;
      line-height: 1.57;
      margin: 0; }
  .fr-er-table .row-icon {
    opacity: 0;
    width: 87px;
    margin: 0 15px;
    flex-shrink: 0;
    transition: opacity 0.3s ease, transform 1s ease; }
  .fr-er-table .row-stat {
    flex: 1;
    text-align: center;
    font-family: "Geomanist", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 52px;
    line-height: 1;
    color: #54555A; }
  .fr-er-table .row-separator {
    display: block;
    max-width: 474px;
    height: 2px;
    margin: 5px 0 0;
    background-image: url("../images/separator.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 2px;
    color: transparent;
    background-color: transparent;
    border: 0; }
  .fr-er-table.visible .row--fr .row-icon,
  .fr-er-table.visible .row--er .row-icon {
    opacity: 1;
    transform: translateY(0); }
  @media (max-width: 640px) {
    .fr-er-table .row--fr {
      flex-wrap: wrap; }
    .fr-er-table .row--er {
      flex-wrap: wrap-reverse; }
      .fr-er-table .row--er .row-mobile {
        flex-direction: row; }
      .fr-er-table .row--er .row-text {
        padding-top: 5px; }
    .fr-er-table .row-text,
    .fr-er-table .row .row-mobile {
      width: 100%; }
    .fr-er-table .row-text p {
      margin-bottom: 1em; }
    .fr-er-table .row-icon {
      width: 60px;
      margin-left: -10px; }
    .fr-er-table .row-stat {
      text-align: left; } }

.performance-section {
  padding: 87px 36px 80px; }
.performance-stats {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 922px;
  margin: auto; }
  .performance-stats-item {
    width: 250px;
    text-align: center;
    position: relative; }
    .performance-stats-item .item-desc {
      max-width: 216px;
      margin: auto; }
      .performance-stats-item .item-desc p {
        margin-bottom: .5em; }
    .performance-stats-item h4 {
      font-size: 24px;
      margin: -5px 0 13px;
      color: #363940; }
    .performance-stats-item a {
      color: #135644;
      text-decoration: none; }
      .performance-stats-item a h4 {
        color: inherit; }
      .performance-stats-item a::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 5; }
    .performance-stats-item .icon-arrow-right {
      fill: #135644;
      transition: transform .2s ease; }
    .performance-stats-item .item-desc:hover .icon-arrow-right {
      transform: translateX(5px); }
  @media (max-width: 782px) {
    .performance-stats {
      flex-direction: column; }
      .performance-stats-item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        margin-bottom: 40px; }
        .performance-stats-item .item-desc {
          text-align: left;
          margin-left: 20px; }
          .performance-stats-item .item-desc h4 {
            margin: 0 0 0.3em; }
          .performance-stats-item .item-desc p {
            margin: 0; } }

.circle-counter {
  position: relative;
  box-shadow: inset 0 0 10px #fff;
  border-radius: 300px;
  overflow: hidden; }
  .circle-counter .icon-circle-graph {
    position: relative;
    z-index: -1;
    display: block;
    margin: auto;
    width: 250px;
    height: 250px; }
    .circle-counter .icon-circle-graph .bkgd {
      stroke: rgba(26, 24, 24, 0.25);
      stroke-width: 10px;
      stroke-linecap: butt;
      stroke-dasharray: 1, 5;
      stroke-dashoffset: 0.5; }
    .circle-counter .icon-circle-graph .graph {
      stroke-width: 10px;
      stroke-linecap: round;
      stroke-dasharray: 647;
      stroke-dashoffset: 647;
      transform: rotate(-90deg);
      transform-origin: center; }
  .circle-counter--blue circle.graph {
    stroke: #135644; }
  .circle-counter--purple circle.graph {
    stroke: #B24DAC; }
  .circle-counter--green circle.graph {
    stroke: #0EB054; }
  .circle-counter-fraction {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center; }
  .circle-counter-numerator {
    font-family: "Geomanist", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 74px;
    line-height: 1;
    color: #363940; }
  .circle-counter-denominator {
    display: inline-flex;
    font-family: "Geomanist", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 38px;
    color: #767676; }
    .circle-counter-denominator::before {
      content: '/';
      font-size: 38px;
      margin: 0 3px; }
  @media (max-width: 1000px) {
    .circle-counter .icon-circle-graph {
      width: 200px;
      height: 200px; } }
  @media (max-width: 782px) {
    .circle-counter .icon-circle-graph {
      width: 100px;
      height: 100px; }
    .circle-counter-numerator {
      font-size: 40px; }
    .circle-counter-denominator {
      font-size: 19px; }
      .circle-counter-denominator::before {
        font-size: 21px;
        margin: 0; } }

.color-options-section {
  margin-bottom: -30px;
  padding: 87px 140px 120px;
  background-color: #F6F7FA; }
  .color-options-section.campaign-colors {
    margin-bottom: 0;
    background-color: #fff; }
    @media (max-width: 1250px) {
      .color-options-section.campaign-colors {
        padding-left: 45px; } }
    @media (max-width: 1000px) {
      .color-options-section.campaign-colors {
        padding: 40px 36px 86px; } }
    .color-options-section.campaign-colors .section-intro {
      max-width: 470px;
      margin-bottom: 35px; }
  .color-options-section.has-margin-left {
    padding-left: 45px;
    margin-left: 95px; }
  .color-options-section .btn-wrap {
    text-align: center; }
.color-options-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 20px;
  row-gap: 40px;
  margin-bottom: 40px; }
  .color-options-grid .product-listing-item {
    padding-bottom: 62px; }
    .color-options-grid .product-listing-item .product-desc-top {
      min-height: 62px;
      padding: 12px 19px; }
  .color-options-grid.color-options-grid--performance {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .color-options-grid.color-options-grid--performance .product-listing-grid-item {
      flex: 0 0 calc(20% - 16px); }
      @media (max-width: 1250px) {
        .color-options-grid.color-options-grid--performance .product-listing-grid-item {
          flex-basis: calc(25% - 15px); } }
      @media (max-width: 782px) {
        .color-options-grid.color-options-grid--performance .product-listing-grid-item {
          flex-basis: calc(33.33% - 5.33px); } }
      @media (max-width: 640px) {
        .color-options-grid.color-options-grid--performance .product-listing-grid-item {
          flex-basis: calc(50% - 4px); } }
@media (max-width: 1250px) {
  .color-options-section, .color-options-section.has-margin-left {
    margin-left: 0;
    background-color: transparent;
    padding-right: 45px; } }
@media (max-width: 1000px) {
  .color-options-section, .color-options-section.has-margin-left {
    padding: 40px 36px 86px;
    margin-bottom: 0; }
  .color-options-grid {
    grid-template-columns: repeat(4, 1fr); }
    .color-options-grid .product-listing-grid-item {
      margin-bottom: 0; } }
@media (max-width: 782px) {
  .color-options-grid {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 8px;
    row-gap: 20px; } }
@media (max-width: 640px) {
  .color-options-section .btn-wrap {
    max-width: 200px;
    margin: auto; }
    .color-options-section .btn-wrap .btn {
      margin: 10px 0; }
  .color-options-grid {
    grid-template-columns: repeat(2, 1fr); } }

.product-modal {
  position: fixed;
  z-index: 99999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 60px; }
  .product-modal-inner {
    position: relative;
    width: 670px;
    max-width: 75vh;
    flex-shrink: 0; }
  .product-modal-image {
    padding-top: 100%;
    box-shadow: 10px 70px 70px rgba(0, 0, 0, 0.3); }
  .product-modal-content {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 12%;
    right: 12%;
    transform: translateY(50%);
    display: flex; }
  .product-modal-label, .product-modal-download {
    display: flex;
    align-items: center;
    justify-content: center; }
  .product-modal-label {
    flex: 1;
    flex-direction: column;
    background-color: #fff;
    text-align: center;
    padding: 10px 20px; }
    .product-modal-label .product-title {
      margin: 0;
      font-family: "Geomanist", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 30px;
      line-height: 1.2666;
      color: #363940;
      letter-spacing: -0.01em; }
    .product-modal-label .product-subtitle {
      font-family: "Silka", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 15px;
      line-height: 1.666;
      color: #000;
      letter-spacing: -0.005em; }
  .product-modal-download {
    flex-shrink: 0;
    width: 96px;
    height: 96px;
    background-color: #135644;
    color: #fff; }
    .product-modal-download .icon-download {
      height: 34px;
      width: auto; }
  @media (max-width: 782px) {
    .product-modal-inner {
      width: 80%; }
    .product-modal-label .product-title {
      font-size: 24px; } }

.installation-gallery-modal {
  position: fixed;
  z-index: 99999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 60px; }
  .installation-gallery-modal .modal-inner {
    position: relative;
    width: calc(90vh * 1.33);
    max-width: 1000px;
    flex-shrink: 0; }
    @media (max-width: 640px) {
      .installation-gallery-modal .modal-inner {
        width: 90%; } }
  .installation-gallery-modal .carousel-nav {
    position: absolute;
    right: 20px;
    bottom: 0;
    padding: 10px 20px;
    background-color: #fff;
    display: flex;
    align-items: center; }
    @media (max-width: 500px) {
      .installation-gallery-modal .carousel-nav {
        padding: 5px 15px; } }
    .installation-gallery-modal .carousel-nav .carousel-counter {
      display: flex;
      align-items: center;
      color: #989898;
      margin-left: 15px; }
      @media (max-width: 500px) {
        .installation-gallery-modal .carousel-nav .carousel-counter {
          position: absolute;
          right: 0;
          bottom: -25px;
          color: #fff; } }
      .installation-gallery-modal .carousel-nav .carousel-counter span {
        padding: 0 3px;
        position: relative;
        width: 25px; }
  .installation-gallery-modal .slider-image {
    position: relative;
    padding-bottom: 32px; }
    .installation-gallery-modal .slider-image .cover-image {
      padding-top: 66%; }
    .installation-gallery-modal .slider-image .caption {
      position: absolute;
      left: 20px;
      bottom: -5px;
      background-color: #fff;
      padding: 25px 32px;
      z-index: 6;
      max-width: calc(100% - 260px); }
      @media (max-width: 500px) {
        .installation-gallery-modal .slider-image .caption {
          max-width: calc(100% - 180px);
          padding: 20px; } }

.popup-modal-close {
  position: absolute;
  z-index: 10;
  top: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border: 0;
  background-color: #135644;
  color: #fff;
  cursor: pointer;
  transition: box-shadow 0.2s ease; }
  .popup-modal-close .icon-x {
    width: 15px;
    height: 15px; }
  .popup-modal-close:hover, .popup-modal-close:focus {
    box-shadow: 0 6px 9px rgba(0, 0, 0, 0.34); }

.interactive-map-section {
  position: relative; }

.map-bkgd {
  position: relative;
  display: block;
  width: 100%; }
.map-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }
.map-point {
  position: absolute; }
  .map-point-button {
    position: relative;
    z-index: 1;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 28px;
    border: 0;
    transition: all 0.3s ease 0s;
    cursor: pointer; }
    .map-point-button::after {
      content: '';
      display: block;
      position: absolute;
      z-index: -1;
      right: -22px;
      top: -22px;
      background-color: transparent;
      opacity: 0.1;
      width: 64px;
      height: 64px;
      border: 2px solid #fff;
      border-radius: 100px;
      animation: pulse 2s linear infinite; }
    .map-point-button span {
      position: absolute;
      z-index: 999;
      left: -72px;
      right: 0;
      top: 30px;
      display: block;
      padding: 10px 10px;
      width: 165px;
      font-family: "Silka", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 15px;
      color: #363940;
      background: #fff;
      text-align: center;
      box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
      opacity: 0;
      transition: 0.3s ease all;
      margin: 0 auto;
      pointer-events: none;
      transform: translateY(20px); }
      .map-point-button span::before {
        content: '';
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        top: -5px;
        left: 50%;
        right: 0;
        transform: translateX(-50%);
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #fff; }
    .map-point:hover .map-point-button, .map-point:focus-within .map-point-button {
      background-color: rgba(255, 255, 255, 0.8); }
      .map-point:hover .map-point-button span, .map-point:focus-within .map-point-button span {
        opacity: 1;
        transform: translateY(0px); }
    @media (max-width: 640px) {
      .map-point-button {
        width: 10px;
        height: 10px; }
        .map-point-button::after {
          right: -11px;
          top: -11px;
          width: 32px;
          height: 32px; } }
.map-popup {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: 555;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: visibility 0s 0.32s linear, opacity 0.3s ease; }
  .map-popup.active {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s 0s linear, opacity 0.3s ease; }
  .map-popup-inner {
    position: relative;
    display: grid;
    grid-template-columns: 43.5% 1fr;
    max-width: 1160px;
    margin: 0 36px;
    background: #fff;
    box-shadow: 10px 70px 70px rgba(0, 0, 0, 0.3);
    transition: transform 0.4s ease;
    transform: translateY(100px); }
    .map-popup-inner .arrow-link {
      position: relative;
      text-decoration: none;
      text-transform: uppercase;
      color: #135644; }
      .map-popup-inner .arrow-link:hover, .map-popup-inner .arrow-link:focus {
        text-decoration: underline; }
    .map-popup.active .map-popup-inner {
      transform: translateY(0px); }
  .map-popup-image {
    position: relative;
    z-index: 1;
    max-height: 80vh; }
    .map-popup-image .cover-image {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 2; }
  .map-popup-content {
    max-height: 80vh;
    overflow: auto;
    padding: 52px 60px; }
    .map-popup-content *:last-child {
      margin-bottom: 0; }
  .map-popup-close {
    top: 10px;
    right: 10px; }
    .map-popup-close--mobile {
      top: 0;
      right: 0;
      display: none; }
  @media (max-width: 1250px) {
    .map-popup-content {
      padding: 52px 60px; } }
  @media (max-width: 1000px) {
    .map-popup.active {
      top: 59px;
      display: block; }
    .map-popup-inner {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      display: block;
      margin: 0;
      padding: 98px 36px 62px;
      transform: translateY(0px);
      overflow: auto; }
      .map-popup-inner .popup-modal-close {
        display: none; }
    .map-popup-image {
      max-width: 318px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
      margin: 0 auto 40px; }
      .map-popup-image .cover-image {
        position: relative;
        padding-top: 100%; }
    .map-popup-content {
      padding: 0; }
    .map-popup-close--mobile {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 68px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #135644;
      color: #fff;
      border: 0;
      font-family: "Geomanist", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.3s ease;
      cursor: pointer; }
      .map-popup-close--mobile:hover, .map-popup-close--mobile:focus {
        box-shadow: 1px 9px 14px rgba(0, 0, 0, 0.16); }
      .map-popup-close--mobile .icon-x-o {
        width: 30px;
        height: 30px;
        margin-right: 7px; } }

@keyframes pulse {
  0% {
    transform: scale(0);
    opacity: 0; }
  8% {
    transform: scale(0);
    opacity: 0; }
  15% {
    transform: scale(0.1);
    opacity: 1; }
  30% {
    transform: scale(0.5);
    opacity: 1; }
  100% {
    opacity: 0;
    transform: scale(1); } }
.fifty-fifty-section--circularity {
  margin-bottom: 0; }
  .fifty-fifty-section--circularity .section-image {
    text-align: right; }
  .fifty-fifty-section--circularity .circularity-img {
    position: relative;
    z-index: 99;
    top: -30px;
    right: -55px; }
  @media (max-width: 1000px) {
    .fifty-fifty-section--circularity .section-image {
      overflow: hidden;
      text-align: left;
      margin: -45px 0 0; }
    .fifty-fifty-section--circularity .circularity-img {
      position: relative;
      top: 0;
      right: 0;
      left: -17%; } }
  @media (max-width: 640px) {
    .fifty-fifty-section--circularity .circularity-img {
      max-width: 435px; } }

/* ======================================================= */
.upcycled-rubber {
  padding: 50px 0 100px; }
  @media (max-width: 1000px) {
    .upcycled-rubber {
      padding-bottom: 0; } }
  .upcycled-rubber .container {
    width: 100%;
    max-width: 100%; }
    @media (min-width: 768px) {
      .upcycled-rubber .container {
        padding: 0 50px; } }
    @media (min-width: 992px) {
      .upcycled-rubber .container {
        padding: 0 0 100px; } }
    .upcycled-rubber .container .circle-graphic {
      margin: 0 auto;
      position: relative; }
      @media (min-width: 768px) {
        .upcycled-rubber .container .circle-graphic {
          display: flex;
          flex-wrap: nowrap;
          width: 650px;
          height: 650px;
          font-size: 21px;
          line-height: 28px;
          justify-content: center; } }
      @media (min-width: 992px) {
        .upcycled-rubber .container .circle-graphic {
          width: 800px;
          height: 800px;
          font-size: 26px;
          line-height: 35px; } }
      @media (min-width: 1080px) {
        .upcycled-rubber .container .circle-graphic {
          width: 900px;
          height: 900px;
          font-size: 30px;
          line-height: 40px; } }
      @media (min-width: 1400px) {
        .upcycled-rubber .container .circle-graphic {
          width: 1000px;
          height: 1000px; } }
      .upcycled-rubber .container .circle-graphic .background-circle {
        background-image: url("../svg/circularity-circle-graphic.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        display: none; }
        @media (min-width: 768px) {
          .upcycled-rubber .container .circle-graphic .background-circle {
            display: block; } }
      .upcycled-rubber .container .circle-graphic .central-text {
        align-self: center;
        margin: 0 auto;
        position: relative;
        flex: 0 1 100%;
        font-weight: 600;
        font-size: 26px;
        line-height: 36px;
        padding: 0 40px;
        margin-bottom: 30px; }
        @media (min-width: 768px) {
          .upcycled-rubber .container .circle-graphic .central-text {
            position: absolute;
            width: 325px;
            font-weight: normal;
            font-size: 24px;
            line-height: 31px;
            text-align: center;
            padding: 0;
            margin-bottom: 0; } }
        @media (min-width: 992px) {
          .upcycled-rubber .container .circle-graphic .central-text {
            font-size: 30px;
            line-height: 40px; } }
        @media (min-width: 1080px) {
          .upcycled-rubber .container .circle-graphic .central-text {
            align-self: center;
            width: 436px;
            margin: 0 auto;
            text-align: center; } }
        .upcycled-rubber .container .circle-graphic .central-text a {
          font-size: 36px;
          line-height: 42px; }
          @media (min-width: 768px) {
            .upcycled-rubber .container .circle-graphic .central-text a {
              font-size: 24px;
              line-height: 31px; } }
          @media (min-width: 992px) {
            .upcycled-rubber .container .circle-graphic .central-text a {
              font-size: 30px;
              line-height: 40px; } }
      .upcycled-rubber .container .circle-graphic .circle {
        background-color: #fff;
        border-radius: 50%;
        text-align: center;
        align-items: center;
        display: flex;
        padding: 30px;
        width: 77vw;
        height: 77vw;
        margin: 0 auto;
        font-size: 24px;
        line-height: 31px;
        opacity: 1;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
        font-family: "Geomanist", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 30px;
        line-height: 1.266; }
        .upcycled-rubber .container .circle-graphic .circle .d-block {
          display: block; }
          .upcycled-rubber .container .circle-graphic .circle .d-block.purple-text {
            font-weight: 500;
            color: #B24DAC; }
        @media (min-width: 375px) {
          .upcycled-rubber .container .circle-graphic .circle {
            font-size: 30px;
            line-height: 40px; } }
        @media (min-width: 480px) {
          .upcycled-rubber .container .circle-graphic .circle {
            width: 300px;
            height: 300px;
            margin: 40px auto 50px; } }
        @media (min-width: 768px) {
          .upcycled-rubber .container .circle-graphic .circle {
            position: absolute;
            opacity: 0;
            transform: scale(0.85);
            font-size: 24px;
            line-height: 31px;
            padding: 20px;
            margin: 0;
            font-weight: normal; } }
        @media (min-width: 992px) {
          .upcycled-rubber .container .circle-graphic .circle {
            padding: 30px;
            font-size: 30px;
            line-height: 40px; } }
        .upcycled-rubber .container .circle-graphic .circle a {
          display: block; }
        @media (min-width: 768px) {
          .upcycled-rubber .container .circle-graphic .circle.innovation {
            top: 0;
            left: 0;
            width: 220px;
            height: 220px; } }
        @media (min-width: 992px) {
          .upcycled-rubber .container .circle-graphic .circle.innovation {
            top: 0;
            left: 30px;
            width: 270px;
            height: 270px; } }
        @media (min-width: 1280px) {
          .upcycled-rubber .container .circle-graphic .circle.innovation {
            top: 0px;
            left: 100px;
            width: 300px;
            height: 300px; } }
        @media (min-width: 768px) {
          .upcycled-rubber .container .circle-graphic .circle.circularity {
            top: 20px;
            right: 0;
            width: 225px;
            height: 225px; } }
        @media (min-width: 992px) {
          .upcycled-rubber .container .circle-graphic .circle.circularity {
            top: 40px;
            right: 0;
            width: 280px;
            height: 280px; } }
        @media (min-width: 1280px) {
          .upcycled-rubber .container .circle-graphic .circle.circularity {
            top: 100px;
            right: 0;
            width: 325px;
            height: 325px; } }
        @media (min-width: 768px) {
          .upcycled-rubber .container .circle-graphic .circle.manufacturer {
            bottom: 0;
            right: 20px;
            width: 250px;
            height: 250px; } }
        @media (min-width: 992px) {
          .upcycled-rubber .container .circle-graphic .circle.manufacturer {
            bottom: 0;
            right: 50px;
            width: 290px;
            height: 290px; } }
        @media (min-width: 1280px) {
          .upcycled-rubber .container .circle-graphic .circle.manufacturer {
            bottom: 0;
            right: 83px;
            width: 325px;
            height: 325px; } }
        @media (min-width: 768px) {
          .upcycled-rubber .container .circle-graphic .circle.efficient {
            bottom: 20px;
            left: 0;
            width: 250px;
            height: 250px; } }
        @media (min-width: 992px) {
          .upcycled-rubber .container .circle-graphic .circle.efficient {
            bottom: 30px;
            left: 0;
            width: 280px;
            height: 280px; } }
        @media (min-width: 1280px) {
          .upcycled-rubber .container .circle-graphic .circle.efficient {
            bottom: 63px;
            left: 0;
            width: 326px;
            height: 326px; } }
      @media (min-width: 768px) {
        .upcycled-rubber .container .circle-graphic .slider-controls {
          display: none; } }
      @media (max-width: 767px) {
        .upcycled-rubber .container .circle-graphic .upcycled-rubber-slider-wrap {
          position: relative;
          z-index: 2;
          background-image: url("../svg/circularity-circle-graphic-mobile.svg");
          background-position: center;
          background-repeat: no-repeat;
          background-size: 100%;
          min-height: 76vw;
          overflow: hidden;
          display: flex;
          align-items: center;
          justify-content: center; }
        .upcycled-rubber .container .circle-graphic .slider-controls {
          position: relative;
          z-index: 1;
          justify-content: center;
          background: linear-gradient(0deg, #F6F7FA 0%, rgba(246, 247, 250, 0) 100%);
          margin-top: -150px;
          padding-top: 140px;
          padding-bottom: 35px; }
          .upcycled-rubber .container .circle-graphic .slider-controls .icon-slider-nav {
            width: 38px;
            height: 38px;
            border-radius: 38px;
            border: 2px #fff solid; }
        .upcycled-rubber .container .circle-graphic .slick-slider {
          width: 390px;
          margin: auto; }
        .upcycled-rubber .container .circle-graphic .slick-slide {
          padding: 0 10px; }
        .upcycled-rubber .container .circle-graphic .slick-list {
          overflow: visible !important; } }

/* ======================================================= */
@media (max-width: 992px) {
  .rubberzero-model {
    padding: 67px 36px 60px;
    background: linear-gradient(270deg, white 0%, #f6f7fa 100%); }
    .rubberzero-model .section-title {
      font-size: 30px;
      font-weight: normal; }
      .rubberzero-model .section-title.align-center {
        text-align: left; } }
.rubberzero-model .container {
  padding: 0 15px;
  width: 100%;
  max-width: 500px; }
  @media (min-width: 992px) {
    .rubberzero-model .container {
      padding: 0;
      max-width: 100%; } }
.rubberzero-model .model-wrapper {
  position: relative;
  background: none; }
  @media (min-width: 992px) {
    .rubberzero-model .model-wrapper {
      margin-top: 45px; } }
  @media (min-width: 1200px) {
    .rubberzero-model .model-wrapper {
      background: linear-gradient(315deg, rgba(0, 0, 0, 0.1) 0%, transparent 35%), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 0%, transparent 25%);
      margin-top: 0px; } }
  @media (min-width: 992px) {
    .rubberzero-model .model-wrapper::after {
      content: '';
      display: block;
      position: absolute;
      z-index: -1;
      left: 0;
      bottom: 0;
      top: 50%;
      right: 50%;
      background: -moz-linear-gradient(60deg, #cdde00 0%, rgba(255, 255, 255, 0) 50%);
      background: -webkit-linear-gradient(60deg, #cdde00 0%, rgba(255, 255, 255, 0) 50%);
      background: linear-gradient(60deg, #cdde00 0%, rgba(255, 255, 255, 0) 50%); } }
  .rubberzero-model .model-wrapper .text-items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: auto;
    position: relative;
    z-index: 2; }
    .rubberzero-model .model-wrapper .text-items .text-item {
      width: 50%;
      height: auto;
      display: flex;
      align-items: center;
      padding: 28px 0 0;
      opacity: 1; }
      @media (min-width: 992px) {
        .rubberzero-model .model-wrapper .text-items .text-item {
          opacity: 0;
          height: 350px;
          padding: 28px; } }
      @media (min-width: 1280px) {
        .rubberzero-model .model-wrapper .text-items .text-item {
          height: 345px;
          padding: 30px 15px; } }
      .rubberzero-model .model-wrapper .text-items .text-item .wrapper {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column; }
        @media (min-width: 992px) {
          .rubberzero-model .model-wrapper .text-items .text-item .wrapper {
            margin: 0;
            width: 320px;
            background: none;
            align-items: center;
            flex-direction: row; } }
        @media (min-width: 1280px) {
          .rubberzero-model .model-wrapper .text-items .text-item .wrapper {
            flex-wrap: nowrap;
            justify-content: flex-start;
            width: 425px; } }
        .rubberzero-model .model-wrapper .text-items .text-item .wrapper .image {
          flex: 0 0 92px;
          order: 1;
          box-shadow: 0 0 0 5px #fff;
          border-radius: 50%;
          margin-left: 5px;
          margin-bottom: 10px; }
          @media (min-width: 992px) {
            .rubberzero-model .model-wrapper .text-items .text-item .wrapper .image {
              box-shadow: none;
              margin-bottom: 0;
              margin-left: 0; } }
        .rubberzero-model .model-wrapper .text-items .text-item .wrapper .text {
          order: 2;
          padding: 0 25px 0 11px;
          flex: 1; }
          @media (max-width: 992px) {
            .rubberzero-model .model-wrapper .text-items .text-item .wrapper .text {
              padding: 0; } }
          .rubberzero-model .model-wrapper .text-items .text-item .wrapper .text .description {
            display: flex;
            align-items: flex-end;
            padding: 0 0 10px;
            min-height: 0; }
            @media (min-width: 992px) {
              .rubberzero-model .model-wrapper .text-items .text-item .wrapper .text .description {
                padding: 0 6px 10px;
                min-height: 85px; } }
            .rubberzero-model .model-wrapper .text-items .text-item .wrapper .text .description p {
              margin: 0; }
        .rubberzero-model .model-wrapper .text-items .text-item .wrapper .separator {
          display: block;
          width: 154px;
          height: 2px;
          margin-bottom: 10px;
          background-color: #000; }
          @media (min-width: 992px) {
            .rubberzero-model .model-wrapper .text-items .text-item .wrapper .separator {
              width: 100%;
              height: 4px;
              margin-bottom: 18px; } }
        @media (min-width: 992px) {
          .rubberzero-model .model-wrapper .text-items .text-item .wrapper .read-more {
            padding: 0 6px;
            min-height: 67px; } }
      .rubberzero-model .model-wrapper .text-items .text-item.right {
        display: flex;
        justify-content: flex-end; }
        .rubberzero-model .model-wrapper .text-items .text-item.right .wrapper .image {
          flex: 0 0 92px; }
          @media (min-width: 1280px) {
            .rubberzero-model .model-wrapper .text-items .text-item.right .wrapper .image {
              order: 2; } }
        @media (min-width: 992px) {
          .rubberzero-model .model-wrapper .text-items .text-item.right .wrapper .text {
            padding: 0 11px 0 25px; } }
        @media (min-width: 1280px) {
          .rubberzero-model .model-wrapper .text-items .text-item.right .wrapper .text {
            order: 1; } }
      @media (max-width: 992px) {
        .rubberzero-model .model-wrapper .text-items .text-item.skyblue .image {
          box-shadow: 0 0 0 5px #6ba9e4; } }
      @media (min-width: 992px) {
        .rubberzero-model .model-wrapper .text-items .text-item.skyblue .separator {
          background-color: #6ba9e4; } }
      @media (max-width: 992px) {
        .rubberzero-model .model-wrapper .text-items .text-item.blue .wrapper .image {
          box-shadow: 0 0 0 5px #167ed5; } }
      @media (min-width: 1200px) {
        .rubberzero-model .model-wrapper .text-items .text-item.blue .wrapper .image {
          margin-bottom: 7px; } }
      @media (min-width: 1200px) {
        .rubberzero-model .model-wrapper .text-items .text-item.blue .wrapper .text {
          padding-right: 15px; } }
      .rubberzero-model .model-wrapper .text-items .text-item.blue .wrapper .text .description {
        padding-right: 0; }
      @media (min-width: 992px) {
        .rubberzero-model .model-wrapper .text-items .text-item.blue .wrapper .separator {
          background-color: #167ed5; } }
      .rubberzero-model .model-wrapper .text-items .text-item.yellow {
        align-items: flex-end; }
        @media (min-width: 1280px) {
          .rubberzero-model .model-wrapper .text-items .text-item.yellow .wrapper {
            width: 445px; } }
        .rubberzero-model .model-wrapper .text-items .text-item.yellow .text {
          font-size: 28px;
          line-height: 34px; }
        .rubberzero-model .model-wrapper .text-items .text-item.yellow .separator {
          background-color: #000; }
          @media (min-width: 1200px) {
            .rubberzero-model .model-wrapper .text-items .text-item.yellow .separator {
              margin-bottom: 35px; } }
      .rubberzero-model .model-wrapper .text-items .text-item.green {
        align-items: flex-end; }
        @media (min-width: 1200px) {
          .rubberzero-model .model-wrapper .text-items .text-item.green {
            margin-bottom: 30px; } }
        @media (min-width: 992px) {
          .rubberzero-model .model-wrapper .text-items .text-item.green .text {
            padding-bottom: 0; } }
        .rubberzero-model .model-wrapper .text-items .text-item.green .image {
          margin-bttom: 28px; }
          @media (max-width: 992px) {
            .rubberzero-model .model-wrapper .text-items .text-item.green .image {
              box-shadow: 0 0 0 5px #03ad42; } }
        @media (min-width: 992px) {
          .rubberzero-model .model-wrapper .text-items .text-item.green .separator {
            background-color: #03ad42; } }
  .rubberzero-model .model-wrapper .arrow-link--black {
    align-items: flex-end;
    font-family: "Silka", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.2;
    color: #000;
    text-transform: none; }
    .rubberzero-model .model-wrapper .arrow-link--black::after {
      margin-bottom: 0.2em; }
      @media (max-width: 992px) {
        .rubberzero-model .model-wrapper .arrow-link--black::after {
          background-image: url("../images/arrow-bullet.png"); } }
  .rubberzero-model .model-wrapper .slider-controls {
    margin-top: 20px; }
    .rubberzero-model .model-wrapper .slider-controls .slider-prev,
    .rubberzero-model .model-wrapper .slider-controls .slider-next {
      width: 38px; }
    .rubberzero-model .model-wrapper .slider-controls .icon-slider-nav .ring-center {
      fill: #F6F7FA; }
    .rubberzero-model .model-wrapper .slider-controls .icon-slider-nav .ring-grey {
      fill: #fff; }
    @media (min-width: 992px) {
      .rubberzero-model .model-wrapper .slider-controls {
        display: none; } }
.rubberzero-model .arrows-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 320px;
  height: 320px;
  display: none; }
  @media (min-width: 992px) {
    .rubberzero-model .arrows-circle {
      display: block; } }
  @media (min-width: 1200px) {
    .rubberzero-model .arrows-circle {
      width: 408px;
      height: 408px; } }
  .rubberzero-model .arrows-circle .arrows {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0; }
    .rubberzero-model .arrows-circle .arrows.skyblue {
      z-index: 4;
      opacity: 1; }
    .rubberzero-model .arrows-circle .arrows.blue {
      z-index: 3;
      transform: rotate(-90deg); }
    .rubberzero-model .arrows-circle .arrows.green {
      z-index: 2;
      transform: rotate(-90deg); }
    .rubberzero-model .arrows-circle .arrows.yellow {
      z-index: 1;
      transform: rotate(-90deg); }

/* ======================================================= */
.rubberzero-accordion-section {
  position: relative;
  z-index: 1; }
  @media (min-width: 1001px) {
    .rubberzero-accordion-section {
      margin-bottom: 175px; } }
.rubberzero-accordion-wrap, .rubberzero-accordion-panel {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center; }
  @media (min-width: 1001px) {
    .rubberzero-accordion-wrap, .rubberzero-accordion-panel {
      justify-content: flex-end;
      width: 76.66%;
      padding-right: 13.5%;
      padding-left: 140px; } }
  .rubberzero-accordion-wrap-inner, .rubberzero-accordion-panel-inner {
    width: 772px; }
    @media (max-width: 1000px) {
      .rubberzero-accordion-wrap-inner, .rubberzero-accordion-panel-inner {
        width: auto;
        max-width: 500px; } }
.rubberzero-accordion-wrap {
  min-height: 425px;
  background-color: #fff; }
  @media (max-width: 1000px) {
    .rubberzero-accordion-wrap {
      min-height: 0;
      padding: 67px 36px 60px; } }
@media (min-width: 1001px) {
  .rubberzero-accordion-bkgd {
    position: absolute;
    z-index: -1;
    top: -100px;
    right: 0;
    width: 47.9%;
    height: 525px; } }
.rubberzero-accordion-header {
  max-width: 400px; }
  @media (min-width: 1001px) {
    .rubberzero-accordion-header {
      margin-top: -45px; }
      .rubberzero-accordion-header .has-accent {
        padding-bottom: 17px;
        margin-bottom: 55px; } }
  @media (max-width: 1000px) {
    .rubberzero-accordion-header {
      max-width: 240px; }
      .rubberzero-accordion-header .has-accent {
        font-size: 30px;
        margin-bottom: 42px; } }
.rubberzero-accordion-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 40px; }
  .rubberzero-accordion-item:last-child {
    margin-bottom: 0; }
  .rubberzero-accordion-item .item-number {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 87px;
    height: 87px;
    margin-right: 35px;
    border-radius: 87px;
    border: 4px solid;
    color: #363940;
    font-family: "Geomanist", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    transition: background-color 0.3s ease, color 0.3s ease; }
    .rubberzero-accordion-item .item-number--green {
      border-color: #CDDE00; }
    .rubberzero-accordion-item .item-number--purple {
      border-color: #B24DAC; }
    @media (max-width: 640px) {
      .rubberzero-accordion-item .item-number {
        width: 36px;
        height: 36px;
        font-size: 16px;
        margin-right: 19px;
        border-width: 3px; } }
  .rubberzero-accordion-item.active .item-number {
    background-color: #CDDE00; }
    .rubberzero-accordion-item.active .item-number--purple {
      color: #fff;
      background-color: #B24DAC; }
  .rubberzero-accordion-item .item-content {
    flex: 1; }
    .rubberzero-accordion-item .item-content p {
      font-family: "Silka", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 20px;
      line-height: 1.25;
      color: #4D4E52;
      margin-bottom: 15px; }
      @media (max-width: 640px) {
        .rubberzero-accordion-item .item-content p {
          font-family: "Silka", sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 18px;
          line-height: 1.44; } }
.rubberzero-accordion-panel {
  background-color: #CDDE00; }
  .rubberzero-accordion-panel-wrap {
    width: 100% !important; }
  .rubberzero-accordion-panel-inner {
    padding: 80px 0; }
  @media (max-width: 1000px) {
    .rubberzero-accordion-panel {
      padding: 50px 36px; }
      .rubberzero-accordion-panel-inner {
        padding: 0; } }
  .rubberzero-accordion-panel-intro {
    position: relative;
    z-index: 1;
    margin-bottom: 40px; }
    @media (min-width: 1001px) {
      .rubberzero-accordion-panel-intro {
        padding-right: 29%;
        margin-bottom: 60px; }
        .rubberzero-accordion-panel-intro p {
          font-size: 20px; } }
    @media (max-width: 1000px) {
      .rubberzero-accordion-panel-intro .h4-like {
        font-size: 26px; } }
    .rubberzero-accordion-panel-intro .popup-modal-close {
      top: 50%;
      margin: -20px -20px 0 0;
      box-shadow: 0 0 0 transparent;
      transition: box-shadow 0.3s ease; }
      .rubberzero-accordion-panel-intro .popup-modal-close:hover, .rubberzero-accordion-panel-intro .popup-modal-close:focus {
        box-shadow: 0 6px 9px rgba(0, 0, 0, 0.34); }
      @media (max-width: 1000px) {
        .rubberzero-accordion-panel-intro .popup-modal-close {
          position: relative;
          margin: 0 0 10px;
          top: 0;
          right: 0; } }
  .rubberzero-accordion-panel-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 68px; }
    .rubberzero-accordion-panel-item:nth-child(even) {
      flex-direction: row-reverse; }
    .rubberzero-accordion-panel-item:last-child {
      margin-bottom: 0; }
    .rubberzero-accordion-panel-item .item-image {
      max-width: 280px;
      flex-shrink: 0; }
      @media (max-width: 1000px) {
        .rubberzero-accordion-panel-item .item-image {
          max-width: 154px;
          margin-bottom: 20px; } }
    .rubberzero-accordion-panel-item .item-text {
      width: 332px;
      border-bottom: 1px #454545 solid;
      font-family: "Silka", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 20px;
      line-height: 1.5;
      padding-bottom: 0.5em;
      margin: 0 42px; }
      .rubberzero-accordion-panel-item .item-text p {
        margin: 0; }
    @media (max-width: 640px) {
      .rubberzero-accordion-panel-item {
        display: block; }
        .rubberzero-accordion-panel-item .item-text {
          width: 257px;
          font-family: "Silka", sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 1.5625;
          margin: 0;
          border-bottom: 0;
          position: relative;
          z-index: 1; }
          .rubberzero-accordion-panel-item .item-text::after {
            content: '';
            display: block;
            position: absolute;
            z-index: 1;
            left: 0;
            bottom: 0;
            height: 1px;
            width: 194px;
            background-color: #454545; } }

/* ======================================================= */
.rubbers-gold {
  padding-bottom: 34px;
  margin-bottom: 234px; }
  .rubbers-gold .container {
    width: 100%;
    max-width: 1280px;
    margin-bottom: -134px; }
    .rubbers-gold .container .header-section {
      display: flex;
      align-items: flex-end;
      padding: 30px 40px;
      flex-wrap: wrap; }
      @media (min-width: 1200px) {
        .rubbers-gold .container .header-section {
          flex-wrap: nowrap;
          padding: 144px 60px 44px; } }
      .rubbers-gold .container .header-section .title {
        flex: 0 1 100%; }
        @media (min-width: 1200px) {
          .rubbers-gold .container .header-section .title {
            flex: 0 1 50%;
            padding-right: 20px; } }
        @media (min-width: 1440px) {
          .rubbers-gold .container .header-section .title {
            flex: 0 1 50%;
            padding-right: 25px; } }
        .rubbers-gold .container .header-section .title .section-title {
          font-family: "Geomanist", sans-serif;
          font-style: normal;
          font-weight: 500;
          font-size: 42px;
          line-height: 1;
          margin: 0; }
          @media (min-width: 768px) {
            .rubbers-gold .container .header-section .title .section-title {
              font-size: 52px; } }
        .rubbers-gold .container .header-section .title .section-subtitle {
          font-family: "Geomanist", sans-serif;
          font-style: normal;
          font-weight: 300;
          font-size: 26px;
          line-height: 1.2; }
          @media (min-width: 768px) {
            .rubbers-gold .container .header-section .title .section-subtitle {
              font-size: 40px; } }
      .rubbers-gold .container .header-section .shuffle {
        flex: 0 1 100%;
        display: flex;
        align-items: center;
        margin-top: 20px;
        flex-wrap: wrap; }
        @media (min-width: 768px) {
          .rubbers-gold .container .header-section .shuffle {
            flex-wrap: nowrap; } }
        @media (min-width: 1200px) {
          .rubbers-gold .container .header-section .shuffle {
            flex: 0 1 50%;
            margin-top: 0; } }
        .rubbers-gold .container .header-section .shuffle .description {
          flex: 0 1 100%;
          padding: 0 50px 0 0;
          max-width: 322px;
          margin-bottom: 20px; }
          @media (min-width: 768px) {
            .rubbers-gold .container .header-section .shuffle .description {
              flex: 0 1 60%;
              margin-bottom: 0; } }
          @media (min-width: 1200px) {
            .rubbers-gold .container .header-section .shuffle .description {
              padding: 0 50px; } }
          .rubbers-gold .container .header-section .shuffle .description p {
            margin: 0; }
        .rubbers-gold .container .header-section .shuffle .shuffle-action {
          flex: 0 1 100%;
          flex-wrap: nowrap;
          display: flex;
          align-items: center;
          cursor: pointer; }
          @media (min-width: 768px) {
            .rubbers-gold .container .header-section .shuffle .shuffle-action {
              flex: 0 1 40%; } }
          .rubbers-gold .container .header-section .shuffle .shuffle-action .text {
            font-size: 20px;
            transition: all 0.3 ease;
            order: 2; }
            @media (min-width: 768px) {
              .rubbers-gold .container .header-section .shuffle .shuffle-action .text {
                font-size: 30px;
                order: 1; } }
            @media (min-width: 1200px) {
              .rubbers-gold .container .header-section .shuffle .shuffle-action .text {
                font-size: 30px; } }
          .rubbers-gold .container .header-section .shuffle .shuffle-action .icon {
            flex: 0 0 48px;
            margin-right: 15px;
            border-radius: 50%;
            transition: all 0.3s ease;
            order: 1; }
            @media (min-width: 768px) {
              .rubbers-gold .container .header-section .shuffle .shuffle-action .icon {
                margin-left: 20px;
                margin-right: 0; } }
            @media (min-width: 992px) {
              .rubbers-gold .container .header-section .shuffle .shuffle-action .icon {
                flex: 0 0 72px;
                order: 2; } }
            @media (min-width: 1200px) {
              .rubbers-gold .container .header-section .shuffle .shuffle-action .icon {
                flex: 0 0 99px; } }
            @media (min-width: 1200px) {
              .rubbers-gold .container .header-section .shuffle .shuffle-action .icon img {
                height: 99px; } }
          .rubbers-gold .container .header-section .shuffle .shuffle-action:hover .text {
            text-decoration: underline; }
          .rubbers-gold .container .header-section .shuffle .shuffle-action:hover .icon {
            box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1); }
    .rubbers-gold .container .gold-slider-wrapper {
      position: relative;
      display: flex; }
      .rubbers-gold .container .gold-slider-wrapper .gold-item {
        position: relative; }
        .rubbers-gold .container .gold-slider-wrapper .gold-item .gold-label {
          position: absolute;
          left: 36px;
          bottom: 57px;
          color: #fff;
          font-weight: 600;
          font-size: 16px;
          line-height: 20px; }
          @media (min-width: 390px) {
            .rubbers-gold .container .gold-slider-wrapper .gold-item .gold-label {
              font-size: 20px;
              line-height: 24px;
              font-weight: 700; } }
          @media (min-width: 600px) {
            .rubbers-gold .container .gold-slider-wrapper .gold-item .gold-label {
              font-size: 24px;
              line-height: 30px;
              bottom: auto;
              top: 50%;
              transform: translateY(calc(-50% - 3px)); } }
          @media (min-width: 768px) {
            .rubbers-gold .container .gold-slider-wrapper .gold-item .gold-label {
              font-size: 24px;
              line-height: 30px;
              bottom: auto;
              top: 50%;
              transform: translateY(calc(-50% - 3px)); } }
          @media (min-width: 992px) {
            .rubbers-gold .container .gold-slider-wrapper .gold-item .gold-label {
              font-size: 32px;
              line-height: 38px; } }
          @media (min-width: 1200px) {
            .rubbers-gold .container .gold-slider-wrapper .gold-item .gold-label {
              font-size: 36px;
              line-height: 44px; } }
          @media (min-width: 1400px) {
            .rubbers-gold .container .gold-slider-wrapper .gold-item .gold-label {
              font-size: 40px;
              line-height: 49px; } }
          .rubbers-gold .container .gold-slider-wrapper .gold-item .gold-label.black-text {
            color: #454545; }
      .rubbers-gold .container .gold-slider-wrapper #gold-slider-left {
        flex: 0 0 50%;
        overflow: hidden; }
        .rubbers-gold .container .gold-slider-wrapper #gold-slider-left .gold-item .gold-label.before {
          left: 36px; }
          @media (min-width: 992px) {
            .rubbers-gold .container .gold-slider-wrapper #gold-slider-left .gold-item .gold-label.before {
              left: 40px; } }
      .rubbers-gold .container .gold-slider-wrapper #gold-slider-right {
        flex: 0 0 50%;
        overflow: hidden; }
        .rubbers-gold .container .gold-slider-wrapper #gold-slider-right .gold-item .gold-label.after {
          left: auto;
          right: 36px; }
          @media (min-width: 992px) {
            .rubbers-gold .container .gold-slider-wrapper #gold-slider-right .gold-item .gold-label.after {
              right: 40px; } }
      .rubbers-gold .container .gold-slider-wrapper .arrow-before-after {
        position: absolute;
        left: 50%;
        bottom: 70px;
        width: 83px;
        height: 23px;
        transform: translate(-50%, 0);
        background-image: url("../svg/arrow-before-after-1x.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 center; }
        @media (min-width: 768px) {
          .rubbers-gold .container .gold-slider-wrapper .arrow-before-after {
            width: 425px;
            bottom: auto;
            top: 50%;
            left: 50%;
            height: 23px;
            transform: translate(-50%, calc(-50% - 3px));
            background-image: url("../svg/arrow-before-after.svg"); } }
        @media (min-width: 992px) {
          .rubbers-gold .container .gold-slider-wrapper .arrow-before-after {
            width: 565px; } }
        @media (min-width: 1200px) {
          .rubbers-gold .container .gold-slider-wrapper .arrow-before-after {
            width: 680px; } }
        @media (min-width: 1400px) {
          .rubbers-gold .container .gold-slider-wrapper .arrow-before-after {
            width: 761px; } }
      .rubbers-gold .container .gold-slider-wrapper .shuffle-icon-middle {
        position: absolute;
        top: 42%;
        left: 50%;
        width: 77px;
        height: 77px;
        border-radius: 50%;
        transform: translate(-50%, calc(-50% - 7px));
        cursor: pointer; }
        @media (min-width: 600px) {
          .rubbers-gold .container .gold-slider-wrapper .shuffle-icon-middle {
            top: 50%; } }
      .rubbers-gold .container .gold-slider-wrapper .cta {
        display: inline-block;
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 100%;
        transform: translate(-50%, calc(50% - 7px));
        text-align: center; }
        @media (min-width: 600px) {
          .rubbers-gold .container .gold-slider-wrapper .cta {
            width: auto; } }
        @media (min-width: 768px) {
          .rubbers-gold .container .gold-slider-wrapper .cta {
            display: inline-block;
            bottom: 0; } }
        .rubbers-gold .container .gold-slider-wrapper .cta .button {
          padding: 25px 65px 25px 30px;
          display: block;
          letter-spacing: 0.5px;
          border: none; }
          @media (min-width: 375px) {
            .rubbers-gold .container .gold-slider-wrapper .cta .button {
              padding: 25px 60px 25px 30px;
              white-space: nowrap;
              text-align: center; } }
          @media (min-width: 415px) {
            .rubbers-gold .container .gold-slider-wrapper .cta .button {
              padding: 25px 65px 25px 45px; } }
          @media (min-width: 600px) {
            .rubbers-gold .container .gold-slider-wrapper .cta .button {
              display: inline-block; } }
          .rubbers-gold .container .gold-slider-wrapper .cta .button::after {
            right: 40px; }

/* ======================================================= */
.get-involved-section {
  margin: 134px 0 100px; }
  .get-involved-section .container {
    width: 100%;
    max-width: 1300px;
    padding: 10px; }
.get-involved-title {
  font-weight: 500;
  margin-bottom: 30px; }
.get-involved-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); }
  .get-involved-grid-item {
    display: flex;
    flex-direction: column; }
    .get-involved-grid-item .item-content {
      position: relative;
      z-index: 1;
      flex: 1;
      min-height: 417px;
      padding: 150px 36px 36px; }
      .get-involved-grid-item .item-content h4 {
        margin-bottom: 20px; }
      .get-involved-grid-item .item-content p {
        font-size: 18px;
        margin-bottom: 0; }
      .get-involved-grid-item .item-content-inner {
        position: relative;
        z-index: 3; }
    .get-involved-grid-item .item-bkgd {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 1;
      opacity: 0.25; }
    .get-involved-grid-item .arrow-link {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      min-height: 85px;
      padding: 10px;
      border-top: 1px #fff solid;
      border-right: 1px #fff solid; }
    .get-involved-grid-item:last-child .arrow-link {
      border-right: 0; }
    .get-involved-grid-item--blue {
      background-color: #006DC8; }
    .get-involved-grid-item--purple {
      background-color: #B11CAB; }
    .get-involved-grid-item--red {
      background-color: #D93126; }
    .get-involved-grid-item--green {
      background-color: #078637; }
  @media (max-width: 1000px) {
    .get-involved-grid-item .item-content h4 {
      font-size: 26px; }
    .get-involved-grid-item .item-content p {
      font-size: 15px; } }
@media (max-width: 782px) {
  .get-involved-section {
    margin: 67px 0 0; }
    .get-involved-section .container {
      width: 100%; }
  .get-involved-title {
    position: relative;
    z-index: 1;
    font-size: 30px;
    padding-bottom: 10px;
    margin-bottom: 15px; }
    .get-involved-title::after {
      content: '';
      display: block;
      position: absolute;
      z-index: 1;
      bottom: 0;
      left: 50%;
      margin-left: -28px;
      width: 56px;
      height: 6px;
      background-color: #54555A; }
  .get-involved-grid {
    display: block; }
    .get-involved-grid-item .item-content {
      display: flex;
      align-items: center;
      min-height: 230px;
      padding: 25px; }
    .get-involved-grid-item .arrow-link {
      min-height: 63px;
      border-right: 0;
      border-bottom: 1px #fff solid; } }

.resource-section {
  padding: 87px 36px; }
  .resource-section:nth-child(odd) {
    background-color: #F6F7FA; }
    .resource-section:nth-child(odd) .arrow-link {
      color: #0172D1; }
  .resource-section .container {
    width: 100%;
    max-width: 1160px; }
  .resource-section .btn-wrap {
    text-align: center;
    margin-top: 20px;
    transition: margin-top 0.5s ease;
    display: none; }
    .resource-section .btn-wrap.desktop {
      display: block; }
  .resource-section .btn .text-expanded {
    display: none; }
  .resource-section .btn svg {
    width: 20px;
    height: 20px;
    margin-left: 10px; }
  .resource-section.expanded .btn-wrap {
    margin-top: 40px; }
  .resource-section.expanded .btn .text-default {
    display: none; }
  .resource-section.expanded .btn .text-expanded {
    display: inline-block; }
  .resource-section.expanded .btn svg {
    transform: rotate(180deg); }
.resource-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden; }
  .resource-grid-item {
    padding: 26px 47px 26px 0; }
    .resource-grid-item:nth-child(-n+4) {
      border-bottom: 1px rgba(84, 85, 90, 0.08) solid; }
    .resource-grid-item:nth-child(n+9) {
      display: none; }
    .resource-section.expanded .resource-grid-item {
      border-bottom: 1px rgba(84, 85, 90, 0.08) solid; }
      .resource-section.expanded .resource-grid-item:nth-child(n+9) {
        display: block; }
    .resource-grid-item p {
      margin: 0;
      font-weight: 500; }
      .resource-grid-item p .arrow-link {
        margin-top: 5px;
        text-decoration: none;
        font-weight: 600; }
@media (max-width: 1000px) {
  .resource-section {
    padding: 60px 36px; }
    .resource-section h4 {
      font-size: 26px; }
    .resource-section .btn-wrap {
      text-align: left; }
      .resource-section .btn-wrap.mobile {
        display: block; }
  .resource-grid {
    grid-template-columns: 1fr; }
    .resource-grid-item {
      padding: 15px 26px 15px 0; }
      .resource-grid-item:nth-child(n+5) {
        display: none; }
      .resource-section.expanded .resource-grid-item:nth-child(n+5) {
        display: block; } }

.filter-bar--blog .filter-bar-fields .select {
  max-width: 179px; }

.blog-listing {
  padding: 60px 36px 93px; }
  @media (max-width: 640px) {
    .blog-listing {
      padding: 40px 12px; } }
  .blog-listing-masonry {
    margin: auto; }
  .blog-listing-nav {
    padding: 102px 0; }
    @media (max-width: 1000px) {
      .blog-listing-nav {
        height: auto;
        padding: 40px 0 30px; } }
  .blog-listing .blog-post {
    width: 100%;
    max-width: 426px;
    margin: 0 auto 40px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.3s ease; }
    .blog-listing .blog-post:hover, .blog-listing .blog-post:focus-within {
      box-shadow: 0 3px 30px rgba(0, 0, 0, 0.4); }
      .blog-listing .blog-post:hover .blog-post-content-header::after, .blog-listing .blog-post:focus-within .blog-post-content-header::after {
        background-color: #F44604; }
    .blog-listing .blog-post-image {
      padding-top: 58.6%; }
    .blog-listing .blog-post-content {
      padding: 30px; }
      .blog-listing .blog-post-content-header {
        position: relative;
        z-index: 1;
        padding-bottom: 18px;
        margin-bottom: 15px; }
        .blog-listing .blog-post-content-header::after {
          content: '';
          display: block;
          position: absolute;
          z-index: 1;
          bottom: 0;
          left: 0;
          height: 3px;
          width: 55px;
          background-color: #F1F1F1;
          transition: background-color 0.3s ease; }
    .blog-listing .blog-post-title {
      font-family: "Silka", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 17px;
      line-height: 1.294;
      letter-spacing: -0.01em;
      margin-bottom: 10px; }
    .blog-listing .blog-post-date {
      font-family: "Silka", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 13px;
      line-height: 1.38; }
    .blog-listing .blog-post-excerpt p {
      margin-bottom: 19px; }
    .blog-listing .blog-post-more .arrow-link:hover,
    .blog-listing .blog-post-more .arrow-link:focus {
      text-decoration: underline; }
.blog-single.container {
  position: relative;
  z-index: 10;
  margin-top: -60px;
  width: auto;
  max-width: 1160px;
  padding: 36px 36px 100px;
  background-color: #fff; }
.blog-single .blog-post {
  max-width: 953px;
  margin: auto; }
  .blog-single .blog-post-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 46px; }
    .blog-single .blog-post-header-content {
      max-width: 482px; }
    .blog-single .blog-post-header-social h6 {
      font-family: "Silka", sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 13px;
      line-height: 1.923;
      color: #54555A; }
    .blog-single .blog-post-header-social .social-links {
      display: flex;
      justify-content: flex-start; }
      .blog-single .blog-post-header-social .social-links a {
        display: inline-block;
        margin-right: 11px;
        text-decoration: none; }
        .blog-single .blog-post-header-social .social-links a:last-child {
          margin-right: 0; }
        .blog-single .blog-post-header-social .social-links a:hover, .blog-single .blog-post-header-social .social-links a:focus {
          opacity: 0.8; }
      .blog-single .blog-post-header-social .social-links svg {
        width: 26px;
        height: 26px;
        fill: #135644; }
  .blog-single .blog-post-title {
    line-height: 1.14;
    margin-bottom: 18px; }
  .blog-single .blog-post-date {
    color: #54555A; }
  .blog-single .blog-post-content {
    overflow: auto;
    padding-bottom: 40px;
    line-height: 1.666; }
    .blog-single .blog-post-content ul, .blog-single .blog-post-content ol {
      margin-top: 2em; }
    .blog-single .blog-post-content img {
      display: block;
      float: right;
      margin: 20px 0 30px 20px;
      clear: both; }
      @media (max-width: 1000px) {
        .blog-single .blog-post-content img {
          float: none;
          margin: 20px auto 30px; } }
@media (max-width: 1250px) {
  .blog-single.container {
    margin-right: 5.8%; } }
@media (max-width: 1000px) {
  .blog-single.container {
    margin-top: -33px; }
  .blog-single .blog-post-header {
    display: block; }
    .blog-single .blog-post-header-content {
      max-width: 100%;
      margin-bottom: 20px; } }
@media (max-width: 640px) {
  .blog-single .blog-post-title {
    font-size: 36px;
    margin-bottom: 15px; } }
.blog-single-nav {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .blog-single-nav-link {
    position: relative;
    z-index: 1;
    flex: 1;
    display: block;
    overflow: hidden;
    text-decoration: none; }
    .blog-single-nav-link .link-content {
      position: relative;
      z-index: 3;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 36px;
      min-height: 340px; }
    .blog-single-nav-link .link-label, .blog-single-nav-link .link-title {
      display: block; }
    .blog-single-nav-link .link-label {
      font-family: "Silka", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 11px;
      line-height: 2;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      margin-bottom: 10px; }
    .blog-single-nav-link .link-title {
      font-family: "Silka", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 21px;
      line-height: 1.13;
      display: flex;
      align-items: center; }
    .blog-single-nav-link .link-bkgd {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 1;
      transition: transform 0.3s ease; }
      .blog-single-nav-link .link-bkgd::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 2;
        background-color: rgba(0, 0, 0, 0.65); }
    .blog-single-nav-link .icon-arrow-right {
      width: 18px;
      height: auto;
      margin: 0 10px;
      transition: margin 0.25s ease;
      flex-shrink: 0; }
    .blog-single-nav-link:hover .link-bkgd, .blog-single-nav-link:focus .link-bkgd {
      transform: scale(1.1); }
    .blog-single-nav-link--prev {
      margin-right: 106px; }
      .blog-single-nav-link--prev .link-content {
        padding-right: 98px;
        text-align: right;
        align-items: flex-end; }
        @media (max-width: 1250px) {
          .blog-single-nav-link--prev .link-content {
            padding-right: 50px; } }
      .blog-single-nav-link--prev .icon-arrow-right {
        transform: rotate(180deg); }
    .blog-single-nav-link--next {
      margin-left: 106px; }
      .blog-single-nav-link--next .link-content {
        padding-left: 98px; }
        @media (max-width: 1250px) {
          .blog-single-nav-link--next .link-content {
            padding-left: 50px; } }
  .blog-single-nav-all {
    position: absolute;
    z-index: 4;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    text-decoration: none; }
    .blog-single-nav-all span {
      display: block;
      margin-top: 5px; }
    .blog-single-nav-all .icon-articles {
      width: 32px;
      height: 32px; }
    .blog-single-nav-all::before, .blog-single-nav-all::after {
      content: '';
      display: block;
      position: absolute;
      z-index: 1;
      width: 1px;
      height: 93px;
      background-color: #54555A;
      transition: background-color 0.2s ease;
      left: 50%;
      margin: 20px 0 20px -0.5px; }
    .blog-single-nav-all::before {
      bottom: 100%; }
    .blog-single-nav-all::after {
      top: 100%; }
    .blog-single-nav-all:hover::before, .blog-single-nav-all:hover::after {
      background-color: #135644; }
  @media (max-width: 1000px) {
    .blog-single-nav {
      display: block; }
      .blog-single-nav-link--prev, .blog-single-nav-link--next {
        margin: 0;
        width: 100%; }
        .blog-single-nav-link--prev .link-content, .blog-single-nav-link--next .link-content {
          text-align: center;
          align-items: center;
          justify-content: center;
          padding: 36px;
          min-height: 200px; }
      .blog-single-nav-link .link-title {
        font-size: 20px; }
      .blog-single-nav-link .link-label {
        margin-bottom: 4px; }
      .blog-single-nav-link .icon-arrow-right {
        display: none; }
      .blog-single-nav-all {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transform: none;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 28px; }
        .blog-single-nav-all::before, .blog-single-nav-all::after {
          display: none; }
        .blog-single-nav-all .icon-articles {
          width: 28px;
          height: 28px;
          margin-right: 10px; } }

.search-results.container {
  position: relative;
  z-index: 10;
  width: auto;
  max-width: 1160px;
  margin-top: -100px;
  background-color: #fff; }
.search-results-top {
  padding: 60px 0 80px; }
.search-results-form {
  display: flex;
  align-items: center;
  justify-content: center; }
  .search-results-form .form-item {
    width: 350px;
    margin-right: 10px; }
  .search-results-form-input {
    background-color: #fff; }
.search-results-listing {
  margin: auto;
  max-width: 964px;
  color: #000; }
  .search-results-listing-nav {
    height: auto;
    padding: 102px 36px 0 36px;
    margin-bottom: 0; }
.search-results-item {
  padding: 65px 98px;
  margin-bottom: 21px;
  background-color: #F6F7FA; }
  .search-results-item:last-child {
    margin-bottom: 0; }
  .search-results-item-title {
    font-family: "Silka", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.7;
    color: #4D4E52;
    margin-bottom: 10px; }
  .search-results-item p {
    margin-bottom: 10px; }
@media (max-width: 1000px) {
  .search-results.container {
    margin-top: 0; }
  .search-results-top {
    padding: 47px 36px 40px; }
  .search-results-form {
    flex-direction: column; }
    .search-results-form .form-item {
      margin: 0 0 16px; } }
@media (max-width: 782px) {
  .search-results-listing-nav {
    padding: 60px 36px;
    margin-bottom: 0; }
  .search-results-item {
    padding: 45px 36px; }
    .search-results-item-title {
      font-size: 18px;
      margin-bottom: 5px; } }

.contact-section {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  position: relative;
  z-index: 2; }
.contact-content, .contact-form {
  width: 50%; }
.contact-content {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 86px 140px 123px; }
  .contact-content-inner {
    max-width: 433px; }
    .contact-content-inner h2 {
      font-family: "Geomanist", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 30px;
      line-height: 1.266;
      letter-spacing: 0.01em;
      margin: 0 0 25px; }
.contact-form {
  margin-top: -60px;
  background-color: #F6F7FA;
  padding: 121px 46px; }
.contact-info {
  position: relative;
  z-index: 2;
  padding: 46px 0;
  margin-bottom: 40px; }
  .contact-info::before, .contact-info::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    width: 55px;
    height: 6px;
    background-color: #F44604;
    left: 0; }
  .contact-info::before {
    top: 0; }
  .contact-info::after {
    bottom: 0; }
  .contact-info-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px; }
    .contact-info-item:last-child {
      margin-bottom: 0; }
    .contact-info-item-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 80px;
      height: 80px;
      border-radius: 80px;
      margin-right: 30px;
      background-color: #363940; }
      .contact-info-item-icon svg {
        width: 34px;
        height: 34px;
        fill: #fff; }
    .contact-info-item-text {
      font-weight: 500;
      line-height: 1.46;
      color: #000; }
@media (max-width: 1000px) {
  .contact-section {
    display: block; }
  .contact-content, .contact-form {
    width: 100%;
    padding: 60px 36px;
    margin: 0; } }
@media (max-width: 640px) {
  .contact-content-inner h2 {
    font-size: 24px;
    line-height: 1.4166; }
  .contact-info {
    padding: 36px 0; }
    .contact-info-item {
      margin-bottom: 30px; }
      .contact-info-item-icon {
        width: 72px;
        height: 72px;
        margin-right: 22px; }
        .contact-info-item-icon svg {
          width: 30px;
          height: 30px; } }

.board-section {
  margin-bottom: 134px; }
  .board-section .container {
    max-width: 1160px; }
  @media (max-width: 1000px) {
    .board-section .container {
      max-width: 766px; } }
  @media (max-width: 782px) {
    .board-section {
      margin-bottom: 80px; }
      .board-section .container {
        width: 81.5%;
        max-width: 375px; } }
.board-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 30px;
  column-gap: 16px; }
  .board-grid-item {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.09); }
    .board-grid-item-link {
      display: block;
      text-decoration: none;
      color: inherit; }
      .board-grid-item-link .link-image {
        position: relative;
        z-index: 1;
        padding-top: 100%;
        overflow: hidden; }
        .board-grid-item-link .link-image .cover-image {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          z-index: 2;
          transition: transform 0.4s ease; }
      .board-grid-item-link .link-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 67px;
        padding: 10px 22px; }
      .board-grid-item-link .icon-slider-nav {
        width: 34px;
        height: 34px;
        transform: rotate(180deg); }
        .board-grid-item-link .icon-slider-nav .ring-white {
          stroke-dasharray: 100;
          stroke-dashoffset: 73;
          transform-origin: center;
          transform: rotate(-138.5deg); }
        .board-grid-item-link .icon-slider-nav .ring-blue {
          stroke-dasharray: 100;
          stroke-dashoffset: 75;
          transform-origin: center;
          transform: rotate(-135deg);
          transition: stroke-dashoffset 0.4s ease, transform 0.2s ease, stroke 0.2s ease; }
      .board-grid-item-link:focus, .board-grid-item-link:hover {
        color: inherit; }
        .board-grid-item-link:focus .link-image .cover-image, .board-grid-item-link:hover .link-image .cover-image {
          transform: scale(1.1); }
        .board-grid-item-link:focus .icon-slider-nav .ring-white,
        .board-grid-item-link:focus .icon-slider-nav .ring-blue, .board-grid-item-link:hover .icon-slider-nav .ring-white,
        .board-grid-item-link:hover .icon-slider-nav .ring-blue {
          transform: rotate(0);
          stroke-dashoffset: 0; }
    .board-grid-item-title {
      font-family: "Silka", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 20px;
      line-height: 1.2;
      color: #4D4E52; }
    .board-grid-item-content {
      display: none; }
  @media (max-width: 1000px) {
    .board-grid {
      grid-template-columns: 1fr 1fr; } }
  @media (max-width: 782px) {
    .board-grid {
      grid-template-columns: 1fr;
      gap: 20px; } }
.board-modal {
  position: fixed;
  z-index: 99999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 60px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .board-modal-inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    width: 90%;
    max-width: 1130px;
    flex-shrink: 0; }
    .board-modal-inner .popup-modal-close {
      top: 10px;
      right: 10px; }
  .board-modal-image {
    position: relative;
    z-index: 2;
    width: 44%;
    flex-shrink: 0;
    box-shadow: 10px 31px 34px rgba(0, 0, 0, 0.46);
    margin: -23px -30px 0 0;
    transition: transform 0.7s ease;
    transform: translateY(70px); }
    .board-modal-image .cover-image {
      padding-top: 108.11%; }
    .board-modal-image.active {
      transform: translateY(0); }
  .board-modal-content {
    position: relative;
    z-index: 1;
    background-color: #fff;
    padding: 79px 66px 72px 92px;
    box-shadow: 10px 70px 70px rgba(0, 0, 0, 0.3);
    overflow: auto;
    max-height: 80vh; }
    .board-modal-content .h4-like {
      margin-bottom: 0.66em; }
    .board-modal-content p {
      margin-bottom: 1.5em; }
    .board-modal-content *:last-child {
      margin-bottom: 0; }
  @media (max-width: 1000px) {
    .board-modal-inner {
      width: 95%; }
    .board-modal-image {
      display: none; }
    .board-modal-content {
      padding: 60px; } }
  @media (max-width: 782px) {
    .board-modal-inner .popup-modal-close {
      top: -20px;
      right: 5px; }
    .board-modal-content {
      padding: 36px 34px 30px 30px; } }
  @media (max-width: 640px) {
    .board-modal {
      align-items: stretch; }
      .board-modal-inner {
        align-items: stretch;
        width: 100%; }
        .board-modal-inner .popup-modal-close {
          top: 10px;
          right: 10px; }
      .board-modal-content {
        max-height: none; } }

/**
 * system tabs
 */
#block-ecore-primary-local-tasks ul {
  list-style-type: none;
  width: 100%;
  position: relative;
  height: 27px;
  font-size: 13px;
  font-weight: bold;
  margin: 30px 0;
  padding: 11px 0 0 0; }
  @media (max-width: 640px) {
    #block-ecore-primary-local-tasks ul {
      display: none; } }

#block-ecore-primary-local-tasks ul li {
  display: block;
  float: left;
  margin: 0 0 0 4px;
  padding-left: 0;
  height: 27px; }

#block-ecore-primary-local-tasks ul li:first-child {
  margin: 0; }

#block-ecore-primary-local-tasks ul li.left {
  margin: 0; }

#block-ecore-primary-local-tasks ul li a {
  display: block;
  float: left;
  color: #fff;
  background: #0077DB;
  line-height: 27px;
  text-decoration: none;
  padding: 0 17px 0 18px;
  height: 27px; }

#block-ecore-primary-local-tasks ul li a.right {
  padding-right: 19px; }

#block-ecore-primary-local-tasks ul li a:hover {
  background: #2E4560; }

#block-ecore-primary-local-tasks ul li a.current {
  color: #2E4560;
  background: #fff; }

#block-ecore-primary-local-tasks ul li a.current:hover {
  color: #2E4560;
  background: #fff; }

.site-footer {
  position: relative;
  z-index: 99; }
  .site-footer-top, .site-footer-middle, .site-footer-bottom {
    display: flex;
    justify-content: space-between; }
  .site-footer-top {
    position: relative;
    align-items: stretch; }
  .site-footer-middle, .site-footer-bottom {
    align-items: center;
    color: #FEFEFF; }
    .site-footer-middle a, .site-footer-bottom a {
      color: inherit;
      text-decoration: underline; }
      .site-footer-middle a:hover, .site-footer-middle a:focus, .site-footer-bottom a:hover, .site-footer-bottom a:focus {
        color: #3EA7FF; }
  .site-footer-middle {
    min-height: 150px;
    padding: 50px 140px;
    font-family: "Silka", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    background-color: #363940; }
    @media (max-width: 1250px) {
      .site-footer-middle {
        font-size: 14px; } }
    .site-footer-middle h6 {
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      margin-bottom: 5px; }
  .site-footer-bottom {
    min-height: 60px;
    padding: 15px 141px;
    font-family: "Silka", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    background-color: #000; }
    .site-footer-bottom .menu {
      display: flex;
      justify-content: flex-end;
      margin: 0;
      list-style: none; }
      .site-footer-bottom .menu li {
        display: inline-block;
        background-image: none;
        padding: 0; }
        .site-footer-bottom .menu li::after {
          display: inline-block;
          content: '|';
          margin: 0 1em; }
        .site-footer-bottom .menu li:last-child::after {
          display: none; }
  @media (max-width: 1250px) {
    .site-footer-middle, .site-footer-bottom {
      padding-right: 40px;
      padding-left: 40px; } }

.footer-section:first-child, .footer-section:last-child {
  min-width: 320px; }
.footer-cta, .footer-cta-icon {
  display: flex;
  justify-content: center;
  align-items: center; }
.footer-cta {
  width: 50%;
  padding: 55px 55px 61px;
  text-align: center;
  color: #fff;
  background-color: #000; }
  .footer-cta-content {
    max-width: 320px; }
  .footer-cta-icon {
    margin: auto;
    width: 94px;
    height: 94px;
    border-radius: 50%;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 7px rgba(84, 85, 90, 0.6) solid; }
    .footer-cta-icon img,
    .footer-cta-icon svg {
      height: 34px;
      width: auto; }
  .footer-cta-desc {
    font-family: "Geomanist", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 1.45; }
    .footer-cta-desc p {
      color: #fff;
      margin-bottom: 1.25em;
      margin-top: 0.75em;
      line-height: 1.4; }
  .footer-cta .btn.is-style-outline {
    border-color: #fff;
    color: #fff; }
    .footer-cta .btn.is-style-outline:hover, .footer-cta .btn.is-style-outline:focus {
      color: #000;
      background: #fff; }
  .footer-cta--featured {
    position: relative;
    background-color: #135644;
    margin: -15px 0;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); }
    .footer-cta--featured .footer-cta-icon {
      color: #135644;
      border-color: rgba(255, 255, 255, 0.12); }
    .footer-cta--featured .btn.is-style-outline:hover, .footer-cta--featured .btn.is-style-outline:focus {
      color: #135644; }
  @media (max-width: 782px) {
    .footer-cta {
      padding: 37px 30px; }
      .footer-cta-icon {
        border-width: 5px;
        width: 68px;
        height: 68px;
        margin-bottom: 5px; }
        .footer-cta-icon svg {
          height: 26px; }
      .footer-cta-desc {
        font-family: "Geomanist", sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 20px;
        line-height: 1.5; } }
.footer-contact-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px; }
  .footer-contact-item:last-child {
    margin-bottom: 0; }
  .footer-contact-item .icon-location-pin {
    width: 12px;
    height: auto;
    margin-right: 9px; }
  .footer-contact-item .icon-phone {
    width: 14px;
    height: auto;
    margin-right: 7px; }
.footer-gsa {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end; }
  @media (max-width: 1250px) {
    .footer-gsa {
      max-width: 220px; } }
  .footer-gsa .icon-gsa {
    width: 46px;
    height: auto;
    margin-right: 17px;
    flex-shrink: 0; }
.footer-social {
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .footer-social-links {
    display: flex;
    justify-content: flex-start; }
    .footer-social-links a {
      display: inline-block;
      margin-right: 8px;
      text-decoration: none; }
      .footer-social-links a:last-child {
        margin-right: 0; }
      .footer-social-links a:hover svg, .footer-social-links a:focus svg {
        fill: #135644; }
    .footer-social-links svg {
      width: 25px;
      height: 25px;
      transition: fill 0.2s ease; }

@media (max-width: 1000px) {
  .site-footer-top {
    margin: 0;
    flex-direction: column-reverse; }
  .site-footer-middle, .site-footer-bottom {
    flex-direction: column;
    text-align: center; }
  .site-footer-middle {
    padding: 43px 40px; }
  .site-footer-bottom {
    padding: 30px 40px; }
    .site-footer-bottom .footer-section {
      margin-bottom: 20px; }

  .footer-cta {
    width: 100%; }
    .footer-cta--featured {
      margin: 0;
      box-shadow: none; }
  .footer-contact {
    margin-bottom: 26px; }
    .footer-contact-item {
      justify-content: center; }
  .footer-gsa {
    max-width: 100%;
    flex-direction: column;
    align-items: center;
    margin-bottom: 38px; }
    .footer-gsa .icon-gsa {
      margin: 0 0 5px; }
  .footer-social {
    justify-content: center; }
    .footer-social h6 {
      border: 0;
      clip: rect(1px, 1px, 1px, 1px);
      clip-path: inset(50%);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute !important;
      width: 1px;
      word-wrap: normal !important; }
    .footer-social a {
      margin-right: 20px; } }
.global-hospitality h2,
.global-hospitality .h2-like {
  font-family: "Geomanist", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.266;
  letter-spacing: 0.01em;
  margin-bottom: 0.25em; }
.global-hospitality h3,
.global-hospitality .h3-like {
  font-family: "Silka", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.55;
  margin-bottom: 0.25em; }
.global-hospitality h4,
.global-hospitality .h4-like {
  font-family: "Geomanist", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.266;
  letter-spacing: 0.08em;
  margin-bottom: 0.5em; }
.global-hospitality h5,
.global-hospitality .h5-like {
  font-family: "Silka", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.666;
  letter-spacing: -0.005em;
  margin-bottom: 0.333em;
  text-transform: none; }
.global-hospitality .lp-hero-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 2; }
  .global-hospitality .lp-hero-img-content {
    min-height: 100vh;
    width: 590px;
    padding-bottom: 60px;
    display: flex;
    align-items: stretch;
    justify-content: center; }
    .global-hospitality .lp-hero-img-content-inner {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: center;
      background-color: rgba(255, 255, 255, 0.75);
      backdrop-filter: blur(12.5px);
      filter: brightness(110%); }
    .global-hospitality .lp-hero-img-content-item {
      max-width: 327px;
      padding: 66px 0; }
      .global-hospitality .lp-hero-img-content-item:first-child {
        flex-grow: 1;
        display: flex;
        align-items: center;
        margin-top: 77px; }
  .global-hospitality .lp-hero-img .ecore-logo {
    width: 150px;
    padding-bottom: 24px;
    position: relative;
    z-index: 2;
    margin-bottom: 0.25em; }
    .global-hospitality .lp-hero-img .ecore-logo svg.ecore-logo {
      fill: #135644;
      margin: 0;
      padding: 0; }
    .global-hospitality .lp-hero-img .ecore-logo::after {
      content: '';
      display: block;
      position: absolute;
      z-index: 3;
      bottom: 0;
      left: 0;
      width: 35px;
      height: 4px;
      background-color: #135644; }
    .global-hospitality .lp-hero-img .ecore-logo-subtitle {
      font-size: 22px;
      line-height: 1.54;
      font-weight: 300; }
  @media (max-width: 1000px) {
    .global-hospitality .lp-hero-img-content {
      margin: auto;
      max-width: 80%;
      padding-bottom: 0;
      align-items: center; }
      .global-hospitality .lp-hero-img-content-inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 23px; }
      .global-hospitality .lp-hero-img-content-item {
        padding: 0; }
        .global-hospitality .lp-hero-img-content-item:first-child {
          margin: 49px auto 67px; }
    .global-hospitality .lp-hero-img .branding,
    .global-hospitality .lp-hero-img .lp-hero-img-h2 {
      text-align: center; }
    .global-hospitality .lp-hero-img .lp-hero-img-h2 {
      font-size: 22px; }
    .global-hospitality .lp-hero-img .ecore-logo {
      margin: auto; }
      .global-hospitality .lp-hero-img .ecore-logo::after {
        bottom: 8px;
        left: 50%;
        transform: translateX(-50%); }
      .global-hospitality .lp-hero-img .ecore-logo-subtitle {
        font-size: 18px;
        font-weight: 300;
        margin-bottom: 0; } }
  @media (max-width: 640px) {
    .global-hospitality .lp-hero-img-logo {
      max-width: 246px; }
    .global-hospitality .lp-hero-img .ecore-logo {
      max-width: 116px; }
    .global-hospitality .lp-hero-img .branding {
      max-width: 255px; } }
.global-hospitality .lp-details-section {
  margin-left: 80px;
  margin-bottom: 100px;
  padding: 80px 160px 20px 80px;
  background-color: #F6F7FA; }
  .global-hospitality .lp-details-section .container {
    max-width: 964px;
    width: 100%; }
  .global-hospitality .lp-details-section-grid-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px; }
    .global-hospitality .lp-details-section-grid-row--3 .details-section-grid-item {
      width: 240px; }
  .global-hospitality .lp-details-section-grid-item {
    margin-bottom: 60px; }
    .global-hospitality .lp-details-section-grid-item p {
      line-height: 2;
      margin: 0; }
    .global-hospitality .lp-details-section-grid-item ul {
      list-style-image: url("../svg/chevron.svg");
      margin-left: 0.875em; }
    .global-hospitality .lp-details-section-grid-item li {
      line-height: 2;
      margin: 0; }
    .global-hospitality .lp-details-section-grid-item--noshrink {
      flex-shrink: 0;
      margin-right: 150px; }
  .global-hospitality .lp-details-section .contact-phone,
  .global-hospitality .lp-details-section .contact-email {
    padding-left: 26px;
    background-position: left center;
    background-repeat: no-repeat; }
  .global-hospitality .lp-details-section .contact-phone {
    background-image: url("../svg/phone.svg"); }
  .global-hospitality .lp-details-section .contact-email {
    background-image: url("../svg/mail.svg"); }
  @media (max-width: 1250px) {
    .global-hospitality .lp-details-section {
      padding: 60px 100px 10px 50px;
      margin-left: 50px; } }
  @media (max-width: 1000px) {
    .global-hospitality .lp-details-section {
      padding: 64px 51px 10px 50px;
      margin-left: 0; } }
  @media (max-width: 782px) {
    .global-hospitality .lp-details-section {
      margin-bottom: 66px; }
      .global-hospitality .lp-details-section-grid-row {
        display: block; }
      .global-hospitality .lp-details-section-grid-item {
        margin-bottom: 40px; }
        .global-hospitality .lp-details-section-grid-item--noshrink {
          margin-right: 0; } }
.global-hospitality .lp-product-type-section {
  max-width: 1196px;
  padding: 0 36px;
  margin: 0 auto 116px; }
.global-hospitality .lp-product-type-item {
  margin-bottom: 65px; }
  .global-hospitality .lp-product-type-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 3px #F1F1F1 solid;
    margin-bottom: 30px; }
    .global-hospitality .lp-product-type-item-header h3, .global-hospitality .lp-product-type-item-header h4 {
      color: #363940; }
    .global-hospitality .lp-product-type-item-header h3 {
      margin-bottom: 0; }
    .global-hospitality .lp-product-type-item-header .lp-product-type-specs {
      display: flex;
      align-items: center;
      margin-bottom: 10px; }
      .global-hospitality .lp-product-type-item-header .lp-product-type-specs h4, .global-hospitality .lp-product-type-item-header .lp-product-type-specs p {
        margin: 0; }
      .global-hospitality .lp-product-type-item-header .lp-product-type-specs .specs-image {
        flex-shrink: 0;
        margin: 0 20px; }
  .global-hospitality .lp-product-type-item-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px; }
  .global-hospitality .lp-product-type-item .related-products {
    padding: 0; }
.global-hospitality .lp-product-type-desc {
  max-width: 670px; }
  .global-hospitality .lp-product-type-desc p:last-child {
    margin-bottom: 0; }
.global-hospitality .lp-product-type-btn {
  flex-shrink: 0;
  margin-left: 20px; }
@media (max-width: 640px) {
  .global-hospitality .lp-product-type-section {
    padding: 0;
    margin-left: 36px;
    margin-right: 36px;
    margin-bottom: 60px; }
  .global-hospitality .lp-product-type-item .item-top {
    position: relative;
    z-index: 1;
    padding-bottom: 100px; }
  .global-hospitality .lp-product-type-item-header {
    margin-bottom: 13px; }
    .global-hospitality .lp-product-type-item-header .lp-product-type-specs {
      position: absolute;
      bottom: 38px;
      left: 0;
      margin: 0; }
      .global-hospitality .lp-product-type-item-header .lp-product-type-specs .specs-image {
        margin-left: 0; }
  .global-hospitality .lp-product-type-item-content {
    display: block;
    margin-bottom: 0; }
    .global-hospitality .lp-product-type-item-content .product-type-btn {
      display: none; }
  .global-hospitality .lp-product-type-btn {
    margin: 20px 0 0; }
    .global-hospitality .lp-product-type-btn.mobile-only {
      display: block; }
      .global-hospitality .lp-product-type-btn.mobile-only .btn {
        display: block;
        width: auto; } }
.global-hospitality .lp-product-listing-item {
  position: relative;
  z-index: 1;
  padding-bottom: 68px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
  transition: box-shadow 0.3s ease; }
  .global-hospitality .lp-product-listing-item .product-image {
    position: relative;
    z-index: 1;
    padding-top: 100%; }
    .global-hospitality .lp-product-listing-item .product-image .cover-image {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 1; }
      .global-hospitality .lp-product-listing-item .product-image .cover-image--hover {
        visibility: hidden;
        opacity: 0;
        z-index: 2;
        transition: opacity 0.4s ease, visibility 0s 0.41s ease; }
    .global-hospitality .lp-product-listing-item .product-image-top {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 3;
      display: flex; }
      .global-hospitality .lp-product-listing-item .product-image-top .product-selection,
      .global-hospitality .lp-product-listing-item .product-image-top .product-shipping {
        display: inline-flex;
        align-items: center;
        height: 36px;
        background: #fff;
        margin-right: 1px; }
      .global-hospitality .lp-product-listing-item .product-image-top .product-selection {
        padding: 5px 10px; }
        .global-hospitality .lp-product-listing-item .product-image-top .product-selection .checkbox-item {
          font-family: "Silka", sans-serif;
          font-style: normal;
          font-weight: 700;
          font-size: 11px;
          text-transform: uppercase;
          letter-spacing: 0.03em;
          color: #54555A; }
          .global-hospitality .lp-product-listing-item .product-image-top .product-selection .checkbox-item .radio {
            padding-left: 21px; }
      .global-hospitality .lp-product-listing-item .product-image-top .product-shipping {
        padding: 3px 7px;
        color: #363940; }
        .global-hospitality .lp-product-listing-item .product-image-top .product-shipping .icon-shipping {
          width: 21px;
          height: auto; }
    .global-hospitality .lp-product-listing-item .product-image-overlay {
      visibility: hidden;
      opacity: 0;
      transition: opacity 0.2s ease, visibility 0s 0.3s linear;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.33);
      backdrop-filter: blur(2px); }
      .global-hospitality .lp-product-listing-item .product-image-overlay .magnify-link {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 52px;
        height: 52px;
        background-color: #fff;
        color: #135644;
        transition: box-shadow 0.2s ease;
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.54); }
        .global-hospitality .lp-product-listing-item .product-image-overlay .magnify-link .icon-magnify {
          width: 20px;
          height: 20px;
          transition: transform 0.2s ease; }
        .global-hospitality .lp-product-listing-item .product-image-overlay .magnify-link:hover .icon-magnify, .global-hospitality .lp-product-listing-item .product-image-overlay .magnify-link:focus .icon-magnify {
          transform: scale(1.1); }
    .global-hospitality .lp-product-listing-item .product-image:hover .product-image-overlay, .global-hospitality .lp-product-listing-item .product-image:focus-within .product-image-overlay {
      visibility: visible;
      opacity: 1;
      transition: opacity 0.2s ease, visibility 0s 0s linear; }
  .global-hospitality .lp-product-listing-item .product-desc {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%; }
    .global-hospitality .lp-product-listing-item .product-desc-top {
      min-height: 68px;
      padding: 13px 19px;
      background-color: #fff; }
    .global-hospitality .lp-product-listing-item .product-desc-bottom {
      display: flex;
      align-items: center;
      justify-content: space-between;
      max-height: 0;
      overflow: hidden;
      padding: 0 23px 0 19px;
      background-color: #FAFAFA;
      transition: max-height 0.5s ease; }
  .global-hospitality .lp-product-listing-item .product-title {
    font-family: "Silka", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 4px; }
  .global-hospitality .lp-product-listing-item .product-category {
    font-family: "Silka", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0.01em;
    color: #2B2E33; }
  .global-hospitality .lp-product-listing-item .product-colors,
  .global-hospitality .lp-product-listing-item .product-link {
    display: block;
    flex-shrink: 0;
    padding: 15px 0; }
  .global-hospitality .lp-product-listing-item .product-link {
    font-family: "Silka", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    color: #000;
    text-decoration: none; }
    .global-hospitality .lp-product-listing-item .product-link:visited {
      color: #000; }
    .global-hospitality .lp-product-listing-item .product-link:focus {
      color: #000; }
    .global-hospitality .lp-product-listing-item .product-link:hover {
      color: #000; }
    .global-hospitality .lp-product-listing-item .product-link:active {
      color: #000; }
    .global-hospitality .lp-product-listing-item .product-link:hover, .global-hospitality .lp-product-listing-item .product-link:focus {
      text-decoration: underline; }
  .global-hospitality .lp-product-listing-item:hover, .global-hospitality .lp-product-listing-item:focus-within {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.18); }
    .global-hospitality .lp-product-listing-item:hover .product-image .cover-image--hover, .global-hospitality .lp-product-listing-item:focus-within .product-image .cover-image--hover {
      visibility: visible;
      opacity: 1;
      transition: opacity 0.4s ease, visibility 0s 0s ease; }
    .global-hospitality .lp-product-listing-item:hover .product-desc-bottom, .global-hospitality .lp-product-listing-item:focus-within .product-desc-bottom {
      max-height: 150px; }
  .global-hospitality .lp-product-listing-item .label {
    display: block;
    padding: 7px;
    font-family: "Silka", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fff;
    pointer-events: none; }
    .global-hospitality .lp-product-listing-item .label--red {
      background-color: #D43F2B; }
    .global-hospitality .lp-product-listing-item .label--new {
      background-color: #B24DAC; }
.global-hospitality .lp-footer {
  background-color: #000;
  color: #fff;
  text-align: center;
  padding: 32px;
  font-family: "Silka", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.69; }
  .global-hospitality .lp-footer p {
    margin: 0; }

/*# sourceMappingURL=style.css.map */