/*
      ___        ___      ___        ___
     /\__\      /\  \    /\  \      /\  \
    /::|  |    /::\  \   \:\  \    /::\  \
   /:|:|  |   /:/\:\  \   \:\  \  /:/\:\  \
  /:/|:|__|__/::\~\:\  \  /::\  \/::\~\:\  \    ___  _ ____ _ ___ ____ _
 /:/ |::::\__\/\:\ \:\__\/:/\:\__\/\:\ \:\__\   |__> | |__, |  |  |--| |___
 \/__/~~/:/  /\~\:\ \/__/:/  \/__/__\:\/:/  /   .co.nz
       /:/  /\:\ \:\__\/:/  /        \::/  /
      /:/  /  \:\ \/__/\/__/         /:/  /
     /:/  /    \:\__\               /:/  /
     \/__/      \/__/               \/__/


Theme Name:
Description:
Version: 1
Author: Meta Digital
Author URI: http://metadigital.co.nz/
*/
/*========== Variables ============*/
/*============Sticky Footer============*/
html {
  font-size: 62.5%;
  height: 100%;
  overflow-x: hidden;
}
body {
  height: 100%;
  min-height: 100%;
  height: auto!important;
  display: flex;
  flex-direction: column;
  position: relative;
  scroll-behavior: smooth;
  scroll-margin-top: 60px;
}
#wrap {
  flex: 1 0 0;
  -ms-flex: 1 0 0;
  position: relative;
  right: 0;
  -webkit-transition: right 0.5s;
  -moz-transition: right 0.5s;
  -o-transition: right 0.5s;
  transition: right 0.5s;
}
.resp-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}
.resp-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.clear {
  clear: both;
}
.alignright,
img.alignright {
  float: right;
  margin: 0 0 15px 30px;
}
img.alignleft,
.alignleft {
  float: left;
  margin: 0 30px 15px 0;
}
img.aligncenter {
  display: block;
  margin: 0 auto;
}
img {
  max-width: 100%;
  height: auto;
}
* {
  outline: none!important;
}
/*==========Fonts & Headings===========*/
@font-face {
  font-family: 'AvionicObliqueBlack';
  src: url('/wp-content/themes/West Trak/Astrak-Fonts-2025/AvionicObliqueBlack-Regular.woff2') format('woff2'), url('/wp-content/themes/West Trak/Astrak-Fonts-2025/AvionicObliqueBlack-Regular.woff') format('woff');
  font-weight: 900;
  font-style: oblique;
}
@font-face {
  font-family: 'Institut';
  src: url('/wp-content/themes/West Trak/Astrak-Fonts-2025/Institut.woff2') format('woff2'), url('/wp-content/themes/West Trak/Astrak-Fonts-2025/Institut.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Lufga';
  src: url('/wp-content/themes/West Trak/Astrak-Fonts-2025/Lufga-Regular.woff2') format('woff2'), url('/wp-content/themes/West Trak/Astrak-Fonts-2025/Lufga-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Lufga';
  src: url('/wp-content/themes/West Trak/Astrak-Fonts-2025/Lufga-Bold.woff2') format('woff2'), url('/wp-content/themes/West Trak/Astrak-Fonts-2025/Lufga-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
body {
  font-family: 'Lufga', Arial, sans-serif;
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
}
h1 {
  font-family: 'Institut', Arial, sans-serif !important;
  color: #000;
  font-size: 60px;
  font-size: 6rem;
  font-weight: 900;
  margin: 10px 0 20px 0;
}
h2 {
  color: #000;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 900;
  margin: 10px 0 20px 0;
}
h3 {
  color: #000;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  margin: 10px 0 20px 0;
}
h4 {
  color: #000;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  margin: 10px 0 20px 0;
}
h5 {
  color: #000;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
}
.label-01 {
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
}
p,
ul {
  margin: 0 0 20px 0;
}
strong {
  font-weight: bold;
}
a {
  color: #000;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a:hover,
a:active {
  color: #000;
  text-decoration: underline;
}
.yellow-btn {
  background-color: #F9B000;
  color: #000 !important;
  padding: 5.5px 30px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  border: none;
  text-align: center;
  opacity: 1!important;
}
.yellow-btn:hover {
  background-color: #000;
  color: #fff !important;
  cursor: pointer;
  text-decoration: none;
}
.blue-btn {
  background-color: #000;
  color: #fff !important;
  padding: 5.5px 30px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  border: none;
  text-align: center;
  opacity: 1!important;
}
.blue-btn:hover {
  background-color: #000;
  color: #fff !important;
  cursor: pointer;
  text-decoration: none;
}
.grey-btn {
  background-color: #000;
  color: #fff !important;
  padding: 5.5px 30px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  border: none;
  text-align: center;
  opacity: 1!important;
}
.grey-btn:hover {
  background-color: #000;
  color: #fff !important;
  cursor: pointer;
  text-decoration: none;
}
.banner-btn {
  display: inline-block;
  padding: 12px 24px;
  border: 2px solid #000;
  border-radius: 4px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  background-color: #000;
}
.banner-btn:hover {
  background-color: #fff;
  border-color: #fff;
  color: #455660;
  text-decoration: none;
}
.white-btn {
  display: inline-block;
  padding: 12px 24px;
  border: 2px solid #FFFFFF;
  border-radius: 4px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
}
.white-btn:hover {
  background-color: #fff;
  color: #455660;
  text-decoration: none;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  h1 {
    font-size: 36px;
    font-size: 3.6rem;
  }
  h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
  h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
/* Mobile Nav
==============================*/
#mobileNav {
  height: 100%;
  width: 100%;
  right: -100%;
  position: fixed;
  z-index: 1000;
  top: 0;
  overflow-x: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#mobileNav.menuOpen {
  right: 0;
}
#wrap.menuOpenWrap {
  right: 100%;
  pointer-events: none;
}
footer.menuOpenWrap {
  right: 100%;
  position: relative;
  pointer-events: none;
}
.mobileNav-overlay.menuOpen {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background-color: transparent;
  z-index: 1;
}
#mobileNav .mobileNav-header {
  background-color: #000;
}
#mobileNav .mobileNav-header .navToggle {
  float: right;
  padding: 12.5px 30px;
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  font-size: 25px;
  font-size: 2.5rem;
}
#mobileNav .mobileNav-header .navToggle:hover {
  background-color: #000;
  text-decoration: none;
}
#mobileNav .mobileNav-header .mobile-phone {
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
  display: inline-block;
  margin: 9px 0 0 15px;
  top: 5px;
  position: relative;
}
#mobileNav .mobileNav-header .mobile-phone:hover {
  text-decoration: none;
}
#mobileNav .mobileNav-util {
  margin-bottom: 20px;
  background-color: #F9B000;
}
#mobileNav .mobileNav-util nav ul {
  width: 100%;
  float: none;
  margin: 0;
  padding: 0;
}
#mobileNav .mobileNav-util nav ul li {
  float: left;
  width: 50%;
  display: inline-block;
}
#mobileNav .mobileNav-util nav ul li a {
  padding: 5px 15px;
  display: block;
  color: #333f47;
}
#mobileNav .mobileNav-util nav ul li a:hover {
  background-color: #000;
  text-decoration: none;
  color: #fff;
}
#mobileNav .mobileNav-util nav ul li a svg {
  margin-right: 3px;
}
#mobileNav .mobileNav-util nav ul li ul li {
  width: 100%;
  float: none;
}
#mobileNav .mobile-main-menu ul {
  margin: 0;
  padding: 0;
}
#mobileNav .mobile-main-menu ul li {
  position: relative;
  list-style-type: none;
}
#mobileNav .mobile-main-menu ul li a {
  padding: 15px 15px 10px 15px;
  border-bottom: 5px solid transparent;
  text-transform: uppercase;
  font-weight: 400;
  display: block;
}
#mobileNav .mobile-main-menu ul li a:hover {
  color: #455660;
  border-color: #000;
  text-decoration: none;
}
#mobileNav .mobile-main-menu ul li .menu-drop {
  position: absolute;
  top: 0;
  right: 0;
  width: 54px;
  height: 54px;
  line-height: 54px;
  text-align: center;
}
#mobileNav .mobile-main-menu ul li .menu-drop.sub-menu-active {
  transform: rotate(180deg);
}
#mobileNav .mobile-main-menu ul.sub-menu {
  display: none;
  background-color: #000;
}
#mobileNav .mobile-main-menu ul.sub-menu .menu-drop {
  color: #fff;
}
#mobileNav .mobile-main-menu ul.sub-menu li a {
  color: #fff;
  padding-left: 30px;
}
#mobileNav .mobile-main-menu ul.sub-menu .sub-menu {
  background-color: rgba(255, 255, 255, 0.2);
}
#mobileNav .mobile-main-menu ul.sub-menu .sub-menu li a {
  padding-left: 45px;
}
#mobileNav .mobileNav-search {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px 15px 10px 15px;
}
#mobileNav .mobileNav-search p {
  display: inline-block;
  margin-right: 15px;
}
#mobileNav .mobileNav-search form {
  display: inline-block;
  margin: 0;
}
#mobileNav .mobileNav-search form input {
  width: 200px;
  display: inline-block;
  border: 1px solid #d7d7d7;
  padding: 3px 7px;
}
#mobileNav .mobileNav-search form button {
  display: inline-block;
  border: 1px solid #000;
  background-color: #000;
  position: relative;
  color: #fff;
  text-transform: uppercase;
  padding: 3px 7px;
  margin-left: -3px;
}
#mobileNav .mobileNav-search form button:hover {
  background-color: #000;
  border-color: #455660;
}
#mobileNav .mobileNav-footer ul {
  margin: 20px 0 0 10px;
  padding: 0;
}
#mobileNav .mobileNav-footer ul li {
  display: inline-block;
}
#mobileNav .mobileNav-footer ul li a {
  padding: 5px 5px;
  text-transform: uppercase;
  font-weight: 400;
}
#mobileNav .mobileNav-footer ul li a svg {
  font-size: 25px;
  font-size: 2.5rem;
  top: 2px;
  position: relative;
}
@media (max-width: 575px) {
  .mobileNav-util ul li a svg {
    margin: 0 1px!important;
  }
}
/* Header
==============================*/
#header {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 100;
}
#header-top {
  background-color: #000;
}
#header-top .header-top-left .header-logo {
  position: relative;
  display: inline-block;
  padding-right: 0;
  max-width: 216px;
}
#header-top .header-top-left .header-logo img {
  max-width: 100%;
  height: auto;
}
#header-top .header-top-left .header-logo:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 30px;
  top: 0;
  right: 100%;
  background-color: #f9b000;
}
#header-top .header-top-left .header-phone {
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
  display: inline-block;
  margin-left: 20px;
  position: relative;
}
#header-top .header-top-left .header-phone:hover {
  text-decoration: none;
}
#header-top .header-top-left .navToggle {
  float: right;
  padding: 12.5px 30px;
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  right: -15px;
  font-size: 25px;
  font-size: 2.5rem;
}
#header-top .header-top-left .navToggle:hover {
  background-color: #455660;
  text-decoration: none;
}
#header-top .header-top-right {
  text-align: right;
  padding-left: 0;
}
#header-top .header-top-right .utility-menu {
  padding-top: 19px;
  float: right;
}
#header-top .header-top-right .utility-menu ul {
  margin: 0;
  padding: 0;
}
#header-top .header-top-right .utility-menu ul li {
  display: inline-block;
  margin-right: 15px;
}
#header-top .header-top-right .utility-menu ul li a {
  color: #fff;
}
#header-top .header-top-right .utility-menu ul li a svg,
#header-top .header-top-right .utility-menu ul li a i {
  margin-right: 2px;
}
#header-top .header-top-right .utility-menu ul li a:hover {
  color: #000;
  text-decoration: none;
}
#header-top .header-top-right .header-social {
  margin: 0;
  padding: 12px 0 0;
  float: right;
}
#header-top .header-top-right .header-social li {
  display: inline-block;
  margin-left: 15px;
}
#header-top .header-top-right .header-social li a {
  color: #fff;
  font-size: 25px;
  font-size: 2.5rem;
}
#header-top .header-top-right .header-social li a:hover {
  color: #000;
  text-decoration: none;
}
#header-top .header-top-right .header-contact {
  float: right;
  padding: 19.5px 30px;
  background-color: #000;
  position: relative;
  right: -15px;
  color: #fff;
  text-transform: uppercase;
  margin-left: 20px;
}
#header-top .header-top-right .header-contact svg {
  margin-right: 3px;
}
#header-top .header-top-right .header-contact:hover {
  background-color: #455660;
  text-decoration: none;
}
#header-top .header-quote {
  float: right;
  margin: 0;
  padding: 19px 0 0 0;
}
#header-top .header-quote li {
  display: inline-block;
  margin-right: 15px;
}
#header-top .header-quote li a {
  color: #fff;
}
#header-top .header-quote li a svg,
#header-top .header-quote li a i {
  margin-right: 2px;
}
#header-top .header-quote li a:hover {
  color: #000;
  text-decoration: none;
}
.header-quote.hide-header-quote {
  display: none!important;
}
#header-bottom {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#header-bottom .header-search {
  float: right;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #header-bottom .header-search {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
