@import url("https://use.typekit.net/abd0tfl.css");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
*,
*:after,
*:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  background-repeat: no-repeat;
}
a {
  cursor: pointer;
}
input,
button {
  border: none;
}
button {
  all: unset;
  cursor: pointer;
}
button:focus,
textarea:focus,
input:focus {
  outline: none;
}
sup {
  vertical-align: super;
  font-size: smaller;
}
strong,
b {
  font-weight: 500;
}
.color-primary-yellow {
  color: #ffc328;
}
.background-primary-yellow {
  background-color: #ffc328;
}
.color-secondary-green {
  color: #1f8a5c;
}
.background-secondary-green {
  background-color: #1f8a5c;
}
.color-neutral-charcoal {
  color: #2a2a2a;
}
.background-neutral-charcoal {
  background-color: #2a2a2a;
}
.color-neutral-coffee-cream-dark {
  color: #d0d0c9;
}
.background-neutral-coffee-cream-dark {
  background-color: #d0d0c9;
}
.color-tint-coffee-cream-dark {
  color: #d0d0c9;
}
.background-tint-coffee-cream-dark {
  background-color: #d0d0c9;
}
.color-tint-coffee-cream-light {
  color: #eae6de;
}
.background-tint-coffee-cream-light {
  background-color: #eae6de;
}
.color-tint-sky-blue {
  color: #eef2fd;
}
.background-tint-sky-blue {
  background-color: #eef2fd;
}
.color-notification-coral {
  color: #dd5c36;
}
.background-notification-coral {
  background-color: #dd5c36;
}
.color-white {
  color: #ffffff;
}
.background-white {
  background-color: #ffffff;
}
/* New classes for Neutral Ash */
.color-neutral-ash {
  color: #7a7a7a;
}
.background-neutral-ash {
  background-color: #7a7a7a;
}
@font-face {
  font-family: "Kairos Sans";
  src: url("../fonts/KairosSansW1G-ExtBlack.woff2") format("woff2"), url("../fonts/KairosSansW1G-ExtBlack.woff") format("woff"), url("../fonts/KairosSansW1G-ExtBlack.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Kairos Sans";
  src: url("../fonts/KairosSansW1G-Bold.woff2") format("woff2"), url("../fonts/KairosSansW1G-Bold.woff") format("woff"), url("../fonts/KairosSansW1G-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Kairos Sans";
  src: url("../fonts/KairosSansW1G-Medium.woff2") format("woff2"), url("../fonts/KairosSansW1G-Medium.woff") format("woff"), url("../fonts/KairosSansW1G-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
strong {
  font-weight: 600;
}
body {
  font-family: "pragmatica", sans-serif;
  color: #2a2a2a;
  line-height: 1.4;
  width: 100vw;
  overflow-x: hidden;
}
h1 {
  font-family: "Kairos Sans", sans-serif;
  font-size: 120px;
  color: #2a2a2a;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
@media (max-width: 780px) {
  h1 {
    font-size: 80px;
  }
}
h2 {
  font-family: "Kairos Sans", sans-serif;
  font-size: 86px;
  color: #2a2a2a;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
@media (max-width: 780px) {
  h2 {
    font-size: 54px;
  }
}
@media (max-width: 480px) {
  h2 {
    font-size: 46px;
  }
}
h3 {
  font-family: "Kairos Sans", sans-serif;
  font-size: 56px;
  color: #2a2a2a;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
@media (max-width: 780px) {
  h3 {
    font-size: 46px;
  }
}
h3.sm {
  font-size: 46px;
}
h4 {
  font-size: 32px;
  font-family: "Kairos Sans", sans-serif;
  color: #2a2a2a;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
@media (max-width: 780px) {
  h4 {
    font-size: 24px;
  }
}
h4.lg {
  font-size: 37px;
}
h5 {
  font-size: 16px;
  font-family: "Kairos Sans", sans-serif;
  font-weight: 900;
  color: #2a2a2a;
  text-transform: uppercase;
  line-height: 1;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
@media (max-width: 480px) {
  h5 {
    font-size: 16px;
  }
}
p {
  font-size: 16px;
  line-height: 1.3;
}
p.p-xl {
  font-size: 20px;
}
p.p-lg {
  font-size: 18px;
}
p.p-sm {
  font-size: 14px;
}
p.p-xs {
  font-size: 10px;
}
a {
  color: #2a2a2a;
  transition: color, opacity 0.3s;
}
.text-align-center {
  text-align: center;
}
.full-container {
  padding: 0 30px;
  width: 100%;
}
@media (max-width: 960px) {
  .full-container {
    padding: 0 20px;
  }
}
.primary-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 30px;
  width: 100%;
}
@media (max-width: 960px) {
  .primary-container {
    padding: 0 20px;
  }
}
.secondary-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 100px;
  width: 100%;
}
@media (max-width: 1200px) {
  .secondary-container {
    padding: 0 72px;
  }
}
@media (max-width: 960px) {
  .secondary-container {
    padding: 0 32px;
  }
}
@media (max-width: 960px) {
  .secondary-container.mobile-primary-container {
    padding: 0 20px;
  }
}
.third-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 236px;
  width: 100%;
}
@media (max-width: 1200px) {
  .third-container {
    padding: 0 128px;
  }
}
@media (max-width: 960px) {
  .third-container {
    padding: 0 32px;
  }
}
@media (max-width: 960px) {
  .third-container.mobile-primary-container {
    padding: 0 20px;
  }
}
.desktop-display {
  display: block;
}
@media (max-width: 960px) {
  .desktop-display {
    display: none;
  }
}
.mobile-display {
  display: none;
}
@media (max-width: 960px) {
  .mobile-display {
    display: block;
  }
}
.content-block * + * {
  margin-top: 16px;
}
@media (max-width: 960px) {
  .content-block * + * {
    margin-top: 8px;
  }
}
.content-block a {
  background-image: linear-gradient(transparent calc(100% - 1px), #2a2a2a 1px);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size 0.3s;
}
.content-block a.no-hover {
  background-image: unset !important;
}
.content-block a:hover {
  background-size: 100% 100%;
}
.content-block .link a {
  font-family: "pragmatica-extended", serif;
}
.content-block h2 + p {
  margin-top: 24px;
}
.content-block h3 + p {
  margin-top: 24px;
}
.content-block p + h4 {
  margin-top: 48px;
}
.content-block h4 + .link {
  margin-top: 48px;
}
@media (max-width: 960px) {
  .content-block h4 + .link {
    margin-top: 32px;
  }
}
.content-block h5 + p {
  margin-top: 24px;
}
@media (max-width: 960px) {
  .content-block h5 + p {
    margin-top: 16px;
  }
}
.content-block p + .button {
  margin-top: 40px;
}
@media (max-width: 960px) {
  .content-block p + .button {
    margin-top: 32px;
  }
}
.content-block h4.color-white a {
  display: inline;
  color: #ffffff;
  background-image: linear-gradient(transparent calc(100% - 1px), #ffffff 1px);
}
.two-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 60px;
}
@media (max-width: 960px) {
  .two-columns {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
@media (max-width: 960px) {
  .two-columns.invert > *:nth-of-type(1) {
    grid-row: 2;
  }
  .two-columns.invert > *:nth-of-type(2) {
    grid-row: 1;
  }
}
.three-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 60px;
}
@media (max-width: 960px) {
  .three-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }
}
.four-columns {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 60px;
}
@media (max-width: 960px) {
  .four-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }
}
.five-columns {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 60px;
}
@media (max-width: 960px) {
  .five-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }
}
.image-container,
.video-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  color: #ffffff;
  overflow: hidden;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px);
  transform-origin: 50% 50%;
}
.image-container:after,
.video-container:after {
  content: "";
  display: block;
  padding-top: 80%;
}
@media (max-width: 960px) {
  .image-container:after,
  .video-container:after {
    padding-top: 45%;
  }
}
@media (max-width: 480px) {
  .image-container:after,
  .video-container:after {
    padding-top: 80%;
  }
}
.image-container img,
.video-container img,
.image-container video,
.video-container video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  transform-origin: 50% 50%;
}
@media (max-width: 960px) {
  .image-container img,
  .video-container img,
  .image-container video,
  .video-container video {
    object-position: 50% 30%;
  }
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
button,
.button,
a.button,
.gform_wrapper .gform_footer input.gform_button,
.gform_wrapper .gform_button {
  display: inline-flex;
  font-family: "pragmatica-extended", serif;
  padding: 15px 32px;
  border-radius: 99px !important;
  background-color: transparent;
  border: 1px solid #2a2a2a;
  font-weight: 500 !important;
  color: #2a2a2a;
  transition: all 0.3s ease;
  background-image: unset !important;
}
.woocommerce a.button.white,
.woocommerce button.button.white,
.woocommerce input.button.white,
button.white,
.button.white,
a.button.white,
.gform_wrapper .gform_footer input.gform_button.white,
.gform_wrapper .gform_button.white {
  color: #ffffff;
  border: 1px solid #ffffff;
}
.woocommerce a.button.yellow,
.woocommerce button.button.yellow,
.woocommerce input.button.yellow,
button.yellow,
.button.yellow,
a.button.yellow,
.gform_wrapper .gform_footer input.gform_button.yellow,
.gform_wrapper .gform_button.yellow,
.woocommerce a.button.primary-yellow,
.woocommerce button.button.primary-yellow,
.woocommerce input.button.primary-yellow,
button.primary-yellow,
.button.primary-yellow,
a.button.primary-yellow,
.gform_wrapper .gform_footer input.gform_button.primary-yellow,
.gform_wrapper .gform_button.primary-yellow {
  color: #2a2a2a;
  background-color: #ffc328;
  border: 1px solid #ffc328;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
button:hover,
.button:hover,
a.button:hover,
.gform_wrapper .gform_footer input.gform_button:hover,
.gform_wrapper .gform_button:hover {
  cursor: pointer;
}
.woocommerce a.button:hover:not(.white):not(.yellow):not(.primary-yellow),
.woocommerce button.button:hover:not(.white):not(.yellow):not(.primary-yellow),
.woocommerce input.button:hover:not(.white):not(.yellow):not(.primary-yellow),
button:hover:not(.white):not(.yellow):not(.primary-yellow),
.button:hover:not(.white):not(.yellow):not(.primary-yellow),
a.button:hover:not(.white):not(.yellow):not(.primary-yellow),
.gform_wrapper .gform_footer input.gform_button:hover:not(.white):not(.yellow):not(.primary-yellow),
.gform_wrapper .gform_button:hover:not(.white):not(.yellow):not(.primary-yellow) {
  background-color: #2a2a2a;
  color: #ffffff;
  border-color: #2a2a2a;
}
.woocommerce a.button.white:hover,
.woocommerce button.button.white:hover,
.woocommerce input.button.white:hover,
button.white:hover,
.button.white:hover,
a.button.white:hover,
.gform_wrapper .gform_footer input.gform_button.white:hover,
.gform_wrapper .gform_button.white:hover {
  background-color: #ffffff;
  color: #2a2a2a;
  border-color: #ffffff;
}
.woocommerce a.button.yellow:hover,
.woocommerce button.button.yellow:hover,
.woocommerce input.button.yellow:hover,
button.yellow:hover,
.button.yellow:hover,
a.button.yellow:hover,
.gform_wrapper .gform_footer input.gform_button.yellow:hover,
.gform_wrapper .gform_button.yellow:hover,
.woocommerce a.button.primary-yellow:hover,
.woocommerce button.button.primary-yellow:hover,
.woocommerce input.button.primary-yellow:hover,
button.primary-yellow:hover,
.button.primary-yellow:hover,
a.button.primary-yellow:hover,
.gform_wrapper .gform_footer input.gform_button.primary-yellow:hover,
.gform_wrapper .gform_button.primary-yellow:hover {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #2a2a2a;
}
.woocommerce a.button.primary-yellow.on-white:hover,
.woocommerce button.button.primary-yellow.on-white:hover,
.woocommerce input.button.primary-yellow.on-white:hover,
button.primary-yellow.on-white:hover,
.button.primary-yellow.on-white:hover,
a.button.primary-yellow.on-white:hover,
.gform_wrapper .gform_footer input.gform_button.primary-yellow.on-white:hover,
.gform_wrapper .gform_button.primary-yellow.on-white:hover {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
  color: #ffffff;
}
.card {
  position: absolute;
  display: flex;
  flex-direction: column;
  background-color: #eef2fd;
  width: 200px;
  padding: 16px;
  box-shadow: 9px 17px 31px 6px rgba(0, 0, 0, 0.22);
  border-radius: 8px;
  z-index: 2;
  min-height: 128px;
}
@media (max-width: 960px) {
  .card {
    width: 160px;
    min-height: 100px;
  }
}
@media (max-width: 480px) {
  .card {
    transform: scale(0.9);
    transform-origin: 0% 0%;
  }
}
.card .icon {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.card .icon img {
  position: relative;
  width: 40px;
  height: 40px;
}
.card .text {
  display: flex;
  align-items: flex-end;
  flex-grow: 1;
  font-family: "pragmatica-extended", serif;
  color: #2a2a2a;
  font-weight: 500;
  line-height: 1.2;
  padding-right: 0;
  margin-top: 8px;
}
@media (max-width: 960px) {
  .card .text {
    font-size: 16px;
  }
}
a[href^="mailto:"] {
  word-break: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
  display: inline-block;
  /* Ensures proper wrapping */
}
.scroll-down {
  display: flex;
}
.scroll-down img {
  width: 40px;
  height: 40px;
}
.cursor-drag-yellow {
  cursor: url("../../img/cursor/drag_yellow.svg") 40 40, auto !important;
  cursor: url("../../img/cursor/drag_yellow.svg") 40 40, grab !important;
  cursor: url("../../img/cursor/drag_yellow.svg") 40 40, grabbing !important;
  cursor: url("../../img/cursor/drag_yellow.svg") 40 40, pointer !important;
}
.cursor-drag-yellow * {
  cursor: url("../../img/cursor/drag_yellow.svg") 40 40, grab !important;
  cursor: url("../../img/cursor/drag_yellow.svg") 40 40, grabbing !important;
  cursor: url("../../img/cursor/drag_yellow.svg") 40 40, pointer !important;
}
.cursor-drag-grey {
  cursor: url("../../img/cursor/drag_grey.svg") 40 40, auto !important;
  cursor: url("../../img/cursor/drag_grey.svg") 40 40, grab !important;
  cursor: url("../../img/cursor/drag_grey.svg") 40 40, grabbing !important;
  cursor: url("../../img/cursor/drag_grey.svg") 40 40, pointer !important;
}
.cursor-drag-grey * {
  cursor: url("../../img/cursor/drag_grey.svg") 40 40, grab !important;
  cursor: url("../../img/cursor/drag_grey.svg") 40 40, grabbing !important;
  cursor: url("../../img/cursor/drag_grey.svg") 40 40, pointer !important;
}
.cursor-view-yellow {
  cursor: url("../../img/cursor/view.svg") 50 50, auto !important;
  cursor: url("../../img/cursor/view.svg") 50 50, grab !important;
  cursor: url("../../img/cursor/view.svg") 50 50, grabbing !important;
  cursor: url("../../img/cursor/view.svg") 50 50, pointer !important;
}
.cursor-view-yellow * {
  cursor: url("../../img/cursor/view.svg") 50 50, grab !important;
  cursor: url("../../img/cursor/view.svg") 50 50, grabbing !important;
  cursor: url("../../img/cursor/view.svg") 50 50, pointer !important;
}
.cursor-view-range-yellow {
  width: 120px;
  height: 120px;
  cursor: url("../../img/cursor/view_range.svg") 50 50, auto !important;
  cursor: url("../../img/cursor/view_range.svg") 50 50, grab !important;
  cursor: url("../../img/cursor/view_range.svg") 50 50, grabbing !important;
  cursor: url("../../img/cursor/view_range.svg") 50 50, pointer !important;
}
.cursor-view-range-yellow * {
  cursor: url("../../img/cursor/view_range.svg") 50 50, grab !important;
  cursor: url("../../img/cursor/view_range.svg") 50 50, grabbing !important;
  cursor: url("../../img/cursor/view_range.svg") 50 50, pointer !important;
}
.highlight {
  display: inline;
  color: #2a2a2a !important;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 1;
  background: linear-gradient(#ffc328, #ffc328);
  padding: 0 4px;
  background-size: 100% 80%;
  background-repeat: no-repeat;
  background-position: 0 60%;
  margin-left: -4px;
}
@media (max-width: 480px) {
  .highlight {
    margin-left: 0;
  }
}
.social a {
  opacity: 0.8;
}
.social a:hover {
  opacity: 1;
}
header {
  position: fixed;
  top: 0;
  left: 0;
  background: transparent;
  transition: background 0.3s, transform 0.3s;
  transform: translateY(0);
  font-family: "pragmatica-extended", serif;
  z-index: 200;
  padding: 0;
  width: 100%;
}
@media (max-width: 1128px) {
  header {
    padding: 20px 0;
  }
}
header.hidden {
  transform: translateY(-100%);
}
header.mobile-menu-open {
  background-color: #2a2a2a !important;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  transform: translateY(0);
}
header.menu-open,
header:not(.no-hover):hover {
  background-color: #2a2a2a !important;
}
header.not-top {
  background-color: #ffffff;
}
header.white:not(.not-top) .full-container .main-menu svg,
header.menu-open .full-container .main-menu svg,
header.mobile-menu-open .full-container .main-menu svg,
header:not(.no-hover):hover .full-container .main-menu svg {
  fill: #ffffff !important;
}
header.white:not(.not-top) .full-container .main-menu svg *,
header.menu-open .full-container .main-menu svg *,
header.mobile-menu-open .full-container .main-menu svg *,
header:not(.no-hover):hover .full-container .main-menu svg * {
  fill: #ffffff !important;
}
header.white:not(.not-top) .full-container .main-menu .mobile-navigation .hamburger.active .hamburger-inner,
header.menu-open .full-container .main-menu .mobile-navigation .hamburger.active .hamburger-inner,
header.mobile-menu-open .full-container .main-menu .mobile-navigation .hamburger.active .hamburger-inner,
header:not(.no-hover):hover .full-container .main-menu .mobile-navigation .hamburger.active .hamburger-inner,
header.white:not(.not-top) .full-container .main-menu .mobile-navigation .hamburger.active .hamburger-inner::before,
header.menu-open .full-container .main-menu .mobile-navigation .hamburger.active .hamburger-inner::before,
header.mobile-menu-open .full-container .main-menu .mobile-navigation .hamburger.active .hamburger-inner::before,
header:not(.no-hover):hover .full-container .main-menu .mobile-navigation .hamburger.active .hamburger-inner::before,
header.white:not(.not-top) .full-container .main-menu .mobile-navigation .hamburger.active .hamburger-inner::after,
header.menu-open .full-container .main-menu .mobile-navigation .hamburger.active .hamburger-inner::after,
header.mobile-menu-open .full-container .main-menu .mobile-navigation .hamburger.active .hamburger-inner::after,
header:not(.no-hover):hover .full-container .main-menu .mobile-navigation .hamburger.active .hamburger-inner::after {
  background-color: #ffffff !important;
}
header.white:not(.not-top) .full-container .main-menu .mobile-navigation .hamburger-inner,
header.menu-open .full-container .main-menu .mobile-navigation .hamburger-inner,
header.mobile-menu-open .full-container .main-menu .mobile-navigation .hamburger-inner,
header:not(.no-hover):hover .full-container .main-menu .mobile-navigation .hamburger-inner,
header.white:not(.not-top) .full-container .main-menu .mobile-navigation .hamburger-inner::before,
header.menu-open .full-container .main-menu .mobile-navigation .hamburger-inner::before,
header.mobile-menu-open .full-container .main-menu .mobile-navigation .hamburger-inner::before,
header:not(.no-hover):hover .full-container .main-menu .mobile-navigation .hamburger-inner::before,
header.white:not(.not-top) .full-container .main-menu .mobile-navigation .hamburger-inner::after,
header.menu-open .full-container .main-menu .mobile-navigation .hamburger-inner::after,
header.mobile-menu-open .full-container .main-menu .mobile-navigation .hamburger-inner::after,
header:not(.no-hover):hover .full-container .main-menu .mobile-navigation .hamburger-inner::after {
  background-color: #ffffff !important;
}
header.white:not(.not-top) .full-container .main-menu ul li a,
header.menu-open .full-container .main-menu ul li a,
header.mobile-menu-open .full-container .main-menu ul li a,
header:not(.no-hover):hover .full-container .main-menu ul li a {
  color: #ffffff !important;
  background-image: linear-gradient(transparent calc(100% - 1px), #ffffff 1px);
}
header .full-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .full-container .main-menu {
  display: flex;
  align-items: center;
  gap: 16px;
}
header .full-container .main-menu svg {
  fill: #2a2a2a !important;
}
header .full-container .main-menu svg * {
  fill: #2a2a2a !important;
}
header .full-container .main-menu a {
  display: block;
}
header .full-container .main-menu > ul {
  display: flex;
  align-items: center;
}
@media (max-width: 1128px) {
  header .full-container .main-menu > ul {
    display: none;
  }
}
header .full-container .main-menu > ul > li {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-top: 0;
  padding: 0 16px;
  height: 120px;
}
@media (max-width: 1296px) {
  header .full-container .main-menu > ul > li {
    padding: 0 8px;
  }
}
header .full-container .main-menu > ul > li:last-of-type {
  padding-right: 0;
}
header .full-container .main-menu > ul > li a {
  display: block;
}
header .full-container .main-menu > ul > li.search-link a {
  display: flex;
}
header .full-container .main-menu > ul > li.telephone h5 {
  font-family: "pragmatica-extended", serif;
  font-weight: 600;
  margin-top: 2px;
}
header .full-container .main-menu > ul > li.telephone h5 a {
  padding-bottom: 4px;
}
header .full-container .main-menu > ul > li:hover .drop-menu {
  opacity: 1;
  visibility: visible;
}
header .full-container .main-menu > ul > li:hover > a {
  background-size: 100% 100%;
}
header .full-container .main-menu > ul > li .drop-menu {
  display: block;
  opacity: 0;
  visibility: hidden;
  background-color: #2a2a2a;
  position: absolute;
  margin-top: 0;
  top: 120px;
  left: 0;
  right: 0;
  width: 100%;
  color: #ffffff;
  padding-bottom: 48px;
  padding-top: 32px;
  transition: opacity 0.3s;
}
header .full-container .main-menu > ul > li .drop-menu * {
  color: #ffffff;
}
header .full-container .main-menu > ul > li .drop-menu.contains-offers .secondary-container {
  grid-template-columns: 1fr 3fr;
  gap: 128px;
}
header .full-container .main-menu > ul > li .drop-menu.contains-offers .custom-code {
  display: block;
}
header .full-container .main-menu > ul > li .drop-menu.contains-offers .custom-code .image-container:after {
  padding-top: 65%;
}
header .full-container .main-menu > ul > li .drop-menu.contains-offers .custom-code p.offer-description {
  font-family: "pragmatica", sans-serif;
  font-weight: 600;
}
header .full-container .main-menu > ul > li .drop-menu .custom-code {
  display: none;
}
header .full-container .main-menu > ul > li .drop-menu .secondary-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 64px;
  align-items: flex-start;
}
header .full-container .main-menu > ul > li .drop-menu .secondary-container ul.sub-menu {
  display: block;
  column-count: 3;
  column-gap: 24px;
  margin-top: 0;
}
@media (max-width: 1296px) {
  header .full-container .main-menu > ul > li .drop-menu .secondary-container ul.sub-menu {
    max-width: 100%;
  }
}
header .full-container .main-menu > ul > li .drop-menu .secondary-container ul.sub-menu li.menu-item {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 24px;
  margin-top: 0;
}
header .full-container .main-menu > ul > li .drop-menu .secondary-container ul.sub-menu li.menu-item a {
  font-family: "pragmatica-extended", serif;
  display: inline-flex;
  color: #ffc328 !important;
  font-weight: 600;
  background-image: linear-gradient(transparent calc(100% - 1px), #ffc328 1px);
}
header .full-container .main-menu > ul > li .drop-menu .secondary-container ul.sub-menu li.menu-item ul li + li {
  margin-top: 4px;
}
header .full-container .main-menu > ul > li .drop-menu .secondary-container ul.sub-menu li.menu-item ul li a {
  color: #ffffff !important;
  font-weight: 400;
  background-image: linear-gradient(transparent calc(100% - 1px), #ffffff 1px);
}
header .full-container .main-menu > ul > li .drop-menu .secondary-container .latest-offer .color-neutral-ash {
  color: #7a7a7a !important;
}
header .full-container .main-menu > ul > li .drop-menu .secondary-container .latest-offer a {
  background-image: unset !important;
}
header .full-container .main-menu .mobile-navigation {
  display: none;
}
@media (max-width: 1128px) {
  header .full-container .main-menu .mobile-navigation {
    display: block;
  }
}
header .full-container .main-menu .mobile-navigation .hamburger {
  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;
  padding: 7px 7px 4px 7px;
}
header .full-container .main-menu .mobile-navigation .hamburger.active .hamburger-inner,
header .full-container .main-menu .mobile-navigation .hamburger.active .hamburger-inner::before,
header .full-container .main-menu .mobile-navigation .hamburger.active .hamburger-inner::after {
  background-color: #2a2a2a;
}
header .full-container .main-menu .mobile-navigation .hamburger-box {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
}
header .full-container .main-menu .mobile-navigation .hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
header .full-container .main-menu .mobile-navigation .hamburger-inner,
header .full-container .main-menu .mobile-navigation .hamburger-inner::before,
header .full-container .main-menu .mobile-navigation .hamburger-inner::after {
  width: 20px;
  height: 1px;
  background-color: #2a2a2a;
  border-radius: 0;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
header .full-container .main-menu .mobile-navigation .hamburger-inner::before,
header .full-container .main-menu .mobile-navigation .hamburger-inner::after {
  content: "";
  display: block;
}
header .full-container .main-menu .mobile-navigation .hamburger-inner::before {
  top: -7px;
}
header .full-container .main-menu .mobile-navigation .hamburger-inner::after {
  bottom: -7px;
}
header .full-container .main-menu .mobile-navigation .hamburger--squeeze {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
header .full-container .main-menu .mobile-navigation .hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
header .full-container .main-menu .mobile-navigation .hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
header .full-container .main-menu .mobile-navigation .hamburger--squeeze.active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
header .full-container .main-menu .mobile-navigation .hamburger--squeeze.active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
header .full-container .main-menu .mobile-navigation .hamburger--squeeze.active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
header .logo {
  margin-bottom: 8px;
}
header .logo .logo-white {
  display: none;
  height: 45.89px;
}
header .logo .logo-black {
  display: block;
  height: 45.89px;
}
header .logo .mobile-display {
  display: none;
  height: 45.89px;
}
@media (max-width: 1128px) {
  header .logo .mobile-display {
    display: block;
  }
}
@media (max-width: 1128px) {
  header .logo {
    margin-bottom: 0;
  }
  header .logo .logo-white,
  header .logo .logo-black {
    display: none !important;
  }
}
header.white:not(.not-top) .logo .logo-white,
header.menu-open .logo .logo-white,
header.mobile-menu-open .logo .logo-white,
header:not(.no-hover):hover .logo .logo-white {
  display: block;
}
header.white:not(.not-top) .logo .logo-black,
header.menu-open .logo .logo-black,
header.mobile-menu-open .logo .logo-black,
header:not(.no-hover):hover .logo .logo-black {
  display: none;
}
.mobile-menu {
  display: flex;
  font-family: "pragmatica-extended", serif;
  background-color: #2a2a2a;
  position: fixed;
  margin-top: 0;
  top: 80px;
  left: 0;
  right: 0;
  width: 100%;
  color: #ffffff;
  height: calc(100vh - 80px);
  padding: 20px 20px 40px 20px;
  z-index: 300;
  flex-direction: column;
  justify-content: space-between;
  gap: 48px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s;
  overflow-y: auto;
}
.mobile-menu.active {
  opacity: 1;
  visibility: visible;
}
.mobile-menu * {
  color: #ffffff;
}
.mobile-menu a {
  background-image: linear-gradient(transparent calc(100% - 1px), #ffffff 1px);
}
.mobile-menu ul li.menu-item ul.sub-menu {
  margin-top: 16px;
  padding-left: 24px;
}
.mobile-menu ul li.menu-item ul.sub-menu li a {
  font-family: "pragmatica-extended", serif;
  font-weight: 600;
  color: #ffc328;
  background-image: linear-gradient(transparent calc(100% - 1px), #ffc328 1px);
}
.mobile-menu ul li.menu-item ul.sub-menu li + li {
  margin-top: 8px;
}
.mobile-menu ul li.menu-item ul.sub-menu li ul.sub-cat-menu {
  padding-left: 24px;
  margin-bottom: 12px;
}
.mobile-menu ul li.menu-item ul.sub-menu li ul.sub-cat-menu li a {
  font-family: "pragmatica-extended", sans-serif;
  font-weight: 400;
  color: #ffffff;
  background-image: linear-gradient(transparent calc(100% - 1px), #ffffff 1px);
}
.mobile-menu ul li.menu-item + li.menu-item {
  margin-top: 16px;
}
.mobile-menu ul li.menu-item a {
  font-size: 14px;
}
.mobile-menu ul .search-link,
.mobile-menu ul .telephone {
  display: none;
}
.mobile-menu .social {
  display: flex;
  gap: 16px;
  margin-top: 40px;
}
.mobile-menu .sub-menu,
.mobile-menu .sub-cat-menu {
  display: none;
}
.mobile-menu .sub-menu .submenu-toggle svg path {
  fill: #ffc328;
}
.mobile-menu .menu-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}
.mobile-menu .submenu-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 8px;
  margin-top: 0;
  width: 24px;
  height: 24px;
}
.mobile-menu .submenu-toggle svg {
  display: block;
  transition: transform 0.2s ease;
}
.mobile-menu .submenu-toggle.open svg {
  transform: rotate(180deg);
}
.mobile-menu .bottom a {
  background-image: none;
}
.search-box {
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(42, 42, 42, 0.95);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 400;
  text-align: center;
  flex-direction: column;
}
.search-box.active {
  display: flex;
}
.search-box .close-container {
  display: flex;
  align-items: center;
  height: 120px;
  flex-shrink: 0;
}
@media (max-width: 960px) {
  .search-box .close-container {
    height: 80px;
  }
}
.search-box .close-container .close {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.search-box .close-container .close svg {
  height: 32px;
  width: 32px;
  margin-top: -4px;
  margin-left: -4px;
}
.search-box .search-container {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
  padding-bottom: 120px;
}
.search-box .search-container .content-block {
  width: 100%;
}
.search-box .search-container .content-block form {
  width: 100%;
}
.search-box .search-container .content-block form textarea {
  font-size: 32px;
  width: 100%;
  font-family: "Kairos Sans", sans-serif;
  color: #ffffff;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1.2;
  text-align: center;
  border: none !important;
  min-height: 0;
  resize: none;
  min-height: 54px;
}
.search-box .search-container .content-block form textarea:hover {
  border: none !important;
}
.search-box .search-container .content-block form textarea::placeholder {
  color: #ffffff;
}
.news-grid-item .image-container + h5 {
  margin-top: 24px;
}
.pagination {
  display: flex;
  justify-content: center;
  margin-top: 64px;
}
@media (max-width: 480px) {
  .pagination {
    margin-top: 32px;
  }
}
.pagination ul.page-numbers {
  display: flex;
  gap: 8px;
}
.pagination ul.page-numbers li .page-numbers {
  font-family: "Kairos Sans";
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
}
@media (max-width: 960px) {
  .pagination ul.page-numbers li .page-numbers {
    min-width: 32px;
    min-height: 32px;
    font-size: 14px;
  }
}
.pagination ul.page-numbers li .page-numbers.current {
  background-color: #2a2a2a;
  color: #ffffff;
}
.pagination ul.page-numbers li .page-numbers.next,
.pagination ul.page-numbers li .page-numbers.prev {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #2a2a2a;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
@media (max-width: 960px) {
  .pagination ul.page-numbers li .page-numbers.next,
  .pagination ul.page-numbers li .page-numbers.prev {
    width: 32px;
    height: 32px;
  }
}
.new {
  position: relative;
}
.new .content-block {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.new:hover .link span {
  background-size: 100% 100%;
}
.new h5 {
  margin-top: 32px;
  flex-grow: 1;
}
.new .link {
  margin-top: 24px;
  font-family: "pragmatica-extended", serif;
}
.new .link span {
  position: relative;
  background-image: linear-gradient(transparent calc(100% - 1px), #2a2a2a 1px);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size 0.3s;
}
.new .image-container:after {
  padding-top: 56%;
}
.no-products-found,
.error-loading-products {
  text-align: center;
  padding: 50px 0;
  grid-column: span 3;
}
.no-products-found h2,
.error-loading-products h2 {
  font-size: 24px;
  color: #2a2a2a;
  margin-bottom: 20px;
}
.no-products-found p,
.error-loading-products p {
  font-size: 16px;
  color: #7a7a7a;
}
.no-products-found svg,
.error-loading-products svg {
  margin-bottom: 20px;
  color: #dd5c36;
}
main {
  width: 100%;
  overflow: hidden;
}
main > section:first-of-type {
  padding-top: 120px;
}
@media (max-width: 960px) {
  main > section:first-of-type {
    padding-top: 80px;
  }
}
main > section:first-of-type > *:first-child {
  padding-top: 80px;
}
@media (max-width: 480px) {
  main > section:first-of-type > *:first-child {
    padding-top: 56px;
  }
}
footer {
  padding: 48px 0 40px 0;
}
@media (max-width: 480px) {
  footer {
    padding: 32px 0 32px 0;
  }
}
footer .swiper-free-mode > .swiper-wrapper {
  transition-timing-function: linear;
}
footer .logo-slider {
  overflow-x: hidden;
  position: relative;
  width: 100%;
}
footer .logo-slider .swiper-container {
  margin: 0 48px;
  position: static;
}
footer .logo-slider .swiper-container .swiper-wrapper {
  display: flex;
  align-items: center;
}
footer .logo-slider .swiper-container .swiper-wrapper .swiper-slide img {
  margin: 0 auto;
  width: 100%;
  max-height: 100px;
}
footer .secondary-container {
  margin-top: 64px;
}
@media (max-width: 480px) {
  footer .secondary-container {
    margin-top: 32px;
  }
}
footer .secondary-container .five-columns {
  grid-template-columns: 180px repeat(4, 1fr);
}
@media (max-width: 960px) {
  footer .secondary-container .five-columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
  }
  footer .secondary-container .five-columns > :first-child {
    grid-row: span 2;
  }
}
@media (max-width: 780px) {
  footer .secondary-container .five-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  footer .secondary-container .five-columns > :first-child {
    grid-row: unset;
    grid-column: span 2;
  }
}
@media (max-width: 480px) {
  footer .secondary-container .five-columns {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
  }
  footer .secondary-container .five-columns > :first-child {
    grid-row: unset;
    grid-column: unset;
  }
}
footer .secondary-container .five-columns .column {
  font-size: 14px;
  padding-top: 16px;
}
@media (max-width: 780px) {
  footer .secondary-container .five-columns .column {
    padding-top: 0;
  }
}
footer .secondary-container .five-columns .column.column-logo {
  padding-top: 0;
}
footer .secondary-container .five-columns .column.column-logo img {
  width: 180px;
}
footer .secondary-container .five-columns .column ul li + li {
  margin-top: 0;
}
footer .secondary-container .five-columns .column ul li a {
  color: #ffffff;
  background-image: linear-gradient(transparent calc(100% - 1px), #ffffff 1px);
}
footer .secondary-container .five-columns .column p {
  white-space: pre-line;
}
footer .secondary-container .social {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-top: 80px;
}
@media (max-width: 480px) {
  footer .secondary-container .social {
    margin-top: 40px;
  }
}
footer .secondary-container .social .social-link {
  display: flex;
  gap: 12px;
}
footer .circle-link a {
  opacity: 0.375;
}
footer .circle-link a:hover {
  opacity: 1;
}
footer .mandatories {
  margin-top: 80px;
}
@media (max-width: 480px) {
  footer .mandatories {
    margin-top: 48px;
  }
}
footer .mandatories .full-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
@media (max-width: 480px) {
  footer .mandatories .full-container {
    flex-direction: column;
    align-items: flex-start;
  }
}
footer .mandatories .full-container .bar {
  padding: 0 6px;
}
footer .mandatories .full-container a {
  color: #7a7a7a;
}
footer .mandatories .full-container a:hover {
  color: #ffffff;
}
section {
  width: 100%;
}
section.section-primary-header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-size: cover;
  position: relative;
  min-height: 90vh;
  padding: calc(40px + 120px) 0 40px 0;
  width: 100%;
}
section.section-primary-header #background-video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  padding-top: 0 !important;
}
section.section-primary-header #background-video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding-top: 0 !important;
}
section.section-primary-header:after {
  content: "";
  background-color: #000;
  opacity: 0.7;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
section.section-primary-header:before {
  content: "";
  background-image: url(../../img/background_pattern.svg);
  background-size: 7.4px 55.5px;
  background-repeat: repeat;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0.1;
}
section.section-primary-header > * {
  position: relative;
  z-index: 3;
}
section.section-primary-header .scrolling-header {
  display: flex;
  overflow-x: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  flex: 1;
  justify-content: center;
  flex-direction: column;
  padding: 40px 0;
}
section.section-primary-header .scrolling-header .swiper-container {
  position: static;
}
section.section-primary-header .scrolling-header .swiper-container.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: linear;
}
section.section-primary-header .scrolling-header .swiper-container .swiper-wrapper {
  display: flex;
  align-items: center;
}
section.section-primary-header .scrolling-header .swiper-container .swiper-wrapper .swiper-slide {
  width: auto;
  flex-shrink: 0;
}
section.section-primary-header .scrolling-header .swiper-container .swiper-wrapper .swiper-slide h1 {
  display: block;
  white-space: nowrap;
  overflow: hidden;
}
section.section-primary-header .description .content-block {
  width: 33%;
}
@media (max-width: 960px) {
  section.section-primary-header .description .content-block {
    width: 50%;
  }
}
@media (max-width: 480px) {
  section.section-primary-header .description .content-block {
    width: 100%;
  }
}
section.section-primary-header .description p + .scroll-down {
  margin-top: 32px;
}
section.section-breadcrumbs {
  padding-bottom: 64px;
  padding-top: 72px !important;
}
@media (max-width: 960px) {
  section.section-breadcrumbs {
    padding-top: 16px !important;
  }
}
@media (max-width: 480px) {
  section.section-breadcrumbs {
    padding-bottom: 40px;
    padding-top: 40px !important;
  }
}
section.section-breadcrumbs.no-header {
  margin-top: 120px;
  padding-top: 0;
}
@media (max-width: 1128px) {
  section.section-breadcrumbs.no-header {
    margin-top: 80px;
  }
}
section.section-breadcrumbs.background-secondary-green {
  padding-top: 32px !important;
}
section.section-breadcrumbs.background-secondary-green * {
  color: #ffffff;
}
section.section-breadcrumbs.background-secondary-green .breadcrumb-current {
  background-image: linear-gradient(transparent calc(100% - 1px), #ffffff 1px);
}
section.section-breadcrumbs.background-secondary-green a {
  background-image: linear-gradient(transparent calc(100% - 1px), #ffffff 1px);
}
section.section-breadcrumbs.background-secondary-green .secondary-container {
  padding-top: 0 !important;
}
section.section-breadcrumbs * {
  font-size: 10px;
  font-family: "pragmatica-extended", serif;
}
section.section-breadcrumbs .arrow {
  padding: 0 6px;
}
section.section-breadcrumbs .breadcrumb-current {
  position: relative;
  background-image: linear-gradient(transparent calc(100% - 1px), #2a2a2a 1px);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size 0.3s;
  background-size: 100% 100%;
}
section.section-categories .category-slider {
  overflow-x: hidden;
  position: relative;
  width: 100%;
}
section.section-categories .category-slider .swiper-container {
  position: static;
}
section.section-categories .category-slider .swiper-container.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: linear;
}
section.section-categories .category-slider .swiper-container .swiper-wrapper {
  display: flex;
  align-items: stretch;
}
section.section-categories .category-slider .swiper-container .swiper-wrapper .swiper-slide {
  background-color: #eae6de;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  flex-grow: 1 !important;
  height: auto !important;
}
section.section-categories .category-slider .swiper-container .swiper-wrapper .swiper-slide .category-tile {
  display: block;
  text-align: center;
  width: 100%;
  padding: 40px;
}
section.section-categories .category-slider .swiper-container .swiper-wrapper .swiper-slide .category-tile .image-container {
  margin-bottom: 24px;
}
section.section-categories .category-slider .swiper-container .swiper-wrapper .swiper-slide .category-tile .image-container img {
  object-fit: contain;
  display: block;
  width: 100%;
}
section.section-categories .category-slider .swiper-container .swiper-wrapper .swiper-slide .category-tile .image-container:after {
  padding-top: 100%;
}
section.section-trusted {
  padding: 132px 0;
}
@media (max-width: 780px) {
  section.section-trusted {
    padding: 72px 0 40px 0;
  }
}
section.section-trusted .secondary-container .two-columns {
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
}
@media (max-width: 780px) {
  section.section-trusted .secondary-container .two-columns {
    grid-template-columns: 1fr;
    gap: 112px;
  }
}
section.section-trusted .secondary-container .two-columns .column.col-image {
  padding: 0 40px;
}
@media (max-width: 780px) {
  section.section-trusted .secondary-container .two-columns .column.col-image {
    padding: 0;
  }
}
section.section-trusted .secondary-container .two-columns .column.col-content {
  padding: 0 80px;
}
@media (max-width: 1200px) {
  section.section-trusted .secondary-container .two-columns .column.col-content {
    padding: 0 24px;
  }
}
@media (max-width: 780px) {
  section.section-trusted .secondary-container .two-columns .column.col-content {
    padding: 0;
  }
}
section.section-trusted .secondary-container .two-columns .column .image-card {
  position: relative;
  padding: 40px;
}
@media (max-width: 1200px) {
  section.section-trusted .secondary-container .two-columns .column .image-card {
    padding: 24px;
  }
}
@media (max-width: 780px) {
  section.section-trusted .secondary-container .two-columns .column .image-card {
    padding: 0;
    max-width: 400px;
    margin: 0 auto;
  }
}
section.section-trusted .secondary-container .two-columns .column .image-card .image-container {
  clip-path: polygon(24px 0, calc(100% - 24px) 0, 100% 24px, 100% calc(100% - 24px), calc(100% - 24px) 100%, 24px 100%, 0 calc(100% - 24px), 0 24px);
}
section.section-trusted .secondary-container .two-columns .column .image-card .image-container::after {
  padding-top: 128.9%;
}
@media (max-width: 480px) {
  section.section-trusted .secondary-container .two-columns .column .image-card .image-container {
    clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 16px 100%, 0 calc(100% - 16px), 0 16px);
  }
}
section.section-trusted .secondary-container .two-columns .column .image-card .card:nth-of-type(1) {
  top: -40px;
  right: -24px;
}
@media (max-width: 960px) {
  section.section-trusted .secondary-container .two-columns .column .image-card .card:nth-of-type(1) {
    right: -32px;
  }
}
section.section-trusted .secondary-container .two-columns .column .image-card .card:nth-of-type(2) {
  top: 35%;
  left: -70px;
}
@media (max-width: 960px) {
  section.section-trusted .secondary-container .two-columns .column .image-card .card:nth-of-type(2) {
    left: -32px;
  }
}
@media (max-width: 480px) {
  section.section-trusted .secondary-container .two-columns .column .image-card .card:nth-of-type(2) {
    left: -16px;
  }
}
section.section-trusted .secondary-container .two-columns .column .image-card .card:nth-of-type(3) {
  bottom: -40px;
  right: 96px;
}
@media (max-width: 960px) {
  section.section-trusted .secondary-container .two-columns .column .image-card .card:nth-of-type(3) {
    bottom: -40px;
    right: 50px;
  }
}
@media (max-width: 480px) {
  section.section-trusted .secondary-container .two-columns .column .image-card .card:nth-of-type(3) {
    bottom: -70px;
    right: 40px;
  }
}
section.section-full-width-image .image-container {
  clip-path: unset;
}
section.section-full-width-image .image-container:after {
  padding-top: 30%;
}
@media (max-width: 1200px) {
  section.section-full-width-image .image-container:after {
    padding-top: 26.73%;
  }
}
@media (max-width: 960px) {
  section.section-full-width-image .image-container:after {
    padding-top: 75%;
  }
}
@media (max-width: 780px) {
  section.section-full-width-image .image-container:after {
    padding-top: 100%;
  }
}
section.section-full-width-image .image-container img {
  height: calc(100% + 250px);
}
section.section-services {
  overflow: hidden;
  padding: 120px 0;
}
@media (max-width: 960px) {
  section.section-services {
    padding: 64px 0;
  }
}
section.section-services .secondary-container .tabs {
  display: flex;
  gap: 24px;
  margin-top: 48px;
}
@media (max-width: 960px) {
  section.section-services .secondary-container .tabs {
    display: none;
  }
}
section.section-services .secondary-container .tabs p a {
  position: relative;
  font-family: "pragmatica-extended", serif;
}
section.section-services .secondary-container .tabs p a.active {
  background-size: 100% 100%;
}
section.section-services .secondary-container .tabs p + p {
  margin-top: 0;
}
section.section-services .secondary-container .tab-content {
  margin-top: 80px;
}
@media (max-width: 960px) {
  section.section-services .secondary-container .tab-content {
    margin-top: 56px;
  }
}
section.section-services .secondary-container .tab-content .tab-content-inner {
  position: relative;
  padding: 0;
  margin: 0;
}
section.section-services .secondary-container .tab-content .two-columns {
  align-items: center;
  display: none;
}
@media (max-width: 960px) {
  section.section-services .secondary-container .tab-content .two-columns {
    gap: 48px;
  }
}
@media (max-width: 960px) {
  section.section-services .secondary-container .tab-content .two-columns[data-section-number="1"] .bg-icon {
    display: block !important;
  }
}
@media (max-width: 960px) {
  section.section-services .secondary-container .tab-content .two-columns {
    display: grid !important;
  }
}
@media (max-width: 960px) {
  section.section-services .secondary-container .tab-content .two-columns + .two-columns {
    margin-top: 76px;
  }
}
section.section-services .secondary-container .tab-content .two-columns.active {
  display: grid !important;
}
section.section-services .secondary-container .tab-content .two-columns .content-block {
  padding-right: 48px;
}
@media (max-width: 960px) {
  section.section-services .secondary-container .tab-content .two-columns .content-block {
    padding-right: 0;
  }
}
section.section-services .secondary-container .tab-content .two-columns .image-motif {
  position: relative;
}
section.section-services .secondary-container .tab-content .two-columns .image-motif .image-container {
  z-index: 2;
  clip-path: polygon(24px 0, calc(100% - 24px) 0, 100% 24px, 100% calc(100% - 24px), calc(100% - 24px) 100%, 24px 100%, 0 calc(100% - 24px), 0 24px);
}
@media (max-width: 480px) {
  section.section-services .secondary-container .tab-content .two-columns .image-motif .image-container {
    clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 16px 100%, 0 calc(100% - 16px), 0 16px);
  }
}
@media (max-width: 960px) {
  section.section-services .secondary-container .tab-content .two-columns .image-motif .image-container:after {
    padding-top: 30%;
  }
}
@media (max-width: 780px) {
  section.section-services .secondary-container .tab-content .two-columns .image-motif .image-container:after {
    padding-top: 60%;
  }
}
section.section-services .secondary-container .tab-content .two-columns .image-motif .bg-icon {
  position: absolute;
  top: -276px;
  right: -160px;
  width: 528px;
  height: 715px;
  z-index: -1;
}
@media (max-width: 960px) {
  section.section-services .secondary-container .tab-content .two-columns .image-motif .bg-icon {
    display: none;
    top: 0px;
  }
}
section.section-podium {
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  padding: 144px 0;
}
@media (max-width: 960px) {
  section.section-podium {
    padding: 128px 0;
  }
}
@media (max-width: 780px) {
  section.section-podium {
    padding: 64px 0;
  }
}
section.section-podium .foreground,
section.section-podium .background {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
section.section-podium .foreground img,
section.section-podium .background img {
  width: 100%;
  height: 100%;
  object-position: center center;
  object-fit: contain;
}
section.section-podium .foreground img.desktop,
section.section-podium .background img.desktop {
  display: block;
}
@media (max-width: 780px) {
  section.section-podium .foreground img.desktop,
  section.section-podium .background img.desktop {
    display: none;
  }
}
section.section-podium .foreground img.mobile,
section.section-podium .background img.mobile {
  display: none;
  object-fit: cover;
}
@media (max-width: 780px) {
  section.section-podium .foreground img.mobile,
  section.section-podium .background img.mobile {
    display: block;
  }
}
section.section-podium .background {
  z-index: 1;
}
section.section-podium .background img {
  object-fit: cover !important;
}
section.section-podium .foreground {
  z-index: 8;
}
section.section-podium .secondary-container {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}
section.section-podium .secondary-container .content-block {
  width: 100%;
}
section.section-podium .secondary-container .content-block .title {
  text-align: right;
}
@media (max-width: 780px) {
  section.section-podium .secondary-container .content-block .title {
    text-align: left;
  }
}
section.section-podium .secondary-container .content-block .title h1 {
  font-size: 100px;
}
@media (max-width: 1200px) {
  section.section-podium .secondary-container .content-block .title h1 {
    font-size: clamp(75px, calc(75px + (25 * ((100vw - 960px) / 240))), 100px);
  }
}
@media (max-width: 960px) {
  section.section-podium .secondary-container .content-block .title h1 {
    font-size: clamp(28px, calc(28px + (52 * ((100vw - 480px) / 480))), 80px);
  }
}
@media (max-width: 780px) {
  section.section-podium .secondary-container .content-block .title h1 {
    font-size: clamp(45px, calc(45px + (30 * ((100vw - 480px) / 300))), 75px);
  }
}
@media (max-width: 480px) {
  section.section-podium .secondary-container .content-block .title h1 {
    font-size: 32px;
  }
}
section.section-podium .secondary-container .content-block .title h1 + h1 {
  margin-top: -0.5%;
}
section.section-podium .secondary-container .content-block .title h1:nth-of-type(1) {
  text-align: left;
}
@media (max-width: 480px) {
  section.section-podium .secondary-container .content-block .title h5 {
    font-size: 14px;
  }
}
section.section-podium .secondary-container .content-block .subtitle {
  width: 25%;
  margin-top: 96px;
  margin-bottom: 64px;
  z-index: 4;
  position: relative;
}
@media (max-width: 960px) {
  section.section-podium .secondary-container .content-block .subtitle {
    width: 40%;
    margin-top: 80px;
    margin-bottom: 56px;
  }
}
@media (max-width: 780px) {
  section.section-podium .secondary-container .content-block .subtitle {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 400px;
  }
}
@media (max-width: 480px) {
  section.section-podium .secondary-container .content-block .subtitle {
    margin-top: 32px;
  }
}
section.section-recent-news {
  padding: 80px 0;
}
section.section-recent-news .two-columns {
  grid-template-columns: minmax(0, 1fr) minmax(0, 4fr);
}
@media (max-width: 960px) {
  section.section-recent-news .two-columns {
    grid-template-columns: 1fr;
  }
}
section.section-recent-news .two-columns .column {
  width: 100%;
  overflow: hidden;
}
section.section-recent-news .two-columns .column:nth-of-type(2) {
  width: calc(100% + var(--secondary-container-left-offset));
}
section.section-recent-news .news-slider .swiper-container {
  position: static;
}
section.section-recent-news .news-slider .swiper-container .swiper-wrapper {
  display: flex;
  align-items: stretch;
  padding-right: 100px;
}
section.section-recent-news .news-slider .swiper-container .swiper-wrapper .swiper-slide {
  flex-grow: 1 !important;
  height: auto !important;
}
section.section-recent-news .news-slider .swiper-container .swiper-wrapper .swiper-slide:last-of-type {
  margin-right: var(--secondary-container-left-offset);
}
section.section-recent-news .new {
  flex-shrink: 0;
  cursor: pointer;
}
section.section-recent-news .new + .new:before {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: -24px;
  bottom: 0;
  height: 100%;
  width: 1px;
  background-color: #ddd6c9;
}
section.section-reviews {
  padding: 110px 0 40px 0;
  width: 100%;
}
@media (max-width: 960px) {
  section.section-reviews {
    padding: 64px 0 40px 0;
  }
}
section.section-reviews .reviews-slider {
  overflow-x: hidden;
  position: relative;
  width: 100%;
}
section.section-reviews .reviews-slider .swiper-container {
  position: static;
}
section.section-reviews .reviews-slider .swiper-container.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: linear !important;
}
section.section-reviews .reviews-slider .swiper-container .swiper-wrapper {
  display: flex;
  align-items: stretch;
}
section.section-reviews .reviews-slider .swiper-container .swiper-wrapper .swiper-slide {
  flex-grow: 1 !important;
  height: auto !important;
}
section.section-reviews .review {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 64px 32px;
}
section.section-reviews .review .stars {
  display: flex;
  gap: 4px;
}
section.section-reviews .review .content {
  margin-top: 24px;
}
section.section-reviews .review h5 {
  margin-top: 32px;
}
section.section-page-title,
section.section-archive-product-title {
  position: relative;
  z-index: 5;
}
section.section-page-title.template-two-column h3,
section.section-archive-product-title.template-two-column h3 {
  width: calc(50% - 30px);
}
@media (max-width: 960px) {
  section.section-page-title.template-two-column h3,
  section.section-archive-product-title.template-two-column h3 {
    width: 100%;
  }
}
@media (max-width: 780px) {
  section.section-page-title h3,
  section.section-archive-product-title h3 {
    font-size: 54px;
  }
}
@media (max-width: 480px) {
  section.section-page-title h3,
  section.section-archive-product-title h3 {
    font-size: 46px;
  }
}
section.section-product_category {
  padding-top: 16px;
}
@media (max-width: 780px) {
  section.section-product_category .secondary-container h3 {
    font-size: 54px;
  }
}
@media (max-width: 480px) {
  section.section-product_category .secondary-container h3 {
    font-size: 46px;
  }
}
section.section-product_category .secondary-container .two-columns {
  align-items: flex-start;
  grid-template-columns: 1fr 2fr;
}
@media (max-width: 960px) {
  section.section-product_category .secondary-container .two-columns {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}
section.section-product_category .secondary-container .two-columns .image-container {
  max-height: 400px;
}
@media (max-width: 960px) {
  section.section-product_category .secondary-container .two-columns .image-container {
    max-height: none;
    max-width: 700px;
    margin: 0 auto;
  }
}
section.section-product_category .secondary-container .two-columns .image-container img {
  object-fit: contain;
}
section.section-payment-options {
  padding: 0 0 120px 0;
}
section.section-payment-options .three-columns {
  gap: 32px;
  margin-top: 64px;
}
@media (max-width: 1200px) {
  section.section-payment-options .three-columns {
    grid-template-columns: 1fr;
  }
}
section.section-payment-options .three-columns .box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  background-color: #eef2fd;
  padding: 32px;
  border-radius: 16px;
  min-height: 350px;
}
@media (max-width: 1200px) {
  section.section-payment-options .three-columns .box {
    flex-direction: row;
    min-height: 0;
    justify-content: flex-start;
    align-items: center;
    gap: 64px;
    min-height: 200px;
  }
}
@media (max-width: 780px) {
  section.section-payment-options .three-columns .box {
    flex-direction: colun;
    min-height: 350px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0;
  }
}
@media (max-width: 1200px) {
  section.section-payment-options .three-columns .box h4 {
    width: 50%;
  }
}
@media (max-width: 780px) {
  section.section-payment-options .three-columns .box h4 {
    width: 100%;
    font-size: 32px;
  }
}
@media (max-width: 1200px) {
  section.section-payment-options .three-columns .box .description,
  section.section-payment-options .three-columns .box .button {
    margin-top: 0;
  }
}
@media (max-width: 780px) {
  section.section-payment-options .three-columns .box .description,
  section.section-payment-options .three-columns .box .button {
    margin-top: 16px;
  }
}
section.section-404 {
  padding-bottom: 120px;
}
section.section-news-archive {
  padding-bottom: 96px;
}
section.section-news-archive .title-group {
  max-width: 100%;
}
section.section-news-archive .title-group p {
  width: calc(50% - 16px);
}
@media (max-width: 780px) {
  section.section-news-archive .title-group p {
    width: 100%;
  }
}
section.section-news-archive .news-archive-items {
  margin-top: 56px;
}
section.section-news-archive .news-archive-items .four-columns {
  gap: 56px 32px;
}
@media (max-width: 480px) {
  section.section-news-archive .news-archive-items .four-columns {
    grid-template-columns: 1fr;
  }
}
section.section-news-archive .news-archive-items .four-columns .news-grid-item {
  position: relative;
}
section.section-news-archive .news-archive-items .four-columns .news-grid-item:nth-of-type(4n + 1):before {
  display: none !important;
}
section.section-news-archive .news-archive-items .four-columns .news-grid-item .image-container:after {
  padding-top: 56%;
}
section.section-news-archive .news-archive-items .four-columns .news-grid-item + .news-grid-item:before {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: -16px;
  bottom: 0;
  height: 100%;
  width: 1px;
  background-color: #ddd6c9;
}
@media (max-width: 480px) {
  section.section-news-archive .news-archive-items .four-columns .news-grid-item + .news-grid-item:before {
    display: none;
  }
}
section.section-column-image {
  padding: 64px 0;
}
@media (max-width: 960px) {
  section.section-column-image {
    padding: 40px 0;
  }
}
section.section-column-image[data-section-number="1"] .bg-icon,
section.section-column-image[data-section-number="1"] .test-div {
  display: block !important;
}
section.section-column-image[data-section-number="1"] .card {
  bottom: -60px;
  right: 90px;
}
@media (max-width: 960px) {
  section.section-column-image[data-section-number="1"] .card {
    bottom: unset;
    top: -40px;
    right: 0;
    transform-origin: 100% 100%;
  }
}
section.section-column-image[data-section-number="2"] .card {
  bottom: -60px;
  right: 90px;
}
@media (max-width: 960px) {
  section.section-column-image[data-section-number="2"] .card {
    bottom: unset;
    right: unset;
    top: -40px;
    left: 0;
  }
}
section.section-column-image[data-section-number="3"] .card {
  top: -60px;
  left: 120px;
}
@media (max-width: 960px) {
  section.section-column-image[data-section-number="3"] .card {
    left: unset;
    top: -40px;
    right: 0;
    transform-origin: 100% 100%;
  }
}
section.section-column-image[data-section-number="4"] .card {
  bottom: -60px;
  right: 90px;
}
@media (max-width: 960px) {
  section.section-column-image[data-section-number="4"] .card {
    bottom: unset;
    right: unset;
    top: -40px;
    left: 0;
  }
}
section.section-column-image[data-section-number="5"] .card {
  bottom: -60px;
  right: 90px;
}
@media (max-width: 960px) {
  section.section-column-image[data-section-number="5"] .card {
    left: unset;
    bottom: unset;
    top: -40px;
    right: 0;
    transform-origin: 100% 100%;
  }
}
section.section-column-image[data-section-number="6"] .card {
  top: -60px;
  left: 120px;
}
@media (max-width: 960px) {
  section.section-column-image[data-section-number="6"] .card {
    bottom: unset;
    right: unset;
    top: -40px;
    left: 0;
  }
}
section.section-column-image.last-section {
  padding-bottom: 164px;
}
@media (max-width: 960px) {
  section.section-column-image.last-section {
    padding-bottom: 96px;
  }
}
section.section-column-image + .section-column-image {
  padding-top: 64px;
}
@media (max-width: 960px) {
  section.section-column-image + .section-column-image {
    padding-top: 40px;
  }
}
section.section-column-image .two-columns {
  align-items: center;
}
@media (max-width: 960px) {
  section.section-column-image .two-columns {
    gap: 76px;
  }
}
section.section-column-image .two-columns .column {
  position: relative;
}
@media (max-width: 960px) {
  section.section-column-image .two-columns .column.column-right.column-image {
    margin-right: calc(-1 * var(--secondary-container-left-offset) - 24px);
  }
}
section.section-column-image .two-columns .column.column-right.column-image .image-container {
  width: calc(100% - 24px);
  margin-left: 24px;
}
@media (max-width: 960px) {
  section.section-column-image .two-columns .column.column-right.column-image .image-container {
    clip-path: polygon(24px 0, 100% 0, 100% 100%, 24px 100%, 0 calc(100% - 24px), 0 24px);
  }
}
section.section-column-image .two-columns .column.column-right.column-content {
  padding: 48px 0 48px 96px;
}
@media (max-width: 1200px) {
  section.section-column-image .two-columns .column.column-right.column-content {
    padding: 32px 0 32px 48px;
  }
}
@media (max-width: 960px) {
  section.section-column-image .two-columns .column.column-right.column-content {
    padding: 0;
  }
}
section.section-column-image .two-columns .column.column-left.column-image {
  z-index: 10;
}
@media (max-width: 960px) {
  section.section-column-image .two-columns .column.column-left.column-image {
    margin-left: calc(-1 * var(--secondary-container-left-offset));
  }
}
section.section-column-image .two-columns .column.column-left.column-image .image-container {
  width: calc(100% - 24px);
  margin-right: 24px;
}
@media (max-width: 960px) {
  section.section-column-image .two-columns .column.column-left.column-image .image-container {
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
  }
}
section.section-column-image .two-columns .column.column-left.column-content {
  padding: 48px 96px 48px 0;
}
@media (max-width: 1200px) {
  section.section-column-image .two-columns .column.column-left.column-content {
    padding: 32px 48px 32px 0;
  }
}
@media (max-width: 960px) {
  section.section-column-image .two-columns .column.column-left.column-content {
    padding: 0;
  }
}
section.section-column-image .two-columns .column .bg-icon,
section.section-column-image .two-columns .column .test-div {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-438px);
  right: -200px;
  width: 650px;
  height: 877px;
  z-index: -1;
}
@media (max-width: 960px) {
  section.section-column-image .two-columns .column .bg-icon,
  section.section-column-image .two-columns .column .test-div {
    top: 0;
    transform: none;
  }
}
section.section-features {
  padding: 120px 0;
}
@media (max-width: 780px) {
  section.section-features {
    padding: 64px 0;
  }
}
section.section-features .two-columns {
  grid-template-columns: 2fr 3fr;
}
@media (max-width: 780px) {
  section.section-features .two-columns {
    grid-template-columns: 1fr;
  }
}
section.section-features .two-columns .feature-content {
  display: none;
  margin-top: 0;
}
@media (max-width: 780px) {
  section.section-features .two-columns .feature-content {
    display: block;
  }
}
@media (max-width: 780px) {
  section.section-features .two-columns .feature-content + .feature-content {
    margin-top: 40px;
  }
}
@media (max-width: 780px) {
  section.section-features .two-columns .feature-content[data-index="0"] .image-card {
    display: block;
  }
}
section.section-features .two-columns .feature-content.active {
  display: block;
}
section.section-features .two-columns .feature-content .image-card {
  position: relative;
}
section.section-features .two-columns .feature-content .image-card .card {
  bottom: 40px;
  right: -40px;
}
@media (max-width: 960px) {
  section.section-features .two-columns .feature-content .image-card .card {
    top: -40px;
    right: 40px;
    bottom: unset;
  }
}
@media (max-width: 780px) {
  section.section-features .two-columns .feature-content .image-card .card {
    top: -24px;
    right: 0;
  }
}
section.section-features .two-columns .feature-content .image-card .image-container {
  clip-path: polygon(24px 0, calc(100% - 24px) 0, 100% 24px, 100% calc(100% - 24px), calc(100% - 24px) 100%, 24px 100%, 0 calc(100% - 24px), 0 24px);
}
section.section-features .two-columns .feature-content .image-card .image-container:after {
  padding-top: 64%;
}
@media (max-width: 780px) {
  section.section-features .two-columns .feature-content .image-card .image-container {
    width: calc(100% - 24px);
    margin-top: 24px;
  }
}
@media (max-width: 480px) {
  section.section-features .two-columns .feature-content .image-card .image-container {
    width: 100%;
    margin-top: 24px;
    clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 16px 100%, 0 calc(100% - 16px), 0 16px);
  }
}
section.section-features .two-columns .feature-content .image-card + .feature-description {
  margin-top: 56px;
}
@media (max-width: 780px) {
  section.section-features .two-columns .feature-content .image-card + .feature-description {
    margin-top: 48px;
  }
}
section.section-features .two-columns .feature-content .feature-description h5.title {
  display: none;
}
section.section-features .two-columns .feature-content .feature-description h5.title + p {
  margin-top: 0;
}
@media (max-width: 780px) {
  section.section-features .two-columns .feature-content .feature-description h5.title + p {
    margin-top: 16px;
  }
}
@media (max-width: 780px) {
  section.section-features .two-columns .feature-content .feature-description h5.title {
    display: block;
  }
}
@media (max-width: 780px) {
  section.section-features .two-columns .feature-content .feature-description h5.title + h5 {
    margin-top: 16px;
  }
}
section.section-features .two-columns .feature-content .feature-description * + * {
  margin-top: 16px;
}
section.section-features .two-columns .feature-content .feature-description ul {
  list-style: disc;
  padding-left: 24px;
}
section.section-features .two-columns .feature-content .feature-description ul li {
  margin-bottom: 8px;
  margin-top: 8px;
  list-style: disc;
}
section.section-features .two-columns .feature-content .feature-description ol {
  list-style: decimal;
  padding-left: 24px;
}
section.section-features .two-columns .feature-content .feature-description ol li {
  margin-bottom: 8px;
  margin-top: 8px;
  list-style: decimal;
}
section.section-features .two-columns .feature-content .feature-description em,
section.section-features .two-columns .feature-content .feature-description i {
  font-style: italic;
}
section.section-features .two-columns .feature-content .feature-description strong,
section.section-features .two-columns .feature-content .feature-description b {
  font-weight: bold;
}
section.section-features .two-columns .feature-content .feature-description a {
  color: #2a2a2a;
  background-size: 100% 100%;
  background-position: left bottom;
  background-image: linear-gradient(transparent calc(100% - 1px), #2a2a2a 1px);
}
section.section-features .two-columns .feature-content .feature-description a:hover {
  background-size: 0% 100%;
  background-position: right bottom;
}
section.section-features .two-columns .features-tabs-wrapper {
  position: relative;
  margin-top: 56px;
}
@media (max-width: 780px) {
  section.section-features .two-columns .features-tabs-wrapper {
    display: none;
  }
}
section.section-features .two-columns .features-tabs-wrapper .vertical-line {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: #fff;
}
section.section-features .two-columns .features-tabs-wrapper .indicator {
  position: absolute;
  left: 0;
  width: 2px;
  background-color: #000;
  top: 0;
  height: 0;
  margin-top: 0;
}
section.section-features .two-columns .features-tabs-wrapper .features-tabs {
  margin-left: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}
section.section-features .two-columns .features-tabs-wrapper .features-tabs .feature-tab {
  cursor: pointer;
  padding: 12px 0 12px 16px;
  margin-top: 0;
}
section.section-features .two-columns .features-tabs-wrapper .features-tabs .feature-tab h5 {
  color: #ffffff;
}
section.section-features .two-columns .features-tabs-wrapper .features-tabs .feature-tab.active h5 {
  color: #2a2a2a;
}
section.section-features .two-columns .column .button {
  margin-top: 92px;
}
@media (max-width: 780px) {
  section.section-features .two-columns .column .button {
    display: none;
  }
}
section.section-features .button-container {
  display: none;
  margin-top: 48px;
}
@media (max-width: 780px) {
  section.section-features .button-container {
    display: block;
  }
}
section.section-products {
  padding: 96px 0;
}
@media (max-width: 960px) {
  section.section-products {
    padding: 64px 0 96px 0;
  }
}
section.section-products .product-wrapper .product-header {
  margin-bottom: 48px;
}
section.section-products .product-wrapper .product-header .product-header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 780px) {
  section.section-products .product-wrapper .product-header .product-header-container {
    flex-wrap: wrap;
  }
}
@media (max-width: 480px) {
  section.section-products .product-wrapper .product-header .product-header-container .left.toggle-filters {
    width: 100%;
  }
}
section.section-products .product-wrapper .product-header .product-header-container .left.toggle-filters .button {
  font-family: "Kairos Sans";
  align-items: center;
  gap: 8px;
  background-color: #ddd6c9;
  border: 1px solid #ddd6c9;
  padding: 9px 24px;
  font-size: 14px;
  min-height: 45px;
  color: #2a2a2a;
}
section.section-products .product-wrapper .product-header .product-header-container .left.toggle-filters .button:hover {
  background-color: #d3cab9;
  border-color: #d3cab9;
  color: #2a2a2a;
}
@media (max-width: 480px) {
  section.section-products .product-wrapper .product-header .product-header-container .left.toggle-filters .button {
    width: 100%;
  }
}
section.section-products .product-wrapper .product-header .product-header-container .left.toggle-filters .button .indicator {
  transition: transform 0.3s;
}
section.section-products .product-wrapper .product-header .product-header-container .left.toggle-filters .button span {
  font-family: "Kairos Sans";
}
section.section-products .product-wrapper .product-header .product-header-container .left.toggle-filters.active .button .indicator {
  transform: translateX(-7px);
}
section.section-products .product-wrapper .product-header .product-header-container .right {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 780px) {
  section.section-products .product-wrapper .product-header .product-header-container .right {
    display: contents;
  }
}
section.section-products .product-wrapper .product-header .product-header-container .right .results-count {
  font-family: "Kairos Sans";
  font-weight: 500;
  font-size: 14px;
}
@media (max-width: 780px) {
  section.section-products .product-wrapper .product-header .product-header-container .right .results-count {
    width: 100%;
    margin-top: 40px;
    order: 4;
  }
}
@media (max-width: 780px) {
  section.section-products .product-wrapper .product-header .product-header-container .right .sort-by {
    order: 2;
  }
}
@media (max-width: 480px) {
  section.section-products .product-wrapper .product-header .product-header-container .right .sort-by {
    width: 100%;
    margin-top: 16px;
  }
}
section.section-products .product-wrapper .product-header .product-header-container .right .sort-by select {
  min-height: 45px;
  appearance: none;
  align-items: center;
  gap: 8px;
  background-color: #ddd6c9;
  border: 1px solid #ddd6c9;
  padding: 9px 24px;
  border-radius: 99px;
  font-family: "Kairos Sans";
  font-size: 14px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M12.5 4.5L7.5 9.5L2.5 4.5L12.5 4.5Z" fill="%232A2A2A"/></svg>');
  background-position: calc(100% - 24px) 50%;
  padding-right: 40px;
}
section.section-products .product-wrapper .product-container.filters-hidden .two-columns {
  grid-template-columns: 1fr;
}
section.section-products .product-wrapper .product-container.filters-hidden .product-filter {
  display: none;
}
section.section-products .product-wrapper .product-container .two-columns {
  grid-template-columns: 240px 1fr;
}
@media (max-width: 780px) {
  section.section-products .product-wrapper .product-container .two-columns .product-filter {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 300;
    padding: 40px;
    background-color: #eae6de;
    overflow-y: auto;
  }
}
section.section-products .product-wrapper .product-container .two-columns .product-filter .filter-title {
  display: none;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
@media (max-width: 780px) {
  section.section-products .product-wrapper .product-container .two-columns .product-filter .filter-title {
    display: flex;
  }
}
section.section-products .product-wrapper .product-container .two-columns .product-filter .filter-title .close {
  cursor: pointer;
}
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group {
  display: block;
  border-top: 1px solid #ddd6c9;
  padding-top: 16px;
}
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group + .filter-group {
  margin-top: 24px;
}
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group[type="pa_horizontal-reach"],
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group[type="pa_machine-height"],
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group[type="pa_machine-weight"],
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group[type="pa_machine-width"],
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group[type="pa_max-forward-reach"],
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group[type="pa_max-lift-height"],
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group[type="pa_platform-capacity"],
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group[type="pa_platform-height"],
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group[type="pa_brand"] {
  display: none;
}
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group .filter-group-title {
  font-family: "Kairos Sans";
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-weight: 700;
  cursor: pointer;
  font-size: 14px;
}
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group .filter-group-title .toggle-icon {
  width: 14px;
  height: 14px;
  transition: transform 0.3s;
}
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group .filter-group-title .toggle-icon.active {
  transform: rotate(180deg);
}
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group .filter-group-title .toggle-icon svg {
  display: block;
  width: 14px;
  height: 14px;
}
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group .filter-group-options {
  padding-top: 12px;
}
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group .filter-group-options .subcategories {
  margin-top: 8px;
  padding-left: 16px;
}
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group .filter-group-options label {
  display: block;
  font-size: 14px;
}
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group .filter-group-options label.custom-checkbox {
  margin-top: 8px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 14px;
  user-select: none;
  text-transform: none;
  font-weight: 500;
}
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group .filter-group-options label.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group .filter-group-options label.custom-checkbox .checkbox-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #7a7a7a;
  background: transparent;
  border-radius: 3px;
  flex-shrink: 0;
}
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group .filter-group-options label.custom-checkbox input:checked + .checkbox-custom {
  background: transparent;
  border-color: #7a7a7a;
}
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group .filter-group-options label.custom-checkbox input:checked + .checkbox-custom:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 7px;
  width: 3px;
  height: 6px;
  border: solid #7a7a7a;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
}
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group .filter-group-options label.custom-checkbox .checkbox-label {
  margin-left: 8px;
  width: 100%;
  padding-top: 2px;
}
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group .filter-group-options label.custom-checkbox .term-count {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 9px;
  color: #2a2a2a;
  background-color: transparent;
  padding: 1px 0 0 0;
  width: 21px;
  height: 21px;
  border-radius: 999px;
  flex-shrink: 0;
}
section.section-products .product-wrapper .product-container .two-columns .product-filter form .filter-group .filter-group-options label.custom-checkbox.active .term-count {
  color: #ffffff;
  background-color: #2a2a2a;
}
@media (max-width: 780px) {
  section.section-products .product-wrapper .product-container .two-columns .product-results {
    padding: 0 16px;
  }
}
section.section-products .product-wrapper .product-container .two-columns .product-results .products-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
@media (max-width: 1200px) {
  section.section-products .product-wrapper .product-container .two-columns .product-results .products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 960px) {
  section.section-products .product-wrapper .product-container .two-columns .product-results .products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  section.section-products .product-wrapper .product-container .two-columns .product-results .products-grid {
    grid-template-columns: 1fr;
  }
}
section.section-faqs {
  padding: 96px 0;
}
@media (max-width: 960px) {
  section.section-faqs {
    padding: 64px 0;
  }
}
section.section-faqs.faq-page {
  padding-top: 0;
}
section.section-faqs h1 + h5 {
  margin-top: 32px;
}
section.section-faqs .third-container > .content-block {
  text-align: center;
}
section.section-faqs .third-container .faqs {
  margin-top: 56px;
}
section.section-faqs .third-container .faqs h4 {
  text-align: center;
  margin-bottom: 32px;
  margin-top: 64px;
}
@media (max-width: 960px) {
  section.section-faqs .third-container .faqs h4 {
    margin-bottom: 24px;
    margin-top: 40px;
  }
}
section.section-faqs .third-container .faqs .faq + .faq {
  margin-top: 24px;
}
section.section-faqs .third-container .faqs .faq .question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 24px 32px;
  background-color: #eef2fd;
  border-radius: 40px;
  transition: background-color 0.3s ease;
  gap: 16px;
}
section.section-faqs .third-container .faqs .faq .question svg {
  flex-shrink: 0;
  transition: transform 0.3s;
}
section.section-faqs .third-container .faqs .faq .question:hover {
  background-color: #d7e1fa;
}
section.section-faqs .third-container .faqs .faq .answer {
  display: none;
  padding: 32px 32px 16px 32px;
  max-width: 90%;
}
@media (max-width: 960px) {
  section.section-faqs .third-container .faqs .faq .answer {
    max-width: 100%;
  }
}
section.section-faqs .third-container .faqs .faq.open .question {
  background-color: #ffc328;
}
section.section-faqs .third-container .faqs .faq.open .question svg {
  transform: rotate(45deg);
}
section.section-faqs .third-container .contact {
  margin-top: 64px;
}
section.section-single-product {
  padding-bottom: 64px;
}
section.section-single-product .two-columns .image-container:after {
  padding-top: 100%;
}
section.section-single-product .two-columns .image-container img {
  object-fit: contain;
}
section.section-single-product .two-columns .price {
  font-family: "pragmatica-extended", serif;
  margin-top: 40px;
}
section.section-single-product .two-columns .details .data-value {
  display: flex;
  gap: 24px;
}
section.section-single-product .two-columns .details .data-value + .data-value {
  margin-top: 0;
}
section.section-single-product .two-columns .details .data-value .data {
  margin-top: 0;
  width: 50%;
}
section.section-single-product .two-columns .details .data-value .value {
  margin-top: 0;
  width: 50%;
}
section.section-single-product .two-columns .button-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 48px;
}
@media (max-width: 960px) {
  section.section-single-product .two-columns .button-group {
    margin-top: 40px;
  }
}
section.section-single-product .two-columns .button-group .button + .button {
  margin-top: 24px;
}
@media (max-width: 960px) {
  section.section-single-product .two-columns .button-group .button + .button {
    margin-top: 18px;
  }
}
section.section-single-product .two-columns .product-description {
  margin-top: 48px;
}
@media (max-width: 960px) {
  section.section-single-product .two-columns .product-description {
    margin-top: 48px;
  }
}
section.section-single-product .two-columns .product-description .details {
  margin-top: 24px;
}
section.section-single-product .two-columns .product-description .content {
  margin-top: 24px;
}
section.section-single-product .mandatories {
  margin-top: 32px;
}
@media (max-width: 980px) {
  section.section-single-product .mandatories p {
    font-size: 10px;
  }
}
section.section-related-products {
  padding: 56px 0 96px 0;
}
section.section-related-products .content-block p {
  font-family: "pragmatica-extended", serif;
  margin-bottom: 48px;
}
section.section-related-products .four-columns {
  gap: 32px;
}
@media (max-width: 480px) {
  section.section-related-products .four-columns {
    grid-template-columns: 1fr;
    padding: 0 16px;
  }
}
section.section-enquire,
section.section-quick-quote {
  padding: 114px 0;
}
@media (max-width: 960px) {
  section.section-enquire,
  section.section-quick-quote {
    padding: 76px 0;
  }
}
section.section-enquire .two-columns,
section.section-quick-quote .two-columns {
  grid-template-columns: 1fr 2fr;
}
@media (max-width: 960px) {
  section.section-enquire .two-columns,
  section.section-quick-quote .two-columns {
    grid-template-columns: 1fr;
  }
}
section.section-enquire.background-secondary-green input[type="text"],
section.section-quick-quote.background-secondary-green input[type="text"],
section.section-enquire.background-secondary-green input[type="email"],
section.section-quick-quote.background-secondary-green input[type="email"],
section.section-enquire.background-secondary-green input[type="password"],
section.section-quick-quote.background-secondary-green input[type="password"],
section.section-enquire.background-secondary-green input[type="number"],
section.section-quick-quote.background-secondary-green input[type="number"],
section.section-enquire.background-secondary-green input[type="url"],
section.section-quick-quote.background-secondary-green input[type="url"],
section.section-enquire.background-secondary-green input[type="tel"],
section.section-quick-quote.background-secondary-green input[type="tel"],
section.section-enquire.background-secondary-green textarea,
section.section-quick-quote.background-secondary-green textarea,
section.section-enquire.background-secondary-green select,
section.section-quick-quote.background-secondary-green select {
  border-bottom: 1px solid #ffffff;
}
section.section-enquire.background-secondary-green .ginput_container_consent label::before,
section.section-quick-quote.background-secondary-green .ginput_container_consent label::before {
  border: 1px solid #ffffff;
}
section.section-enquire.background-secondary-green .ginput_container_consent input[type="checkbox"]:checked + label::after,
section.section-quick-quote.background-secondary-green .ginput_container_consent input[type="checkbox"]:checked + label::after {
  border: 1px solid #ffffff;
}
section.section-enquire.background-secondary-green .woocommerce a.button,
section.section-quick-quote.background-secondary-green .woocommerce a.button,
section.section-enquire.background-secondary-green .woocommerce button.button,
section.section-quick-quote.background-secondary-green .woocommerce button.button,
section.section-enquire.background-secondary-green .woocommerce input.button,
section.section-quick-quote.background-secondary-green .woocommerce input.button,
section.section-enquire.background-secondary-green button,
section.section-quick-quote.background-secondary-green button,
section.section-enquire.background-secondary-green .button,
section.section-quick-quote.background-secondary-green .button,
section.section-enquire.background-secondary-green a.button,
section.section-quick-quote.background-secondary-green a.button,
section.section-enquire.background-secondary-green .gform_wrapper .gform_footer input.gform_button,
section.section-quick-quote.background-secondary-green .gform_wrapper .gform_footer input.gform_button,
section.section-enquire.background-secondary-green .gform_wrapper .gform_button,
section.section-quick-quote.background-secondary-green .gform_wrapper .gform_button {
  border: 1px solid #ffffff;
  color: #ffffff;
}
section.section-enquire.background-secondary-green .gfield--type-radio .gfield_label,
section.section-quick-quote.background-secondary-green .gfield--type-radio .gfield_label,
section.section-enquire.background-secondary-green .gfield--type-checkbox .gfield_label,
section.section-quick-quote.background-secondary-green .gfield--type-checkbox .gfield_label {
  color: #ffffff;
}
section.section-enquire.background-secondary-green .gfield--type-radio .gchoice .gform-field-label,
section.section-quick-quote.background-secondary-green .gfield--type-radio .gchoice .gform-field-label,
section.section-enquire.background-secondary-green .gfield--type-checkbox .gchoice .gform-field-label,
section.section-quick-quote.background-secondary-green .gfield--type-checkbox .gchoice .gform-field-label {
  color: #ffffff;
}
section.section-enquire.background-secondary-green .gfield--type-radio .gchoice .gfield-choice-input,
section.section-quick-quote.background-secondary-green .gfield--type-radio .gchoice .gfield-choice-input,
section.section-enquire.background-secondary-green .gfield--type-checkbox .gchoice .gfield-choice-input,
section.section-quick-quote.background-secondary-green .gfield--type-checkbox .gchoice .gfield-choice-input {
  border: 1px solid #ffffff;
}
section.section-enquire.background-secondary-green .gfield--type-radio .gchoice .gfield-choice-input:checked::after,
section.section-quick-quote.background-secondary-green .gfield--type-radio .gchoice .gfield-choice-input:checked::after,
section.section-enquire.background-secondary-green .gfield--type-checkbox .gchoice .gfield-choice-input:checked::after,
section.section-quick-quote.background-secondary-green .gfield--type-checkbox .gchoice .gfield-choice-input:checked::after {
  border: solid #ffffff;
}
section.section-enquire.background-secondary-green *,
section.section-quick-quote.background-secondary-green * {
  color: #ffffff;
}
section.section-enquire.background-secondary-green *::placeholder,
section.section-quick-quote.background-secondary-green *::placeholder {
  color: #ffffff;
}
section.section-quick-quote {
  padding-top: 40px;
}
section.section-contact {
  padding: 0 0 120px 0 !important;
}
@media (max-width: 960px) {
  section.section-contact {
    padding: 0 0 76px 0 !important;
  }
}
section.section-contact .secondary-container {
  padding-top: 0 !important;
}
section.section-contact .two-columns {
  align-items: center;
  grid-template-columns: 2fr 1fr;
}
@media (max-width: 960px) {
  section.section-contact .two-columns {
    grid-template-columns: 1fr;
  }
}
section.section-contact .two-columns .content-description {
  max-width: 60%;
  margin-top: 56px;
  margin-bottom: 48px;
}
@media (max-width: 960px) {
  section.section-contact .two-columns .content-description {
    max-width: 100%;
    margin-top: 48px;
  }
}
section.section-contact .two-columns .social {
  display: flex;
  gap: 16px;
}
section.section-contact .two-columns .social .circle-link {
  margin-top: 0;
}
section.section-contact .two-columns .column {
  display: flex;
  justify-content: center;
}
@media (max-width: 960px) {
  section.section-contact .two-columns .column {
    justify-content: flex-start;
  }
}
section.section-contact .two-columns .column:nth-of-type(1) .social {
  display: none;
  margin: 48px 0;
}
@media (max-width: 960px) {
  section.section-contact .two-columns .column:nth-of-type(1) .social {
    display: flex;
  }
}
@media (max-width: 960px) {
  section.section-contact .two-columns .column:nth-of-type(2) {
    display: none;
  }
}
section.section-map .two-columns {
  gap: 0;
  align-items: center;
}
section.section-map .two-columns .content-block {
  padding: 210px 0;
  margin-left: var(--secondary-container-left-offset);
}
@media (max-width: 960px) {
  section.section-map .two-columns .content-block {
    padding: 96px 0;
  }
}
section.section-map .two-columns .content-block h4 + .link {
  margin-top: 48px;
}
section.section-map .two-columns .column {
  height: 100%;
}
section.section-map .two-columns .column.column-map {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
section.section-map .two-columns .column.column-map #map {
  width: 100% !important;
  height: 100% !important;
}
@media (max-width: 960px) {
  section.section-map .two-columns .column.column-map #map {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@media (max-width: 960px) {
  section.section-map .two-columns .column.column-map:after {
    content: "";
    display: block;
    padding-top: 100%;
  }
}
section.section-map .two-columns .column.column-location {
  padding-right: 40px;
}
section.section-map .two-columns .column.column-location .content-block {
  opacity: 0;
}
section.section-offer {
  margin-top: 120px;
  padding-top: 0 !important;
}
@media (max-width: 1128px) {
  section.section-offer {
    margin-top: 80px;
  }
}
section.section-offer .offers {
  padding-top: 0 !important;
}
section.section-offer .offers .offer {
  display: flex;
  align-items: center;
  position: relative;
  padding: 48px 0 calc(48px + 80px) 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  min-height: calc(90vh - 120px);
}
@media (max-width: 960px) {
  section.section-offer .offers .offer {
    padding: 56px 0 calc(56px + 80px) 0;
    min-height: calc(90vh - 80px);
  }
}
@media (max-width: 780px) {
  section.section-offer .offers .offer {
    padding: 64px 0 calc(64px + 80px) 0;
  }
}
section.section-offer .offers .offer.offer-image:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
  z-index: 1;
}
section.section-offer .offers .offer.offer-image > * {
  position: relative;
  z-index: 2;
}
section.section-offer .offers .offer .secondary-container .two-columns {
  align-items: center;
  gap: 96px;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
@media (max-width: 1200px) {
  section.section-offer .offers .offer .secondary-container .two-columns {
    gap: 64px;
  }
}
@media (max-width: 960px) {
  section.section-offer .offers .offer .secondary-container .two-columns {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  section.section-offer .offers .offer .secondary-container .two-columns {
    gap: 32px;
  }
}
section.section-offer .offers .offer .secondary-container .two-columns .column {
  position: relative;
}
section.section-offer .offers .offer .secondary-container .two-columns .column .content-block {
  width: 100%;
  color: #ffffff;
}
section.section-offer .offers .offer .secondary-container .two-columns .column .content-block h3 {
  color: #ffffff;
}
section.section-offer .offers .offer .secondary-container .two-columns .column .card {
  top: 120px;
  right: -40px;
}
@media (max-width: 960px) {
  section.section-offer .offers .offer .secondary-container .two-columns .column .card {
    top: auto;
    bottom: -40px;
    right: 40px;
  }
}
@media (max-width: 480px) {
  section.section-offer .offers .offer .secondary-container .two-columns .column .card {
    right: 0;
  }
}
section.section-offer .offers .offer .secondary-container .two-columns .column .company-icon {
  position: absolute;
  bottom: 25px;
  right: 25px;
  width: 100px;
  height: 100px;
  z-index: 2;
}
section.section-offer .offers .offer .secondary-container .two-columns .column .company-icon img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
section.section-offer .offers .offer .secondary-container .two-columns .column .image-container {
  clip-path: polygon(24px 0, calc(100% - 24px) 0, 100% 24px, 100% calc(100% - 24px), calc(100% - 24px) 100%, 24px 100%, 0 calc(100% - 24px), 0 24px);
}
@media (max-width: 480px) {
  section.section-offer .offers .offer .secondary-container .two-columns .column .image-container {
    clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 16px 100%, 0 calc(100% - 16px), 0 16px);
  }
}
section.section-offer .offers-controls {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -80px;
  z-index: 10;
  padding-bottom: 40px;
}
section.section-offer .offers-controls .swiper-pagination {
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
}
section.section-offer .offers-controls .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #fff;
  opacity: 0.5;
  margin: 0 5px;
  border-radius: 50%;
  display: inline-block;
  transition: opacity 0.3s, background-color 0.3s;
}
section.section-offer .offers-controls .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
}
section.section-offer-banner {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  padding: 64px 0;
}
section.section-offer-banner.offer-image:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
  z-index: 1;
}
section.section-offer-banner.offer-image > * {
  position: relative;
  z-index: 2;
}
section.section-offer-banner.taxonomy-offer .column-button {
  display: none;
}
section.section-offer-banner .two-columns {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
@media (max-width: 480px) {
  section.section-offer-banner .two-columns {
    flex-direction: column;
    align-items: flex-start;
    gap: 64px;
  }
}
section.section-offer-banner .two-columns .column.column-content {
  width: 100%;
}
@media (max-width: 480px) {
  section.section-offer-banner .two-columns .column.column-content h3 + p {
    margin-top: 40px;
  }
}
@media (max-width: 480px) {
  section.section-offer-banner .two-columns .column.column-content p span.small {
    display: block;
  }
}
section.section-offer-banner .two-columns .column.column-button {
  flex-shrink: 0;
}
section.section-offer-banner .two-columns .column .content-block h3 {
  color: #ffffff;
}
section.section-offer-banner .two-columns .column .content-block p .small {
  font-size: 10px;
}
section.section-news,
section.section-page-content {
  padding-bottom: 96px;
}
section.section-news .wp-content,
section.section-page-content .wp-content {
  margin-top: 24px;
}
section.section-news .wp-content h1,
section.section-page-content .wp-content h1 {
  font-size: 3rem;
}
section.section-news .wp-content h2,
section.section-page-content .wp-content h2 {
  font-size: 2rem;
}
section.section-news .wp-content h3,
section.section-page-content .wp-content h3 {
  font-size: 1.5rem;
}
section.section-news .wp-content h4,
section.section-page-content .wp-content h4 {
  font-size: 1rem;
}
section.section-news .wp-content h5,
section.section-page-content .wp-content h5 {
  font-size: 1rem;
}
section.section-news .wp-content h6,
section.section-page-content .wp-content h6 {
  font-size: 1rem;
}
section.section-news .wp-content h1 strong,
section.section-page-content .wp-content h1 strong,
section.section-news .wp-content h2 strong,
section.section-page-content .wp-content h2 strong,
section.section-news .wp-content h3 strong,
section.section-page-content .wp-content h3 strong,
section.section-news .wp-content h4 strong,
section.section-page-content .wp-content h4 strong,
section.section-news .wp-content h5 strong,
section.section-page-content .wp-content h5 strong,
section.section-news .wp-content h6 strong,
section.section-page-content .wp-content h6 strong {
  font-weight: 800;
}
section.section-news .wp-content * + *,
section.section-page-content .wp-content * + * {
  margin-top: 16px;
}
section.section-news .wp-content p + h1,
section.section-page-content .wp-content p + h1,
section.section-news .wp-content p + h2,
section.section-page-content .wp-content p + h2,
section.section-news .wp-content p + h3,
section.section-page-content .wp-content p + h3,
section.section-news .wp-content p + h4,
section.section-page-content .wp-content p + h4,
section.section-news .wp-content p + h5,
section.section-page-content .wp-content p + h5,
section.section-news .wp-content ul + h1,
section.section-page-content .wp-content ul + h1,
section.section-news .wp-content ul + h2,
section.section-page-content .wp-content ul + h2,
section.section-news .wp-content ul + h3,
section.section-page-content .wp-content ul + h3,
section.section-news .wp-content ul + h4,
section.section-page-content .wp-content ul + h4,
section.section-news .wp-content ul + h5,
section.section-page-content .wp-content ul + h5,
section.section-news .wp-content ol + h1,
section.section-page-content .wp-content ol + h1,
section.section-news .wp-content ol + h2,
section.section-page-content .wp-content ol + h2,
section.section-news .wp-content ol + h3,
section.section-page-content .wp-content ol + h3,
section.section-news .wp-content ol + h4,
section.section-page-content .wp-content ol + h4,
section.section-news .wp-content ol + h5,
section.section-page-content .wp-content ol + h5 {
  margin-top: 40px;
}
section.section-news .wp-content h2 + h3,
section.section-page-content .wp-content h2 + h3 {
  margin-top: 40px;
}
section.section-news .wp-content ul,
section.section-page-content .wp-content ul {
  list-style: disc;
  padding-left: 24px;
}
section.section-news .wp-content ul li,
section.section-page-content .wp-content ul li {
  margin-bottom: 8px;
  margin-top: 8px;
  list-style: disc;
}
section.section-news .wp-content ol,
section.section-page-content .wp-content ol {
  list-style: decimal;
  padding-left: 24px;
}
section.section-news .wp-content ol li,
section.section-page-content .wp-content ol li {
  margin-bottom: 8px;
  margin-top: 8px;
  list-style: decimal;
}
section.section-news .wp-content em,
section.section-page-content .wp-content em,
section.section-news .wp-content i,
section.section-page-content .wp-content i {
  font-style: italic;
}
section.section-news .wp-content strong,
section.section-page-content .wp-content strong,
section.section-news .wp-content b,
section.section-page-content .wp-content b {
  font-weight: bold;
}
section.section-news .wp-content blockquote,
section.section-page-content .wp-content blockquote {
  margin: 24px 0;
  padding-left: 16px;
  border-left: 4px solid #2a2a2a;
  color: #7a7a7a;
  font-style: italic;
}
section.section-news .wp-content code,
section.section-page-content .wp-content code {
  font-family: monospace;
  background-color: #eae6de;
  padding: 2px 4px;
  border-radius: 4px;
}
section.section-news .wp-content pre,
section.section-page-content .wp-content pre {
  font-family: monospace;
  background-color: #eae6de;
  padding: 16px;
  border-radius: 4px;
  overflow-x: auto;
}
section.section-news .wp-content a,
section.section-page-content .wp-content a {
  color: #2a2a2a;
  background-size: 100% 100%;
  background-position: left bottom;
  background-image: linear-gradient(transparent calc(100% - 1px), #2a2a2a 1px);
}
section.section-news .wp-content a:hover,
section.section-page-content .wp-content a:hover {
  background-size: 0% 100%;
  background-position: right bottom;
}
section.section-news article,
section.section-page-content article {
  padding-top: 32px;
}
section.section-search {
  padding-bottom: 96px;
}
section.section-search h3 + .search-result {
  margin-top: 64px;
}
section.section-search .search-result + .search-result {
  margin-top: 40px;
}
section.section-news {
  padding-bottom: 120px;
}
@media (max-width: 960px) {
  section.section-news {
    padding-bottom: 80px;
  }
}
section.section-news .secondary-container .news-header {
  display: grid;
  margin-bottom: 48px;
  grid-template-columns: 4fr minmax(176px, 1fr);
  gap: 120px;
}
@media (max-width: 960px) {
  section.section-news .secondary-container .news-header {
    display: block;
  }
}
section.section-news .secondary-container .two-columns {
  grid-template-columns: 4fr minmax(176px, 1fr);
  gap: 120px;
}
@media (max-width: 960px) {
  section.section-news .secondary-container .two-columns {
    gap: 64px;
    grid-template-columns: 1fr;
  }
}
section.section-news .secondary-container .two-columns .news-content {
  position: relative;
}
section.section-news .secondary-container .two-columns .news-content:after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  right: -60px;
  bottom: 0;
  height: 100%;
  width: 1px;
  background-color: #ddd6c9;
}
@media (max-width: 960px) {
  section.section-news .secondary-container .two-columns .news-content:after {
    right: -32px;
  }
}
section.section-news .secondary-container .two-columns .news-content article {
  padding-top: 0;
}
section.section-news .secondary-container .two-columns .news-content article .image-container {
  margin-bottom: 48px;
}
section.section-news .secondary-container .two-columns .news-content article .image-container:after {
  padding-top: 64%;
}
@media (max-width: 960px) {
  section.section-news .secondary-container .two-columns .news-sidebar {
    display: none;
  }
}
section.section-news .secondary-container .two-columns .news-sidebar .news-grid {
  margin-top: 24px;
}
@media (max-width: 960px) {
  section.section-news .secondary-container .two-columns .news-sidebar .news-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
}
@media (max-width: 480px) {
  section.section-news .secondary-container .two-columns .news-sidebar .news-grid {
    grid-template-columns: 1fr;
  }
}
section.section-news .secondary-container .two-columns .news-sidebar .news-grid .news-grid-item p {
  font-family: "pragmatica-extended", serif;
}
section.section-news .secondary-container .two-columns .news-sidebar .news-grid .news-grid-item p span {
  display: inline;
  background-image: linear-gradient(transparent calc(100% - 1px), #2a2a2a 1px);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size 0.3s;
}
section.section-news .secondary-container .two-columns .news-sidebar .news-grid .news-grid-item + .news-grid-item {
  margin-top: 48px;
}
@media (max-width: 96px) {
  section.section-news .secondary-container .two-columns .news-sidebar .news-grid .news-grid-item + .news-grid-item {
    margin-top: 0;
  }
}
section.section-news .secondary-container .two-columns .news-sidebar .news-grid .news-grid-item:hover p span {
  background-size: 100% 100%;
}
section.section-news .secondary-container .two-columns .news-sidebar .news-grid .news-grid-item .image-container:after {
  padding-top: 56%;
}
@media (max-width: 480px) {
  .product-item {
    min-height: 364px;
  }
}
.product-item a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  padding: 24px;
  overflow: hidden;
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);
  text-align: center;
}
.product-item a .image-container:after {
  padding-top: 100%;
}
.product-item a .image-container img {
  object-fit: contain;
  object-position: center center;
}
.product-item a h5 {
  margin-top: 32px;
}
.page-template-template-quick_quote .section-breadcrumbs,
.page-template-template-contact .section-breadcrumbs {
  padding-top: 32px !important;
}
.page-template-template-quick_quote .section-breadcrumbs .secondary-container,
.page-template-template-contact .section-breadcrumbs .secondary-container {
  padding-top: 0 !important;
}
/* Skeleton item styling */
.skeleton-item {
  background-color: rgba(255, 255, 255, 0.1);
  /* light gray base */
  border-radius: 4px;
  height: 250px;
  /* adjust based on your product-item height */
  position: relative;
  overflow: hidden;
}
.skeleton-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150px;
  width: 150px;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  animation: skeleton-loading 1.5s infinite;
}
@keyframes skeleton-loading {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(300px);
    /* adjust based on skeleton width */
  }
}
.offer-item {
  display: flex;
  align-items: center;
  position: relative;
  padding: 24px;
  overflow: hidden;
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);
  text-align: left;
}
@media (max-width: 480px) {
  .offer-item {
    min-height: 364px;
  }
}
.offer-item .content-block {
  width: 100%;
}
.offer-item.offer-image:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
  z-index: 1;
}
.offer-item.offer-image > * {
  position: relative;
  z-index: 2;
  color: #ffffff;
}
.offer-item h4,
.offer-item p {
  color: #ffffff;
}
.ppe-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  animation: fadeIn 0.3s ease-out;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.ppe-modal-overlay.ppe-modal-fade-out {
  animation: fadeOut 0.3s ease-out forwards;
}
.ppe-modal-overlay.ppe-modal-fade-out .ppe-modal-container {
  animation: slideOut 0.3s ease-out forwards;
}
.ppe-modal-container {
  max-width: 640px;
  width: 90%;
  max-height: 90vh;
  animation: slideIn 0.3s ease-out;
}
@keyframes slideIn {
  from {
    transform: translateY(-50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideOut {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(-50px);
    opacity: 0;
  }
}
@media (max-width: 768px) {
  .ppe-modal-container {
    width: 95%;
    max-width: none;
  }
}
.ppe-modal-content {
  background-color: #dd5c36;
  padding: 80px 64px 40px 64px;
  text-align: center;
  position: relative;
  clip-path: polygon(24px 0, calc(100% - 24px) 0, 100% 24px, 100% calc(100% - 24px), calc(100% - 24px) 100%, 24px 100%, 0 calc(100% - 24px), 0 24px);
}
@media (max-width: 768px) {
  .ppe-modal-content {
    padding: 64px 48px 32px 48px;
  }
}
.ppe-modal-title {
  font-family: "Kairos Sans", sans-serif;
  font-size: 32px;
  font-weight: 900;
  color: #ffffff;
  margin: 0 0 64px 0;
  line-height: 1.3;
}
@media (max-width: 768px) {
  .ppe-modal-title {
    font-size: 24px;
    margin: 0 0 48px 0;
  }
}
.ppe-modal-actions {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
}
.ppe-close-button {
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  padding: 8px !important;
  transition: all 0.3s ease !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  max-width: none !important;
  color: #ffffff !important;
}
.ppe-close-button img {
  width: 32px;
  height: 32px;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.ppe-close-button:hover {
  background-color: transparent !important;
  border-color: transparent !important;
}
.ppe-close-button:hover img {
  opacity: 0.9;
}
/*# sourceMappingURL=style.css.map */