/* General */

:root {
  --green: #C1D72E;
  --blue: #0254A5;
}

body {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
}
strong {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}
a {
  color: inherit;
  text-decoration: none;
}
input,
button,
textarea,
select {
  border-radius: 0px;
}
.btn {
  display: inline-block;
  background: #bfd42f;
  border: none;
  border-radius: 5px;
  margin: 0 auto;
  padding: 12px 0 15px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 17px;
  min-width: 60%;
  color: #fff !important;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 2px;
  box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.2);
}
.hide {
  display: none;
}
.grecaptcha-badge {
  opacity: 0;
}
#menu:not(.mm-menu) {
  display: none;
}
#mapContact {
  height: 400px;
}
.forgot {
  display: block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.92em;
  line-height: 1;
  color: #bfd42f;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.05em;
  margin-top: 30px;
}
#top {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  background: #004a8f;
  padding: 12px 15px;
  font-size: 20px;
  color: #fff;
  z-index: 999;
  cursor: pointer;
}

/* Wrappers */

.wrapper {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.wrapper-sml {
  max-width: 1050px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

header {background: var(--blue); position: sticky; top: 0; z-index: 999; background: linear-gradient(90deg,rgba(1, 58, 113, 1) 0%, rgba(2, 85, 165, 1) 35%, rgba(2, 85, 165, 1) 65%, rgba(1, 58, 113, 1) 100%); color: #fff; font-family: "Plus Jakarta Sans", sans-serif;}
.header-left {margin-left: 30px;}

header .wide-wrapper {display: flex;margin: 0 auto; align-items: center;}
/* header .header-left, header .header-right { flex: 1;} */
header .header-right {display: flex; justify-content: flex-end;margin-right: 5px;}
/* .find-dealer, .dealer-login {box-sizing: border-box;padding: 40px 35px 40px 65px; display: inline-block; position: relative; font-size: 15px; font-weight: 700; text-transform: uppercase; cursor: pointer;} */
.dealer-login::before {content: ''; display: block; position: absolute; top: 50%; left: 30px; transform: translateY(-50%); width: 22px; height: 22px; background: #fff; mask-image: url('/img/portal-icon.svg'); mask-size:contain; mask-repeat: no-repeat; mask-position: center; }
.find-dealer::before {content: ''; display: block; position: absolute; top: 50%; left: 30px; transform: translateY(-50%); width: 20px; height: 20px; background: #fff; mask-image: url('/img/dealer-icon.svg'); mask-size:contain; mask-repeat: no-repeat; mask-position: center; }

/* .search-products-button {box-sizing: border-box;padding: 20px 25px 20px 55px; display: inline-block; position: relative; font-size: 15px; font-weight: 700; text-transform: uppercase; cursor: pointer;} */
.search-products-button::before {content: ''; display: block; position: absolute; top: 50%; left: 30px; transform: translateY(-50%); width: 20px; height: 20px; background: #fff; mask-image: url('/img/search-icon.svg'); mask-size:contain; mask-repeat: no-repeat; mask-position: center; }

.dealer-login.mobile {display: none; position: absolute; top: 100%; width: 100%; border: 0; text-align: center; padding: 12px 0; color: var(--blue);}
.dealer-login.mobile::before {left: 50%; transform: translate(-85px,-50%);}

.find-dealer::before {background: #fff;}

.search-products-button { box-sizing: border-box; padding: 50px 50px 50px 75px; display: inline-block; position: relative; letter-spacing: 0.7px;font-size: 15px; font-weight: 500; text-transform: uppercase; cursor: pointer; background: linear-gradient(90deg,rgb(2, 69, 138) 0%, rgb(1, 75, 145) 100%);}
.find-dealer, .dealer-login { box-sizing: border-box; padding: 40px 40px 40px 75px;display: inline-block; position: relative; letter-spacing: 0.7px;font-size: 15px; font-weight: 500; text-transform: uppercase; cursor: pointer; background: linear-gradient(90deg,rgb(1, 55, 110) 0%, rgb(1, 58, 113) 100%); line-height; 20px;}
.find-dealer { color: #fff; background: linear-gradient(90deg,rgb(2, 62, 124) 0%, rgb(0, 66, 128) 100%);}

header .menu {margin: auto;margin-left: 100px;}
header .menu ul {list-style: none; margin: 0; display: flex; align-items: center;}
header .menu ul li a, header .menu ul li span { display: inline-block; padding: 40px 18px; font-size: 15px; font-weight: 500; text-transform: uppercase; cursor: pointer; position: relative; color: #fff; transition: 0.3s; letter-spacing: 0.7px; line-height: 20px;}
header .menu ul li span::after {content: ''; display: block; position: absolute; width: calc(100% - 38px); height: 3px; bottom: 25px; background: var(--green); opacity: 0; transition: 0.3s;}
header .menu ul li span.active::after {opacity: 1; bottom: 30px;}

header .menu ul li a:hover, header .menu ul li span:hover {color: var(--green);}

.menu ul li.search {background: #fff; width: 20px; height: 20px; display: block; mask-size:contain; mask-repeat: no-repeat; mask-position: center; mask-image: url('/img/search.svg'); margin-left: 30px; cursor: pointer;}
.menu ul li.search:hover {background: var(--green);}

.mobile-search {background: var(--green); width: 22px; height: 22px; display: none; mask-size:contain; mask-repeat: no-repeat; mask-position: center; mask-image: url('/img/search.svg'); cursor: pointer; position: absolute; right: 100px; top: 50%; transform: translateY(-50%);}

.dropdown, .dealer-dropdown {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  transition: max-height .3s ease;
  max-height: 0;
  filter: drop-shadow(0 28px 48px rgba(0,0,0,.28)) drop-shadow(0 4px 12px rgba(0,0,0,.12));
  z-index: 50;
}

.dealer-dropdown {width: 75vw; top: 100px;}


.dealer .dealer-select .grid a, .dealer-dropdown .grid a {position: relative; height: 0; width: 100%; padding-bottom: 60%; background: #d9d9d9; transition: 0.3s;}
.dealer .dealer-select .grid a::after, .dealer-dropdown .grid a::after {content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 75%; width: 75%; object-fit: contain; transition: 0.3s; mask-size: contain; mask-position: center; mask-repeat: no-repeat; }
.dealer .dealer-select .grid a img, .dealer-dropdown .grid a img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 75%; width: 75%; object-fit: contain;}

.dealer-dropdown .grid a {background: #fff;}
.dealer-dropdown .grid a:hover {background: #d9d9d9;}

.dealer .dealer-select .grid a.atom::after,
.dealer-dropdown .grid a.atom::after {mask-image: url('/images/brands/logos/atom-logo.svg'); background: #141C53;}

.dealer .dealer-select .grid a.atom:hover,
.dealer-dropdown .grid a.atom:hover {background: #141C53;}

.dealer .dealer-select .grid a.atom:hover::after,
.dealer-dropdown .grid a.atom:hover::after {background: #fff;}

.dealer .dealer-select .grid a.atex::after,
.dealer-dropdown .grid a.atex::after {mask-image: url('/images/brands/logos/atex-logo.svg'); background: #018A54;}

.dealer .dealer-select .grid a.atex:hover,
.dealer-dropdown .grid a.atex:hover {background: #018A54;}

.dealer .dealer-select .grid a.atex:hover::after,
.dealer-dropdown .grid a.atex:hover::after {background: #fff;}

.dealer .dealer-select .grid a.greenworks::after,
.dealer-dropdown .grid a.greenworks::after {mask-image: url('/images/brands/logos/greenworks-commercial.svg'); background: #7AC546;}

.dealer .dealer-select .grid a.greenworks:hover,
.dealer-dropdown .grid a.greenworks:hover {background: #7AC546;}

.dealer .dealer-select .grid a.greenworks:hover::after,
.dealer-dropdown .grid a.greenworks:hover::after {background: #fff;}


.dealer .dealer-select .grid a.meiwa::after,
.dealer-dropdown .grid a.meiwa::after {display: none;}

.dealer .dealer-select .grid a.meiwa:hover,
.dealer-dropdown .grid a.meiwa:hover {background: #2E9047;}

.dropdown.active {
  max-height: 1000px;
}

.dropdown-wrapper {
  position: relative;
  padding: 50px 70px;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  background: #fff;
  border-radius: 0 0 12px 12px;
}

.dropdown-wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 15px;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,.28) 0%,
    rgba(0,0,0,.16) 35%,
    rgba(0,0,0,0) 100%
  );
}

.dropdown-wrapper a {
  padding: 40px;
  display: flex;
  border-radius: 5px;
  background: #fff;
  transition: 0.3s;
}

.dropdown-wrapper a img {
  max-width: 300px;
  max-height: 100px;
  margin: auto;
  object-fit: contain;
}

.dropdown-wrapper a:hover {
  background: #EAEAEA;
}


header .logo {width: 125px; display: block;}

.hamburger {width: 50px; height: 30px; position: absolute; cursor: pointer; right: 20px; top: 25px; transition: 0.3s; z-index: 99999; display: none;}
.hamburger span {height: 4px; background: #C1D72E; width: 100%; position: absolute; opacity: 1; transition: 0.3s; border-radius: 20px;}
.hamburger span:nth-child(1) {top: 0; }
.hamburger span:nth-child(2) {top: 13px;}
.hamburger span:nth-child(3) {bottom: 0;}

.hamburger.active span:nth-child(2) {opacity: 0; transform: rotate(90deg); top: 15px;}
.hamburger.active span:nth-child(1) {top: 0; transform: rotate(135deg); top: 15px;}
.hamburger.active span:nth-child(3) {bottom: 0; transform: rotate(225deg); top: 15px;}

.mobile-nav {position: fixed; width: 100%; top: 0; left: 0; height: 100dvh; max-height: 0; overflow: hidden; transition: 0.3s; z-index: -1; background: linear-gradient(90deg,rgba(1, 58, 113, 1) 0%, rgba(2, 85, 165, 1) 35%, rgba(2, 85, 165, 1) 65%, rgba(1, 58, 113, 1) 100%);}
.mobile-nav.active {max-height: 100dvh;}

.nav-wrapper {padding: 115px 5vw 20px; box-sizing: border-box; height: 100%; overflow: scroll;}
.nav-wrapper ul {display: flex; flex-direction: column; margin: 0; list-style: none;}
.nav-wrapper ul li a, .nav-wrapper ul li span {margin-top: 15px; display: block; font-size: 22px; text-transform: capitalize;}

.nav-wrapper ul li span {position: relative; display: inline-block; padding-right: 30px;}
.nav-wrapper ul li span::after {content: ''; display: block; position: absolute; right: 0; top: 8px; width: 15px; height: 15px; transform: rotate(90deg); background: var(--green); mask-size: contain; mask-position: center; mask-image:url('/img/arrow-small.svg'); mask-repeat:no-repeat; transition: 0.3s;}
.nav-wrapper ul li span.active::after {transform: rotate(180deg);}

.nav-wrapper .search-products-button {padding: 0; margin-top: 15px; font-size: 22px; text-transform: capitalize; font-weight: 400;}
.nav-wrapper .search-products-button::before {left: auto; right: -30px; background: var(--green);}

.nav-wrapper .items {height: auto; max-height: 0px; overflow: hidden; transition: 0.3s;}
.nav-wrapper .items li {display: block; margin: 5px 0;}
.nav-wrapper .items li:first-child {margin-top: 10px;}
.nav-wrapper .items li:last-child {margin-bottom: 10px;}
.nav-wrapper .items li a {font-size: 18px; padding: 0; padding-left: 25px; display: inline-block; position: relative; margin-top: 5px;}
.nav-wrapper .items li a::before {content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 15px; height: 1px; background: var(--green);}
.nav-wrapper .items.active {max-height: 1000px;}

.nav-wrapper .search a {display: inline-block; position: relative; letter-spacing: 0.7px;}
.nav-wrapper .search a::after {content: ''; display: block; position: absolute; top: 50%; right: -30px; transform: translateY(-50%); width: 20px; height: 20px; background: #C1D72E; mask-image: url('/img/search-icon.svg'); mask-size: contain; mask-repeat: no-repeat; mask-position: center;}

.search-drop {position: absolute; width: 100%; height: auto; max-height: 0px; overflow: hidden; transition: 0.3s;}
.search-drop .close-icon {position: absolute; right: 80px; width: 30px; height: 30px; top: 50%; transform: translateY(-50%); cursor: pointer;}
.search-drop .close-icon span {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); width: 30px; height: 2px; border-radius: 10px; background:#B7B7B7; transition: 0.3s;}

.search-drop .close-icon span:nth-child(2) {transform: translate(-50%,-50%) rotate(135deg);}

.search-drop .close-icon:hover span {transform: translate(-50%,-50%) rotate(135deg);}
.search-drop .close-icon:hover span:nth-child(2) {transform: translate(-50%,-50%) rotate(225deg);}

.search-wrapper {padding: 20px; width: 100%; box-sizing: border-box; background:#EFEFEF; display: flex; justify-content: center;}

.search-box {position: relative;}
.search-box input {font-size: 20px; color: #444; padding: 15px 0px; font-family: inherit; outline: 0;border-bottom:1px solid #B7B7B7!important; border:none;background: #efefef; width: 1000px;}
.search-box button {width: 25px; height: 25px; padding: 0; background:#B7B7B7; mask-size: contain; mask-position: center; mask-repeat:no-repeat; mask-image:url('/img/search-arrow.svg'); position: absolute; top: 50%; transform: translateY(-50%); right: 15px; border: 0; outline: 0;}

.search-drop.active {max-height: 200px;}

header nav {
  position: relative;
  text-align: right;
  padding: 16px 0px;
}
header nav ul {
  margin-left: 0px;
}
header nav ul li {
  display: inline-block;
  padding: 0px 55px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  color: #004a8f;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  cursor: pointer !important;
}
header nav ul li:first-child {
  padding-left: 0px;
}
header nav ul li:last-child {
  padding-right: 0px;
}
header nav ul li a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  font-family: Helvetica, Arial, sans-serif;
}
header nav ul li:hover {
  color: #bfd42f;
  cursor: pointer;
}

/* Banner Styles */

#banner {
  position: relative;
  background: #005f8f;
}
#banner .overlay {
  position: absolute;
  top: 50%;
  left: 0;
  width: 45%;
  z-index: 999;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
}
#banner .overlay p {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 30px;
  line-height: 40px;
  color: #fff;
}
#banner .overlay p span {
  color: #bfd42f;
}
#banner .login-box {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 530px;
  box-sizing: border-box;
  background: #004a8f;
  padding: 70px 70px 50px;
  z-index: 999;
}
#banner .login-box .btn {
  width: 250px;
  margin: 55px auto 10px;
  display: block;
  border-radius: 5px;
}
#banner .login-box input[type="text"].email {
  padding: 10px 20px 10px 58px;
  background: url("/images/email-icon.png") left center no-repeat;
  color: #fff;
  font-size: 17px;
  font-family: Helvetica, Arial, sans-serif;
  border-radius: 5px;
}
#banner .login-box input[type="password"].password {
  padding: 10px 20px 10px 58px;
  background: url("/images/password-icon.png") left center no-repeat;
  color: #fff;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 17px;
  border-radius: 5px;
}
#banner .login-box input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
}

/* Homepage Content Styles */

#homepage-content {
  position: relative;
  padding: 80px 0px 80px;
}
#homepage-content h2 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-height: 35px;
  color: #414142;
  margin-bottom: 20px;
  max-width: 85%;
}
#homepage-content p {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 21px;
  line-height: 35px;
  color: #414142;
  max-width: 80%;
}
#homepage-content figure img {
  margin: 15px auto;
  max-width: 300px;
}

#overnight {
  position: relative;
  padding: 5rem 0;
}
#overnight section {
  padding: 70px 0px;
}
#overnight h2 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 30px;
  line-height: 1;
  color: #004a8f;
  margin-bottom: 30px;
  font-weight: bold;
}
#overnight p {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 21px;
  line-height: 35px;
  color: #414142;
  max-width: 400px;
}
#overnight figure img {
  margin: 0 auto;
  max-width: 300px;
}

#contact {
  position: relative;
  padding: 70px 0px;
  background: url("/images/bg.jpg") no-repeat;
  background-size: cover;
}
#contact section {
  padding: 0px 170px 0px 0px;
}
#contact h2 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 27px;
  line-height: 1;
  margin-bottom: 44px;
  color: #fff;
  font-weight: bold;
}
#contact h2 span {
  font-family: Helvetica, Arial, sans-serif;
  color: #bfd42f;
  font-weight: bold;
}
#contact p {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 19px;
  line-height: 35px;
  color: #fff;
  margin-bottom: 44px;
  margin-top: 40px;
}
#contact p small {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 27px;
  margin-top: 40px;
  letter-spacing: 0.025em;
}
#contact p strong {
  color: #bfd42f;
}
#contact p span {
  white-space: nowrap;
}
#contact a {
  text-decoration: none;
}