#header-bottom .header-search p {
  margin: 0 15px 0 0;
  display: inline-block;
  padding: 15px 0;
}
#header-bottom .header-search form {
  display: inline-block;
  margin: 0;
}
#header-bottom .header-search form input {
  width: 200px;
  display: inline-block;
  border: 1px solid #d7d7d7;
  padding: 3px 7px;
  -webkit-border-top-left-radius: 16px;
  -webkit-border-bottom-left-radius: 16px;
  -moz-border-radius-topleft: 16px;
  -moz-border-radius-bottomleft: 16px;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
#header-bottom .header-search form button {
  display: inline-block;
  border: 1px solid #000;
  background-color: #000;
  position: relative;
  color: #fff;
  text-transform: uppercase;
  padding: 3px 7px;
  margin-left: -3px;
  -webkit-border-top-right-radius: 16px;
  -webkit-border-bottom-right-radius: 16px;
  -moz-border-radius-topright: 16px;
  -moz-border-radius-bottomright: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
#header-bottom .header-search form button:hover {
  background-color: #455660;
  border-color: #455660;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #header-top .header-top-left .header-phone {
    font-size: 20px;
    font-size: 2rem;
    margin-left: 10px;
  }
  #header-top .header-top-right .utility-menu ul li {
    margin-right: 5px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  #header-top .header-top-right .header-social li {
    margin-left: 2px;
  }
  #header-top .header-top-right .header-quote li {
    margin-right: 5px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  #header-top .header-top-right .header-contact {
    padding: 19.5px 15px;
    background-color: #000;
    margin-left: 5px;
  }
  #header-bottom .header-search .facetwp-facet {
    display: inline-block;
    margin: 0;
    max-width: 120px;
  }
}
@media (max-width: 575px) {
  #header-top {
    background-color: #f9b000;
  }
  #header-top .header-top-left .header-logo {
    float: left;
    width: 70%;
  }
  #header-top .header-top-left .navToggle {
    width: 30%;
    text-align: center;
  }
}
/* Sticky header 
==============================*/
#header {
  position: sticky;
  top: 0;
}
#header .scroll-logo {
  display: none;
}
#header.sticky-header {
  background-color: #fff;
}
#header.sticky-header #header-top {
  position: relative;
  z-index: 5;
}
#header.sticky-header #header-top .header-top-left {
  display: flex;
  align-items: center;
}
#header.sticky-header #header-top .header-top-left .header-logo .desktop-logo {
  display: none;
}
#header.sticky-header #header-top .header-top-left .header-logo .scroll-logo {
  display: block;
  height: 63px;
}
#header.sticky-header #header-bottom {
  position: relative;
  z-index: 1;
}
#header.scroll-up #header-bottom {
  margin-top: 0;
}
/* Nav
==============================*/
nav.main-menu {
  float: left;
}
nav.main-menu ul {
  padding: 0;
  margin: 0;
  display: inline-block;
  position: relative;
}
nav.main-menu ul li {
  display: inline-block;
  padding: 0;
  margin: 0 20px -1px 0;
  position: relative;
}
@media (min-width: 992px) and (max-width: 1199px) {
  nav.main-menu ul li {
    margin-right: 10px;
  }
}
nav.main-menu ul li a {
  padding: 15px 0 10px 0;
  border-bottom: 5px solid transparent;
  text-transform: uppercase;
  font-weight: 400;
  display: block;
}
@media (min-width: 992px) and (max-width: 1199px) {
  nav.main-menu ul li a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
nav.main-menu ul li a:hover {
  color: #000;
  border-color: #000;
  text-decoration: none;
}
nav.main-menu ul li.sub-menu-active a {
  color: #000;
  border-color: #000;
  text-decoration: none;
}
nav.main-menu ul li.menu-item-has-children > a:after {
  content: "\f107";
  font-family: FontAwesome;
  margin-left: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  nav.main-menu ul li.menu-item-has-children > a:after {
    margin-left: 5px;
  }
}
nav.main-menu ul li.sub-menu-active.menu-item-has-children > a:after {
  content: "\f106";
}
nav.main-menu ul.sub-menu {
  display: none;
  position: absolute;
  white-space: nowrap;
  background-color: #000;
  top: 100%;
  left: 0;
  z-index: 99999;
  text-align: left;
  padding: 0;
}
nav.main-menu ul.sub-menu li {
  display: block;
  margin: 0;
}
nav.main-menu ul.sub-menu li.menu-item-has-children > a:after {
  content: "\f105";
  position: absolute;
  right: 5px;
  top: 5px;
}
nav.main-menu ul.sub-menu li a {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 5px 25px 5px 15px;
  display: block;
}
nav.main-menu ul.sub-menu li a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
nav.main-menu ul.sub-menu li.sub-menu-active > a {
  background-color: rgba(255, 255, 255, 0.2);
}
nav.main-menu ul.sub-menu .sub-menu {
  left: 100%;
  top: 0;
}
nav.main-menu ul.sub-menu .sub-menu li {
  border-left: 1px solid transparent;
}
nav.main-menu ul.sub-menu .sub-menu li:not(:first-child),
nav.main-menu ul.sub-menu .sub-menu li:hover {
  border-color: rgba(255, 255, 255, 0.2);
}
nav.main-menu ul.sub-menu .sub-menu li a {
  padding: 5px 15px;
}
/* Banner
==============================*/
.homeSwiper .banner-slide {
  background-image: url('images/homepage-banner-01.svg');
  padding: 60px 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 520px;
}
.homeSwiper .banner-slide h1 {
  color: #fff;
}
.homeSwiper .banner-slide .banner-btn {
  margin-top: 30px;
}
.homeSwiper .swiper-button-next,
.homeSwiper .swiper-button-prev {
  color: #fff;
}
.banner {
  background-color: #f9b000;
  background-image: url('images/generic-banner-01.svg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left center;
  padding: 0 0 90px 0;
  margin-bottom: 60px;
}
.banner.banner-image {
  background-size: cover!important;
  background-position: center center;
  position: relative;
}
.banner.banner-image h1 {
  color: #F9B000;
}
.banner.banner-image h5 {
  color: #fff;
}
.banner.banner-image .banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.banner .container {
  position: relative;
  z-index: 5;
}
.banner#home-banner {
  background-image: url('images/homepage-banner-01.svg');
  padding: 175px 0 175px 0;
  text-align: center;
  margin-bottom: 0;
}
.banner#home-banner.banner-image h1 {
  color: #fff;
}
#find-a-part .banner {
  padding: 0 0 165px 0;
  margin-bottom: 0;
}
.page-template-archive-part .banner {
  padding-bottom: 120px;
}
#breadcrumbs {
  padding: 8px 0;
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 90px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.7);
  position: relative;
  z-index: 5;
}
#breadcrumbs svg {
  margin: 0 5px 0 -5px;
  color: #000;
}
#breadcrumbs a {
  color: #333;
  margin: 0 5px;
}
#breadcrumbs a:hover {
  text-decoration: none;
  color: #000;
}
#breadcrumbs .breadcrumb_last {
  color: #000;
  margin-left: 5px;
}
/* Find Parts
==============================*/
.find-parts {
  background-color: #f1f1f1;
  padding: 16px;
  border-radius: 5px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  position: relative;
  margin-top: -90px;
  margin-bottom: 90px;
  z-index: 10;
}
.find-parts .find-parts-header h3 {
  margin: 0 0 20px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #bdbdbd;
}
.find-parts .find-parts-option {
  display: inline-block;
  width: 40.5%;
  margin-right: 2%;
  margin-bottom: 20px;
}
.find-parts .find-parts-option .facet-label {
  display: none;
}
.find-parts .find-parts-option .facetwp-type-fselect {
  position: relative;
  top: 7.5px;
}
.find-parts .find-parts-option .facetwp-type-fselect .fs-wrap {
  width: 100%;
}
.find-parts .find-parts-option .facetwp-type-fselect .fs-wrap .fs-label-wrap {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background-color: #FFF;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 7.5px 50px 7.5px 20px;
}
.find-parts .find-parts-option .facetwp-type-dropdown {
  margin: 5px 0 0 0;
  position: relative;
}
.find-parts .find-parts-option .facetwp-type-dropdown select {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background-color: #FFF;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px 50px 10px 20px;
}
.find-parts .find-parts-option .facetwp-type-dropdown:after {
  content: '';
  position: absolute;
  right: 1px;
  top: 1px;
  height: 45px;
  width: 30px;
  pointer-events: none;
  background-image: url('images/arrow.png');
  background-position: center center;
  background-repeat: no-repeat;
}
.find-parts .fwp-submit {
  float: right;
  width: 14%;
  border: none;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 16px 0;
  background-color: #000;
  color: #fff;
  cursor: pointer;
  margin-top: 24px;
}
.find-parts .fwp-submit svg {
  margin-right: 3px;
}
.find-parts .fwp-submit:hover {
  color: #fff;
  background-color: #000;
}
@media (min-width: 768px) and (max-width: 991px) {
  .find-parts {
    margin-top: -60px;
  }
  .find-parts .find-parts-option {
    width: 47.5%;
    margin: 0% 1%;
    margin-bottom: 10px;
  }
  .find-parts .find-parts-option h3 {
    margin-bottom: 10px;
  }
  .find-parts .fwp-submit {
    float: none;
    width: 97.5%;
    margin: 10px 1% 0;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .find-parts {
    margin-top: -60px;
  }
  .find-parts .find-parts-option {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 10px;
  }
  .find-parts .find-parts-option h3 {
    margin-bottom: 10px;
  }
  .find-parts .fwp-submit {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
}
/* Home
==============================*/
#home-intro {
  margin-bottom: 60px;
}
#home-intro h2 {
  margin-top: 0;
}
#home-intro .col-12 {
  margin: 90px 0 30px 0;
}
#home-promo-banner {
  margin-bottom: 90px;
}
#home-promo-banner .col-12 {
  padding: 0;
}
#home-promo-banner .col-12 img {
  width: 100%;
}
#home-promos {
  overflow: hidden;
}
#home-promos .container-fluid {
  padding: 0;
}
#home-promos .container-fluid .col-12 {
  padding: 0;
}
#home-promos .container-fluid .col-12 .promo-box {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-size: cover;
  background-position: center center;
}
#home-promos .container-fluid .col-12 .promo-box .promo-box-inner {
  color: #fff;
  max-width: 600px;
  padding: 120px 30px;
  position: relative;
  z-index: 2;
  text-align: center;
}
#home-promos .container-fluid .col-12 .promo-box .promo-box-inner h2,
#home-promos .container-fluid .col-12 .promo-box .promo-box-inner h5 {
  color: #fff;
}
#home-promos .container-fluid .col-12 .promo-box .promo-box-inner .white-btn {
  margin-top: 30px;
}
#home-promos .container-fluid .col-12 .promo-box .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.promo-bar-wrapper {
  margin-bottom: 60px;
}
.promo-bar-wrapper .promo-bar {
  border-radius: 5px;
  overflow: hidden;
}
.promo-bar-wrapper .promo-bar .promo-bar-top {
  background-color: #000;
}
.promo-bar-wrapper .promo-bar .promo-bar-top h3 {
  color: #fff;
  margin: 0;
  padding: 15px 15px;
}
.promo-bar-wrapper .promo-bar .promo-bar-bottom {
  background-color: #F9B000;
  display: block;
  text-align: left;
  color: #fff;
  padding: 5px 15px;
  min-height: 30px;
}
.promo-bar-wrapper .promo-bar .promo-bar-bottom a {
  display: block;
}
.promo-bar-wrapper .promo-bar .promo-bar-bottom svg {
  position: relative;
  top: 2px;
  margin-left: 5px;
}
.facts-section {
  background-color: #f1f1f1;
  padding: 60px 0 30px 0;
  margin: 60px 0;
}
.facts-section .facts-section-header {
  text-align: center;
}
.facts-section .facts-section-header h2 {
  margin: 0 0 30px 0;
}
.facts-section .fact {
  margin: 0 0 30px 0;
  font-weight: 400;
}
.facts-section .fact .fact-header {
  font-size: 26px;
  font-size: 2.6rem;
  display: block;
  color: #000;
}
.facts-section .fact .fact-header .fa-check-circle {
  color: #F9B000;
  margin-right: 10px;
}
#home-tabs {
  margin: 90px 0 60px 0;
}
#home-tabs .home-tabs-inner {
  border-bottom: 1px solid #BDBDBD;
  margin: 0 0 40px;
  padding: 0;
}
#home-tabs .home-tabs-inner a {
  display: inline-block;
  margin-right: 30px;
  text-decoration: none!important;
}
.home-parts-cat {
  margin-top: 90px;
}
.home-parts-cat .home-parts-cat-header {
  margin-bottom: 20px;
}
.home-parts-cat .part-cat-box {
  display: block;
  text-decoration: none!important;
  margin-bottom: 30px;
}
.home-parts-cat .part-cat-box img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.home-parts-cat .part-cat-box h4 {
  margin: 20px 0 0 0;
}
.home-parts-cat .part-cat-box p {
  color: #333;
  margin: 20px 0 20px 0;
}
.home-parts-cat .part-cat-box .view-more {
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: #000;
  font-weight: 700;
  margin-top: 5px;
  display: block;
}
.home-parts-cat .part-cat-box .view-more svg {
  margin-left: 5px;
  position: relative;
  left: 0;
  top: -0.5px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.home-parts-cat .part-cat-box:hover h4 {
  color: #000;
}
.home-parts-cat .part-cat-box:hover .view-more svg {
  left: 5px;
}
#industries {
  background-color: #f9b000;
  margin: 60px 0;
  padding: 60px 0;
  text-align: center;
}
#industries .industry-box {
  margin-top: 30px;
  display: block;
  text-decoration: none!important;
  color: #333 !important;
}
#industries .industry-box h5 {
  margin: 15px 0;
  color: #333;
}
#industries .industry-box p {
  font-size: 14px;
  font-size: 1.4rem;
  max-width: 260px;
  margin: 0 auto 30px auto;
}
#industries .industry-box .arrow-btn {
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: #455660;
  font-weight: 700;
}
#industries .industry-box .arrow-btn svg {
  margin-left: 8px;
}
#blog-archive {
  margin: 90px 0;
}
.blog-archive-footer {
  text-align: center;
}
.blog-archive-footer {
  margin-top: 30px;
  text-align: center;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
  #home-tabs .home-tabs-inner a {
    margin: 0 0;
    width: 49.5%;
    text-align: center;
  }
  #home-tabs .home-tabs-inner a h3 {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 0 10px 0;
  }
  #home-intro {
    margin-top: 60px;
  }
  #home-intro h2 {
    margin: 0;
  }
  #home-intro .col-12 {
    margin: 0 0 0 0;
  }
  .facts-section .fact .fact-header {
    font-size: 20px;
    font-size: 2rem;
  }
}
/* Parts Archive
==============================*/
.part-filters {
  background-color: #f1f1f1;
  padding: 16px;
  border-radius: 5px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  position: relative;
  margin: -120px 0 60px;
  z-index: 10;
}
.part-filters .part-filters-header {
  border-bottom: 1px solid #bdbdbd;
  margin: 5px 1% 20px 0.5%;
}
.part-filters .part-filters-header h3 {
  margin: 0 0 0 0;
  padding-bottom: 10px;
  float: left;
}
.part-filters .part-filters-header .results-count {
  float: right;
  display: block;
}
.part-filters .part-filters-header .results-count .facetwp-counts {
  display: inline-block;
}
.part-filters .facetwp-facet {
  display: inline-block;
  width: 23.7%;
  margin: 0 0.5% 20px;
  margin-bottom: 20px;
}
.part-filters .facetwp-facet.facetwp-type-search {
  width: 49%!important;
  padding-right: 15px;
}
.part-filters .facetwp-facet.facetwp-type-search .facet-label {
  display: none!important;
}
.part-filters .facetwp-facet.facetwp-type-search .facetwp-input-wrap {
  display: block;
}
.part-filters .facetwp-facet.facetwp-type-search input {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background-color: #FFF;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px 50px 10px 20px;
}
.part-filters .facetwp-facet.facetwp-type-fselect {
  position: relative;
  top: 7.5px;
}
.part-filters .facetwp-facet.facetwp-type-fselect .fs-wrap {
  width: 100%;
}
.part-filters .facetwp-facet.facetwp-type-fselect .fs-wrap .fs-label-wrap {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background-color: #FFF;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 7.5px 50px 7.5px 20px;
}
.part-filters .facetwp-facet.facetwp-type-dropdown {
  margin-top: 5px;
  position: relative;
}
.part-filters .facetwp-facet.facetwp-type-dropdown select {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background-color: #FFF;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px 50px 10px 20px;
}
.part-filters .facetwp-facet.facetwp-type-dropdown:after {
  content: '';
  position: absolute;
  right: 1px;
  top: 24px;
  height: 45px;
  width: 30px;
  pointer-events: none;
  background-image: url('images/arrow.png');
  background-position: center center;
  background-repeat: no-repeat;
}
.part-filters .part-filters-footer button {
  background-color: transparent;
  border: none;
  width: 100%;
  text-align: right;
  padding: 0 1%;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: #000;
}
.part-filters .part-filters-footer button svg {
  margin-right: 3px;
}
.taxonomy-filters .part-filters .part-filters-content .facetwp-facet:not(.facetwp-type-checkboxes) {
  width: 32%;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .taxonomy-filters .part-filters .part-filters-content .facetwp-facet:not(.facetwp-type-checkboxes) {
    width: 48.6%;
  }
}
.part-sort {
  margin-bottom: 60px;
}
.part-sort h2 {
  margin: 0 0 10px 0;
}
.part-sort .facetwp-selections {
  text-align: right;
}
.part-sort .facetwp-selections ul {
  margin: 17.5px 0 0 0;
  padding: 0;
}
.part-sort .facetwp-selections ul li {
  background: #F2F2F2;
  border-radius: 12.5px;
  font-size: 12px;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 400;
  padding: 6px 10px;
  margin-left: 4px;
}
.part-sort .facetwp-selections ul li .facetwp-selection-value {
  margin: 0;
  background-size: 11px 11px;
  padding-right: 18px;
}
.part-sort .facetwp-pager {
  padding-top: 17px;
  font-size: 14px;
  font-size: 1.4rem;
}
.part-sort .facetwp-pager .active {
  font-weight: 400;
  color: #000;
}
.part-sort .facetwp-sort {
  margin-top: 5px;
  position: relative;
  text-align: right;
}
.part-sort .facetwp-sort select {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background-color: #FFF;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px 50px 10px 20px;
}
.part-sort .facetwp-sort:after {
  content: '';
  position: absolute;
  right: 1px;
  top: 4px;
  height: 45px;
  width: 30px;
  pointer-events: none;
  background-image: url('images/arrow.png');
  background-position: center center;
  background-repeat: no-repeat;
}
.part-box-wrap {
  margin-bottom: 60px;
}
.part-box {
  color: #333;
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
}
.part-box:hover {
  text-decoration: none;
  color: #333;
}
.part-box .part-box-header {
  height: 200px;
  white-space: nowrap;
  text-align: center;
}
.part-box .part-box-header .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.part-box .part-box-header img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  vertical-align: middle;
  margin-left: -3px;
}
.part-box .part-box-content {
  padding: 0 15px;
  margin-bottom: 15px;
}
.part-box .part-box-content h5 {
  margin-top: 4px;
}
.part-box .part-box-content h5 span {
  font-size: 12px;
  font-size: 1.2rem;
}
.part-box .part-box-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding: 0 15px;
}
.part-box .part-box-buttons .view,
.part-box .part-box-buttons .simplefavorite-button {
  color: #fff;
  background-color: #000;
  padding: 2px 5px 0px 5px;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
}
.part-box .part-box-buttons .view:hover,
.part-box .part-box-buttons .simplefavorite-button:hover {
  text-decoration: none;
  color: #FFF;
  background-color: #000;
  cursor: pointer;
}
.part-box .part-box-buttons .view:after {
  margin-left: 5px;
  content: "\f08e";
  font-family: FontAwesome;
}
.part-box .part-box-buttons .simplefavorite-button {
  margin-top: 0px;
}
.part-box .part-box-buttons .simplefavorite-button:after {
  margin-left: 3px;
  content: "\f055";
  font-family: FontAwesome;
}
.part-footer {
  margin-bottom: 90px;
}
.part-footer .facetwp-pager {
  font-size: 14px;
  font-size: 1.4rem;
}
.part-footer .facetwp-pager .active {
  font-weight: 400;
  color: #000;
}
/* Single Part
==============================*/
#part-slider {
  margin: 90px auto 120px auto;
  max-width: 700px;
}
#part-slider .carousel-inner {
  text-align: center;
}
#part-slider .carousel-inner img {
  max-width: 100%;
  height: auto;
}
#part-slider .carousel-indicators {
  position: relative;
  right: auto;
  bottom: auto;
  left: auto;
  margin: 20px 0 0 0;
  display: flex;
}
#part-slider .carousel-indicators li {
  width: auto;
  max-width: 100px;
  height: auto;
  margin: 0 8px;
  text-indent: 0;
  cursor: pointer;
  -webkit-filter: grayscale(90%);
  filter: grayscale(90%);
}
#part-slider .carousel-indicators li img {
  width: 100%;
  height: auto;
}
#part-slider .carousel-indicators li.active {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
#part-slider .part-slider-terms {
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 60px 0 10px 0;
}
.single-part-content {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.single-part-content:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 9000px;
  background-color: #f2f2f2;
}
.single-part-content .part-content {
  max-width: 650px;
  width: 100%;
  position: relative;
  z-index: 5;
}
.single-part-content .part-content h1 {
  font-size: 36px;
  font-size: 3.6rem;
  margin: 0 0 30px 0;
}
.single-part-content .part-content .part-meta {
  margin-bottom: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  width: 100%;
}
.single-part-content .part-content .part-meta .part-attributes .part-meta-title {
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  padding-bottom: 5px;
}
.single-part-content .part-content .part-description {
  margin-bottom: 30px;
}
.single-part-content .part-content .quote-btns .simplefavorite-button {
  display: block;
  padding: 16px 24px;
  text-align: center;
  text-transform: uppercase;
  background-color: #000;
  border-radius: 4px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
}
.single-part-content .part-content .quote-btns .simplefavorite-button:after {
  margin-left: 3px;
  content: "\f055";
  font-family: FontAwesome;
}
.single-part-content .part-content .quote-btns .simplefavorite-button:hover {
  background-color: #000;
  cursor: pointer;
}
.single-part-content .part-content .quote-btns .get-quote-btn {
  display: block;
  padding: 16px 0;
  width: 200px;
  margin: 15px auto 0 auto;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
  border-bottom: 1px solid #333;
}
.single-part-content .part-content .quote-btns .get-quote-btn.hide-quote {
  display: none;
}
.single-part-content .part-content .quote-btns .get-quote-btn:hover {
  text-decoration: none;
  border-color: #000;
}
.single-part-content .part-content .single-parts-contact {
  margin: 40px 0 0 0;
  text-align: center;
}
.single-part-content .part-content .single-parts-contact a {
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}
#part-promos {
  background-color: #F9B000;
  padding-top: 60px;
}
#part-promos .promo-box {
  text-align: center;
  max-width: 180px;
  margin: 0 auto;
  padding: 0 0 60px 0;
  font-size: 12px;
  font-size: 1.2rem;
}
#part-promos .promo-box h5 {
  margin: 15px 0 10px 0;
}
#part-related {
  margin: 90px 0 30px 0;
}
#part-related h2 {
  text-align: center;
  margin: 0 0 60px 0;
}
.part-home-promos {
  margin-bottom: 90px;
}
/* Quote Page
==============================*/
.quote-content {
  margin: 60px 0;
}
.quote-content .favorites-list {
  height: 0px;
  overflow: hidden;
}
.quote-content button.simplefavorites-clear {
  float: right;
  background-color: #000;
  color: #fff !important;
  padding: 5.5px 30px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  border: none;
  text-align: center;
  cursor: pointer;
}
.quote-form {
  margin-bottom: 60px;
}
.quote-form.hide-quote-form {
  display: none;
}
.quote-form .part-list {
  height: 0!important;
  overflow: hidden!important;
  margin-top: 0px!important;
  display: block!important;
}
.quote-form .part-list.show-part-input {
  margin-top: 16px!important;
  height: auto!important;
  display: inline-block !important;
}
.quote-form .part-quantity label {
  width: 100%;
}
.quote-form .part-quantity .ginput_container {
  max-width: 20%!important;
  float: left;
  padding-right: 15px!important;
}
.quote-form .part-quantity .simplefavorite-button {
  max-width: 80%;
  position: relative;
  top: 10px;
}
/* Terms
==============================*/
.tax-name {
  text-transform: uppercase;
}
.term-description {
  margin-bottom: 60px;
}
.term-description .term-description-info h4 {
  margin: 0 0 20px 0;
}
.related-info {
  margin: 0;
  padding: 0;
}
.related-info li {
  list-style-type: none;
  max-width: 260px;
  margin: 0 auto;
}
.related-info li a img {
  border-radius: 5px;
}
.related-info li a span {
  color: #fff;
  background-color: #000;
  padding: 5px;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
  display: block;
  margin-top: 15px;
  text-align: center;
}
.related-info li a span svg {
  margin-right: 5px;
  position: relative;
  top: 1px;
  font-size: 15px;
  font-size: 1.5rem;
}
.related-info li a:hover {
  text-decoration: none;
}
.related-info li a:hover span {
  background-color: #000;
}
/* Blog
==============================*/
#blog-list {
  margin-bottom: 60px;
}
.blog-intro {
  margin-top: 60px;
  margin-bottom: 40px;
}
.blog-intro h2 {
  margin: 0;
}
.blog-intro .blog-page-count {
  text-align: right;
  font-size: 14px;
  font-size: 1.4rem;
  color: #000;
  margin-top: 19px;
}
.blog-intro .blog-page-count .facetwp-counts {
  display: inline-block;
}
.blog-sort .blog-filters {
  display: flex;
  align-items: center;
}
.blog-sort .facetwp-selections {
  text-align: left;
}
.blog-sort .facetwp-selections ul {
  margin: 17.5px 0 20px 0;
  padding: 0;
}
.blog-sort .facetwp-selections ul li {
  background: #F2F2F2;
  border-radius: 12.5px;
  font-size: 12px;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 400;
  padding: 6px 10px;
  margin-left: 4px;
}
.blog-sort .facetwp-selections ul li .facetwp-selection-value {
  margin: 0;
  background-size: 11px 11px;
  padding-right: 18px;
}
.blog-sort .facetwp-pager {
  font-size: 14px;
  font-size: 1.4rem;
  margin-left: auto;
}
.blog-sort .facetwp-pager .facetwp-page {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 100%;
  text-align: center;
  background-color: #000;
  color: #fff !important;
}
.blog-sort .facetwp-pager .facetwp-page.dots,
.blog-sort .facetwp-pager .facetwp-page.next {
  background-color: transparent;
  color: #455660 !important;
}
.blog-sort .facetwp-pager .facetwp-page.active,
.blog-sort .facetwp-pager .facetwp-page:hover {
  font-weight: 400;
  background-color: #F9B000;
  color: #fff !important;
}
.blog-sort .facetwp-sort,
.blog-sort .facetwp-type-dropdown {
  position: relative;
  display: inline-block;
  margin: 0 15px 0 0;
}
.blog-sort .facetwp-sort .facet-label,
.blog-sort .facetwp-type-dropdown .facet-label {
  display: none;
}
.blog-sort .facetwp-sort select,
.blog-sort .facetwp-type-dropdown select {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background-color: #FFF;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px 50px 10px 20px;
}
.blog-sort .facetwp-sort:after,
.blog-sort .facetwp-type-dropdown:after {
  content: '';
  position: absolute;
  right: 1px;
  top: 1px;
  height: 45px;
  width: 30px;
  pointer-events: none;
  background-image: url('images/arrow.png');
  background-position: center center;
  background-repeat: no-repeat;
}
.blog-sort .facetwp-sort.facetwp-facet-resource_type option[value=""],
.blog-sort .facetwp-type-dropdown.facetwp-facet-resource_type option[value=""] {
  display: none;
}
.blog-filters .blog-cats {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #BDBDBD;
}
.blog-filters .blog-cats li {
  display: inline-block;
  border-bottom: 5px solid transparent;
  margin: 0 10px -1px 0;
  padding-bottom: 5px;
}
.blog-filters .blog-cats li a {
  font-weight: 700;
  color: #BDBDBD;
  font-size: 14px;
  font-size: 1.4rem;
}
.blog-filters .blog-cats li.current-cat,
.blog-filters .blog-cats li:hover {
  border-color: #000;
}
.blog-filters .blog-cats li.current-cat a,
.blog-filters .blog-cats li:hover a {
  color: #000;
  text-decoration: none;
}
.blog-box {
  display: block;
  margin-top: 40px;
  color: #333;
}
.blog-box .blog-box-header {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 20px;
}
.blog-box .blog-box-header img {
  width: 100%;
  height: auto;
}
.blog-box .blog-box-header .image-overlay {
  width: 100%;
  height: 200px;
  background-size: cover;
  position: relative;
}
.blog-box .blog-box-header .image-overlay:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}
.blog-box .blog-box-header i {
  font-size: 5rem;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff !important;
}
.blog-box .blog-box-content h4 {
  margin-top: 0;
}
.blog-box .blog-box-content .blog-time {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #bdbdbd;
  margin-bottom: 5px;
  display: block;
}
.blog-box:hover {
  text-decoration: none;
  color: #333;
}
.blog-box:hover h4 {
  color: #000;
}
.blog-box.blog-box-video .blog-box-header .image-overlay {
  height: 200px;
}
.wp-pagenavi {
  text-align: center;
  margin: 60px 0 0;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog-filters .blog-filters-content .facetwp-facet,
  .blog-filters .blog-filters-content .catalogue-btn {
    margin: 0 0 0 0;
    width: 100%;
    float: left;
    padding-bottom: 15px;
  }
}
/* CTA & Promos
==============================*/
.archive #contact-cta {
  margin-top: 7px;
}
#contact-cta {
  margin: 60px 0;
}
#contact-cta .contact-box {
  position: relative;
  padding: 30px;
  text-align: center;
  background-size: cover;
  background-position: center center;
  border-radius: 8px;
  overflow: hidden;
}
#contact-cta .contact-box .contact-box-content {
  position: relative;
  z-index: 5;
}
#contact-cta .contact-box .contact-box-content h2 {
  margin: 0;
  color: #fff;
}
#contact-cta .contact-box .contact-box-content h4 {
  margin: 20px auto;
  max-width: 500px;
  color: #fff;
}
#contact-cta .contact-box .contact-box-content a {
  font-size: 48px;
  font-size: 4.8rem;
  display: block;
  position: relative;
  color: #fff;
}
#contact-cta .contact-box .contact-box-content a svg {
  position: relative;
  font-size: 120%;
}
#contact-cta .contact-box .cta-overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
#promo-boxes {
  margin: 0 0 60px 0;
}
#promo-boxes .intro {
  margin-top: 60px;
  margin-bottom: 0;
}
#promo-boxes .promo-box {
  margin: 120px 0 0 0;
  display: block;
  text-align: center;
}
#promo-boxes .promo-box .promo-content {
  padding: 0 20px 20px;
  background-color: #f1f1f1;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#promo-boxes .promo-box .promo-content h5 {
  margin: 0;
  padding: 5px 0 0 0;
}
#promo-boxes .promo-box .promo-content img {
  position: relative;
  margin-top: -90px;
  max-width: 60%;
}
#promo-boxes .promo-box .promo-footer {
  text-align: right;
  background-color: #000;
  color: #fff;
  padding: 5px 20px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
#promo-boxes .promo-box .promo-footer svg {
  position: relative;
  top: 1px;
  margin-right: 3px;
}
#promo-boxes .promo-box:hover {
  text-decoration: none;
}
#promo-boxes .promo-box:hover .promo-footer {
  background-color: #000;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  #contact-cta {
    margin: 60px 0;
  }
  #contact-cta .contact-box .contact-box-content a {
    font-size: 28px;
    font-size: 2.8rem;
    display: block;
    position: relative;
    color: #fff;
  }
}
/* Default Pages
==============================*/
.embed-container {
  position: relative;
  padding-bottom: 57%;
  height: 0;
  overflow: hidden;
  width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gorilla {
  width: 100%;
  min-height: 800px;
}
#default-page .find-parts-wrap {
  margin: 0 0 60px 0;
}
#default-page .find-parts-wrap .find-parts {
  margin: 0;
}
.intro {
  margin-bottom: 40px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
}
.intro.flyer-intro {
  text-align: left;
}
.text-area {
  margin-bottom: 40px;
}
.text-area.yes {
  margin-bottom: 0;
}
.gallery {
  margin: 40px 0!important;
  text-align: center;
}
.gallery .gallery-item {
  margin: 0!important;
  float: none!important;
  display: inline-block;
}
.gallery .gallery-item img {
  max-width: 100%;
  height: auto;
  border: none!important;
}
.page-template-industries #industries {
  margin-bottom: 0;
}
.box-grid {
  margin-top: 40px;
}
.box-grid .box-grid-header-inner {
  margin-bottom: 40px;
}
.box-grid .blog-box {
  margin: 0 0 30px 0;
}
.box-grid .blog-box h4 {
  margin-bottom: 0;
}
.box-grid .blog-box .role {
  margin: 0!important;
}
.box-grid .blog-box p {
  margin-top: 20px;
}
.box-grid .blog-box .view-more {
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: #000;
  font-weight: 700;
  margin-top: 5px;
  display: block;
}
.box-grid .blog-box .view-more svg {
  margin-left: 5px;
  position: relative;
  left: 0;
  top: -0.5px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.box-grid .blog-box:hover .view-more svg {
  left: 5px;
}
.range-grid {
  margin-top: 40px;
  margin-bottom: 40px;
}
.range-grid .range-box {
  text-align: center;
  display: block;
  height: 100%;
}
.range-grid .range-box h4 {
  padding: 15px;
  margin: 0;
}
.range-grid .range-box:hover {
  text-decoration: none;
  border-radius: 5px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
.image-area img {
  width: 100%;
}
.product-description {
  margin: 60px 0;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .product-description {
    padding: 0 15px;
  }
}
.product-description .row {
  padding: 30px;
  border-radius: 5px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
.product-description .row .product-description-left .blue-btn {
  width: 100%;
  margin-top: 15px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .product-description .row .product-description-left .blue-btn {
    margin-bottom: 30px;
  }
}
.product-description .row .product-description-right .brochure-box {
  display: flex;
  align-items: center;
  border-top: 1px solid #e1e1e1;
  gap: 0 30px;
  padding-top: 15px;
  margin-top: 15px;
}
.product-description .row .product-description-right .brochure-box:first-child {
  border: none;
  padding-top: 0;
  margin-top: 0;
}
.product-description .row .product-description-right .brochure-box .brochure-box-left {
  flex: 0 175px;
}
.product-description .row .product-description-right .brochure-box .brochure-box-right h4 {
  margin: 0;
}
.product-description .row .product-description-right .faq-box {
  background-color: #f4f4f4;
  padding: 15px;
  margin-top: 15px;
  border: 1px solid #e1e1e1;
}
.product-description .row .product-description-right .faq-box .question {
  border: none;
  width: 100%;
  text-align: left;
  background-color: transparent;
  padding: 0;
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 45px;
}
.product-description .row .product-description-right .faq-box .question:after {
  content: "-";
  position: absolute;
  right: 0;
  border-radius: 100%;
  background-color: #000;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.product-description .row .product-description-right .faq-box .question.collapsed:after {
  content: "+";
}
.product-description .row .product-description-right .faq-box .question p {
  margin: 0;
}
/* Resources
==============================*/
#resources-archive {
  margin-bottom: 60px;
}
#resources-archive .resource-box {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 30px;
  margin-bottom: 30px;
  text-decoration: none!important;
}
#resources-archive .resource-box:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
#resources-archive .resource-box:hover {
  color: #333;
}
#resources-archive .resource-box .resource-image {
  padding: 0;
}
#resources-archive .resource-box .resource-image img {
  max-width: 100%;
  height: auto;
}
#resources-archive .resource-box .resource-content {
  padding: 0 30px;
}
.resource-filters-inner {
  position: sticky;
  top: 15px;
}
.resource-filters-content {
  background-color: #f1f1f1;
  padding: 16px;
  border-radius: 5px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 10;
  margin-bottom: 30px;
}
.resource-filters-content .resource-filter-option {
  margin-bottom: 10px;
}
.resource-filters-content .resource-filter-option .facet-label {
  display: none;
}
.resource-filters-content .resource-filter-option .facetwp-type-dropdown {
  margin: 5px 0 0 0;
  position: relative;
}
.resource-filters-content .resource-filter-option .facetwp-type-dropdown select {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background-color: #FFF;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px 50px 10px 20px;
}
.resource-filters-content .resource-filter-option .facetwp-type-dropdown:after {
  content: '';
  position: absolute;
  right: 1px;
  top: 1px;
  height: 45px;
  width: 30px;
  pointer-events: none;
  background-image: url('images/arrow.png');
  background-position: center center;
  background-repeat: no-repeat;
}
.resource-filters-catalogue {
  background-color: #f1f1f1;
  padding: 16px;
  border-radius: 5px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 10;
  margin-bottom: 60px;
}
.resource-filters-catalogue .catalogue-btn {
  display: block;
  border: none;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 16px 0;
  background-color: #000;
  color: #fff;
  cursor: pointer;
  margin-top: 16px;
}
.resource-filters-catalogue .catalogue-btn svg {
  margin-right: 3px;
}
.resource-filters-catalogue .catalogue-btn:hover {
  color: #fff;
  background-color: #000;
  text-decoration: none;
}
.resource-sort .resource-filters {
  display: flex;
  align-items: center;
}
.resource-sort .facetwp-selections {
  text-align: left;
}
.resource-sort .facetwp-selections ul {
  margin: 17.5px 0 20px 0;
  padding: 0;
}
.resource-sort .facetwp-selections ul li {
  background: #F2F2F2;
  border-radius: 12.5px;
  font-size: 12px;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 400;
  padding: 6px 10px;
  margin-left: 4px;
}
.resource-sort .facetwp-selections ul li .facetwp-selection-value {
  margin: 0;
  background-size: 11px 11px;
  padding-right: 18px;
}
.resource-sort .facetwp-pager {
  font-size: 14px;
  font-size: 1.4rem;
  margin-left: auto;
}
.resource-sort .facetwp-pager .facetwp-page {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 100%;
  text-align: center;
  background-color: #000;
  color: #fff !important;
}
.resource-sort .facetwp-pager .facetwp-page.dots,
.resource-sort .facetwp-pager .facetwp-page.next {
  background-color: transparent;
  color: #455660 !important;
}
.resource-sort .facetwp-pager .facetwp-page.active,
.resource-sort .facetwp-pager .facetwp-page:hover {
  font-weight: 400;
  background-color: #F9B000;
  color: #fff !important;
}
.resource-sort .facetwp-sort,
.resource-sort .facetwp-type-dropdown {
  position: relative;
  display: inline-block;
  margin: 0 15px 0 0;
}
.resource-sort .facetwp-sort .facet-label,
.resource-sort .facetwp-type-dropdown .facet-label {
  display: none;
}
.resource-sort .facetwp-sort select,
.resource-sort .facetwp-type-dropdown select {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background-color: #FFF;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px 50px 10px 20px;
}
.resource-sort .facetwp-sort:after,
.resource-sort .facetwp-type-dropdown:after {
  content: '';
  position: absolute;
  right: 1px;
  top: 1px;
  height: 45px;
  width: 30px;
  pointer-events: none;
  background-image: url('images/arrow.png');
  background-position: center center;
  background-repeat: no-repeat;
}
.resource-sort .facetwp-sort.facetwp-facet-resource_type option[value=""],
.resource-sort .facetwp-type-dropdown.facetwp-facet-resource_type option[value=""] {
  display: none;
}
.resource-sort-footer.resource-sort {
  display: flex;
  justify-content: flex-end;
}
#single-resource {
  margin-bottom: 60px;
}
#single-resource .resource-pdf {
  text-align: center;
}
#single-resource .resource-pdf .blue-btn {
  margin-bottom: 20px;
}
#single-resource .resource-sidebar {
  padding: 15px 30px 0 0;
}
#single-resource .resource-sidebar .sidebar-header {
  background-color: #000;
  color: #fff;
  padding: 20px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#single-resource .resource-sidebar .sidebar-header h5 {
  margin: 0;
  color: #fff;
}
#single-resource .resource-sidebar .sidebar-list {
  padding: 20px 20px 17px 20px;
  margin: 0 0 60px 0;
  border: 1px solid #d7d7d7;
  border-top: none;
}
#single-resource .resource-sidebar .sidebar-list li {
  list-style-type: none;
  margin-bottom: 3px;
}
#single-resource .resource-sidebar .sidebar-list svg {
  margin-right: 5px;
  position: relative;
  top: 1px;
  font-size: 15px;
  font-size: 1.5rem;
  color: #000;
}
#single-resource .content {
  margin-top: -120px;
  background-color: #fff;
  padding: 30px 30px;
  border-radius: 5px;
}
#single-resource .content img {
  border-radius: 8px;
}
.featherlight.featherlight-iframe .featherlight-content {
  overflow: visible;
}
.featherlight.featherlight-iframe .featherlight-content .featherlight-inner {
  max-width: 100%;
  max-height: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .resource-filters .resource-filter-option {
    width: 47.5%;
    margin: 0% 1%;
    margin-bottom: 10px;
  }
  .resource-filters .catalogue-btn {
    width: 47%;
    margin: 10px 1% 0;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .resource-filters .resource-filter-option {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 10px;
  }
  .resource-filters .catalogue-btn {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
}
/* Woocommerce
==============================*/
/* Archive */
.post-type-archive.woocommerce .page-title {
  display: none;
}
.woocommerce .woocommerce-shipping-destination,
.woocommerce .woocommerce-pagination {
  display: none;
}
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
  display: none;
}
.woocommerce ul.products li.product p.part-number,
.woocommerce ul.products li.product .remaining {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  margin: 0;
}
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
  color: #333f47;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}
.woocommerce ul.products li.product .price {
  color: #ce2827;
  display: block;
}
.woocommerce ul.products li.product .onsale {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  margin: -15px -15px 0 0;
  line-height: 34px;
  background-color: #ce2827;
}
.woocommerce a.add_to_cart_button:after {
  display: none!important;
}
.woocommerce .added_to_cart {
  color: #000 !important;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
  margin-left: 15px;
}
/* Cart Button */
.cart-menu {
  position: absolute;
  top: -8px;
  right: -5px;
  bottom: -9px;
  background-color: #000;
  display: inline-block;
  padding: 7.5px 15px 0 20px;
  color: #fff !important;
}
.cart-menu svg {
  color: #fff !important;
  font-size: 18px;
  font-size: 1.8rem;
}
/* Checkout */
#shipping_method label {
  position: relative;
}
#shipping_method label span.amount {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  min-width: 100px;
  font-weight: 300!important;
}
.woocommerce-checkout #customer_details {
  padding-bottom: 45px;
}
.woocommerce-checkout .col-1,
.woocommerce-checkout .col-2 {
  max-width: 100%!important;
  padding: 0;
}
.woocommerce-checkout .form-row {
  display: block;
}
.woocommerce #content input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover {
  background: transparent!important;
  text-decoration: underline;
  background-color: none!important;
}
.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
  color: #000 !important;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
  border: none!important;
  background: transparent!important;
  text-shadow: transparent !important;
  box-shadow: none;
  text-transform: uppercase!important;
  text-align: center;
  padding: 0!important;
  font-weight: 400!important;
}
.woocommerce #content input.button.checkout-button,
.woocommerce #respond input#submit.checkout-button,
.woocommerce a.button.checkout-button,
.woocommerce button.button.checkout-button,
.woocommerce input.button.checkout-button,
.woocommerce-page #content input.button.checkout-button,
.woocommerce-page #respond input#submit.checkout-button,
.woocommerce-page a.button.checkout-button,
.woocommerce-page button.button.checkout-button,
.woocommerce-page input.button.checkout-button,
.woocommerce #content input.button#place_order,
.woocommerce #respond input#submit#place_order,
.woocommerce a.button#place_order,
.woocommerce button.button#place_order,
.woocommerce input.button#place_order,
.woocommerce-page #content input.button#place_order,
.woocommerce-page #respond input#submit#place_order,
.woocommerce-page a.button#place_order,
.woocommerce-page button.button#place_order,
.woocommerce-page input.button#place_order {
  background-color: #000 !important;
  color: #fff !important;
  padding: 12px 24px!important;
}
.woocommerce #content input.button.checkout-button:hover,
.woocommerce #respond input#submit.checkout-button:hover,
.woocommerce a.button.checkout-button:hover,
.woocommerce button.button.checkout-button:hover,
.woocommerce input.button.checkout-button:hover,
.woocommerce-page #content input.button.checkout-button:hover,
.woocommerce-page #respond input#submit.checkout-button:hover,
.woocommerce-page a.button.checkout-button:hover,
.woocommerce-page button.button.checkout-button:hover,
.woocommerce-page input.button.checkout-button:hover,
.woocommerce #content input.button#place_order:hover,
.woocommerce #respond input#submit#place_order:hover,
.woocommerce a.button#place_order:hover,
.woocommerce button.button#place_order:hover,
.woocommerce input.button#place_order:hover,
.woocommerce-page #content input.button#place_order:hover,
.woocommerce-page #respond input#submit#place_order:hover,
.woocommerce-page a.button#place_order:hover,
.woocommerce-page button.button#place_order:hover,
.woocommerce-page input.button#place_order:hover {
  text-decoration: none!important;
  background-color: #333 !important;
}
.single-product #breadcrumbs {
  margin: 0;
}
.single-product div.product .onsale {
  display: none;
}
.single-product div.product .images {
  float: none!important;
  width: 100%!important;
}
.single-product div.product .images figure {
  margin: 90px auto 120px auto!Important;
  max-width: 700px;
}
.single-product div.product .images .disclaimer-gallery {
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 60px 0 10px;
}
.single-product div.product div.summary {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  width: auto;
}
.single-product div.product div.summary:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 9000px;
  background-color: #f2f2f2;
}
.single-product div.product div.summary .summary-inner {
  max-width: 650px;
  width: 100%;
  position: relative;
  z-index: 5;
}
.single-product div.product div.summary .summary-inner h1 {
  font-size: 36px;
  font-size: 3.6rem;
  margin: 0 0 15px 0;
}
.single-product div.product div.summary .summary-inner .price {
  margin-bottom: 30px;
}
.single-product div.product div.summary .summary-inner .price ins {
  margin-left: 5px;
}
.single-product div.product div.summary .summary-inner .price del {
  text-decoration: none;
  opacity: 1!important;
}
.single-product div.product div.summary .summary-inner .price del:before {
  content: "Was: ";
  opacity: 1;
  color: #333;
  font-weight: 700;
}
.single-product div.product div.summary .summary-inner .price del:after {
  content: " each";
  font-size: 14px;
  font-size: 1.4rem;
}
.single-product div.product div.summary .summary-inner .price del bdi {
  text-decoration: line-through;
  opacity: 0.8;
}
.single-product div.product div.summary .summary-inner .price ins {
  text-decoration: none;
  margin-left: 15px!important;
}
.single-product div.product div.summary .summary-inner .price ins:before {
  content: "Now: ";
  color: #333;
  font-weight: 700;
}
.single-product div.product div.summary .summary-inner .price ins:after {
  content: " each";
  font-size: 14px;
  font-size: 1.4rem;
}
.single-product div.product div.summary .summary-inner .product_meta {
  font-weight: 700;
}
.single-product div.product div.summary .summary-inner .product_meta a,
.single-product div.product div.summary .summary-inner .product_meta .sku {
  font-weight: 400;
  color: #333;
}
.single-product div.product div.summary .summary-inner .product_meta .posted_in {
  display: none;
}
.single-product div.product div.summary .summary-inner .woocommerce-tabs h2 {
  display: none;
}
.single-product div.product div.summary .summary-inner .woocommerce-tabs #tab-description h2 {
  display: block;
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 0 5px 0;
  color: #333;
}
.single-product div.product div.summary .summary-inner .woocommerce-tabs .shop_attributes {
  border: none;
  margin: 15px 0 ;
}
.single-product div.product div.summary .summary-inner .woocommerce-tabs .shop_attributes th,
.single-product div.product div.summary .summary-inner .woocommerce-tabs .shop_attributes td {
  border: none;
  padding: 0;
  line-height: inherit;
  font-style: normal;
  vertical-align: top;
}
.single-product div.product div.summary .summary-inner .woocommerce-tabs .shop_attributes th p,
.single-product div.product div.summary .summary-inner .woocommerce-tabs .shop_attributes td p {
  padding: 0;
}
.single-product div.product div.summary .summary-inner .woocommerce-tabs .shop_attributes th {
  width: 115px;
}
.single-product div.product div.summary .summary-inner form.cart .quantity input {
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  position: relative;
  padding: 8px;
  top: 1px;
  margin-right: 5px;
}
.single-product div.product div.summary .summary-inner form.cart button.button {
  width: 100%;
  max-width: 200px;
  padding: 16px 0px!important;
  text-align: center!important;
  text-transform: uppercase!important;
  background-color: #000 !important;
  border-radius: 4px!important;
  font-size: 14px!important;
  font-size: 1.4rem !important;
  color: #fff !important;
}
.single-product .products.related {
  margin-top: 90px;
  margin-bottom: 90px;
}
.single-product .products.related h2 {
  text-align: center;
  margin: 0 0 60px 0;
}
.single-product .products.related .products h2 {
  text-align: left;
}
.woocommerce-message {
  margin: 0!important;
}
.cart-subtotal .amount {
  font-weight: 300!important;
}
.free-ship td,
.tax-rate td {
  font-weight: 300!important;
}
.woocommerce .order_details {
  margin: 0;
  padding: 0;
}
.woocommerce #eway_credit_card_form .form-row input {
  font-size: inherit!important;
  padding: 8px!important;
  width: 100%!important;
  max-width: 415px!important;
}
.woocommerce #eway_credit_card_form .form-row.form-row-first,
.woocommerce #eway_credit_card_form .form-row.form-row-last {
  float: none;
  display: inline-block;
  width: auto;
}
.woocommerce #eway_credit_card_form .submit {
  margin-top: 40px;
}
/* GForms
==============================*/
.ginput_recaptcha * {
  margin: 0 auto;
}
.gform_wrapper .gfield label {
  font-weight: 400;
}
.gform_wrapper .gfield input,
.gform_wrapper .gfield select,
.gform_wrapper .gfield textarea {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 4px 2px;
}
.gform_wrapper .gform_footer {
  text-align: center;
}
.gform_wrapper .gform_footer .button {
  background-color: #000;
  color: #fff;
  padding: 5.5px 30px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px!important;
  font-size: 1.4rem !important;
  font-weight: 400;
  border: none;
  text-align: center;
}
.gform_wrapper .gform_footer .button:hover {
  background-color: #000;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
#gform_3 {
  /*#field_3_1 label, #field_3_2 label, #field_3_10 label, #field_3_11 label, #field_3_12 label{
    display:none;
  }*/
  /*textarea{
    border-radius:12px;
  }*/
}
#gform_3 .gsurvey-likert-row-label {
  font-size: 14px;
  height: 49px;
}
#gform_3 #field_3_5,
#gform_3 #field_3_6,
#gform_3 #field_3_7,
#gform_3 #field_3_14,
#gform_3 #field_3_13 {
  margin-top: 60px;
}
#gform_3 #field_3_14 {
  margin-bottom: 60px;
}
#gform_3 #field_3_1 input,
#gform_3 #field_3_2 input,
#gform_3 #field_3_10 input,
#gform_3 #field_3_11 select,
#gform_3 #field_3_12 select {
  /*border-radius:17px;*/
  padding-left: 10px;
  padding-right: 10px;
}
#gform_3 #field_3_11 select,
#gform_3 #field_3_12 select {
  padding-top: 6px;
  padding-bottom: 6px;
}
#gform_3 table.gsurvey-likert th.gsurvey-likert-choice-label {
  background-color: #000;
  color: #ffffff;
}
#gform_3 #input_3_5 {
  table-layout: auto;
  /*tr{
      td{
        &:first-child{
          display:block;
          width:150px!important;
        }
      }
    }*/
}
#gform_3 #input_3_5 tr:nth-child(even) {
  background: #f6f6f6;
}
#gform_3 #input_3_5 tr:nth-child(odd) {
  background: #ffffff;
}
#gform_3 #input_3_6 .gsurvey-likert-choice {
  padding-top: 46px!important;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  #gform_3 #input_3_6 .gsurvey-likert-choice {
    padding-top: 0px!important;
  }
}
#gform_3 table.gsurvey-likert tr:nth-child(odd) .gsurvey-likert-row-label {
  background-color: #ffffff !important;
  display: block!important;
  padding-top: 14px;
}
#field_3_5 .ginput_container_likert {
  position: relative;
  padding-top: 30px;
}
#field_3_5 .ginput_container_likert:before {
  content: "1 = Bad";
  position: absolute;
  top: 0;
  right: 50%;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  #field_3_5 .ginput_container_likert:before {
    right: auto;
    left: 0;
  }
}
#field_3_5 .ginput_container_likert:after {
  content: "10 = Good";
  position: absolute;
  top: 0;
  right: 0;
}
/* Gallery
==============================*/
.gallery-header {
  border-bottom: 1px solid #bdbdbd;
  margin-bottom: 30px;
  padding: 0;
}
.gallery-header h3 {
  margin: 0;
  padding-bottom: 15px;
  display: inline-block;
  border-bottom: 4px solid #bdbdbd;
}
.gallery-header .gallery-btns {
  display: inline-block;
  float: right;
}
.gallery-header .gallery-btns span {
  display: inline-block;
  font-size: 30px;
  font-size: 3rem;
  color: #bdbdbd;
  margin-left: 15px;
}
.gallery-header .gallery-btns span:hover {
  color: #000;
  cursor: pointer;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .gallery-header {
    padding: 0 15px;
  }
}
.swiper-gallery {
  margin-bottom: 60px;
}
.swiper-gallery .mySwiper2,
.swiper-gallery .mySwiper2Video {
  margin-bottom: 15px;
}
.swiper-gallery .mySwiper2 .swiper-slide,
.swiper-gallery .mySwiper2Video .swiper-slide {
  border-radius: 8px;
  overflow: hidden;
}
.swiper-gallery .mySwiper2 .swiper-slide a,
.swiper-gallery .mySwiper2Video .swiper-slide a {
  display: block;
  position: relative;
}
.swiper-gallery .mySwiper2 .swiper-slide a .overlay,
.swiper-gallery .mySwiper2Video .swiper-slide a .overlay {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
}
.swiper-gallery .mySwiper .swiper-slide,
.swiper-gallery .mySwiperVideo .swiper-slide {
  border-radius: 8px;
  overflow: hidden;
}
.swiper-gallery .mySwiper .swiper-button-next,
.swiper-gallery .mySwiperVideo .swiper-button-next,
.swiper-gallery .mySwiper .swiper-button-prev,
.swiper-gallery .mySwiperVideo .swiper-button-prev {
  color: #fff;
  text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.2);
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .swiper-gallery .mySwiper .swiper-button-next:after,
  .swiper-gallery .mySwiperVideo .swiper-button-next:after,
  .swiper-gallery .mySwiper .swiper-button-prev:after,
  .swiper-gallery .mySwiperVideo .swiper-button-prev:after {
    font-size: 30px;
    font-size: 3rem;
  }
}
.gallery-body {
  padding: 0;
  margin-bottom: 90px;
}
.gallery-body .gallery-carousel .owl-item a {
  display: block;
  border-radius: 8px;
  overflow: hidden;
  margin: 0 15px;
  position: relative;
}
.gallery-body .gallery-carousel .owl-item a .overlay {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 30px;
  font-size: 3rem;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.gallery-body .gallery-carousel .owl-item a:hover .overlay {
  opacity: 1;
}
.gallery-body .gallery-carousel .owl-item a img {
  width: 100%;
  height: auto;
}
/* Footer
==============================*/
/* kalviyo Form Styling */
.klaviyo-form-VSGyYe.form-version-cid-1 form.klaviyo-form-version-cid_1 {
  background-color: #F9B000 !important;
}
.klaviyo-form-VSGyYe.form-version-cid-1 {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.klaviyo-form-VSGyYe.form-version-cid-1 form.klaviyo-form-version-cid_1 h1,
.klaviyo-form-VSGyYe.form-version-cid-1 form.klaviyo-form-version-cid_1 p,
.klaviyo-form-VSGyYe.form-version-cid-1 form.klaviyo-form-version-cid_1 span,
.klaviyo-form-VSGyYe.form-version-cid-1 form.klaviyo-form-version-cid_1 label {
  color: #333 !important;
  font-family: 'Lato', sans-serif !important;
}
.klaviyo-form-VSGyYe.form-version-cid-1 button {
  font-family: 'Lato', sans-serif !important;
  font-weight: 400 !important;
}
.klaviyo-form-VSGyYe.form-version-cid-1 button:hover {
  background-color: #000 !important;
}
.klaviyo-form-VSGyYe.form-version-cid-1 div[data-testid="form-row"] {
  align-items: center !important;
}
.klaviyo-form-VSGyYe.form-version-cid-1 input {
  font-size: 14px !important;
}
.klaviyo-form-VSGyYe.form-version-cid-1 input::placeholder {
  font-size: 14px !important;
}
#footer-new .footer-offices-col {
  padding-top: 60px;
  background-image: url(https://www.west-trak.co.nz/wp-content/uploads/2025/07/E-Blast-91.png);
  background-position: center right 10%;
  background-size: auto 90%;
  background-repeat: no-repeat;
}
#footer-new .footer-offices-col .footer-offices-inner {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 0 60px;
  color: #fff;
}
#footer-new .footer-offices-col .footer-offices-inner h2 {
  color: #F9B000;
}
#footer-new .footer-offices-col .footer-offices-inner h3,
#footer-new .footer-offices-col .footer-offices-inner h4 {
  color: #fff;
  margin-bottom: 5px;
}
#footer-new .footer-offices-col .footer-offices-inner .footer-offices-header {
  flex: 0 0 100%;
}
#footer-new .footer-offices-col .footer-offices-inner .footer-info p {
  margin: 0 0 5px;
}
#footer-new .footer-offices-col .footer-offices-inner .footer-info p a {
  color: #F9B000;
}
#footer-new .footer-offices-col .footer-offices-inner .footer-info .footer-social {
  margin: 0 0 60px;
  padding: 0;
}
#footer-new .footer-offices-col .footer-offices-inner .footer-info .footer-social li {
  display: inline-block;
  margin-right: 10px;
}
#footer-new .footer-offices-col .footer-offices-inner .footer-info .footer-social li a {
  color: #f9b000;
  font-size: 30px;
  font-size: 3rem;
}
#footer-new .footer-offices-col .footer-offices-inner .footer-info .footer-social li a:hover {
  color: #000;
  text-decoration: none;
}
footer {
  background-color: #F0F0F0;
}
footer #footer-top {
  padding-left: 30px;
}
footer #footer-top .footer-offices-col {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url('images/nz.png');
  background-position: center right 10%;
  background-size: auto 90%;
  background-repeat: no-repeat;
}
footer #footer-top h2 {
  color: #F9B000;
  padding-top: 60px;
  margin: 0;
}
footer #footer-top .offices {
  width: 100%;
  display: flex;
}
footer #footer-top .offices .head-office,
footer #footer-top .offices .auckland-office {
  margin: 15px 60px 30px 0 ;
  color: #fff;
  max-width: 250px;
  padding: 30px 0 0;
}
footer #footer-top .offices .head-office h3,
footer #footer-top .offices .auckland-office h3 {
  color: #fff;
  margin: 0 0 30px 0;
}
footer #footer-top .offices .head-office p,
footer #footer-top .offices .auckland-office p {
  margin: 0;
}
footer #footer-top .offices .head-office .footer-contact-info,
footer #footer-top .offices .auckland-office .footer-contact-info {
  margin-top: 20px;
}
footer #footer-top .offices .head-office .footer-contact-info a,
footer #footer-top .offices .auckland-office .footer-contact-info a {
  color: #F9B000;
}
footer #footer-top .footer-social {
  margin: 0 0 60px 0 ;
  padding: 0;
}
footer #footer-top .footer-social li {
  display: inline-block;
  margin-right: 10px;
}
footer #footer-top .footer-social li a {
  color: #F9B000;
  font-size: 30px;
  font-size: 3rem;
}
footer #footer-top .footer-social li a:hover {
  color: #000;
  text-decoration: none;
}
footer #footer-contact {
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 0;
}
footer #footer-contact .footer-info {
  max-width: 350px;
  margin: 0 auto;
  text-align: center;
}
footer #footer-contact .footer-info .footer-phone {
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 400;
  margin: 0 0 0 -10px;
  display: block;
}
footer #footer-contact .footer-info .footer-phone svg {
  color: #F9B000;
  margin-right: 3px;
}
footer #footer-contact .footer-info h3 {
  color: #fff;
  margin: 20px 0;
}
footer #footer-contact .footer-info .footer-btn {
  display: inline-block;
  padding: 16px 24px;
  background: #000000;
  border-radius: 4px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #F9B000;
}
footer #footer-contact .footer-info .footer-btn svg {
  position: relative;
  top: 1px;
  margin-right: 5px;
}
footer #footer-contact .footer-info .footer-btn:hover {
  background-color: #F9B000;
  color: #fff;
  text-decoration: none;
}
footer #footer-signup {
  background-color: #F9B000;
  padding: 30px 15px 30px;
}
footer #footer-signup #mc_embed_shell #mc_embed_signup {
  max-width: 450px;
}
footer #footer-signup #mc_embed_shell #mc_embed_signup .mc-field-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 15px 0;
}
footer #footer-signup #mc_embed_shell #mc_embed_signup .mc-field-group label {
  display: block;
  flex: 0 0 40%;
  margin: 0;
  font-weight: 600;
}
footer #footer-signup #mc_embed_shell #mc_embed_signup .mc-field-group input,
footer #footer-signup #mc_embed_shell #mc_embed_signup .mc-field-group select {
  flex: 0 0 60%;
  margin: 0;
  padding: 6px 12px;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
}
footer #footer-signup #mc_embed_shell #mc_embed_signup .mc-field-group div.mce_inline_error {
  flex: 0 0 100%;
  margin: 5px 0 0 0;
  font-size: 12px;
  font-weight: 400;
}
footer #footer-signup #mc_embed_signup {
  color: #333;
  padding: 40px 0 0 0;
  margin: 0 auto;
  max-width: 350px;
}
footer #footer-signup #mc_embed_signup .signup-header {
  position: relative;
  padding-left: 40px;
}
footer #footer-signup #mc_embed_signup .signup-header .fa-envelope {
  position: absolute;
  left: 0;
  top: 0px;
  font-size: 27px;
  font-size: 2.7rem;
}
footer #footer-signup #mc_embed_signup .signup-header h3 {
  color: #333;
  margin: 0;
}
footer #footer-signup #mc_embed_signup .signup-header p {
  margin: 0 0 30px;
}
footer #footer-signup #mc_embed_signup .mc-field-group {
  width: 100%;
}
footer #footer-signup #mc_embed_signup .mc-field-group label {
  display: none;
}
footer #footer-signup #mc_embed_signup .mc-field-group input {
  width: 100%;
  border: none;
  padding: 12px 24px;
  margin-bottom: 15px;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
}
footer #footer-signup #mc_embed_signup .mailchimp-submit {
  width: 100%;
}
footer #footer-signup #mc_embed_signup .mailchimp-submit input {
  width: 100%;
  border-radius: 4px;
  background-color: #000;
  color: #fff;
  padding: 12px 24px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  border: 1px solid #000;
  text-align: center;
  opacity: 1!important;
}
footer #footer-signup #mc_embed_signup .mailchimp-submit input:hover {
  background-color: #000;
  border-color: #000;
  cursor: pointer;
  text-decoration: none;
}
footer footer .klaviyo-form-VSGyYe button {
  width: 100%;
  border-radius: 4px;
  background-color: #000 !important;
  /* Black button */
  color: #fff;
  padding: 12px 24px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #000;
  text-align: center;
  opacity: 1 !important;
}
footer footer .klaviyo-form-VSGyYe button:hover {
  background-color: #F9B000;
  border-color: #F9B000;
  cursor: pointer;
  text-decoration: none;
}
footer footer .klaviyo-form-VSGyYe {
  border: 2px solid #F9B000;
  background-color: #f9b000;
  border-radius: 6px;
  padding: 30px;
  min-height: 400px;
  /* Adjust as needed */
  display: flex;
  flex-direction: column;
  justify-content: center;
}
footer #footer-bottom {
  background-color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
}
footer #footer-bottom p {
  margin: 20px 0 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #919293;
}
footer #footer-bottom ul {
  margin: 0 0 20px 0;
  padding: 0;
}
footer #footer-bottom ul li {
  display: inline-block;
  position: relative;
  padding: 0 10px 0 11px;
}
footer #footer-bottom ul li a {
  color: #000;
  display: block;
}
footer #footer-bottom ul li:after {
  content: "";
  width: 1px;
  height: 10px;
  position: absolute;
  top: 4px;
  right: -2px;
  background-color: #919293;
}
footer #footer-bottom ul li:last-child:after {
  display: none;
}
@media (min-width: 768px) and (max-width: 991px) {
  footer #footer-top {
    padding: 0;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  footer #footer-top {
    padding: 0;
  }
  footer #footer-top .head-office,
  footer #footer-top .auckland-office {
    margin: 15px 0;
    padding: 15px 0;
  }
  footer #footer-bottom ul li {
    display: block;
    position: relative;
    padding: 0 10px 0 11px;
  }
  footer #footer-bottom ul li:after {
    display: none;
  }
}