.form.contact {
  background: rgba(255, 255, 255, 0.2);
  padding: 55px 52px;
}
.form.contact input[type="text"],
.form.contact textarea {
  border: none;
  background: #fff;
  padding: 15px 4%;
  border-radius: 5px;
}
.form.contact .btn {
  border-radius: 5px;
  margin: 0 auto;
  display: block;
}

/* Forms */

.form {
  position: relative;
  display: block;
}
.form label {
  display: block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.05em;
  margin-bottom: 5px;
}
.form .combined {
  width: 50%;
  float: left;
}
.form input[type="text"],
.form input[type="password"],
.form input[type="email"],
.form textarea,
.form select {
  width: 100%;
  padding: 10px 4%;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  box-sizing: border-box;
  margin-bottom: 20px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 1;
}
.form select option[disabled] {
  color: #414142;
}
.form .combined input[type="text"],
.form .combined input[type="password"],
.form .combined input[type="email"],
.form .combined textarea,
.form .combined select {
  width: 92%;
  padding: 10px 4%;
}
.form select {
  width: 100%;
}
.form .check {
  position: relative;
  margin: 20px 0px;
}
.form .check::after {
  content: "";
  display: block;
  clear: both;
}
.form .check label {
  float: left;
  color: #fff;
  margin-top: 3px;
  margin-left: 30px;
  font-size: 0.85em;
  font-family: Helvetica, Arial, sans-serif;
}
.form .check input[type="checkbox"],
.form .check input[type="radio"] {
  float: left;
  margin: 3px 10px 0px 0px;
}
.form input.submit {
  margin-top: 20px;
}
.login-box .form *::-webkit-input-placeholder {
  color: #7ba5c6;
}
.login-box .form *::-moz-placeholder {
  color: #7ba5c6;
}
.login-box .form *:-ms-input-placeholder {
  color: #7ba5c6;
}
.login-box .form *:-moz-placeholder {
  color: #7ba5c6;
}

.form.contact *::-webkit-input-placeholder {
  color: #414142;
}
.form.contact *::-moz-placeholder {
  color: #414142;
}
.form.contact *:-ms-input-placeholder {
  color: #414142;
}
.form.contact *:-moz-placeholder {
  color: #414142;
}

.form .check label:before {
  content: "";
  font-family: "FontAwesome";
  display: block;
  position: absolute;
  left: 2px;
  top: 4px;
  -webkit-transform: rotate(-45deg) scale(0, 0);
  -moz-transform: rotate(-45deg) scale(0, 0);
  -ms-transform: rotate(-45deg) scale(0, 0);
  -o-transform: rotate(-45deg) scale(0, 0);
  transform: rotate(-45deg) scale(0, 0);
  border: 2px solid #004a8f;
  border-top-style: none;
  border-right-style: none;
  width: 0.9rem;
  height: 0.3rem;
  overflow: visible;
  z-index: 999;
}
.form .check label:after {
  content: "";
  font-family: "FontAwesome";
  overflow: visible;
  background: #fff;
  border: none;
  border-radius: 0px;
  position: absolute;
  left: 0;
  top: 0px;
  width: 20px;
  height: 20px;
}
.form .check input[type="checkbox"]:checked ~ label:before {
  -webkit-transform: rotate(-45deg) scale(1, 1);
  -moz-transform: rotate(-45deg) scale(1, 1);
  -ms-transform: rotate(-45deg) scale(1, 1);
  -o-transform: rotate(-45deg) scale(1, 1);
  transform: rotate(-45deg) scale(1, 1);
}

/* Footer */

footer {background: linear-gradient(90deg,rgba(1, 58, 113, 1) 0%, rgba(2, 85, 165, 1) 35%, rgba(2, 85, 165, 1) 65%, rgba(1, 58, 113, 1) 100%); color: #fff; box-sizing: border-box; padding: 80px 0 20px; position: relative; font-family: "Plus Jakarta Sans", sans-serif;}
footer h6 {font-size: 21px; font-weight: 700; color: #C1D72E; margin-bottom: 10px; line-height: 26px;}
footer p, footer a {font-size: 18px; transition: 0.3s ease;}
footer a:hover {color: #C1D72E;}
footer p strong {font-weight: 700;}
footer::after {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #06346B; mask-image:url('/img/footer-image.svg'); mask-size:cover; mask-position: right; mask-repeat: no-repeat; opacity: 0.4}

footer .copyright {border-top: 1px solid #367CC1; margin-top: 50px; padding-top: 20px; z-index: 1; position: relative; display: flex; justify-content: space-between;}
footer .copyright div {display: flex;}
footer .copyright div a {padding: 0 20px; }
footer .copyright div a:last-child {padding-right: 0;}
footer .copyright p, footer .copyright a {font-size: 16px;}
footer .footer-grid {grid-template-columns: 1fr 2fr; display: grid; grid-gap: 5vw; z-index: 1; position: relative;}
footer .footer-left {max-width: 380px;}
footer .footer-left article {display: grid; grid-template-columns: 160px 1fr; grid-gap: 10px 0;margin-top: 60px;}
footer .footer-right {display: flex; justify-content: flex-end; gap: 5vw;}
footer .footer-right ul {margin: 0; list-style: none;}
footer .footer-right ul li {margin-bottom: 10px;}
footer .footer-right ul li:first-child {margin-bottom: 30px;}
footer .footer-right ul li:first-child p {font-size: 21px; font-weight: 700;}
footer .wrapper-lrg {max-width: 90%;}
footer .logo {display: block; max-width: 220px; margin-bottom: 30px;}
footer .social-row {margin-top: 100px; display: flex; gap: 20px; align-items: center;}
footer .social-row p {font-size: 16px; font-weight: 700; color: #C1D72E; text-transform: uppercase;}
footer .social-row a {background: var(--green); width: 28px; height: 28px; position: relative; mask-size: contain; mask-position: center; mask-repeat: no-repeat; transition: 0.3s;}
footer .social-row .facebook {mask-image:url('/img/facebook.svg'); width: 16px;}
footer .social-row .linkedin {mask-image:url('/img/linkedin.svg'); width: 25px; height: 25px;}
footer .social-row .youtube {mask-image:url('/img/youtube.svg'); height: 20px;}
footer .social-row a:hover {background: #fff;}

.grecaptcha-badge {display: none;}

/* Error Styles */

#systemMessage {
  background: #cc0000;
  font-size: 18px;
  color: #fff;
  text-align: center;
}
#systemMessage.highlight_message {
  margin-bottom: 20px;
  padding: 8px 15px;
}
.highlight-form-field {
  border: 1px solid #cc0000 !important;
  color: #cc0000 !important;
  background: rgba(204, 0, 0, 0.2);
}
.highlight-form-label {
  color: #cc0000;
}
.highlight-form-field::-webkit-input-placeholder {
  color: #cc0000;
}
.highlight-form-field::-moz-placeholder {
  color: #cc0000;
}
.highlight-form-field:-ms-input-placeholder {
  color: #cc0000;
}
.highlight-form-field:-moz-placeholder {
  color: #cc0000;
}

/* Mobile Menu */

.mobmenu {
  display: none;
  background-color: #004a8f;
  color: #fff;
  padding: 20px 10px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 0px;
  clear: both;
  letter-spacing: 0.05em;
}
.mobmenu a {
  color: #fff;
  text-decoration: none;
}
.mobmenu nav {
}
.mobmenu nav ul {
  margin: 0px;
  list-style: none;
  text-align: center;
}
.mobmenu nav ul li {
  display: inline-block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  padding: 0px 20px;
  color: #fff;
  text-transform: uppercase;
}
.mobmenu nav ul li:first-child {
  padding-left: 0px;
}
.mobmenu nav ul li:last-child {
  padding-right: 0px;
}
.mobmenu nav ul li a {
  text-decoration: none;
  color: inherit;
}
#page {
  display: block;
  background-color: #fff;
}
a.menu-icon {
  color: #fff;
  float: right;
  font-size: 30px;
  margin-top: -5px;
}

.brandswiper {width: 100%;height: 100%;}
.brandswiper .swiper-slide {display: flex;justify-content: space-between;padding-bottom: 50px;}

.gallery-wrapper {display: flex; flex-direction:column; width:50%;}

.gallery-column {width: 100%;margin: 10px 0;flex-direction:row; display: flex;justify-content: space-between;}
.gallery-column img {width: 23%; height: 100%;cursor: pointer;}
.gallery-column img.active {display: none;}

.gallery-main {width: 100%;}
.gallery-main img {display: none;}
.gallery-main img.active {display: block; height: 100%; width: 100%; object-fit: cover;}
.gallery-main figure {height: 100%;}


.custom-next img {background-color: #bfd42f;border-radius: 60%;width:20px; height:20px;padding: 10px;cursor: pointer;}
.custom-prev img {transform: rotate(-180deg);background-color: #bfd42f;border-radius: 60%;width:20px; height:20px;padding: 10px;cursor: pointer;}
.custom-next,.custom-prev {position: absolute; top: 50%; transform: translateY(-50%);z-index: 9; display: none!important}
.custom-prev {left: -50px;}
.custom-next {right: -50px;}

.brand-article {width: 45%;padding: 0 30px;box-sizing: border-box;color: #000;letter-spacing: 0.5px;user-select: none;line-height: 1.5;}
.brand-article h2 {font-size: 24px;color:#000;padding-top: 12px;}
.brand-article p {font-size: 15px;color:#5f5f5f;line-height: 3;}
.brand-article ul {font-size: 15px; line-height: 20px;padding-bottom: 20px;}
.brand-article ul:last-child {padding-bottom: 0px;}
.brand-article li {margin-bottom: 10px;}

.brand-article .archer-search {font-size: 15px;font-weight: bold;background:  none; padding: 0px; outline: none; border: none; margin-bottom: 10px;}

.search-drop-down {display:inline-block;height: 0%; opacity: 0; line-height: 0; box-sizing: border-box; padding: 0px; transition: 0.3s; width: 100%; z-index: -1;}
.search-drop-down li {padding: 0px; line-height: 0px; transition: 0.3s;}
.search-drop-down p {margin: 0;font-size: 15px;color: #2d302c; padding: 5px; line-height: 1; line-height: 10px; }
.search-drop-down.active {height: 100%; opacity: 1;}
.search-drop-down.active li,.search-drop-down.active p  { line-height: 10px; padding: 5px; }

.buy-online-btn {text-align: center; display:inline-block; background:#bfd42f; border:none; border-radius:5px; margin:0auto; padding:12px 15px; font-family:Helvetica,Arial,sans-serif; font-weight:normal; font-size:13px; color:#fff!important; text-transform: uppercase; text-decoration:none; letter-spacing:2px; box-shadow:0px 0px 45px rgba(0, 0,0,0.2); margin-top: 20px;cursor: pointer; margin-top: 10px;margin-top: 25px;}

.wrapper-sml-dealers { max-width: 1100px; width: 100%; margin: 0 auto; position: relative;}

#partstream-dealer-nav {flex-flow: row wrap;justify-content: space-between;align-items: center;padding-top: 30px; padding-bottom: 30px;}
#partstream-dealer-nav h1 {color:#0b2e83; font-size: 30px; line-height: 50px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;}
#partstream-dealer-nav h2 {font-size: 22px;color: #000;padding-top: 10px;font-weight: bold;}
#partstream-dealer-nav p {font-size: 15px;color: #000;padding-top: 15px;font-weight: bold; padding-bottom: 15px;}
#partstream-dealer-nav a {text-decoration: none;background: #eee;padding: 10px;border-radius: 5px;font-size: 14px;font-weight: normal;}

.location-items {margin: 0 15px 0 0;flex-wrap: wrap;padding-bottom: 10px;}
.dealers {display: flex;justify-content: space-between;align-items: flex-start;}
.north-island {display: flex;flex-wrap: wrap;}
.north-island h2 {width:100%;}
.south-island {display: flex;flex-wrap: wrap;padding-bottom: 25px;}
.south-island h2 {width:100%;margin-top: 15px;}

/* New Homepage */

.blue-bg {background: #004282;}
.beige-bg {background: #f7f9e7;}
.green-bg {background: #b1d135;}

.wrapper-lrg {max-width: 1400px; margin: 0 auto;}

.new-homepage {font-family: "Plus Jakarta Sans", sans-serif; color: #000;}

.new-homepage .form .check label, .new-homepage .btn, .new-homepage .forgot {font-family: 'Forza', sans-serif;}

.font-update {}


.home-banner {position: relative; background: url("/img/banner.webp") no-repeat center/cover; overflow: hidden;}
.home-banner .wrapper {padding: 150px 0px;}
.home-banner .wrapper article {position: relative;}
.home-banner .wrapper article h1 {color: #fff; font-size: 34px; font-weight: bold;}
.home-banner .wrapper article h1::before {content: ''; position: relative; display: block; width: 165px; height: 5px; background: #b1d135; margin-bottom: 12px;}

.split .two-thirds {display: grid; grid-template-columns: 1fr 0.55fr;}
.split .wrapper article {padding: 50px 0px;}
.split .wrapper article h2, .split .wrapper-lrg article h2 {margin-bottom: 20px; font-size: 24px; text-transform: uppercase; display: inline-block; font-weight: bold;}
.split .wrapper article h2::before, .split .wrapper-lrg article h2::before {content: ''; position: relative; display: inline-block; width: 100%; height: 5px; background: #b1d135; margin-bottom: 12px;}
.split .wrapper article h3, .split .wrapper-lrg article h3 {font-size: 40px; width: 80%; margin-bottom: 30px; font-weight: bold;}
.split .wrapper article h3 span, .split .wrapper-lrg article h3 span {color: #b1d135;}
.split img {width: 100%; height: 100%; object-fit: cover;}

.inner-split {display: grid; grid-template-columns: 0.7fr 1fr;}
.inner-split ul {margin-left: 10px;}
.inner-split li {list-style: none; padding: 5px 0px 0px 22px; font-size: 24px; font-weight: bold;}
.inner-split li:first-of-type {padding: 0px 0px 0px 22px;}
.inner-split li::before {content: ''; position: relative; width: 9px; height: 9px; border-radius: 3px; display: block; background: #b1d135; left: -30px; top: 19px;}
.inner-split div {width: 50%; padding-top: 10px;}
.inner-split div h5 {color: #b1d135; font-size: 30px; margin-bottom: 15px;}
.inner-split div h5::before {content: ''; position: relative; display: inline-block; width: 100%; height: 5px; background: #b1d135; margin-bottom: 12px;}
.inner-split div h6 {color: #b1d135; text-transform: uppercase; font-size: 14px;}
.inner-split div p {font-size: 14px; margin-bottom: 30px; line-height: 1.5; font-family: 'Averta Demo'; width: 94%;}

.background-image {position: relative;}
.background-image .wrapper {background: url('/img/line-trimmer-small.webp') no-repeat center/cover;}
.background-image article {position: relative; z-index: 1; padding: 50px 0px;}
.background-image article img {width: 350px; margin-bottom: 40px;}
.background-image article h3 {color: #fff; font-size: 40px; width: 59%; font-weight: bold;}
.background-image figure::after {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; background: linear-gradient(120deg, rgb(177, 209, 53) 25%, rgba(255,255,255,0) 70%); height: 100%;}
.background-image img {width: 100%;}
.bot-left {color: #fff; position: relative; width: 300px; margin-top: 50px;}
.bot-left h5 {font-size: 22px; margin-bottom: 10px;}
.bot-left h5::before {content: ''; position: relative; display: inline-block; width: 100%; height: 5px; background: #fff; margin-bottom: 12px;}
.bot-left h6 {text-transform: uppercase; font-size: 14px;}

.team {padding: 50px 0px;}
.team h2 {margin-bottom: 40px; font-size: 24px; text-transform: uppercase; display: inline-block; font-weight: bold;}
.team h2::before {content: ''; position: relative; display: inline-block; width: 100%; height: 5px; background: #b1d135; margin-bottom: 12px;}
.team h3 {font-size: 40px; margin-bottom: 10px; font-weight: bold;}
.team p {font-family: 'Averta Demo';}
.team .wrapper {display: flex; align-items: center; justify-content: space-between;}
.team .wrapper-lrg img {width: 100%;}
.team figure {margin-top: 50px;}
.team ul {margin: 50px 0px 0px 0px;}
.team ul li {padding: 10px 0px; list-style: none; color: #b1d135; text-transform: uppercase; font-size: 20px; border-bottom: 5px solid #b1d135; font-weight: bold;}
.team ul li:last-of-type {border: none;}

.our-story {padding-bottom: 80px; overflow: hidden; margin-top: 30px;}
.our-story .wrapper-lrg {position: relative;}
.our-story h2 {margin-bottom: 40px; font-size: 24px; text-transform: uppercase; display: inline-block; font-weight: bold; padding-left: 50px;}
.our-story h2::before {content: ''; position: relative; display: inline-block; width: 100%; height: 5px; background: #b1d135; margin-bottom: 12px;}

.storySwiper {width: 100vw; overflow: hidden; box-sizing: border-box; margin-top: 50px; position: relative;}
.storySwiper::before {content: ''; position: relative; top: 10px; width: 100%; background: #b1d135; display: inline-block; height: 7px;}
.storySwiper::after {content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0px; left: 1400px; background: #fff9; z-index: 1; pointer-events: none;}
.storySwiper .swiper-wrapper {display: flex;}
.storySwiper .swiper-slide {position: relative; padding-left: 50px; padding-top: 20px; box-sizing: border-box; height: auto!important; width: 466px;}
.storySwiper .swiper-slide::after {content: ""; display: block; position: absolute; left: 50px; height: 100%; width: 1px; background: #b1d135; top: 0px;}
.storySwiper .swiper-slide h6 {color: #b1d135; text-transform: uppercase; font-size: 24px; margin-bottom: 20px; font-weight: bold; box-sizing: border-box; padding: 0px 33px;}
.storySwiper .swiper-slide h6::before {content: ''; position: relative; width: 10px; height: 10px; border-radius: 50px; display: block; background: #b1d135; left: -37px; top: 20px;}
.storySwiper .swiper-slide p {margin-bottom: 20px; font-family: 'Averta Demo'; box-sizing: border-box; padding: 0px 33px;}
.storySwiper .swiper-slide p strong {font-size: 20px; font-family: 'Forza', sans-serif;}
.storySwiper .swiper-slide figure:last-of-type {margin-bottom: 30px;}
.storySwiper .swiper-slide span {position: absolute; top: -20px; left: 9px; color: #b1d135; width: 83px; text-align: center;}

.slider-logo {width: 300px;}

.slide-split {display: flex; align-items: flex-start; justify-content: center;}
.slide-split p {padding: 0px 10px 0px 33px !important; border-right: 1px solid #919191;}
.slide-split img {width: 100%;}

.custom-buttons {width: 120px; position: absolute; top: 10px; right: 0px; height: auto; display: flex; justify-content: space-between;}
.custom-buttons .custom-next {width: 50px; height: 50px; background: #b1d135; position: relative; top: auto; transform: none; right: auto; border-radius: 50px; cursor: pointer; background-image: url("/img/arrow.svg"); background-repeat: no-repeat; background-size: 24px; background-position: center;}
.custom-buttons .custom-prev {width: 50px; height: 50px; background: #b1d135; position: relative; top: auto; transform: rotate(180deg); left: auto; border-radius: 50px; cursor: pointer; background-image: url("/img/arrow.svg"); background-repeat: no-repeat; background-size: 24px; background-position: center;}

.two-thirds-flipped {display: grid; grid-template-columns: 1fr 2fr; grid-gap: 100px;}
.two-thirds-flipped h3 {width: 82% !important;}
.two-thirds-flipped p {margin-bottom: 20px; font-family: 'Averta Demo';}
.two-thirds-flipped p:last-of-type {margin: 0;}
.two-thirds-flipped div {margin-top: 50px;}
.two-thirds-flipped h5 {color: #b1d135; font-size: 22px; margin-bottom: 15px; width: 57%;}
.two-thirds-flipped h5::before {content: ''; position: relative; display: inline-block; width: 100%; height: 5px; background: #b1d135; margin-bottom: 12px;}
.two-thirds-flipped h6 {color: #b1d135; text-transform: uppercase; font-size: 14px;}
.two-thirds-flipped article {padding: 50px 0px 0px 50px;}

.values .wrapper {display: grid; grid-template-columns: repeat(2,1fr);}
.values h2 {margin-bottom: 20px; font-size: 24px; text-transform: uppercase; display: inline-block; color: #fff; font-weight: bold;}
.values h2::before {content: ''; position: relative; display: inline-block; width: 100%; height: 5px; background: #b1d135; margin-bottom: 12px;}
.values article {padding: 50px 0px;}
.icon-wrap {display: flex; align-items: baseline; padding: 70px 0px;}
.icon-item {padding-right: 80px; width: 100%;}
.icon-item:last-of-type {padding-right: 0px;}
.icon-item figure {margin-bottom: 20px;}
.icon-item img {width: 120px; margin: 0 auto;}
.icon-item:nth-of-type(2) img {width: 150px;}
.icon-item span {color: #fff; font-size: 14px; text-transform: uppercase; display: block; text-align: center;}

.fifty {display: grid; grid-template-columns: 1fr 1fr;}
.locations {padding: 50px 0px;}
.locations article {width: 87%; padding: 0 !important;}
.locations p {margin-bottom: 50px; font-family: 'Averta Demo';}
.locations h2 {margin-bottom: 40px !important;}
.locations h3 {width: 100% !important; margin-bottom: 60px !important;}
.locations h5 {color: #b1d135; font-size: 22px; margin-bottom: 15px; width: 450px;}
.locations h5::before {content: ''; position: relative; display: inline-block; width: 100%; height: 5px; background: #b1d135; margin-bottom: 12px;}

.map .wrapper {padding-top: 50px;}
.map figure {margin-bottom: -100px;}
.map article {display: flex; justify-content: flex-end; align-items: center;}
.map article h3 {color: #fff; width: 455px !important;}

.background-wide {position: relative;}
.background-wide .wrapper {z-index: 1; padding: 100px 0px;}
.background-wide article {position: relative; width: 650px; top: auto; z-index: 1;}
.background-wide h2 {margin-bottom: 20px; font-size: 24px; text-transform: uppercase; display: inline-block; color: #fff; font-weight: bold;}
.background-wide h2::before {content: ''; position: relative; display: inline-block; width: 100%; height: 5px; background: #b1d135; margin-bottom: 12px;}
.background-wide figure {background: #000; position: absolute; top: 0px; left: 0px; width: 100%; overflow: hidden; height: 100%;}
.background-wide img {width: 100%; height: 100%; object-fit: cover; opacity: 0.8;}
.background-wide h3 {font-size: 40px; width: 100% !important; margin-bottom: 40px; color: #B1D135; max-width: 600px; font-weight: bold;}
.background-wide h3 span {color: #fff; max-width: 520px; display: inline-block;}
.background-wide h5 {color: #b1d135; font-size: 22px; margin-bottom: 15px; width: 76%;}
.background-wide h5::before {content: ''; position: relative; display: inline-block; width: 100%; height: 5px; background: #b1d135; margin-bottom: 12px;}
.background-wide h6 {color: #b1d135; text-transform: uppercase; font-size: 14px;}
.background-wide p {font-family: 'Averta Demo'; color: #fff; margin-bottom: 30px; width: 79%;}

.new-footer {border: none; position: relative; padding: 30px 0px;}
.new-footer p {text-align: left; font-family: 'Forza', sans-serif; text-transform: uppercase;}
.new-footer img {max-width: 150px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

/* New Contact Page */

.contact-new p small {font-family: 'Averta Demo', sans-serif !important;}
.contact-new p {font-family: 'Averta Demo', sans-serif !important;}
.contact-new p strong {font-family: 'Forza', sans-serif !important;}
.contact-new h2, .contact-new h2 span {font-family: 'Forza', sans-serif !important;}

.login-box.font-update {font-family: 'Forza', sans-serif !important; padding: 0px !important; display: block !important; opacity: 1; max-height: 0px; overflow: hidden; transition: 1s ; position: absolute; right: 0px; background: var(--blue);}
.login-box.font-update.active {max-height: 1000px;}
.login-box.font-update form {padding:40px; box-sizing: border-box;}
.login-box.font-update .btn {width: 100% !important; margin: 0 auto !important;}
.font-update input, .font-update label, .font-update textarea, .font-update select, .font-update .btn, .font-update .forgot {font-family: 'Forza', sans-serif !important;}
.font-update .btn {line-height: 1.3; padding: 15px 0px;}

.catalogue_section {position: relative;}
.catalogue_section .wrapper { z-index: 1; padding: 100px 0px;}
.catalogue_section h2 {margin-bottom: 20px; font-size: 24px; text-transform: uppercase; display: inline-block; color: #000; font-weight: bold;}
.catalogue_section h2::before { content: ''; position: relative; display: inline-block; width: 100%; height: 5px; background: #b1d135; margin-bottom: 12px;}
.catalogue_section h3 {font-size: 40px;font-weight: bold;width: 100% !important; margin-bottom: 60px !important;}
.catalogue_section h3 span {color: #b1d135;}
.catalogues_2025 {display: flex; margin: 0 -15px; flex-flow: row wrap;}
.catalogues_2025 .catalogue-item {width: 22%; padding: 0 15px; margin-bottom: 35px;}
.catalogues_2025 .catalogue-item img {display: block; width: 100%; border: 1px solid #eee;}
.catalogues_2025 .catalogue_button {width: auto; display: block; border-radius: 5px; padding: 15px; background: #004282; font-size: 13px; line-height: 1; color: #fff; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; text-decoration: none; text-align: center; margin-top: 20px;}

.center {text-align: center;}

.content {margin: 100px 0;}
.content.padding {margin: 0; padding: 100px 0;}

.grid {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px;}

.product-page .product-banner {height: 170px; position: relative;}
.product-page .product-banner .breadcrumbs {position: absolute; top: 50%; transform: translateY(-50%); left: 5vw; color: #fff;}
.product-page .product-banner .breadcrumbs a, .product-page .product-banner .breadcrumbs p {font-size: 17px; line-height: 1!important}
.product-page .product-banner .breadcrumbs p {font-weight: 700;}

.category .product-banner {position: relative; box-shadow: 0 4px 12px #0002; height: auto;}
.category .product-banner > div {padding: 3vw 0 2vw; margin: 0 auto; max-width: 90%;}
.category .product-banner h1 {margin: 2vw 0 1vw; font-weight: 700; font-size: 55px; line-height: 60px;}
.product-banner > figure {height: 100%; position: relative;}
.product-banner > figure img {width: 100%; height: 100%; object-fit: cover;}
/* .product-banner > figure::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg,rgba(1, 138, 84, 1) 0%, rgba(151, 209, 42, 0.58) 50%, rgba(1, 138, 84, 0) 100%);} */
.product-banner article {display: flex; gap: 15px; color: #000; z-index: 1;}
.category .product-banner article p, .category .product-banner article a {font-size: 14px; cursor: pointer;}
.category .product-banner .product-count {font-weight: 700; font-size: 21px; color: var(--blue);}

.category .product-banner article.description p {font-size: 21px; display: block; margin-bottom: 20px; line-height: 1.5;}
.category .product-banner article.description p i {color: var(--blue);}

.mobile-bar {display: none; justify-content: flex-start!important; padding-top: 0!important}
.mobile-bar .button {padding: 15px 60px; border-radius: 3px; border: 0; cursor: pointer;}
.mobile-bar .button:nth-child(1) {background: var(--blue); color: var(--green); position: relative;}
.mobile-bar .button:nth-child(1) span {position: absolute; top: 50%; transform: translateY(-50%); right: 15px; color: var(--blue); background: var(--green); width: 20px; height: 20px; border-radius: 50vw; display: flex; justify-content: center; font-size: 14px; align-items: center; line-height: 14px;}
.mobile-bar .button:nth-child(2) {color: var(--blue); background: #DEDEDE;}

.mobile-filters {position: fixed; top: 0; left: 0; z-index: 9999999; padding: 0 !important; height: 100dvh; overflow: hidden; width: 100%; align-items: flex-start !important; justify-content: flex-start !important; transition: 0.3s;}
.drawer-close {border: 0; outline: 0; background: none; padding: 0; font-size: 30px; line-height: 1;}
.filter-drawer-head {display: flex; justify-content: space-between; margin-bottom: 20px;}
.filter-drawer-head h3 {font-size: 30px; line-height: 35px; font-weight: 700;}

.mobile-filters {max-width: 0% !important;}
.mobile-filters.active {max-width: 100% !important;}

.filter-backdrop,
.sort-backdrop {position: absolute; width: 100%; left: 0; top: 0; height: 100%; background: #0005; z-index: 1;}

.mobile-filters .filter-drawer,
.mobile-filters .sort-drawer {position: relative; z-index: 2; background: #F2F2F2; height: 100%; overflow: scroll; width: 500px; box-sizing: border-box; padding: 50px 20px}

.mobile-filters .filter-drawer,
.mobile-filters .filter-backdrop,
.mobile-filters .sort-drawer,
.mobile-filters .sort-backdrop {display: none;}

.mobile-filters.active.is-filter-open .filter-drawer,
.mobile-filters.active.is-filter-open .filter-backdrop {display: block;}

.mobile-filters.active.is-sort-open .sort-drawer,
.mobile-filters.active.is-sort-open .sort-backdrop {display: block;}

.sort-options {display: flex; flex-direction: column; gap: 10px;}
.sort-option {border: 1px solid #ddd; background: #fff; border-radius: 10px; padding: 14px 14px; text-align: left; font-weight: 600;}
.sort-option.active {border-color: #000;}



.product-content .grid {grid-gap: 5vw;}

.product-images {overflow: hidden;}
.product-images .swiper figure {position: relative; height: 0; padding-bottom: 75%; background: #fff;}
.product-images .swiper figure img {position: absolute; object-fit: contain!important; width: 100%; height: 100%;}

.product-images .custom-next, .product-images .custom-prev {left: 0; mask: none; width: 45px; height: 100px; transform: translateY(-50%); transition: 0.3s; background: #F5F5F5; cursor: pointer;}
.product-images .custom-next {left: auto; right: 0;}
.product-images .custom-next::after, .product-images .custom-prev::after {content: ''; position: absolute; width: 20px; height: 20px; background: var(--blue); mask-image: url('/img/arrow-small.svg'); mask-size:contain; mask-position:center; mask-repeat: no-repeat; transition: 0.3s; top: 50%; left: 45%; transform: translate(-50%,-50%) rotate(180deg); z-index: 9; display: block;}
.product-images .custom-next::after {transform: translate(-50%,-50%) rotate(0deg); left: 55%;}
.product-images .custom-next:hover , .product-images .custom-prev:hover {background: var(--green);}
.product-images .custom-next:hover::after , .product-images .custom-prev:hover::after {background: #fff;}

.thumb-grid {position: relative; display: block; margin-top: 20px;}
.thumb-grid .swiper {width: 100%;}
.thumb-grid .swiper figure {padding-bottom: 90%;}

.product-details h2 {font-weight: 700; font-size: 39px; line-height: 1; color: #000; margin-bottom: 20px;}
.product-details h1 {font-weight: 700; font-size: 55px; line-height: 60px; margin-bottom: 20px; color: #000;}
.product-details h3 {font-weight: 400; color: #000; font-size: 40px;}
.product-details p {margin-bottom: 20px;}
.product-details span {font-size: 22px; font-weight: 700; margin: 1vw 0 1vw; display: block; text-transform: uppercase;}
.product-details ul {margin: 0; list-style: none; column-count: 2;}
.product-details ul li {padding-left: 30px; position: relative; break-inside: avoid; margin-bottom: 10px;}
.product-details ul li p {margin-bottom: 0;}
.product-details ul li::before {content: ''; display: block; position: absolute; left: 0; top: 8px; background: var(--green); mask-image: url('/img/tick.svg'); mask-size:contain; mask-position:center; mask-repeat: no-repeat; width: 19px; height: 12px;}
.product-details li, .product-details p {font-size: 0.81vw;}
.product-details .button-row {margin-bottom: 30px; display: flex; gap: 20px;}

.product-details .description {display: block; margin-bottom: 30px; width: 90%;}
.product-details .description p {font-size: 18px;}

.logo-wrapper {display: flex; justify-content: flex-end; margin-bottom: 2vw;}
.logo-wrapper img {display: block; max-width: 280px;}

.logo-wrapper.mobile {display: none;}

.gradient-bg {padding-top: 100px; background: linear-gradient(180deg,rgba(234, 234, 234, 1) 0%, rgba(255, 255, 255, 0.4) 70%);}
.gradient-bg .content {margin-top: 0;}

.button-controls {padding: 0 87px; display: flex; gap: 17px; border-bottom: 1px solid #707070; cursor: pointer;}
.button-controls .button {min-width: 12vw; text-align: center; border: 0!important;}
.button-controls .button.light-grey {background: #D3D3D3; color: #707070;}
.button-controls .button.light-grey:hover {background: var(--blue); color: #fff;}
.button-controls .button.light-grey.active {background: #707070; color: #fff;}
.button-controls .button.light-grey.active:hover {background: var(--blue);}

.tab-section {display: block;}
.tab-section ul {margin: 60px auto; list-style: none; max-width: 1300px; border-top: 1px solid #C4C4C6; border-bottom: 1px solid #C4C4C6;}
.tab-section ul li {display: grid; grid-template-columns: 1fr 1.5fr;}
.tab-section li:nth-child(2n+1) {background: #f5f5f5;}
.tab-section li p {font-size: 16px; box-sizing: border-box; padding: 10px 30px;}
.tab-section li p:first-child {font-weight: 600;}
.tab-section li p:only-child {font-weight: 300;}

.tab-section table { margin: 60px auto; max-width: 1300px; width: 100%; border-collapse: collapse; border-top: 1px solid #C4C4C6; border-bottom: 1px solid #C4C4C6;}
.tab-section table tbody tr:nth-child(2n+1) { background: #f5f5f5;}
.tab-section table th,.tab-section table td { font-size: 16px; box-sizing: border-box; padding: 10px 30px;}
.tab-section table th:first-child,.tab-section table td:first-child { font-weight: 600;}
.tab-section table th:first-child,.tab-section table td:first-child { width: 40%;}
.tab-section table th:nth-child(2),.tab-section table td:nth-child(2) { width: 60%;}

.tab-section .video-container {margin: 60px auto; max-width: 1300px; width: 100%; height: 0; padding-bottom: 40%; position: relative;}
.tab-section .video-container iframe {width: 100%; position: absolute; height: 100%; top: 0; left: 0;}

.tab-section h4, .tab-section h5 {display: none; font-size: 17px; font-weight: 700; padding-bottom: 15px; border-bottom: 1px solid #000; text-transform: uppercase;}

.tab-section.downloads article {margin: 60px auto; list-style: none; max-width: 1300px; display: grid; gap: 20px;}
.tab-section.downloads article a {display: flex; position: relative; transition: 0.3s; padding-left: 30px; width: fit-content; font-size: 16px; align-items: center; gap: 20px;}
.tab-section.downloads article a::before {content: ''; display: block; position: relative; background: #000; mask-image: url('/img/download.svg'); mask-size: contain; mask-position: center; mask-repeat: no-repeat; width: 30px; height: 30px; transition: 0.3s;}
.tab-section.downloads a:hover {color: #C1D72E;}
.tab-section.downloads a:hover::before {background: #C1D72E}

.tab-section > p {display: none;}

.video-image {margin: 60px auto; list-style: none; max-width: 100%; display: block; position: relative; height: auto;}
.video-image::after {content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100px; height: 100px; background: #fff;mask-image: url('/img/play-fill.svg'); mask-size:contain; mask-position:center; mask-repeat:no-repeat;}

#product-container {padding: 0; background: #F9F9F9; margin: 0;}
#product-container h1.center {font-size: 42px; font-weight: 700; color: #007A10;}
#product-container h1.center + article.center {margin: 15px auto; max-width: 900px; font-size: 22px; line-height: 1.6;}
#product-container .product-tile {margin-top: 10px; transition: 0.3s; margin-bottom: 0px; box-shadow: 0 0 10px #D3D3D350;}
#product-container .product-tile figure img {object-fit: contain;}
#product-container .product-tile:hover {margin-top: 0px; margin-bottom: 10px;}
#product-container.featured-products .grid-4 {margin-bottom: 0; display: grid; grid-template-columns: repeat(4,1fr);}

.dealer {height: auto; position: relative; background: #000; font-family: "Plus Jakarta Sans", sans-serif; padding-bottom: 5vw; box-sizing: border-box;}
.dealer .dealer-header {padding: 70px 5vw; position: relative; z-index: 1;}
.dealer .dealer-header .breadcrumbs {display: flex; gap: 20px; color: #fff;}
.dealer .dealer-header .breadcrumbs p, .dealer .dealer-header .breadcrumbs a {font-size: 17px; cursor: pointer;}
.dealer .dealer-header .breadcrumbs p.current {font-weight: 700;}

.dealer .dealer-header h1 {color: var(--green); font-size: 55px; font-weight: 600; margin-top: 50px;}

.dealer .dealer-select {width: 85%; max-width: 900px; background: #fff; padding: 50px; margin: 0 auto 5vw; position: relative; z-index: 1;}
.dealer .dealer-select h2 {display: block; text-align: center; margin: 0 auto 50px; font-size: 34px; font-weight: 600;}
.dealer .dealer-select .grid {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 25px;}
.dealer .dealer-select .grid a {position: relative; height: 0; width: 100%; padding-bottom: 60%; background: #d9d9d9; transition: 0.3s;}
.dealer .dealer-select .grid a::after {content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 75%; width: 75%; object-fit: contain; transition: 0.3s; mask-size: contain; mask-position: center; mask-repeat: no-repeat; }
.dealer .dealer-select .grid a img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 75%; width: 75%; object-fit: contain;}

.dealer .dealer-select .grid a.atom::after {mask-image: url('/images/brands/logos/atom-logo.svg'); background: #141C53;}
.dealer .dealer-select .grid a.atom:hover {background: #141C53;}
.dealer .dealer-select .grid a.atom:hover::after {background: #fff;}

.dealer .dealer-select .grid a.atex::after {mask-image: url('/images/brands/logos/atex-logo.svg'); background: #018A54;}
.dealer .dealer-select .grid a.atex:hover {background: #018A54;}
.dealer .dealer-select .grid a.atex:hover::after {background: #fff;}

.dealer .dealer-select .grid a.greenworks::after {mask-image: url('/images/brands/logos/greenworks-commercial.svg'); background: #7AC546;}
.dealer .dealer-select .grid a.greenworks:hover {background: #7AC546;}
.dealer .dealer-select .grid a.greenworks:hover::after {background: #fff;}

.dealer .dealer-select .grid a.meiwa::after {display: none;}
.dealer .dealer-select .grid a.meiwa:hover {background: #2E9047;}

.map-section {height: calc(100dvh - 101px); display: grid; grid-template-columns: 1fr 600px; overflow: hidden; background: #EAEAEA;}
.map-wrapper {height: calc(100dvh - 101px); position: relative;}

.location-list {width: 100%; margin: 0 auto; overflow-y: scroll; box-sizing: border-box; padding: 50px 7.5%;}
.location-list .dealer {background: none; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #BFBFBF; width: 100%; max-width: 430px;}
.location-list .dealer:last-child {padding-bottom: 0; border-bottom: 0;}
.location-list .dealer p, .location-list .dealer a {font-size: 18px; display: block; margin-bottom: 10px;}
.location-list .dealer p strong {font-family: inherit;}
.location-list .dealer .address, .location-list .dealer .phone {padding-left: 30px; position: relative; margin-left: 30px; display: block; max-width: 300px;}
.location-list .dealer .address::before, .location-list .dealer .phone::before {content: ''; display: block; position: absolute; top: 3px; left: 0; height: 15px; width: 15px; background: #000; transition: 0.3s; mask-size: contain; mask-position: center; mask-repeat: no-repeat; mask-image: url('/img/phone.svg');}
.location-list .dealer .address::before {mask-image: url('/img/address.svg'); height: 18px;}
.location-list .dealer .google-link {display: inline-block; font-size: 13px; color: #0254A5; margin-top: 10px; margin-left: 30px;}
.location-list .sticky {margin-bottom: 50px;}

.location-list .dealer-heading {display: flex; font-size: 18px; font-weight: 600; gap: 10px;}

.location-list .select-wrapper {position: relative; display: block; z-index: 1; background: #fff; width: 100%; max-width: 430px;}
.location-list .select-wrapper input {background: none; border: 0; outline: 0; width: 100%; font-size: 18px; padding: 25px 30px; box-sizing: border-box; font-family: "Plus Jakarta Sans", sans-serif;}
.location-list .select-wrapper input::placeholder {font-weight: 600;}
.location-list .select-wrapper::after {content: ''; display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: #A8A8A8; mask-size: contain; mask-position: center; mask-repeat: no-repeat; mask-image: url('/img/search.svg'); transition: 0.3s; z-index: -1;}

.find-dealers-btn {border: 0; outline: 0; display: inline-block; background: #C1D72E; position: relative; font-family: "Plus Jakarta Sans", sans-serif; font-size: 18px; font-weight: 600; padding: 25px 60px 25px 30px; margin-bottom: 20px; width: 100%; max-width: 430px; text-align: left; transition: 0.3s;}
.find-dealers-btn::after {content: ''; display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 11px; height: 22px; background: #000; mask-size: contain; mask-position: center; mask-repeat: no-repeat; mask-image: url('/img/arrow-small.svg'); transition: 0.3s;}

.find-dealers-btn:hover {background: var(--blue); color: #fff;}
.find-dealers-btn:hover::after {background: #fff;}

.find-dealer:hover + .dealer-dropdown, .dealer-dropdown:hover {max-height: 1000px;}
.dealer-dropdown .grid {grid-template-columns: repeat(6,1fr); padding: 30px; grid-gap: 15px;}

.dealer-brand-logos {margin: 15px 30px 5px; display: flex; gap: 10px; align-items: center;}
.dealer-brand-logos img {width: 100%; height: auto; max-width: 75px; max-height: 30px;}
.location-list .dealer .dealer-brand-logos p {font-size: 13px; margin: 0;}

.dealer > figure {position: absolute; width: 100%; height: 100%; top: 0; background: #000;}
.dealer > figure .map-section {height: 100%; display: block; opacity: 0.2;}
.dealer > figure .map-section .map-wrapper {height: 100%;}
.dealer > figure .location-list {display: none;}

.product-page .wrapper {width: 85%; max-width: 1700px; margin: 0 auto;}
.product-page .wrapper.info-boxes {max-width: 1900px; margin: 0 auto; width: 90%;}
.product-page .wrapper-sml {width: 85%; max-width: 1200px;}

.featured-products .grid-4 {margin: 40px auto 100px; grid-gap: 20px 30px;}

.breadcrumbs.white p, .breadcrumbs.white a {color: #fff;}

.product-details h1 {max-width: 550px; color: #000;}
.product-details h2 {color: var(--green); font-size: 18px; text-transform: uppercase;}
.product-details h3 {font-weight: 400; color: #000; font-size: 40px; margin-bottom: 30px;}
.product-details h3 small {font-size: 22px;}
.product-details .button-row .button:last-child {background: #818181; color: #fff;}
.product-details ul li::before {background: var(--green);}

.product-details .description {margin: 50px 0;}

.product-images .custom-next::after, .product-images .custom-prev::after  {background: #454545;}

.button {box-sizing: border-box; border: 1px solid #D9D9D9; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #000; background: #A2DD50; display: inline-block; padding: 15px 35px; transition: 0.3s; cursor: pointer;}

.button-controls .button {border: 0; font-size: 16px; padding: 20px 35px;}

.product-banner ~ .testimonials h3 {color: #000;}

.button-controls .button.light-grey.active:hover, .button-controls .button.light-grey:hover {background: #A2DD50}

.product-images .custom-next:hover, .product-images .custom-prev:hover {background: #A2DD50;}

.tab-section.downloads article a::before {background: #A2DD50;}

.product-tile {background: #fff; border-radius: 14px; padding: 0 0 20px; overflow: hidden; display: block; box-sizing: border-box; text-align: left;}
.product-tile figure {position: relative; height: 0; padding-bottom: 70%; background: #fff;}
.product-tile figure img {position: absolute; width: 100%; height: 100%; object-fit: cover; box-sizing: border-box;}
.product-tile article {padding: 25px 25px 0; color: #fff;}
.product-tile article img {width: 70px; display: block; margin-bottom: 10px;}
.product-tile .title {font-size: 20px; font-weight: 600; margin: 0 0 20px; line-height: 1.2; min-height: 48px; color: #000;}
.product-tile span {position: relative; font-size: 14px; font-weight: 700; color: #A8A8A8; padding-right: 25px; color:}
.product-tile span::after {content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 0; height: 10px; width: 14px; background: #A8A8A8; mask-repeat: no-repeat; mask-size:contain; mask-position: center; mask-image: url('/images/brands/ride-on-accessories/arrow.svg');}

.category .product-tile {background: #fff; border-radius: 3px; padding: 0; overflow: hidden; display: block; box-sizing: border-box; text-align: left; position: relative; padding-bottom: 46px;}
.category .product-tile figure {position: relative; height: 0; padding-bottom: 70%; background: #fff; margin-top: 20px;}
.category .product-tile figure img {position: absolute; width: 100%; height: 100%; object-fit: cover; box-sizing: border-box;}
.category .product-tile article {padding: 25px 25px 0; color: #fff;}
.category .product-tile article img {width: 70px; display: block; margin-bottom: 10px;}
.category .product-tile .title {font-size: 14px; font-weight:400; margin: 0 0 10px; line-height: 1.2; min-height: 34px; color: #000;}
.category .product-tile span {position: absolute; bottom: 0; width: 100%; font-size: 12px; font-weight: 700; color: #A8A8A8; text-align: center; text-transform: uppercase; color: var(--blue); display: block; padding: 15px 0; letter-spacing: 1px; background: #E0E0E0;}
.category .product-tile span::after {display: none;}

.category .product-tile.Barnel figure img {width: 80%;left: 50%; transform: translateX(-50%);}

.category .product-tile .code {color: #000; font-size: 18px; font-weight: 700; color: var(--blue); display: block; margin-bottom: 5px; min-height: 23px;}

.category .product-tile.category-item figure img {padding: 0; object-fit: cover;}
.category .product-tile.category-item .title {max-width: 100%;}

.category .product-tile .brand-logo {display: block; padding: 10px 15px; border-bottom: 1px solid #0002;}
.category .product-tile .brand-logo .logo-block {height: 25px; width: 100%; background-size:contain!important; background-repeat:no-repeat!important; background-position: left!important;}

.category .product-tile.Greenworks82VCommerical .logo-block {background: url('/images/brands/logos/greenworks-commercial.webp');}
.category .product-tile.Greenworks60VPro .logo-block {background: url('/images/brands/logos/greenworks-pro.webp');}
.category .product-tile.Archer .logo-block {background: url('/images/brands/logos/archer.webp');}
.category .product-tile.Atex .logo-block {background: url('/images/brands/logos/atex.webp');}
.category .product-tile.Atom .logo-block {background: url('/images/brands/logos/atom.webp');}
.category .product-tile.Cox .logo-block {background: url('/images/brands/logos/cox.webp');}
.category .product-tile.Greenfield .logo-block {background: url('/images/brands/logos/greenfield.webp');}
.category .product-tile.Barnel .logo-block {background: url('/images/brands/logos/barnel.webp');}
.category .product-tile.Kawasaki .logo-block {background: url('/images/brands/logos/kawasaki.webp');}
.category .product-tile.Echo .logo-block {background: url('/images/brands/logos/echo.webp');}
.category .product-tile.Shindaiwa .logo-block {background: url('/images/brands/logos/shindaiwa.webp');}
.category .product-tile.Meiwa .logo-block {background: url('/images/brands/logos/meiwa.webp');}
.category .product-tile.MoJack .logo-block {background: url('/images/brands/logos/mojack.webp');}
.category .product-tile.RideOnAccessories .logo-block {background: url('/images/brands/logos/ride-on-accessories.webp');}
.category .product-tile.Brinly .logo-block {background: url('/images/brands/logos/brinly.webp');}
.category .product-tile.Granberg .logo-block {background: url('/images/brands/logos/granberg.webp');}
.category .product-tile.Robin .logo-block {background: url('/images/brands/logos/robin.webp');}
.category .product-tile.Sina .logo-block {background: url('/images/brands/logos/sina.webp');}


.testimonials p {max-width: 1180px; margin: 0 auto 20px;}
.testimonials p:last-child {margin: 0 auto;}
.testimonials .button {margin-top: 50px;}

.gradient-bg.testimonials {display: none;}

.shop-wrapper {display: grid; grid-template-columns: 350px 1fr; align-items: flex-start; max-width: 90%; margin: 0 auto; grid-gap: 2vw;}
.shop-wrapper .grid-4 {width: 100%; max-width: 100%;}

.loadmore-wrapper {grid-column: span 4;}
.loadmore-wrapper .button {color: var(--blue);}

.shop-wrapper .menu-list {position:relative; margin:50px 0 100px; box-sizing: border-box;}

.shop-wrapper .filter-accordion,.menu-list .filter-accordion { height:auto; max-height:48px; overflow:hidden; text-align:left; background:#fff; transition:0.3s; border-radius:3px; margin-bottom:20px;}
.shop-wrapper .filter-accordion.sidebar-category,.menu-list .filter-accordion.sidebar-category { padding-right:0;}
.shop-wrapper .filter-accordion.sidebar-category h5::after,.menu-list .filter-accordion.sidebar-category h5::after { right:25px;}
.shop-wrapper .filter-accordion:last-child,.menu-list .filter-accordion:last-child { border:0;}
.shop-wrapper .filter-accordion.active, .menu-list .filter-accordion.active { max-height:100%;}
.shop-wrapper .filter-accordion h5,.menu-list .filter-accordion h5 { position:relative; font-size:16px; line-height:28px; font-weight:700; text-transform:uppercase; display:block; padding:10px 20px; background:var(--green); color:var(--blue);}
.shop-wrapper .filter-accordion h5::after,.menu-list .filter-accordion h5::after { content:''; display:block; position:absolute; top:50%; right:25px; transform:translateY(-50%) rotate(90deg); width:13px; height:13px; background:var(--blue); mask-image:url('/img/arrow-small.svg'); mask-repeat:no-repeat; mask-size:contain; mask-position:center; transition:0.5s;}
.shop-wrapper .filter-accordion.active h5::after,.menu-list .filter-accordion.active h5::after { transform:translateY(-50%) rotate(180deg);}
.shop-wrapper .menu-list>.filter-accordion + .filter-accordion,.menu-list>.filter-accordion + .filter-accordion { border-top:0;}
.shop-wrapper .filter-accordion ul,.menu-list .filter-accordion ul { margin:0; list-style:none; padding:20px;}
.shop-wrapper .filter-accordion li a,.shop-wrapper .filter-accordion li p,.menu-list .filter-accordion li a,.menu-list .filter-accordion li p { display:block; margin-bottom:10px; padding-left:25px; font-size:14px; font-weight:400; cursor:pointer; position:relative; color:#0008; font-family: "Plus Jakarta Sans", sans-serif; font-weight: 400;}
.shop-wrapper .filter-accordion li:last-child a,.menu-list .filter-accordion li:last-child a { padding-bottom:0; margin-bottom:0; border:0;}
.shop-wrapper .filter-accordion li > a::before,.menu-list .filter-accordion li > a::before { content:''; display:block; position:absolute; width:14px; height:14px; border-radius:2px; box-sizing:border-box; border:1px solid #0005; left:0; top:3px; background:#0000;}
.shop-wrapper .filter-accordion li > a.active::before,.menu-list .filter-accordion li > a.active::before { background:var(--blue); border:1px solid var(--blue);}
.shop-wrapper .filter-accordion li > a::after, .menu-list .filter-accordion li > a::after { content:''; display:block; position:absolute; left:3px; top:7px; background:#fff; mask-repeat:no-repeat; mask-size:contain; mask-position:center; mask-image:url('/img/tick.svg'); width:7px; height:7px; transition:0.3s; opacity:0;}
.shop-wrapper .filter-accordion li > a.active::after,.menu-list .filter-accordion li > a.active::after { opacity:1;}


.active-filter-bar {padding: 50px 0 0; margin: 0 auto; max-width: 90%; display: flex; gap: 20px;}

.active-filter-pills { display:flex; gap:8px; flex-wrap:wrap;}

.active-filter-pills button{ border:0; outline:0; font-size:14px; padding:10px 15px; background:#EFEFEF; color:#222; font-weight: 200; border-radius:4px; display:flex; gap:8px; align-items:flex-start; cursor:pointer;}

.active-filter-pills button .remove{ font-size:14px; line-height:1; opacity:.7;}
.active-filter-pills button:hover .remove{ opacity:1;}

.active-filter-pills span {font-family: "Plus Jakarta Sans", sans-serif; font-weight: 400;}

.shop-wrapper .sidebar-category ul {padding-right:25px;}


.sidebar-category li p,.brand-list li p {position:relative;}
.sidebar-category li p::after,.brand-list li p::after {content:'';display:block;position:absolute;right:0;top:10px;transform:translateY(-50%) rotate(90deg);width:10px;height:10px;background:#000;mask-image:url('/img/arrow-small.svg');mask-repeat:no-repeat;mask-size:contain;mask-position:center;transition:0.5s;}

.category-parent {border:0!important;padding-bottom:0!important;}
.category-parent.drop-active+ul {max-height:1000px;}


.category-drop {padding: 0 20px!important;}
.category-drop li a {border: 0 !important; padding: 0 0 0 20px !important; margin-bottom: 10px !important; position: relative;}
.category-drop li a::before {content: ''; display: block !important; position: absolute; top: 10px !important; transform: translateY(-50%); width: 10px !important; height: 1px !important; left: 0; background: var(--green) !important; border: 0 !important;}
.category-drop li:last-child a {margin-bottom:10px;}

.info-boxes {grid-gap: 90px;}

.info-box {position: relative;}
.info-box article {position: absolute; top: 50%; left: 50%; width: 85%; transform: translate(-50%,-50%); text-align: center;}
.info-box article h3 {color: #fff; font-size: 63px; font-weight: 700; min-height: 159px; text-transform: uppercase;}

.feature figure {width: 100%}
.feature figure img {width: 100%; height: 100%; object-fit: cover;}

/* Responsive */

@media screen and (max-width: 1600px) {

  .dropdown-wrapper {padding: 40px 50px;}
  .dropdown-wrapper a img {max-width: 250px;}
  .dropdown-wrapper a {padding: 30px;}

  .shop-wrapper {grid-template-columns: 300px 1fr;}
  .shop-wrapper .filter-accordion h5 {font-size: 14px;}

  .active-filter-bar {padding-top: 30px;}

  .shop-wrapper .menu-list {margin-top: 30px;}
  .featured-products .grid-4 {margin-top: 20px;}

  .product-tile .title {font-size: 20px; margin-bottom: 10px; min-height: 48px;}
  .product-tile span {font-size: 12px; padding-right: 20px;}
  .product-tile span::after {height: 10px; width: 14px;}

}

@media screen and (max-width: 1500px) {
  .wrapper,
  .wrapper-sml {
    width: 92%;
  }
  #banner .overlay {
    left: 0;
  }

  .dealer .dealer-header {padding: 30px 60px;}
  .dealer .dealer-header .breadcrumbs p, .dealer .dealer-header .breadcrumbs a {font-size: 13px;}
  .dealer .dealer-header h1 {font-size: 45px; margin-top: 10px;}

  .dealer .dealer-select {max-width: 700px; padding: 25px;}
  .dealer .dealer-select h2 {font-size: 25px; margin-bottom: 20px;}

  .map-section {grid-template-columns: 1fr 400px;}

  .location-list {padding: 30px;}

  header .header-left {flex: 0; margin-right: 20px;}

  .menu ul li.search {margin-left: 10px;}

  .find-dealers-btn {font-size: 15px; padding: 25px 50px 25px 25px;}
  .location-list .sticky {margin-bottom: 30px;}
  .location-list .select-wrapper input {font-size: 15px; padding: 25px;}

  .location-list .dealer-heading, .location-list .dealer p, .location-list .dealer a {font-size: 15px;}
  .location-list .dealer .address, .location-list .dealer .phone {padding-left: 20px; margin-left: 20px; margin-bottom: 5px;}
  .location-list .dealer .address::before, .location-list .dealer .phone::before {width: 12px; height: 12px;}

  .shop-wrapper .grid-4, #product-container.featured-products .grid-4 {grid-template-columns: repeat(3,1fr);}

  .loadmore-wrapper {grid-column: span 3;}

  .info-box article h3 {font-size: 50px; min-height: 127px; margin-bottom: 30px;}
  .info-boxes {grid-gap: 60px;}

  .category .product-banner h1 {font-size: 36px; line-height: 40px;}
  .category .product-banner .product-count {font-size: 17px;}

  .category .product-banner article.description p {font-size: 17px;}

}

@media screen and (max-width: 1400px) {
  .wrapper,
  .wrapper-sml {
    width: 92%;
  }
  #banner .overlay p {
    font-size: 30px;
    line-height: 40px;
  }
  #homepage-content h2 {
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 30px;
  }
  #homepage-content p {
    font-size: 21px;
    line-height: 35px;
  }
  #about-us img,
  #overnight img {
    max-width: 70%;
  }
  .custom-buttons {right: 50px;}

  .two-thirds-flipped {grid-template-columns: 1fr 1.7fr;}
  .two-thirds-flipped h3 {font-size: 3.2vw !important; width: 86% !important;}

  .locations h3 {font-size: 3vw !important;}

  .icon-wrap {width: 700px;}

  .product-details .description p {font-size: 16px;}

  .product-details li, .product-details p, .tab-section li p, .product-details span {font-size: 14px;}

  .product-tile .title {font-size: 18px;}
  .product-tile span::after {height: 8px; width: 12px;}

  .info-boxes {grid-gap: 30px;}

  .info-box article h3 {font-size: 40px; min-height: 102px; margin-bottom: 30px;}

}

@media screen and (max-width: 1300px) {
  .inner-split {grid-template-columns: 1fr 1fr;}
  .inner-split div {width: 245px;}

  .background-image img:last-child {width: 100%; object-fit: cover; height: 65vh;}
  .background-image article h3 {width: 750px;}

  .two-thirds-flipped article {padding: 50px 0px 50px 50px;}

  .product-images .swiper figure {padding-bottom: 85%;}
  .product-details .logo-wrapper img { max-width: 150px; }

  .product-details h2 {font-size: 18px; margin-bottom: 10px;}
  .product-details h1, #product-container h1.center {font-size: 35px; margin-bottom: 20px; line-height: 40px;}

  .shop-wrapper .menu-list {margin-top: 30px;}
  .featured-products .grid-5, .featured-products .grid-4 {grid-template-columns: repeat(2,1fr);}

  .shop-wrapper #brandFilters h5, .shop-wrapper .sidebar-category h5 {font-size: 16px;}

  .brand-list li a {font-size: 14px;}

  .product-banner {height: 120px;}

}
@media screen and (max-width: 1200px) {
  header nav ul li {
    font-size: 15px;
    padding: 0px 20px;
  }
  #banner .overlay {
    width: 50%;
    top: 55%;
  }
  #banner .overlay p {
    font-size: 30px;
    line-height: 40px;
  }
  #banner .login-box {
    width: 400px;
    padding: 70px 50px 50px;
  }
  #about-us img,
  #overnight img {
    max-width: 70%;
  }
  #contact section {
    padding: 0px 70px 0px 0px;
  }
  #homepage-content h2 {
    font-size: 22px;
    line-height: 35px;
    margin-bottom: 30px;
  }
  #homepage-content p {
    font-size: 17px;
    line-height: 28px;
  }
  .form.contact .btn {
    font-size: 17px;
  }
  #homepage-content {
    padding: 5rem 0;
  }
  #overnight h2 {
    font-size: 40px;
  }
  #overnight p {
    font-size: 22px;
    line-height: 35px;
  }
  #overnight {
    padding: 5rem 0;
  }
  #contact p {
    margin-top: 20px;
    line-height: 30px;
  }

  .team h3 {font-size: 36px;}

  .locations h5 {font-size: 20px; width: 410px;}

  header .logo {width: 140px;}
  header .menu ul li a, header .menu ul li span {font-size: 14px;}

  .menu ul li.search {margin-left: 5px; width: 15px; height: 15px;}

  .find-dealers-btn {padding: 20px 50px 20px 25px;}
  .location-list .select-wrapper input {padding: 20px 25px;}

  .shop-wrapper {grid-template-columns: 300px 1fr;}

  .shop-wrapper .grid-4, #product-container.featured-products .grid-4 {grid-template-columns: repeat(2,1fr);}

    .loadmore-wrapper {grid-column: span 2;}

}
@media screen and (max-width: 1100px) {
  .featured-products h3, #product-container h1.center {font-size: 25px;}


  .info-box article h3 {font-size: 30px; min-height: 77px; margin-bottom: 20px;}

}
@media screen and (max-width: 1024px) {
  .split .wrapper article h2, .split .wrapper-lrg article h2, .team h2, .our-story h2, .values h2, .background-wide h2 {font-size: 20px;}
  .split .wrapper article h3 {font-size: 3.5vw;}
  .locations h3 {font-size: 3.5vw !important; margin-bottom: 20px !important;}
  .locations p {margin-bottom: 30px;}
  .inner-split li {font-size: 18px;}
  .inner-split div h5 {font-size: 24px;}
  .inner-split div h5::before {width: 80%;}

  .team .wrapper {align-items: flex-start; flex-direction: column;}
  .team ul {margin: 20px 0px 0px 0px;}
  .team h3 {font-size: 5vw;}

  .two-thirds-flipped {grid-template-columns: 1fr 1fr;}
  .two-thirds-flipped h3 {width: 100% !important;}

  .locations .wrapper {display: flex; flex-direction: column;}
  .locations .wrapper article {margin-bottom: 20px;}
  .locations .wrapper img {max-width: 500px; margin: 0 auto;}

  .map .wrapper {display: flex; flex-direction: column-reverse;}
  .map .wrapper article {padding: 0px 0px 20px 0px; justify-content: flex-start;}
  .map .wrapper article h3 {width: 80% !important;}
  .map img {max-width: 500px; margin: 0 auto;}

  .values .wrapper {grid-template-columns: 1fr;}
  .values article {padding: 50px 0px 20px 0px;}
  .icon-wrap {margin: 0 auto; padding: 0px 0px 50px 0px;}

  .new-footer {padding: 20px 0px;}
  .new-footer .wrapper {display: flex; flex-direction: column-reverse;}
  .new-footer p {text-align: center;}
  .new-footer img {position: relative; top: auto; left: auto; transform: none; margin: 0 auto; padding-bottom: 20px;}

  .catalogues_2025 .catalogue-item {width: 35%;}

  .map-section {margin-top: 40px; grid-template-columns: 1fr 350px;}

  .dealer {margin-top: 40px;}

  .dealer > figure .map-section {margin: 0;}

  .dealer .dealer-header {padding: 30px;}
  .dealer .dealer-header .breadcrumbs {gap: 10px;}
  .dealer .dealer-header h1 { font-size: 35px; margin-top: 5px; }

  .dealer .dealer-select { max-width: 500px; padding: 15px; }
  .dealer .dealer-select h2 { font-size: 20px; margin-bottom: 15px;}
  .dealer .dealer-select .grid {grid-gap: 15px;}

  .location-list .dealer .dealer-brand-logos p {font-size: 11px;}

  .dealer-brand-logos {margin: 5px 0 5px 30px;}

  .location-list {padding: 20px;}

}



@media screen and (max-width: 900px) {
  header nav {padding: 16px 0px;}

  #page {
    overflow: hidden;
  }

  header nav ul li {
    font-size: 12px;
    padding: 0px 8px;
  }

  header nav {
    padding: 30px 20px 30px 0;
  }
  .mobmenu {
    display: block;
  }


  .flex-control-nav {
    position: absolute;
    bottom: 20px;
  }
  .flex-control-nav li {
    width: 10px;
    height: 10px;
  }
  #banner .overlay {
    top: 52%;
    width: 75%;
  }
  #banner .overlay p {
    font-size: 20px;
    line-height: 30px;
  }
  #banner .login-box {
    position: relative;
    top: 47px;
    left: auto;
    width: 100%;
    padding: 30px;
  }
  #banner .login-box input[type="text"],
  #banner .login-box input[type="password"] {
    box-sizing: border-box;
  }

  #homepage-content {
    padding: 100px 0px;
  }
  #homepage-content section {
    padding: 0px 0px 50px;
    text-align: center;
  }

  #overnight {
    padding: 100px 0px;
  }
  #overnight section {
    padding: 0px 0px 50px;
    text-align: center;
  }
  #overnight p {
    margin: 0 auto;
  }
  #contact section {
    text-align: center;
    max-width: 75%;
    margin: 0 auto;
    padding: 0;
  }
  #homepage-content h2,
  #homepage-content p {
    max-width: 100%;
  }

  .brandswiper .swiper-slide {height: auto; flex-direction: column;}
  .gallery-wrapper {width:100%;}
  .brand-article {width: 100%; order:3;}
  .custom-prev{ left: -10px;}
  .custom-next {right: -10px;}
  .wrapper-sml-dealers {width:95%;}

  .product-banner {height: 35px; background: #E8E8E8;}

  .product-banner article {color: #000; gap: 10px;}
  .product-banner article p, .product-banner article a {font-size: 13px;}

  .product-banner .logo-wrapper {display: none;}

  .product-content {margin-top: 20px;}
  .product-content .wrapper {width: 100%; grid-gap: 30px; grid-template-columns: 1fr; max-width: 90%;}
  .product-content .product-details {margin: 0 auto;}
  .product-details .button-row {margin-bottom: 30px; grid-gap: 10px; display: grid; grid-template-columns: 1fr 1fr;}
  .product-details .button-row .button {font-size: 15px; padding: 10px 5px; width: 100%; box-sizing: border-box; text-align: center;}

  .product-details .logo-wrapper {display: none;}

  .product-details h2 {font-size: 22px;}
  .product-details h1 {font-size: 28px; margin-bottom: 30px; line-height: 35px;}
  .product-details h3 {font-size: 28px;}
  .product-details h3 small {font-size: 15px;}
  .product-details span {font-size: 17px; margin-bottom: 20px;}
  .product-details ul {column-count: 1}

  .product-details ul li::before {width: 20px;}
  .product-details ul li {font-size: 15px; padding-left: 30px;}

  .product-details .description {width: 100%;}
  .product-details .description p {font-size: 15px;}

  .button-controls {display: none;}

  .tab-section { display: block !important;}
  .tab-section h4 {display: block;}

  .tab-section ul, .tab-section.downloads article {margin: 30px auto;}

  .tab-section > p {margin: 20px 0; display: block;}
  .video-image {margin-top: 0;}

  .product-images {position: relative;}
  .thumb-grid {display: none;}
  .thumb-grid .custom-next, .thumb-grid .custom-prev {width: 27px; height: 65px;}
  .thumb-grid .custom-prev {background: linear-gradient(90deg,rgba(70, 70, 70, 0.5) 0%, rgba(0, 0, 0, 0) 100%);}
  .thumb-grid .custom-next {background: linear-gradient(270deg,rgba(70, 70, 70, 0.5) 0%, rgba(0, 0, 0, 0) 100%);}
  .thumb-grid .custom-next::after, .thumb-grid .custom-prev::after { width: 10px; height: 20px; mask-image: url('/images/home-new/swiper-arrow-bold.svg');}

  .thumb-grid .swiper {display: none;}

  .map-section {height: auto; grid-template-columns: 1fr;}

  .map-wrapper {order: 2;}

  .location-list {height: 55dvh; margin-bottom: 0!important;}

  .location-list .dealer .address, .location-list .dealer .phone {display: block;}

  .category .product-banner {background: #fff;}

  .category .product-banner > div {padding: 20px 0; max-width: 95%; display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 15px;}
  .category .product-banner > div article {width: 100%;}
  .category .product-banner h1 {font-size: 30px; line-height: 35px; margin: 0;}

  .mobile-bar {display: block;}

  .shop-wrapper {grid-template-columns: 1fr;}

  .category .product-banner article.description p {margin: 0;}

  .product-page.category {padding-top: 35px;}

  .mobile-search {display: block;}

}

@media screen and (max-width: 767px) {

  .hamburger {top: 25px; width: 25px; height: 20px;}
  .hamburger span {height: 2px;}
  .hamburger span:nth-child(2) {top: 9px;}

  .split .wrapper article h2, .team h2, .our-story h2, .values h2, .background-wide h2 {margin-bottom: 20px;}
  .split .wrapper article h2, .split .wrapper-lrg article h2 {font-size: 20px;}

  .new-header nav {padding: 20px 0px;}
  .new-header .dealer-login {position: absolute; justify-content: center; top: 77px; z-index: 9; width: 100vw; left: 50%; border-radius: 0px; box-sizing: border-box; transform: translateX(-50%);}

  .home-banner .wrapper article h1 {font-size: 4vw;}

  .split .two-thirds {grid-template-columns: 1fr;}
  .split .wrapper article h3 {width: 100%; font-size: 5vw;}
  .split figure {display: none;}

  .locations h2 {margin-bottom: 20px !important;}
  .locations h3 {font-size: 5vw !important;}
  .locations figure {display: block;}

  .map .wrapper article h3 {width: 100% !important;}
  .map .wrapper figure {display: block;}

  .our-story {margin-top: 0px;}
  .storySwiper {margin-top: 10px;}
  .custom-buttons {top: 0px;}

  .two-thirds-flipped {grid-template-columns: 1fr; max-width: 92%; grid-gap: 0px;}
  .two-thirds-flipped article {padding: 50px 0px;}
  .two-thirds-flipped h3 {font-size: 5vw !important;}
  .two-thirds-flipped h5 {width: 210px;}
  .two-thirds-flipped div {margin-top: 20px;}

  .icon-wrap {width: 100%;}
  .icon-item {padding-right: 20px;}

  .background-wide article {width: 100%;}
  .background-wide h3 {font-size: 5vw;}

  .catalogues_2025 .catalogue-item {width: 45%;}

  .product-tile {padding: 0 0 20px; border-radius: 14px;}
  .product-tile .title {font-size: 26px; max-width: 200px;}
  .product-tile .sku {font-size: 17px;}
  .product-tile span {font-size: 16px;}
  .product-tile span::after {width: 14px; height: 12px;}
  .testimonials {margin: 0; padding: 0 0 60px; color: #000; background: #EAEAEA;}
  .testimonials h3 { max-width: 235px; margin: 0 auto 20px;}
  .testimonials p {max-width: 95%;}
  .testimonials p:last-child {font-weight: 700;}
  .testimonials + .content {margin-top: 0; margin-bottom: 10px;}

  .featured-products .grid-4, .featured-products .grid-5 {grid-template-columns: 1fr;}

  .shop-wrapper {grid-template-columns: 1fr; grid-gap: 30px;}
  .shop-wrapper .menu-list {top: auto; position: relative; margin: 0}

  .info-boxes {grid-gap: 10px!important; grid-template-columns: 1fr!important; width: 100%!important; max-width: 100%!important;}

  .info-box {height: 250px;}
  .info-box figure {width: 100%; height: 100%;}
  .info-box figure img {object-fit: cover; width: 100%; height: 100%;}
  .info-box article h3 {font-size: 36px; min-height: 0; margin-bottom: 25px;}
  .info-box:last-child article h3 {display: none;}

  #product-container h1.center + article.center {margin: 15px 5% 50px;}

  .shop-wrapper .grid-4 {margin-top: 20px;}

  .mobile-search {right: 75px;}

}

@media screen and (max-width: 500px) {
  .new-homepage .wrapper {width: 100% !important;}
  .split .wrapper article {padding: 30px;}
  .home-banner .wrapper article {left: 30px;}
  .background-image article {padding: 30px; box-sizing: border-box;}
  .team {padding: 30px 0px;}
  .team .wrapper {padding: 0px 30px; box-sizing: border-box;}

  .storySwiper .swiper-slide span {top: -21px; width: 100px; left: 0px;}
  .our-story h2 {padding-left: 30px;}
  .custom-buttons {right: 30px;}
  .two-thirds-flipped {max-width: none; width: 100%;}
  .two-thirds-flipped article {padding: 30px; box-sizing: border-box;}
  .values h2 {padding-left: 30px;}
  .locations {padding: 30px; box-sizing: border-box;}
  .map .wrapper {padding-top: 30px;}
  .map .wrapper article {padding: 0px 30px;}
  .map img {max-width: 88%;}
  .background-wide .wrapper {padding: 30px; box-sizing: border-box;}

  .new-header .wrapper {flex-direction: column;}
  .new-header .dealer-login {top: 130px;}

  .inner-split {grid-template-columns: 1fr;}
  .inner-split ul {padding-bottom: 20px;}

  .background-image article img {width: 200px;}
  .background-image article h3 {font-size: 5.2vw; width: 90%;}

  .storySwiper .swiper-slide {width: 90%;}

  .values .wrapper {display: flex; flex-direction: column;}
  .values article {padding: 50px 0px 20px 0px;}
  .icon-wrap {flex-direction: column; align-items: center;}
  .icon-item {padding-right: 0px; width: 180px; padding-bottom: 30px;}
  .icon-item:last-of-type {padding-bottom: 0px;}
  .locations h5 {width: 100%;}

  .shop-wrapper .grid-4, #product-container.featured-products .grid-4 {grid-template-columns: 1fr;}

  .loadmore-wrapper {grid-column: span 1;}

  .category .product-tile a {display: grid; grid-template-columns: 1fr 1fr;}
  .category .product-tile a article {padding: 15px;}
  .category .product-tile a .brand-logo, .category .product-tile a span {grid-column: span 2;}

  .mobile-bar {display: grid!important; grid-template-columns: 1fr 1fr; grid-gap: 15px; padding-top: 0!important}
  .mobile-bar .button {width: 100%;}
}

@media screen and (max-width: 450px) {
  .new-header .wrapper {width: 95%;}
  .new-header figure {padding: 0px; margin: 0px;}
  .new-header .dealer-login {padding: 10px 15px; font-size: 13px;}

  .home-banner img {height: 40vh;}
  .home-banner .wrapper article h1 {font-size: 4.9vw;}

  .background-image article img {margin-bottom: 25px;}
  .background-image img:last-child {height: 60vh;}


  .wrapper,
  .wrapper-sml {
    width: 85%;
  }

  #top {
    display: block;
  }
  #contact h2 span {
    display: block;
  }


  #banner .overlay {
    left: 20px;
    width: 95%;
  }
  #banner .overlay p {
    font-size: 18px;
    line-height: 20px;
    max-width: 95%;
  }
  #banner .overlay p small {
    font-size: 14px;
    line-height: 15px !important;
  }

  #homepage-content {
    padding: 50px 0px 60px;
  }
  #homepage-content h2 {
    font-size: 19px;
    line-height: 35px;
    margin-bottom: 40px;
  }
  #homepage-content p {
    font-size: 19px;
    line-height: 35px;
    margin-bottom: 40px;
  }


  #overnight {
    padding: 50px 0px 60px;
  }
  #overnight section {
    padding: 0px 0px 40px;
  }
  #overnight h2 {
    font-size: 40px;
  }
  #overnight p {
    font-size: 20px;
    line-height: 40px;
  }

  #contact {
    background-size: cover;
  }
  #contact section {
    padding: 0px;
  }
  #contact p {
    font-size: 20px;
    line-height: 26px;
  }

  .form .combined {
    width: 100%;
    float: none;
  }

  .form.contact {
    padding: 40px 30px;
    box-sizing: border-box;
  }
  .form.contact .btn {
    width: 100%;
    padding: 28px 20px;
  }


  .remove {
    display: none;
  }

}

/* Brand */
.brand-section {
  background-color: #f4f4f2;
  padding: 60px 0;
}

.brand-section h2 {
  color: #0d4a8f;
  font-size: 40px;
  line-height: 78px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  padding-bottom: 40px;
}
.brand-wrp {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}

.grid-3 {display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 10px;}

.brand-item {background-color: #fff; display: flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 0; padding-bottom: 40%; transition: 0.3s; box-sizing: border-box; border: 1px solid #fff;}
.brand-item img {position: absolute; width: 75%; height: 50%; top: 50%; left: 50%; transform: translate(-50%,-50%); object-fit: contain;}

.brand-item:hover {border: 1px solid var(--green); background: #C1D72E20;}

.hover-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.brand-title-wrp h1 {
  color: #0d4a8f;
  font-size: 40px;
  line-height: 78px;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
}

.brand-title-wrp {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
.brand-title-section {
  padding: 45px 0 25px;
}

.brand-title-section p {
  color: #070707;
  font-size: 18px;
  line-height: 30px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  padding-top: 20px;
}

.image-gallery {
  display: flex;
  flex-flow: row wrap;
}
.gal-item {
  width: 25%;
}
.brand-video-section h3 {
  color: #0d4a8f;
  font-size: 30px;
  line-height: 78px;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
  text-align: center;
  text-transform: capitalize;
  padding: 80px 0 40px;
}

.brand-video-section {
  padding-bottom: 130px;
}
.video-wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.video-list {
  width: 49%;
}

.brand-desc-section h3 {
  color: #0d4a8f;
  font-size: 30px;
  line-height: 78px;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
  text-align: center;
  text-transform: capitalize;
  padding-bottom: 40px;
}

.brand-desc-section {
  background-color: #f4f4f2;
  padding: 80px 0 140px 0;
}

.brand-dec-wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.brand-dec-wrap > p {
  width: 47%;
  color: #070707;
  font-size: 21px;
  line-height: 30px;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
}


@media screen and (max-width: 650px) {
  .brand-item {
    width: 100%;
  }
  .brand-title-wrp {
    flex-flow: column;
  }
  .brand-title-section {
    padding: 50px 0;
  }
  .brand-video-section h3 {
    padding: 30px 0 20px;
  }
  .video-list {
    width: 100%;
  }
  .brand-video-section {
    padding-bottom: 50px;
}
.brand-dec-wrap > p {
  width: 100%;
  padding-bottom: 20px;
}
.brand-desc-section {
  padding: 40px 0 50px 0;
}
.brand-dec-wrap > p {
  font-size: 17px;
}
.brand-title-section p {
  font-size: 17px;
}
.gal-item {
  width: 50%;
}
}


.products-list--warp {
  display: flex;
  flex-flow: row wrap;
  padding: 0 20px;
}

.product-item {
  width: 25%;
}
.product-item--content {
  padding: 20px;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.product-item h2 {
  color: #070707;
  font-size: 21px;
  line-height: 30px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  padding-top: 20px;
  max-width: 300px;
}
.products-section h3{
  color: #0d4a8f;
  font-size: 30px;
  line-height: 78px;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
  text-align: center;
  text-transform: capitalize;
}
.products-section {
  padding: 25px 0;
  background-color: #f4f4f2;
}

.product-item--content figure img {
  transition: all 0.2s ease-in-out;
  /* mix-blend-mode: multiply; */
}

.product-item--content:hover {
  transform: scale(1.03);
}

@media screen and (max-width: 677px) {
  .product-item {width: 100%;}

  .catalogues_2025 .catalogue-item {width: 100%;}

}


/* Media sizing heights */

@media screen and (max-height: 800px) {
  .home-banner img {height: 65vh;}
}

@media screen and (max-width: 767px),
       screen and (max-height: 800px) {

  .home-banner img {height: 60vh;}
}

@media screen and (max-width: 500px),
       screen and (max-height: 800px) {

  .home-banner img {height: 50vh;}
}