/* Global Variables */
:root {
  /*breakpoints*/
  --owi-desktop-breakpoint: 960px;

  /*colors*/
  /* 
    --owi-primary-color: #0A59C1;
    --owi-secondary-color: #0A1F54;
    --owi-heading-color: #09225E;
  */

  --owi-primary-color: #222222;
  --owi-secondary-color: #7e878d;
  --owi-primary-white: #FFFFFF;
  --owi-disabled-color: #dddfe1;
  --owi-paragraph-color: #727272;

  --owi-primary-button-color: #222222;
  --owi-secondary-button-color: #7e878d;
  --owi-heading-color: #000000;
  --owi-offset-image-color: #F6F6F6;
  --owi-tag-color: #b4b4b4;
  --owi-icon-text-color: #494949;
  --owi-icon-separator-color: #D4D4D4;
  --owi-topic-color: #474747;
  --owi-line-separator-color: #D4D4D4;
  --owi-caption-color: #AFAFAF;
  --owi-border-color: #E7E6E6;
  --owi-nav-background-color: #F8F8F8;
  --owi-colorblock-background-color: #222222;
  --owi-global-header-utility-link-color: #ffffff;

  --owi-brand1-color: #62b800;
  --owi-brand2-color: #d10478;
  --owi-brand3-color: #e7a600;
  --owi-brand4-color: #ce0413;

  /*fonts*/
  --owi-primary-font-family:  'Open Sans', 'san-serif';
  --owi-secondary-font-family:  'Oswald', 'san-serif'; 

  /*global padding*/
  --owi-component-padding-mobile: 20px; 
  --owi-box-shadow: 0px 4px 10px rgba(0,0,0,0.15);

  /* global header component variables */
  --owi-global-header-color: #000000;
  --owi-global-header-secondary-color: #7e878d;
  --owi-global-header-utility-color: #000000;
  --owi-global-header-icons-color: #ffffff;
  --owi-global-footer-color: #000000;

  /* topic tiles component variables */
  --owi-topic-tiles-label-color: #474747;
  --owi-topic-tiles-bg-color: #222222;
  --owi-topic-tiles-no-images-h3-color: #222222;
  --owi-topic-tiles-no-images-button-color: #222222;

  /* colorblock banner component variables */
  --owi-colorblock-banner-stripes-color: #373737;

  /* offset icons banner component variables */
  --owi-offset-icons-banner-wrapper-bg-color: #222222;

  /* rte variables */
  --owi-rte-li-marker-color: #7e878d;
}

.retail {
  --owi-primary-color: #0A59C1;
  --owi-secondary-color: #0A1F54;
  --owi-primary-white: #FFFFFF;
  --owi-disabled-color: #dddfe1;
  --owi-paragraph-color: #727272;

  --owi-primary-button-color: #0A59C1;
  --owi-secondary-button-color: #0A1F54;
  --owi-heading-color: #09225E;
  --owi-colorblock-background-color: #0A1F54;
  --owi-offset-image-color: #F6F6F6;
  --owi-tag-color: #b4b4b4;
  --owi-icon-text-color: #494949;
  --owi-icon-separator-color: #D4D4D4;
  --owi-topic-color: #474747;
  --owi-line-separator-color: #D4D4D4;
  --owi-caption-color: #AFAFAF;
  --owi-border-color: #E7E6E6;
  --owi-nav-background-color: #F8F8F8;

  /*fonts*/
  --owi-primary-font-family:  'Open Sans', 'san-serif';
  --owi-secondary-font-family:  'Oswald', 'san-serif'; 

  /*global padding*/
  --owi-component-padding-mobile: 20px; 
  --owi-box-shadow: 0px 4px 10px rgba(0,0,0,0.15);

  /* global header component variables */
  --owi-global-header-color: #0A1F54;
  --owi-global-header-secondary-color: #0A59C1;
  --owi-global-header-utility-color: #0A1F54;
  --owi-global-footer-color: #0A1F54;

  /* topic tiles component variables */
  --owi-topic-tiles-label-color: #474747;
  --owi-topic-tiles-bg-color: #0A1F54;
  --owi-topic-tiles-no-images-h3-color: #0A1F54;
  --owi-topic-tiles-no-images-button-color: #0A1F54;


  /* offset icons banner component variables */
  --owi-offset-icons-banner-wrapper-bg-color: #0A1F54;

  /* rte variables */
  --owi-rte-li-marker-color: #0A59C1;
}

.brand-peak {
  --owi-primary-color: #2d55ae;
  --owi-secondary-color: #1f396b;
  --owi-primary-button-color: #2d55ae;
  --owi-secondary-button-color: #1f396b;
  --owi-heading-color: #1f396b;
  --owi-colorblock-background-color: #2d55ae;
  
  /* rte variables */
  --owi-rte-li-marker-color: #2d55ae;
}

.brand-blue-def {
  --owi-primary-color: #aacf52;
  --owi-secondary-color: #080808;
  --owi-primary-button-color: #aacf52;
  --owi-secondary-button-color: #2d55ae;
  --owi-heading-color: #2d55ae;
  --owi-colorblock-background-color: #2d55ae;

  /* rte variables */
  --owi-rte-li-marker-color: #aacf52;
}

.brand-final-charge {
  --owi-primary-color: #e7a600;
  --owi-secondary-color: #000000;
  --owi-primary-button-color: #e7a600;
  --owi-secondary-button-color: #000000;
  --owi-heading-color: #000000;
  --owi-colorblock-background-color: #222222;

  /* rte variables */
  --owi-rte-li-marker-color: #e7a600;
}


.brand-fleet-charge {
  --owi-primary-color: #b34598;
  --owi-secondary-color: #000000;
  --owi-primary-button-color: #b34598;
  --owi-secondary-button-color: #000000;
  --owi-heading-color: #7e868c;
  --owi-colorblock-background-color: #222222;

  /* rte variables */
  --owi-rte-li-marker-color: #b34598;
}

.brand-thermal-charge {
  --owi-primary-color: #e5923f;
  --owi-secondary-color: #7e868c;
  --owi-primary-button-color: #e5923f;
  --owi-secondary-button-color: #7e868c;
  --owi-heading-color: #7e868c;
  --owi-colorblock-background-color: #222222;

  /* rte variables */
  --owi-rte-li-marker-color: #e5923f;
}

.brand-full-force {
  --owi-primary-color: #8aba62;
  --owi-secondary-color: #000000;
  --owi-primary-button-color: #8aba62;
  --owi-secondary-button-color: #000000;
  --owi-heading-color: #000000;
  --owi-colorblock-background-color: #222222;

  /* rte variables */
  --owi-rte-li-marker-color: #8aba62;
}

.brand-shield {
  --owi-primary-color: #39643e;
  --owi-secondary-color: #39643e;
  --owi-primary-button-color: #39643e;
  --owi-secondary-button-color: #39643e;
  --owi-heading-color: #39643e;
  --owi-colorblock-background-color: #222222;

  /* rte variables */
  --owi-rte-li-marker-color: #39643e;
}

.brand-blue-mountain {
  --owi-primary-color: #e7a600;
  --owi-secondary-color: #000000;
  --owi-primary-button-color: #e7a600;
  --owi-secondary-button-color: #000000;
  --owi-heading-color: #000000;
  --owi-colorblock-background-color: #222222;

  /* rte variables */
  --owi-rte-li-marker-color: #000000;
}

.brand-owi-corporate,
.owi-corporate {
  --owi-primary-color: #0c59c0;
  --owi-secondary-color: #13396e;
  --owi-primary-button-color: #db131d;
  --owi-secondary-button-color: #13396e;
  --owi-heading-color: #13396e;
  --owi-colorblock-background-color: #0c59c0;
  --owi-global-header-utility-link-color: #13396e;

  /* global header component variables */
  --owi-global-header-color: #091e55;
  --owi-global-header-secondary-color: #091e55;
  --owi-global-header-utility-color: #FFFFFF;
  --owi-global-footer-color: #091e55;
  --owi-global-header-icons-color: #091e55;

  /* rte variables */
  --owi-rte-li-marker-color: #db131d;
}

.brand-specialty-chemicals  {
  --owi-primary-color: #1f396b;
  --owi-secondary-color: #2d55ae;
  --owi-primary-button-color: #1f396b;
  --owi-secondary-button-color: #2d55ae;
  --owi-heading-color: #2d55ae;
  --owi-colorblock-background-color: #1f396b;
  
  /* rte variables */
  --owi-rte-li-marker-color: #1f396b;
}



html {
  font-size: 16px;
}


body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* CSS Resets */

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
   scroll-behavior: auto;
  }
  
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Remove default margin / padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, p, blockquote, table, th, td, embed, object {
	padding: 0;
	margin: 0; 
}

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

fieldset, img, abbr {
	border: 0;
}

address, caption, cite, code, dfn, em, 
h1, h2, h3, h4, h5, h6, strong, th, var {
	font-weight: normal;
	font-style: normal;
}

ul {
	list-style: none;
  padding: 0px;
  margin: 0px;
	
}
caption, th {
	text-align: left;
	
}
h1, h2, h3, h4, h5, h6 {
	font-size: 1.0em;
}

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

a, ins {
	text-decoration: none;
}

a {
  color: blue;
  cursor: pointer;
}

a:hover {
  box-shadow: none !important;
}

p {
  font-family: var(--owi-primary-font-family);
  font-weight: 600;
  color: var(--owi-paragraph-color);
}

/* font icon tweaks */
.icon-icon-arrow.right {
  transform: rotate(-90deg);
  display: inline-block;
}

.icon-icon-arrow.left {
  transform: rotate(90deg);
  display: inline-block;
}

.css-icon-play {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 16px solid white;
    justify-content: center;
    align-self: center;
    margin: 0 auto;
    left: 3px;
    position: relative;
}

/* Global Styles*/
.play-button {
  height: 56px;
  width: 56px;
  border-radius: 28px;
  background-color: var(--owi-primary-color);
  display: flex;
  margin: 0 auto;
}



.desktop {
  display: none;
}
@media only screen and (min-width: 960px) {
  .mobile {
    display: none;
  }

  .desktop {
    display: block;
  }
}

.hide {
  display: none;
}

.show {
  display: block;
}

/* Global Headings */
h1, h2, h3, h6 {
  font-family: var(--owi-secondary-font-family);
  color: var(--owi-primary-color); 
  text-transform: uppercase;
  font-weight: 600;
}

h5 {
  font-family: var(--owi-primary-font-family);
  color: #474747;
  font-size: 1.125rem;
  font-weight: 700;
}

h1 {
  font-size: 2.25rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 2rem;
}

h4 {
  font-family: var(--owi-secondary-font-family);
  color: var(--owi-secondary-color);
  font-size: 1.5rem;
  font-weight: 500;
}

h6 {
  font-weight: 500;
  font-size: .875rem;
}



/*Glight Light Box Plugin CSS*/
.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: none;
  overflow: hidden;
}

.glightbox-container.inactive {
  display: none;
}

.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
}

.glightbox-container .gslider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  opacity: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
}

.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative;
}

.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999;
}

.glightbox-container .gslide-inner-content {
  width: 100%;
}

.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh;
}

.glightbox-container .ginner-container.gvideo-container {
  width: 100%;
}

.glightbox-container .ginner-container.desc-bottom,
        .glightbox-container .ginner-container.desc-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.glightbox-container .ginner-container.desc-left,
        .glightbox-container .ginner-container.desc-right {
  max-width: 100% !important;
}

.gslide iframe,
    .gslide video {
  outline: none !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto;
}

.gslide-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.gslide-image img {
  max-height: 100vh;
  display: block;
  padding: 0;
  float: none;
  outline: none;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-touch-action: none;
  touch-action: none;
  margin: auto;
  min-width: 200px;
}

.desc-top .gslide-image img,
        .desc-bottom .gslide-image img {
  width: auto;
}

.desc-left .gslide-image img,
        .desc-right .gslide-image img {
  width: auto;
  max-width: 100%;
}

.gslide-image img.zoomable {
  position: relative;
}

.gslide-image img.dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}

.gslide-video {
  position: relative;
  max-width: 100vh;
  width: 100% !important;
}

.gslide-video .gvideo-wrapper {
  width: 100%;
        /* max-width: 160vmin; */
  margin: auto;
}

.gslide-video::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none;
}

.gslide-video.playing::before {
  display: none;
}

.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 75vh;
}

.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important;
}

.gslide-inline {
  background: #fff;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
  max-width: 100%;
}

.gslide-inline .ginlined-content {
  padding: 20px;
  width: 100%;
}

.gslide-inline .dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}

.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1;
}

.gslide-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%;
}

.gslide-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}

.zoomed .gslide-media {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.desc-top .gslide-media,
    .desc-bottom .gslide-media {
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gslide-description {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}

.gslide-description.description-left,
    .gslide-description.description-right {
  max-width: 100%;
}

.gslide-description.description-bottom,
    .gslide-description.description-top {
  margin: 0 auto;
  width: 100%;
}

.gslide-description p {
  margin-bottom: 12px;
}

.gslide-description p:last-child {
  margin-bottom: 0;
}

.zoomed .gslide-description {
  display: none;
}

.glightbox-button-hidden {
  display: none;
}


/*
 * Description for mobiles
 * something like facebook does the description
 * for the photos
*/

.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  background: transparent;
  position: absolute;
  bottom: 15px;
  padding: 19px 11px;
  max-width: 100vw !important;
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  padding-bottom: 50px;
}

.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em;
}

.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1;
}

.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: bold;
}

.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit;
}

.glightbox-mobile .glightbox-container .gslide-desc string {
  color: #fff;
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: 0.4;
}

.gdesc-open .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0.4;
}

.gdesc-open .gdesc-inner {
  padding-bottom: 30px;
}

.gdesc-closed .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
}

.greset {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.gabsolute {
  position: absolute;
}

.grelative {
  position: relative;
}

.glightbox-desc {
  display: none !important;
}

.glightbox-open {
  overflow: hidden;
}

.gloader {
  height: 25px;
  width: 25px;
  -webkit-animation: lightboxLoader 0.8s infinite linear;
  animation: lightboxLoader 0.8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%;
}

.goverlay {
  width: 100%;
  height: calc(100vh + 1px);
  position: fixed;
  top: -1px;
  left: 0;
  background: #000;
  will-change: opacity;
}

.glightbox-mobile .goverlay {
  background: #000;
}

.gprev,
.gnext,
.gclose {
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gprev svg,
.gnext svg,
.gclose svg {
  display: block;
  width: 25px;
  height: auto;
  margin: 0;
  padding: 0;
}

.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
  opacity: 0.1;
}

.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
  stroke: #fff;
}

.gbtn.focused {
  outline: 2px solid #0f3d81;
}

iframe.wait-autoplay {
  opacity: 0;
}

.glightbox-closing .gnext,
    .glightbox-closing .gprev,
    .glightbox-closing .gclose {
  opacity: 0 !important;
}


/*Skin */

.glightbox-clean .gslide-description {
  background: #fff;
}

.glightbox-clean .gdesc-inner {
  padding: 22px 20px;
}

.glightbox-clean .gslide-title {
  font-size: 1em;
  font-weight: normal;
  font-family: arial;
  color: #000;
  margin-bottom: 19px;
  line-height: 1.4em;
}

.glightbox-clean .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em;
}

.glightbox-clean .gslide-video {
  background: #000;
}

.glightbox-clean .gprev,
    .glightbox-clean .gnext,
    .glightbox-clean .gclose {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
}

.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path {
  fill: #fff;
}

.glightbox-clean .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute;
}

.glightbox-clean .gclose svg {
  width: 18px;
  height: auto;
}

.glightbox-clean .gclose:hover {
  opacity: 1;
}


/*CSS Animations*/

.gfadeIn {
  -webkit-animation: gfadeIn 0.5s ease;
  animation: gfadeIn 0.5s ease;
}

.gfadeOut {
  -webkit-animation: gfadeOut 0.5s ease;
  animation: gfadeOut 0.5s ease;
}

.gslideOutLeft {
  -webkit-animation: gslideOutLeft 0.3s ease;
  animation: gslideOutLeft 0.3s ease;
}

.gslideInLeft {
  -webkit-animation: gslideInLeft 0.3s ease;
  animation: gslideInLeft 0.3s ease;
}

.gslideOutRight {
  -webkit-animation: gslideOutRight 0.3s ease;
  animation: gslideOutRight 0.3s ease;
}

.gslideInRight {
  -webkit-animation: gslideInRight 0.3s ease;
  animation: gslideInRight 0.3s ease;
}

.gzoomIn {
  -webkit-animation: gzoomIn 0.5s ease;
  animation: gzoomIn 0.5s ease;
}

.gzoomOut {
  -webkit-animation: gzoomOut 0.5s ease;
  animation: gzoomOut 0.5s ease;
}

@-webkit-keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}

@-webkit-keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}

@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}

@-webkit-keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}

@keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-top .gslide-image,
                .glightbox-container .ginner-container.desc-top .gslide-image img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .gslide-image img {
    max-height: 97vh;
    max-width: 100%;
  }
  .gslide-image img.zoomable {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  .zoomed .gslide-image img.zoomable {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .gslide-inline {
    max-height: 95vh;
  }
  .gslide-external {
    max-height: 100vh;
  }
  .gslide-description.description-left,
    .gslide-description.description-right {
    max-width: 275px;
  }
  .glightbox-open {
    height: auto;
  }
  .goverlay {
    background: rgba(0, 0, 0, 0.92);
  }
  .glightbox-clean .gslide-media {
    -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
  }
  .glightbox-clean .description-left .gdesc-inner,
.glightbox-clean .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto;
  }
  .glightbox-clean .gprev,
    .glightbox-clean .gnext,
    .glightbox-clean .gclose {
    background-color: rgba(0, 0, 0, 0.32);
  }
  .glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gclose:hover {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .glightbox-clean .gprev {
    top: 45%;
  }
  .glightbox-clean .gnext {
    top: 45%;
  }
}

@media (min-width: 992px) {
  .glightbox-clean .gclose {
    opacity: 0.7;
    right: 20px;
  }
}

@media screen and (max-height: 420px) {
  .goverlay {
    background: #000;
  }
}

.b-tooltip {
  border: 3px solid #fff;
  display: inline-block;
  font-size: .75em;
  padding: .75em;
  position: absolute;
  text-align: center;
  font-family: var(--owi-primary-font-family);
}

.b-tooltip-light {
  background: #eaeaea;
  background: white;
  box-shadow: 0px 0px 6px 2px rgba(110, 110, 110, .4);
  color: #242424;
  font-family: var(--owi-primary-font-family);
}

.b-tooltip-dark {
  background: #242424;
  background: linear-gradient(to bottom, #6e6e6e 0%, #242424 100%);
  box-shadow: 0px 0px 6px 2px rgba(110, 110, 110, 1);
  color: #fff;
  font-family: var(--owi-primary-font-family);
}

.tooltip {
  height: 16px;
  width: 16px;
  background: var(--owi-secondary-color);
  border-radius: 8px;
  display: inline-block;
  color: white;
  content: "?";
  position: relative;
  top: -1px;
  margin-left: 10px;
  font-size: 12px;
  text-align: center;
  font-family: var(--owi-primary-font-family);
  font-weight: 700;
  cursor: pointer;
}

.legal-notes {
  padding-bottom: 10px;
  display: none;
}

.legal-notes.active {
  display: block;
}


@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?s8wbi');
  src:  url('../fonts/icomoon.eot?s8wbi#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?s8wbi') format('truetype'),
    url('../fonts/icomoon.woff?s8wbi') format('woff'),
    url('../fonts/icomoon.svg?s8wbi#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icon-arrow:before {
  content: "\e900";
}
.icon-icon-arrowbig:before {
  content: "\e901";
}
.icon-icon-brands:before {
  content: "\e902";
}
.icon-icon-calculator:before {
  content: "\e903";
}
.icon-icon-careers:before {
  content: "\e904";
}
.icon-icon-diy:before {
  content: "\e905";
}
.icon-icon-delete:before {
  content: "\e906";
}
.icon-icon-contact:before {
  content: "\e907";
}
.icon-icon-close:before {
  content: "\e908";
}
.icon-icon-change:before {
  content: "\e909";
}
.icon-icon-download:before {
  content: "\e90a";
}
.icon-icon-facebook:before {
  content: "\e90b";
}
.icon-icon-instagram:before {
  content: "\e90c";
}
.icon-icon-knowledge:before {
  content: "\e90d";
}
.icon-icon-linkedin:before {
  content: "\e90e";
}
.icon-icon-location:before {
  content: "\e90f";
}
.icon-icon-login:before {
  content: "\e910";
}
.icon-icon-menu:before {
  content: "\e911";
}
.icon-icon-quotation:before {
  content: "\e912";
}
.icon-icon-sds:before {
  content: "\e913";
}
.icon-icon-vehicle:before {
  content: "\e914";
}
.icon-icon-value:before {
  content: "\e915";
}
.icon-icon-twitter:before {
  content: "\e916";
}
.icon-icon-sponsorship:before {
  content: "\e917";
}
.icon-icon-search:before {
  content: "\e918";
}
.icon-icon-wheretobuy:before {
  content: "\e919";
}
.icon-icon-youtube:before {
  content: "\e91a";
}


  .icon-font small {
    font-size: .66666667em;
  }

  .icon-font .bshadow0, .icon-font input {
    box-shadow: inset 0 -2px #e7e7e7;
  }
  .icon-font input:hover {
    box-shadow: inset 0 -2px #ccc;
  }
  .icon-font input, .icon-font fieldset {
    font-family: sans-serif;
    font-size: 1em;
    margin: 0;
    padding: 0;
    border: 0;
  }
  .icon-font input {
    color: inherit;
    line-height: 1.5;
    height: 1.5em;
    padding: .25em 0;
  }
  .icon-font input:focus {
    outline: none;
    box-shadow: inset 0 -2px #449fdb;
  }
  .icon-font .glyph {
    font-size: 16px;
    width: 15em;
    padding-bottom: 1em;
    margin-right: 4em;
    margin-bottom: 1em;
    float: left;
    overflow: hidden;
  }
  .icon-font .liga {
    width: 80%;
    width: calc(100% - 2.5em);
  }
  .icon-font .talign-right {
    text-align: right;
  }
  .icon-font .talign-center {
    text-align: center;
  }
  .icon-font .bgc1 {
    background: #f1f1f1;
  }
  .icon-font .fgc1 {
    color: #999;
  }
  .icon-font .fgc0 {
    color: #000;
  }
  .icon-font p {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .icon-font .mvm {
    margin-top: .75em;
    margin-bottom: .75em;
  }
  .icon-font .mtn {
    margin-top: 0;
  }
  .icon-font .mtl, .icon-font .mal {
    margin-top: 1.5em;
  }
  .icon-font .mbl, .icon-font .mal {
    margin-bottom: 1.5em;
  }
  .icon-font .mal,.icon-font .mhl {
    margin-left: 1.5em;
    margin-right: 1.5em;
  }
  .icon-font .mhmm {
    margin-left: 1em;
    margin-right: 1em;
  }
  .icon-font .mls {
    margin-left: .25em;
  }
  .icon-font .ptl {
    padding-top: 1.5em;
  }
  .icon-font .pbs, .icon-font .pvs {
    padding-bottom: .25em;
  }
  .icon-font .pvs, .icon-font .pts {
    padding-top: .25em;
  }
  .icon-font .unit {
    float: left;
  }
  .icon-font .unitRight {
    float: right;
  }
  .icon-font .size1of2 {
    width: 50%;
  }
  .icon-font .size1of1 {
    width: 100%;
  }
  .icon-font .clearfix:before,.icon-font .clearfix:after {
    content: " ";
    display: table;
  }
  .icon-font .clearfix:after {
    clear: both;
  }
  .icon-font .hidden-true {
    display: none;
  }
  .icon-font .textbox0 {
    width: 3em;
    background: #f1f1f1;
    padding: .25em .5em;
    line-height: 1.5;
    height: 1.5em;
  }
  .icon-font #testDrive {
    display: block;
    padding-top: 24px;
    line-height: 1.5;
  }
  .icon-font .fs0 {
    font-size: 16px;
  }
  .icon-font .fs1 {
    font-size: 32px;
  }
  
a.button {
  position: relative;
  background-color: var(--owi-primary-button-color);
  color: white;
  border: none;
  font-weight: 600;
  letter-spacing: 3px;
  font-family: var(--owi-secondary-font-family);
  text-transform: uppercase;
  overflow: hidden;
  z-index: 1;
  padding: 15px 30px;
  cursor: pointer;
  font-size: .875rem;
  display: inline-block;
}

a.button.disabled {
  background-color: var(--owi-disabled-color);
  pointer-events: none;
  cursor: default;
}

a.button:focus {
  outline: none;
  border: 1px solid white;
}

a.button.small {
  font-size: .75rem;
  padding: 15px 30px;
  letter-spacing: 2.57px;
}

a.button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 40px;
  width: 500%;
  height: 1000%;
  background-color: var(--owi-secondary-button-color);
  z-index: -1;
  transform-origin: 0% 0%;
  transform: translateX(calc(50% - 25px)) translateY(10%) rotate(-45deg);
  transition: transform .4s;
}
a.button:hover::after {
  transform: translateY(10%) translateX(-100px) rotate(-45deg);
}

.border {
  border: var(--owi-primary-white) solid 1px !important;
}

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

/* Start your desktop styles here */
@media only screen and (min-width: 960px) {
  a.button.full {
    text-align: auto;
    width: auto;
  }
}
button {
  position: relative;
  background-color: var(--owi-primary-button-color);
  color: white;
  border: none;
  font-weight: 600;
  letter-spacing: 3px;
  font-family: var(--owi-secondary-font-family);
  text-transform: uppercase;
  overflow: hidden;
  z-index: 1;
  padding: 15px 30px;
  cursor: pointer;
  font-size: .875rem;
}

button:disabled {
  background-color: var(--owi-disabled-color);
}

button:focus {
  outline: none;
  border: 1px solid white;
}

button.small {
  font-size: .75rem;
  padding: 15px 30px;
  letter-spacing: 2.57px;
}

button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 40px;
  width: 500%;
  height: 1000%;
  background-color: var(--owi-secondary-button-color);
  z-index: -1;
  transform-origin: 0% 0%;
  transform: translateX(calc(50% - 25px)) translateY(10%) rotate(-45deg);
  transition: transform .4s;
}
button:hover::after {
  transform: translateY(10%) translateX(-100px) rotate(-45deg);
}
  
.cta {
  color: var(--owi-primary-white);
  font-size: .875rem;
  line-height: 1.3125rem;
  text-transform: uppercase;
  font-family: var(--owi-secondary-font-family);
  font-weight: 600;
  text-align: center;
}

.cta.secondary {
  color: var(--owi-primary-color);
}

.cta .icon-icon-arrow {
  display: inline-block;
  margin-left: 5px;
}
/* The container must be positioned relative: */
.custom-select {
  position: relative;
  font-family: var(--owi-primary-font-family);
  width: 100%;
  font-weight: 500;
  font-size: .875rem;
}


.custom-select select {
  display: none; /*hide original SELECT element: */
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "\e900";
  top: 4px;
  right: 19px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
  font-family: 'icomoon' !important;
  color: var(--owi-secondary-color);
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 22px;
  right: 7px;
  transform: rotate(180deg);
}

/* style the items (options), including the selected item: */
.select-items div {
  color:var(--owi-paragraph-color);
  padding: 8px 16px 8px 10px;
  cursor: pointer;
  font-weight: 500;
}

/* style the items (options), including the selected item: */
.select-selected {
  background-color: white;
  color:var(--owi-paragraph-color);
  padding: 8px 16px 8px 10px;
  cursor: pointer;
  border-bottom: 3px solid var(--owi-secondary-color);
  margin-bottom: 15px;
  position: relative;
}

.select-selected.select-arrow-active {
  box-shadow: var(--owi-box-shadow);
}

.select-selected.select-arrow-active + .select-items {
  box-shadow: var(--owi-box-shadow);
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: white;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 250px;
  overflow-y: auto;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover {
  background-color:#F7F7F7;
}

.same-as-selected {
  font-weight: 700 !important;
}

.custom-select.disabled .select-selected {
  color: #c5c5c5;
  border-color: #c5c5c5;
  cursor: default;
}

.custom-select.disabled  .select-selected:after {
 color: #c5c5c5;
}


/* custom navigational styles */
.custom-select.ebv-model,
.custom-select.ebv-make,
.custom-select.ebv-engine {
  display: none;
}

.custom-select.disabled.ebv-model,
.custom-select.disabled.ebv-make,
.custom-select.disabled.ebv-engine {
  display: block;
}

.custom-select.hide {
  display: none !important;
}

.custom-select.show {
  display: block !important; 
}
.tag {
  color: var(--owi-tag-color);
  font-family: var(--owi-secondary-font-family);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .5px;
  line-height: 2rem;
  text-transform: uppercase;
}

@media only screen and (min-width: 960px) {
  .tag {

  }
}
/* Core Styles */
.OWI-2-column-image-text img {
  object-fit: cover;
}

.OWI-2-column-image-text figcaption {
  font-family: var(--owi-primary-font-family);
  font-size: 0.875rem;
  line-height: 1.625rem;
  color: var(--owi-paragraph-color);
}

/* Mobile Only Styles */
@media only screen and (max-width: 959px) {
  .OWI-2-column-image-text {
    margin-top: 60px;
    padding: var(--owi-component-padding-mobile);
  }

  .OWI-2-column-image-text > div {
    margin-bottom: 38px;
  }

  .OWI-2-column-image-text img {
    height: 260px;
    width: 100%;
  }

  .OWI-2-column-image-text figcaption {
    margin-top: 18px;
  }
}


/* Desktop Only Styles */
@media only screen and (min-width: 960px) {
  .OWI-2-column-image-text {
    max-width: 895px;
    margin: auto;
    margin-top: 77px;
    display: flex;
    justify-content: space-between;
  }

  .OWI-2-column-image-text img {
    height: 325px;
    max-width: 425px;
  }

  .OWI-2-column-image-text figcaption {
    margin-top: 23px;
    max-width: 426px;
  }
}



/* Start your mobile here */
.OWI-50-50-Banner__wrapper {
    display: flex;
    flex-flow: column;
    width: 100%;
}

.OWI-50-50-Banner img {
    width: 100%;
}

.OWI-50-50-Banner__content, 
.OWI-50-50-Banner__image {
    width: 100%;
}

.OWI-50-50-Banner__content,
.OWI-50-50-Banner__image {
    position: relative;
    display: flex;
}

.OWI-50-50-Banner__image {
    display: none;
}

.OWI-50-50-Banner__content--wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    display: flex;
}

.OWI-50-50-Banner .adjust-container {
    align-self: center;
    margin: 0 auto;
    width: 80%;
    text-align: center;
}

.OWI-50-50-Banner__content--wrap img {
    width: 100%;
    display: block;
}

.OWI-50-50-Banner h2 {
    --index: 0;
    opacity: 0.1;
    transform: translateY(2rem);
    transition: all 0.3s ease-in-out calc(0.05s * var(--index));
    color: white;
    margin-bottom: 30px;
    font-size: 1.75rem;
    display: block;
}

.OWI-50-50-Banner h2.isVisible {
    opacity: 1;
    transform: none;
}

.OWI-50-50-Banner .icon-icon-wheretobuy {
    --index: 0;
    opacity: 0.1;
    transform: translateY(2rem);
    transition: all 0.3s ease-in-out calc(0.05s * var(--index));
    color: white;
    font-size: 2rem;
    margin-bottom: 10px;
}

.OWI-50-50-Banner .icon-icon-wheretobuy.isVisible {
    opacity: 1;
    transform: none;
}

/* Start your desktop styles here */
@media only screen and (min-width: 960px) {
    .OWI-50-50-Banner__wrapper {
        max-width: 1440px;
        margin: auto;
        margin-top: 140px;
    }

    .OWI-50-50-Banner h2 {
        font-size: 2.25rem;
        line-height: 3.75rem;
    }
    .OWI-50-50-Banner__image {
        display: block;
    }
    .OWI-50-50-Banner__image,
    .OWI-50-50-Banner__content {
        width: 50%;
    } 
    .OWI-50-50-Banner__wrapper {
        flex-flow: row;
    }

}



/* Start your mobile here */
.OWI-50-50-image-text__text h2 {
    color: var(--owi-heading-color);
    font-family: var(--owi-secondary-font-family);
    font-size: 1.5rem;
    text-transform: uppercase;
    line-height: 2.25rem;
    margin-bottom: 20px;
    letter-spacing: 0.8px;
}

.OWI-50-50-image-text__text  p {
    color: var(--owi-paragraph-color);
    font-size: .75rem;
    line-height: 1.375rem;
    margin-bottom: 40px;
    letter-spacing: 0.38px;
}

.OWI-50-50-image-text__text h4 {
    margin-bottom: 5px;
}

.OWI-50-50-image-text__content {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 75px;
}

.OWI-50-50-image-text__text {
    order: 2;
    width: 100%;
    padding: var(--owi-component-padding-mobile);
}

.OWI-50-50-image-text__text img {
    display: none;
}

.OWI-50-50-image-text__image {
    order: 1;
    width: 100%;
}

.OWI-50-50-image-text__image img {
    width: 100%;
}

.OWI-50-50-image-text__image:after {
    content: '';
    display: block;
    width: 95%;
    background-color: var(--owi-primary-color);
    height: 10px;
    margin-bottom: 35px;
}


/* Start your desktop styles here */
@media only screen and (min-width: 1024px) {
    .OWI-50-50-image-text.left .OWI-50-50-image-text__text img {
        width: 100%;
        max-width: 720px;
        object-fit: cover;
        right: auto;
        left: 0;
        clip-path: polygon(0 0, 100% 0, 62% 100%, 0 100%);
        z-index: 10;
    }

    .OWI-50-50-image-text.left .OWI-50-50-image-text__text:after {
        height: 460px;
        max-width: 740px;
        width: 100%;
        clip-path: polygon(0 0, 100% 0, 63% 100%, 0 100%);
        left: -10px;
        bottom: 100px;
    }

    .OWI-50-50-image-text.left .OWI-50-50-image-text__text div {
        width: 100%;
        padding-left: 690px;
        z-index: 5;
        padding-right: 20px;
    }

    .OWI-50-50-image-text__text h2 {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-bottom: 15px;
        letter-spacing: 1px;
    }

    .OWI-50-50-image-text {
        max-width: 1440px;
        margin: 0 auto;
        overflow: hidden;
        height: 660px
    }

    .OWI-50-50-image-text__image {
        display: block;
    }

    .OWI-50-50-image-text__text {
        width: 100%;
        position: relative;
        height: 570px;
        display:flex;
        padding: 0px;
    }

    .OWI-50-50-image-text__text div {
        width: calc(100% - 680px);
        align-self: center;
        margin-left: 40px;
    }

    .OWI-50-50-image-text__text img {
        display: block;
        position: absolute;
        right: -200px;
        z-index: 5;
        top: 0;
        width: auto;
        max-height: 540px;
    }

    .OWI-50-50-image-text__text:after {
        display: block;
        content: '';
        height: 540px;
        max-width: 870px;
        width: 100%;
        position: absolute;
        background: var(--owi-primary-color);
        right: -210px;
        bottom: 20px;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 37% 100%);
    }


    .OWI-50-50-image-text__image {
        overflow: hidden;
        position: relative;
        width: 66%;
        display: none;
    }

    .OWI-50-50-image-text__text img { /* Right Side */
        clip-path: polygon(0 0, 100% 0, 100% 100%, 38% 100%);
    }

    .OWI-50-50-image-text__text p {
        font-size: 0.9rem;
        letter-spacing: 0px;
        line-height: 1.5rem;
        margin-bottom: 40px;
    }

    .OWI-50-50-image-text__text table, ul {
        margin-bottom: 20px;
        font-family: var(--owi-primary-font-family);
        font-weight: 600;
        color: var(--owi-paragraph-color);
    }    

    .OWI-50-50-image-text__text span {
       filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5));
    }

    .OWI-50-50-image-text__content {
        overflow: hidden;
        padding-bottom: 10px;
    }

    .OWI-50-50-image-text__content {
        margin-top: 50px;
    }

    .OWI-50-50-image-text.left:after {
        display: block;
        content: '';
        height: 540px;
        width: 1180px;
        position: relative;
        background: var(--owi-offset-image-color);
        right: -200px;
        bottom: 686px;
        clip-path: polygon(38% 0, 100% 0, 100% 100%, 0 100%);
        z-index:0;
    }

    .OWI-50-50-image-text.left .OWI-50-50-image-text__text:after {
        z-index: 5;
    }
}

@media only screen and (min-width: 1280px) {
    .OWI-50-50-image-text.left .OWI-50-50-image-text__text img {
        width: 100%;
        max-width: 850px;
        object-fit: cover;
        right: auto;
        left: 0;
        clip-path: polygon(0 0, 100% 0, 62% 100%, 0 100%);
        z-index: 10;
    }

    .OWI-50-50-image-text.left .OWI-50-50-image-text__text:after {
        max-width: 870px;
        height: 540px;
        bottom: 10px;
        left: -10px;
        clip-path: polygon(0 0, 100% 0, 63% 100%, 0 100%);
    }

    .OWI-50-50-image-text.left .OWI-50-50-image-text__text div {
        width: 100%;
        padding-left: calc(500px + 25%);
        z-index: 5;
        padding-right: 70px;
    }

    .OWI-50-50-image-text {
        max-width: 1440px;
        margin: 0 auto;
        overflow: hidden;
        height: 660px
    }

    .OWI-50-50-image-text__text h2 {
        font-size: 2.25rem;
        line-height: 3.75rem;
        margin-bottom: 15px;
        letter-spacing: 1.2px;
    } 
    
    .OWI-50-50-image-text__text p {
        font-size: 1rem;
        letter-spacing: 0.5px;
        line-height: 1.75rem;
        margin-bottom: 40px;
    }    

    .OWI-50-50-image-text__image {
        display: block;
    }

    .OWI-50-50-image-text__text {
        width: 100%;
        position: relative;
        height: 570px;
        display:flex;
        padding: 0px;
    }

    .OWI-50-50-image-text__text div {
        width: calc(20% + 100px);
        align-self: center;
        margin-left: 75px;
    }

    .OWI-50-50-image-text__text img {
        display: block;
        position: absolute;
        right: 0;
        z-index: 5;
        top: 0;
        width: auto;
        max-height: 540px;
    }

    .OWI-50-50-image-text__text:after {
        display: block;
        content: '';
        height: 540px;
        max-width: 870px;
        width: 100%;
        position: absolute;
        background: var(--owi-primary-color);
        right: -10px;
        bottom: 20px;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 37% 100%);
    }

    .OWI-50-50-image-text__image {
        overflow: hidden;
        position: relative;
        width: 66%;
        display: none;
    }

    .OWI-50-50-image-text__text img { /* Right Side */
        clip-path: polygon(0 0, 100% 0, 100% 100%, 38% 100%);
    }

    .OWI-50-50-image-text__text span {
       filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5));
    }

    .OWI-50-50-image-text__content {
        overflow: hidden;
        padding-bottom: 10px;
    }

    .OWI-50-50-image-text__content {
        margin-top: 50px;
    }

    .OWI-50-50-image-text.left:after {
        display: block;
        content: '';
        height: 646px;
        width: 1080px;
        position: relative;
        background: var(--owi-offset-image-color);
        right: -402px;
        bottom: 686px;
        clip-path: polygon(38% 0, 100% 0, 100% 100%, 0 100%);
        z-index:0;
    }

    .OWI-50-50-image-text.left .OWI-50-50-image-text__text:after {
        z-index: 5;
    }
}
/* Core Styles */
.accolade-tiles__wrapper > div {
    text-align: center;
  }
  
  .accolade-tiles__wrapper > div > h3 {
    font-weight: 600;
  }
  
  .accolade-tiles__wrapper > div > p {
    max-width: 581px;
    font-weight: 400;
    margin: auto;
  }
  
  .accolade-tiles li {
    height: 475px;
    box-shadow: var(--owi-box-shadow);
  }
  
  .accolade-tiles li.auto-height {
    height: auto;
  }
  
  .accolade-tiles li .accolade-tiles__text-wrapper {
    padding: 64px 40px 52px 40px;
    text-align: center;
    position: relative;
  }
  
  .accolade-tiles li .accolade-tiles__text-wrapper h3 {
    font-size: 1.5rem;
    line-height: 2.25rem;
    color: var(--owi-topic-color);
    font-weight: 700;
    text-transform: initial;
    font-family: var(--owi-primary-font-family);
  }
  
  .accolade-tiles li .accolade-tiles__text-wrapper h4 {
    font-size: 0.75rem;
    line-height: 1.0rem;
    color: var(--owi-tag-color);
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    top: 188px;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .accolade-tiles li .accolade-tiles__text-wrapper p {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--owi-paragraph-color);
    font-weight: 400;
  }

  .accolade-tiles__wrapper .stars {
    position: absolute;
    top: 210px;
    color: #0A59C1;
    font-size: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
}  
  
  /* Mobile Only Styles */
  @media only screen and (max-width: 959px) {
    .accolade-tiles {
      padding: var(--owi-component-padding-mobile);
    }
  
    .accolade-tiles__wrapper > div > h2 {
      font-size: 1.5rem;
      margin-bottom: 20px;
    }
  
    .accolade-tiles__wrapper > div > h3 {
      font-size: 1.5rem;
    }
  
    .accolade-tiles__wrapper > div > p {
      font-size: 0.75rem;
      line-height: 1.375rem;
      margin-bottom: 42px;
    }

    .accolade-tiles__wrapper .stars {
        top: 275px;
    }

    .accolade-tiles__wrapper .mobile-grid-view .stars {
        top: 162px;
    }    
  
    .accolade-tiles__wrapper .mobile-grid-view {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-around;
    }
  
    .accolade-tiles__wrapper .mobile-grid-view li {
      flex: 0 1 calc(50% - 16px);
      height: 200px;
    }
  
    .accolade-tiles__wrapper .mobile-grid-view li .accolade-tiles__image-wrapper {
      height: 140px;
      width: 100%
    }
  
    .accolade-tiles__wrapper .mobile-grid-view li .accolade-tiles__image-wrapper img {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
  
    .accolade-tiles__wrapper .mobile-grid-view li .accolade-tiles__text-wrapper {
      padding: 15px 18px 15px 16px;
    }
  
    .accolade-tiles__wrapper .mobile-grid-view li .accolade-tiles__text-wrapper h3 {
      font-size: 1.0rem;
      line-height: 1.25rem;
      font-weight: 700;
    }
  
    .accolade-tiles__wrapper .mobile-grid-view li .accolade-tiles__text-wrapper h4 {
      margin-top: 5px;
      margin-bottom: 10px;
      width: 100%;
      top: 140px;
    }

    .accolade-tiles__wrapper li .accolade-tiles__text-wrapper h4 {
      top: 260px;
    }    
    
  
    .accolade-tiles__wrapper .mobile-grid-view li .accolade-tiles__text-wrapper p {
      font-size: 0.75rem;
      line-height: 1.375rem;
    }
  
    .accolade-tiles li {
      margin-bottom: 24px;
    }
  }
  
  /* Desktop Only */
  @media only screen and (min-width: 960px) {
    .accolade-tiles {
      max-width: 1440px;
      margin: auto;
      margin-top: 94px;
    }
  
    .accolade-tiles__wrapper > div > h2 {
      font-size: 2.25rem;
      margin-bottom: 18px;
    }
  
    .accolade-tiles__wrapper > div > p {
      font-size: 0.875rem;
      line-height: 1.5rem;
      margin-bottom: 20px;
    }
  
    .accolade-tiles ul {
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
    }
  
    .accolade-tiles li {       
      height: 270px;
      width: 400px;
      background-color: #FFFFFF;
      box-shadow: 0 4px 9px 0 rgba(0,0,0,0.1);      
      margin-right: 40px;
      margin-top: 40px;
      transition: margin-top 0.3s ease;
    }
  
    .accolade-tiles li.auto-height {
      height: auto;
    }
  
    .accolade-tiles__wrapper .mobile-grid-view li .accolade-tiles__image-wrapper {
      height: 240px;
      width: 100%
    }
  
    .accolade-tiles__wrapper .mobile-grid-view li .accolade-tiles__image-wrapper img {
      max-height: 240px;
      width: 100%;
      object-fit: cover;
    }
  
    .accolade-tiles__wrapper li.clickable-tile:nth-child(-n+3) {
      margin-top: 0;
    }
  
    .accolade-tiles__wrapper li.clickable-tile:nth-child(-n+3):hover {
      margin-top: -16px;
    }
  
    .accolade-tiles__wrapper li.clickable-tile:hover {
      margin-top: 28px;
    }
  }
  
  
  
/* Start your mobile here */
.article-header h1 {
    font-size: 2rem;
    line-height: 2.75rem;
    margin-bottom: 18px;
    letter-spacing: 1.07px;
}

.article-header ul {
    margin-bottom: 30px;
}

.article-header ul:first-of-type li:not(:last-child):after {
    content: "|";
    margin-left: 10px;
    margin-right: 10px;
    font-weight: 400;
}

.article-header ul:first-of-type li {
    color: var(--owi-caption-color);
    display: inline;
    font-family: var(--owi-primary-font-family);
    font-weight: 600;
    line-height: 18px;
    font-size: .875rem;
}

.article-header ul:first-of-type li:last-child {
    border: none;
    padding: none;
    margin-right: none;
}

.article-header ul.social-icons {
    margin-bottom: 30px;
}

.article-header ul.social-icons li {
    color: var(--owi-caption-color);
    display: inline-block;
    font-family: var(--owi-primary-font-family);
    font-weight: 600;
    margin-right: 20px;
    line-height: 18px;
    font-size: 1.125rem;
}

.article-header ul.social-icons a {
    color: var(--owi-caption-color);
}

.article-header ul.social-icons li:last-child {
    margin-right: none;
}

.article-header p {
    font-size: .875rem;
    line-height: 1.625rem;
}

/* Start your desktop styles here */
@media only screen and (min-width: 960px) {
    .article-header {
        padding-bottom: 50px;
    }

    .article-header h1 {
        font-size: 2.8125rem;
        line-height: 3.75rem;
        letter-spacing: 1.5px;
        margin-bottom: 12px;
    }
}



/* Mobile Styles */
.article-listing__wrapper {
  padding: var(--owi-component-padding-mobile);
}

.article-listing__wrapper h2,
.article-listing__wrapper h3,
.article-listing__wrapper h4,
.article-listing__wrapper p,
.article-listing__search-wrapper input,
.article-listing__wrapper li {
  font-family: var(--owi-primary-font-family);
}
.article-listing .article-listing__mobile-filters-toggle,
.article-listing__search-wrapper {
  padding-bottom: 10px;
  border-bottom: 3px solid var(--owi-secondary-color);
  margin-bottom: 24px;
}

.article-listing__wrapper input::placeholder {
  font-size: 0.875rem;
}

.article-listing__search-wrapper input {
  border: none;
}

.article-listing__search-wrapper .icon-icon-search {
  float: right;
  font-size: 18px;
  color: var(--owi-secondary-color);
  margin-right: 10px;
}

.article-listing__wrapper input::placeholder {
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-style: italic;
}

.article-listing .article-listing__mobile-filters-toggle {
  display: block;
}

.article-listing .article-listing__filters-wrapper {
  display: none;
}

.article-listing .article-listing__filters-wrapper .active-filters {
  border-bottom: 2px solid var(--owi-icon-separator-color);
}

.article-listing .active-filters h2 {
  font-size: 1rem;
  font-weight: 700px;
  color: var(--owi-icon-text-color);
  text-transform: capitalize;
  margin-bottom: 13px;
}

.article-listing .active-filters-content {
  display: flex;
  height: 40px;
  padding: 8px 14px;
  border: 1px solid var(--owi-line-separator-color);
  justify-content: space-between;
  margin-bottom: 12px;
}

.article-listing .active-filters-content p {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--owi-icon-text-color);
  text-transform: capitalize;
}

.article-listing .active-filters-content button {
  background-color: white;
  height:11px;;
  width: 11px;
  padding: 0;
  overflow: visible;
}

.article-listing .article-listing__mobile-filters-toggle button:after,
.article-listing .active-filters-content button:after {
  display: none;
}

.article-listing .active-filters-content button .icon-icon-close {
  color: var(--owi-primary-color);
  font-size: 11px;
}

.article-listing .article-listing__mobile-filters-toggle > button,
.article-listing .active-filters > button {
  background-color: white;
  font-size: 0.75rem;
  color: var(--owi-primary-color);
  padding: 0;
  margin-top: 29px;
  margin-bottom: 23px;
}

.article-listing .article-listing__mobile-filters-toggle > button:after,
.article-listing .active-filters > button:after {
  display: none;
}

.article-listing .article-listing__mobile-filters-toggle button,
.article-listing .article-listing__filter-option button {
  position: relative;
  color: var(--owi-icon-text-color);
  font-family: var(--owi-primary-font-family);
  font-size: 0.875rem;
  font-weight: 600;
  background-color: white;
  width: 100%;
  text-align: left;
  text-transform: capitalize;
  letter-spacing: normal;
}

.article-listing .article-listing__filter-option button {
  padding: 22px 8px 22px 16px;
  box-shadow: var(--owi-box-shadow);
}

.article-listing .article-listing__mobile-filters-toggle .icon-icon-arrow,
.article-listing .article-listing__filter-option .icon-icon-arrow {
  position: absolute;
  right: 8px;
}

.article-listing .article-listing__filter-option button:after {
  display: none;
}

.article-listing .article-listing__filter-option ul {
  display: none;
}

.article-listing .article-listing__mobile-filters-toggle.active + .article-listing__filters-wrapper,
.article-listing .article-listing__filter-option.active ul {
  display: block;
  margin-bottom: 32px;
}

.article-listing .article-listing__filter-option.active button {
  border-bottom: none;
}

.article-listing .article-listing__filter-option.active .icon-icon-arrow {
  display: inline-block;
  transform: rotate(180deg);
}

.article-listing .article-listing__filter-option ul {
  box-shadow: var(--owi-box-shadow);
}

.article-listing .article-listing__filter-option ul li {
  font-size: 0.875rem;
  line-height: 2rem;
  text-transform: capitalize;
  padding: 12px 0 10px 14px;
}

.article-listing .article-listing__filter-option ul li a {
  display: inline-block;
  height: 100%;
  width: 100%;
  color: var(--owi-icon-text-color);
}


.article-listing .article-listing__filter-option ul li a {
  color: var(--owi-icon-text-color);
}

.article-listing .article-listing__filter-option ul li a span {
  pointer-events: none;
}

.article-listing .article-listing__filter-option ul li:hover {
  background-color: #F7F7F7;
  cursor: pointer;
}

.article-listing .article {
  position: relative;
  cursor: pointer;
  height: 50%;
}

.article-listing .article-listing__tile {
  height: 400px;
  width: 100%;
  box-shadow: var(--owi-box-shadow);
  margin-bottom: 24px;
}

.article-listing .article-listing__tile .article-banner-link img {
  height: 205px;
  width: 100%;
  object-fit: cover;
}

.article-listing .article-theme {
  height: 38px;
  width: 111px;
  padding: 9px 2px 8px 2px;
  position: absolute;
  top: 180px;
  left: 24px;
  text-align: center;
}

.article-listing .article-theme p {
  font-size: 0.625rem;
  text-transform: capitalize;
  font-weight: 500;
  color: white;
  line-height: 1rem;
}

.article-listing__listing-wrapper .article-listing__tile .tile-text-wrapper {
  padding: 22px 20px 37px 31px;
}

.article-listing__listing-wrapper .article-listing__tile .tile-text-wrapper h3 {
  font-size: 1rem;
  letter-spacing: normal;
  text-transform: capitalize;
  margin-bottom: 8px;
  color: var(--owi-topic-color);
  font-weight: 700;
}

.article-listing__listing-wrapper .article-listing__tile .tile-text-wrapper p {
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin-bottom: 8px;
}

.article-listing .tile-text-wrapper span {
  color: #0A59C1;
  font-size: 0.875rem;
  line-height: 1.313rem;
  letter-spacing: 2px;
}

.article-listing #article-pagination-display ul {
  display: flex;
  justify-content: center;
}

.article-listing #article-pagination-display ul li {
  height: 24px;
  width: 24px;
  border: solid 1px var(--owi-line-separator-color);
  text-align: center;
  margin-right: 8px;
}

.article-listing #article-pagination-display ul li a {
  display: table-cell;
  height: 24px;
  width: 24px;
  color: #D4D4D4;
  font-size: 0.75rem;
  font-weight: 700;
  vertical-align: middle;
}

.article-listing #article-pagination-display ul li:first-child,
.article-listing #article-pagination-display ul li:last-child {
  border: none;
  display: inline-block;
  height: 15px;
  margin-top: auto;
  margin-bottom: auto;
}

.article-listing #article-pagination-display ul li:first-child .icon-icon-arrow,
.article-listing #article-pagination-display ul li:last-child .icon-icon-arrow {
  margin-left: 0;
}

.article-listing #article-pagination-display ul li:first-child {
  transform: rotate(90deg);
}

.article-listing #article-pagination-display ul li:last-child {
  transform: rotate(-90deg);
}

.article-listing #article-pagination-display ul li .more-article-pages {
  color: #0A59C1;
}

.article-listing .article-listing__active-page {
  background-color: #0A59C1;;
  color: white;
}

/* Desktop Styles*/
@media only screen and (min-width: 960px) {
  .article-listing {
    max-width: 1440px;
    margin: auto;
    margin-top: 56px;
    margin-bottom: 85px;
  }

  .article-listing__wrapper {
    padding: 0;
  }

  .article-listing__search-wrapper {
    margin-bottom: 60px;
  }

  .article-listing__wrapper input::placeholder {
    font-size: 1rem;
  }

  .article-listing .article-listing__mobile-filters-toggle {
    display: none;
  }

  .article-listing .article-listing__filters-wrapper {
    display: block;
  }

  .article-listing__results-wrapper {
    display: flex;
  }

  .article-listing__results-wrapper .article-listing__filters-wrapper {
    width: 286px;
    margin-right: 32px;
  }

  .article-listing .article-listing__filters-wrapper .active-filters {
    border-bottom: 2px solid var(--owi-icon-separator-color);
  }

  .article-listing__filters-wrapper .active-filters h2 {
    font-size: 1rem;
    font-weight: 700px;
    color: var(--owi-icon-text-color);
    text-transform: capitalize;
    margin-bottom: 13px;
  }

  .article-listing__filters-wrapper .active-filters-content {
    display: flex;
    height: 40px;
    padding: 8px 14px;
    border: 1px solid var(--owi-line-separator-color);
    justify-content: space-between;
  }

  .article-listing__filters-wrapper .active-filters-content p {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--owi-icon-text-color);
  }

  .article-listing__filters-wrapper .active-filters-content a {
    background-color: white;
    padding: 0;
  }

  .article-listing__filters-wrapper .active-filters-content a:after {
    content: "\e908";
    font-family: 'icomoon' !important;
    color: var(--owi-primary-color);
    font-size: 11px;
  }

  .article-listing__filters-wrapper .active-filters > button {
    background-color: white;
    font-size: 0.75rem;
    color: var(--owi-primary-color);
    padding: 0;
    margin-top: 29px;
    margin-bottom: 23px;
  }

  .article-listing__filters-wrapper .active-filters > button:after {
    display: none;
  }

  .article-listing__filters-wrapper .article-listing__filter-option button {
    position: relative;
    color: var(--owi-icon-text-color);
    font-family: var(--owi-primary-font-family);
    font-size: 1rem;
    font-weight: 700;
    background-color: white;
    width: 100%;
    padding: 22px 8px 22px 0;
    text-align: left;
    text-transform: capitalize;
    border-bottom: 1px solid var(--owi-icon-separator-color);
    letter-spacing: normal;
    margin-bottom: 13px;
  }

  .article-listing .article-listing__filter-option button {
    padding: 22px 8px 22px 0;
    border-bottom: 1px solid var(--owi-icon-separator-color);
    box-shadow: none;
  }

  .article-listing .article-listing__filter-option ul {
    box-shadow: none;
  }

  .article-listing .article-listing__filter-option ul li {
    padding: 0;
  }

  .article-listing__filters-wrapper .article-listing__filter-option .icon-icon-arrow {
    position: absolute;
    right: 8px;
  }

  .article-listing__filters-wrapper .article-listing__filter-option button:after {
    display: none;
  }

  .article-listing__filters-wrapper .article-listing__filter-option ul {
    display: none;
  }

  .article-listing__filters-wrapper .article-listing__filter-option.active ul {
    display: block;
  }

  .article-listing__filters-wrapper .article-listing__filter-option.active button {
    border-bottom: none;
  }

  .article-listing__filters-wrapper .article-listing__filter-option.active .icon-icon-arrow {
    display: inline-block;
    transform: rotate(180deg);
  }

  .article-listing__filters-wrapper .article-listing__filter-option ul li {
    font-size: 0.875rem;
    line-height: 2rem;
    color: var(--owi-icon-text-color);
    text-transform: capitalize;
  }

  .article-listing__listing-wrapper {
    display: flex;
    flex-flow: row wrap;
    width: 978px;
    justify-content: space-between;
  }

  .article-listing__listing-wrapper .article-listing__tile {
    height: 475px;
    width: 310px;
    margin-bottom: 25px;
  }

  .article-listing__listing-wrapper .article-listing__tile .tile-text-wrapper {
    padding: 27px 20px 40px 31px;
  }

  .article-listing .article-theme {
    width: auto;
    min-width: 135px;
    top: 176px;
    left: 31px;
    padding: 9px 14px 8px 14px;
  }

  .article-listing .article-theme p {
    font-size: 0.75rem;
  }

  .article-listing__listing-wrapper .article-listing__tile .tile-text-wrapper h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    margin-bottom: 8px;
  }

  .article-listing__listing-wrapper .article-listing__tile .tile-text-wrapper p {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: 400;
    margin-bottom: 16px;
  }

  .article-listing__listing-wrapper .article-listing__tile .tile-text-wrapper p:last-child {
    max-height: 72px;
  }

  .article-listing .article-listing__grid-wrapper {
    display: flex;
    flex-direction: column;
  }

  .article-listing .article-listing__grid-wrapper > p {
    font-size: 1rem;
    color: var(--owi-icon-text-color);
    font-weight: 700;
    margin-bottom: 26px;
  }
}





/* Mobile Styles */
.author-bio {
  padding: var(--owi-component-padding-mobile);
  margin-top: 57px;
}

.author-bio__wrapper {
  max-width: 530px;
  margin: auto;
}

.author-bio__wrapper > img {
  height: 100px;
  width: 100px;
  object-fit: cover;
  margin-right: 24px;
  float: left;
}

.author-bio__wrapper > div {
  display: flex;
  flex-direction: column;
}

.author-bio__author {
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--owi-topic-color);
  text-transform: capitalize;
  margin-bottom: 4px;
}

.author-bio__rte {
  margin-bottom: 12px;
}

.author-bio__rte > * {
  font-family: var(--owi-primary-font-family);
  font-size: 0.75rem;
  line-height: 1.375rem;
  font-weight: 400;
  color: var(--owi-paragraph-color);
}

.author-bio__rte > li {
  list-style-type: square;
}

.author-bio__rte a {
  text-decoration: underline;
}

.author-bio__wrapper > div > address > a {
  display: flex;
  font-family: var(--owi-secondary-font-family);
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600;
  letter-spacing: 0.156rem;
  text-transform: uppercase;
  color: #0356C4;
}

.author-bio__wrapper > div > address > a:hover,
.author-bio__wrapper > div > address > a span:hover {
  color: var(--owi-secondary-color);
}

.author-bio__wrapper > div > address > a span {
  font-size: 1rem;
  color: #0352C7;
  margin-right: 12px;
}

/* Desktop Styles */
@media only screen and (min-width: 960px) {
  .author-bio {
    margin-top: 91px;
  }

  .author-bio__wrapper > img {
    margin-right: 28px;
  }
}



/* Core Styles */
.brand-header__wrapper {
  display: flex;
}

.brand-header__image-wrapper > img {
  object-fit: contain;
}

.brand-header__wrapper .brand-header__nav-wrapper > a {
  position: relative;
  display: block;
  font-family: var(--owi-secondary-font-family);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--owi-icon-text-color);
  font-weight: 600;
  border-right: 1px solid var(--owi-border-color);
  width: 215px;
}

.brand-header__wrapper .brand-header__nav-wrapper > a:after {
  content: '\e900';
  font-family: icomoon !important;
  font-size: 10px;
  margin-left: 7px;
  margin-right: 20px;
}

.brand-header__wrapper .brand-header__nav-wrapper > a.active:after {
  content: '\e900';
  font-family: icomoon !important;
  font-size: 10px;
  margin-left: 7px;
  margin-right: 20px;
  transform: rotate(180deg);
}

.brand-header__nav-wrapper .brand-header-navigation.mobile {
  display: none;
}

.brand-header__nav-wrapper > ul span {
  color: var(--owi-tag-color);
  font-size: 1rem;
}

.brand-header__wrapper nav ul li a {
  display: block;
  font-family: var(--owi-primary-font-family);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--owi-icon-text-color);
  font-weight: 600;
  padding: 12px 15px 12px 25px;
  text-transform: capitalize;
  width: 100%;
}

.brand-header .brand-header-navigation.mobile.active {
  display: block;
  /* background-color: white; */
}

.brand-header .brand-header-navigation.mobile a {
  color: var(--owi-icon-text-color);
  font-weight: 700;
  display: block;
  padding: 20px;
  font-family: var(--owi-primary-font-family);
  font-size: .875rem;
  border-bottom: 1px solid var(--owi-line-separator-color);
}

.brand-header .brand-header-navigation.mobile > ul > li {
  position: relative;
}

.brand-header .brand-header-navigation.mobile > ul > li a.brand-header-mobile-button::after {
  content: '\FF0B';
  color: var(--owi-icon-text-color);
  font-size: 1rem;
  transform: none;
  transition: none;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  padding-left: 2px;
  line-height: 20px;
}

.brand-header .brand-header-navigation.mobile > ul > li.active a.brand-header-mobile-button::after {
  content: '\FF0D' !important;
  font-size: 1rem;
}

.brand-header .brand-header-navigation.mobile li ul{
  display: none;
  padding-left: 20px;
}

.brand-header .brand-header-navigation.mobile li ul a {
  padding-bottom: 10px;
}

.brand-header .brand-header-navigation.mobile li ul li ul {
  padding-left: 0px;

}

.brand-header .brand-header-navigation.mobile li ul li ul a {
  font-weight: 500;
  padding: 10px 10px 10px 20px;
}

.brand-header .brand-header-navigation.mobile li ul li ul li ul a {
  font-weight: 300;
}

.brand-header .brand-header-navigation.mobile ul li.active ul {
  display: block;
}

.brand-header .brand-header-navigation.mobile ul li.active {
  padding-bottom: 20px;
}

.brand-header .brand-header-navigation.mobile ul li.active a {
  border-bottom: none;
}

.brand-header .brand-header-navigation.mobile ul li.active {
  border-bottom:1px solid var(--owi-line-separator-color);
}

.brand-header__wrapper .brand-header__featured-product {
  display: none;
}

/* Mobile Only Styles */
@media only screen and (max-width: 959px) {
  .brand-header {
    height: 70px;
    margin: auto;
  }

  .brand-header .brand-header-navigation.mobile.active {
    display: block;
    height: 32vh;
    overflow: scroll;
    /* position: relative; */
  }

  .brand-header__wrapper {
    box-shadow: var(--owi-box-shadow);
    position: relative;
  }

  .brand-header__image-wrapper {
    padding: 14px 24px 14px 20px;
    border-right: none;
    height: 65px;
  }

  .brand-header__social-icons {
    display: none;
  }

  .brand-header__image-wrapper > img {
    height: 35px;
    width: 60px;
  }

  .brand-header__image-wrapper,
  .brand-header__wrapper nav .brand-header__nav-wrapper > a {
    border-right: none;
  }

  .brand-header__wrapper .desktop-toggle-btn {
    display: none !important;
  }

  .brand-header__wrapper .brand-header__nav-wrapper nav {
    position: absolute;
    left: 0;
    top: 65px;
    z-index: 10;
    background-color: white;
  }

  .brand-header__nav-wrapper {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .brand-header__wrapper nav,
  .brand-header__wrapper .brand-header__nav-wrapper > a {
    width: 100%
  }

  .brand-header__wrapper .brand-header__nav-wrapper > a:after {
    float: right;
  }

  .brand-header__nav-wrapper p {
    font-size: 0.75rem;
  }

  .brand-header .brand-header-navigation.mobile li ul li ul a {
    background-color: white;
  }
}


/* Desktop Only Styles */
@media only screen and (min-width: 960px) {
  .brand-header {
    /*max-width: 1440px;
    margin: auto;*/
  }

  .brand-header__wrapper {
    display: flex;
  }

  .brand-header__image-wrapper {
    height: 119px;
    display: flex;
    align-items: center;
    border-right: 1px solid var(--owi-border-color);
  }

  .brand-header__image-wrapper > img {
    width: 137px;
    max-height: 67px;
    margin-right: 31px
  }

  .brand-header__nav-wrapper {
    display: flex;
  }

  .brand-header__nav-wrapper .brand-header-navigation.desktop {
    display: none;
  }

  .brand-header__nav-wrapper .brand-header-navigation.desktop.active {
    display: block;
  }

  .brand-header__wrapper .brand-header-navigation.desktop.active {
    display: flex;
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
  }

  .brand-header__wrapper nav {
    display: flex;
    flex-direction: column;
    height: 55px;
    width: 215px;
    justify-content: center;
  }

  .brand-header .brand-header-navigation.mobile.active {
    display: none !important;
  }

  .brand-header__wrapper .mobile-toggle-btn {
    display: none !important;
  }

  .brand-header__wrapper .brand-header__nav-wrapper > a {
    border-right: 1px solid var(--owi-border-color);
    padding: 17px 0px 17px 30px;
  }

  .brand-header__wrapper .brand-header__nav-wrapper > a:after {
    content: '\e900';
    font-family: icomoon !important;
    font-size: 10px;
    margin-left: 7px;
    margin-right: 20px;
  }

  .brand-header__wrapper .brand-header__nav-wrapper > .desktop-toggle-btn.menu-item-open:after {
    display: inline-block;
    content: '\e900';
    font-family: icomoon !important;
    font-size: 10px;
    margin-left: 7px;
    margin-right: 20px;
    transform: rotate(180deg);
  }

  .brand-header__wrapper .brand-header-navigation.desktop .brand-header-navigation__col:first-child {
    /* height: fit-content; */
    width: 215px;
    box-shadow: 1px 9px 11px 0px rgba(0,0,0,0.15);
    border-right: 1px solid var(--owi-border-color);
    background-color: white;
    z-index: 10;
  }

  .brand-header__wrapper nav ul li:hover {
    cursor: pointer;
    background-color: #F7F7F7;
  }

  .brand-header__nav-wrapper {
    flex: 1;
    position: relative;
    height: 56px;
  }


  .brand-header__nav-wrapper > p {
    flex: 1 50%;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: capitalize;
    margin-left: 30px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .brand-header__social-icons {
    width: 145px;
    display: flex;
    align-items: center;
  }

  .brand-header__nav-wrapper > ul li {
    width: 16px;
    margin-left: 16px;
  }

  .brand-header__wrapper .brand-header-navigation__col.featured-product {
    display: none;
  }

  .brand-header__wrapper .brand-header-navigation__col.featured-product.active {
    display: block;
    background-color: white;
    z-index: 10;
  }

  .brand-header__wrapper .brand-header-navigation__col.featured-product .keep-open {
    padding-left: 32px !important;
  }

  .brand-header__wrapper .brand-header-navigation__col.featured-product h2 {
    font-size: 0.875rem;
    color: var(--owi-tag-color);
    font-weight: 600;
  }

  .brand-header__wrapper .brand-header-navigation__col.featured-product h3 {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .brand-header__wrapper .brand-header-navigation {
    display: flex;
    flex-direction: row;
  }

  .brand-header__wrapper .brand-header-navigation ul > ul {
    position: relative;
    display: block;
  }

  .brand-header__wrapper .brand-header-navigation .brand-header-navigation__col:not(:first-child) {
    flex-basis: calc((100% - 215px) / 3);
  }

  .brand-header__wrapper .brand-header-navigation .brand-header-navigation__col {
    border-right: 1px solid var(--owi-border-color);
    padding-top: 20px;
  }

  .brand-header__wrapper .brand-header-navigation .brand-header-navigation__col {
    /* border-right: none; */
    padding: 0px 0px 30px 0px;
  }

  .brand-header__wrapper .brand-header-navigation .brand-header-navigation__col ul li {
    width: 100%;
  }

  .brand-header__wrapper .brand-header-navigation__col ul li a {
    padding-left: 23px;
  }


  /* first navigation column */
  .brand-header__wrapper .brand-header-navigation .brand-header-navigation__col:first-child ul li a{
    text-transform: capitalize;
    font-family: var(--owi-primary-font-family);
    font-size: 0.875rem;
    font-weight: 600;
    display: block;
    color: var(--owi-icon-text-color);
    padding: 10px 0px 10px 23px;
    position: relative;
  }

  .brand-header__wrapper .brand-header-navigation .brand-header-navigation__col:first-child ul li a.active {
    background-color: var(--owi-nav-background-color);
  }

  .brand-header__wrapper .brand-header-navigation .brand-header-navigation__col:first-child ul li a.active:after,
  .brand-header__wrapper .brand-products-menu-item:after {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e900";
    font-size: 10px;
    margin-left: 7px;
    display: block;
    transform: rotate(-90deg);
    height: 12px;
    width: 8px;
    position: absolute;
    right: 5px;
    top: calc(50% - 4px);
    color: var(--owi-icon-text-color);
  }

  .brand-header__wrapper .brand-header-navigation .brand-header-navigation__col ul li a {
    font-family: var(--owi-primary-font-family);
    font-size: .875rem;
    font-weight: 400;
    color: var(--owi-topic-color);
    padding: 10px 0;
    display: block;
    padding: 10px 10px 10px 20px;
    position: relative;
  }

  .brand-header__wrapper .brand-header-navigation .brand-header-navigation__col ul li.has-4th-menu a,
  .brand-header__wrapper .brand-header-navigation .brand-header-navigation__col ul li.has-subnav a {
    padding: 10px 25px 10px 20px;
  }

  .brand-header__wrapper .brand-header__product-lines.active,
  .brand-header__wrapper .brand-header__products.active {
    border-right: 1px solid var(--owi-border-color);
    background-color: white;
    z-index: 10;
  }

  .brand-header__wrapper .brand-header__product-lines.keep-open,
  .brand-header__wrapper .brand-header__products.keep-open,
  .brand-header__wrapper .featured-product.keep-open {
    display: block;
    background-color: white;
    z-index: 10;
}

  .brand-header__wrapper .brand-header__product-lines,
  .brand-header__wrapper .brand-header__products,
  .brand-header__wrapper .brand-header__products ul {
    display: none;
  }

  .brand-header__wrapper .brand-header__product-lines.active,
  .brand-header__wrapper .brand-header__products.active,
  .brand-header__wrapper .brand-header__products span ul.active {
    display: block;
  }

  .brand-header__wrapper .brand-header-navigation .brand-header-navigation__col:nth-child(2) ul li a.active {
      background-color: var(--owi-nav-background-color);
  }

  .brand-header__wrapper .brand-header-navigation .brand-header-navigation__col:nth-child(2) ul li.has-subnav a:after{
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e900";
    font-size: 10px;
    margin-left: 7px;
    display: block;
    transform: rotate(-90deg);
    height: 12px;
    width: 8px;
    position: absolute;
    right: 20px;
    top: calc(50% - 4px);
    color: var(--owi-topic-color);
  }

  .brand-header__wrapper .brand-header-navigation h2 {
    font-size: .875rem;
    color: var(--owi-tag-color);
    text-transform: uppercase;
    font-family: var(--owi-secondary-font-family);
    font-weight: 600;
    margin-bottom: 10px;
  }

  .brand-header__wrapper .brand-header-navigation h3 {
    font-size: 1rem;
    text-transform: capitalize;
    font-family: var(--owi-primary-font-family);
    font-weight: 700;
    margin-bottom: 10px;
  }

  .brand-header__wrapper .brand-header-navigation img {
    margin-bottom: 10px;
  }

  .brand-header__wrapper .brand-header-navigation .brand-header__products ul li.has-4th-menu a:after{
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e900";
    font-size: 10px;
    margin-left: 7px;
    display: block;
    transform: rotate(-90deg);
    height: 12px;
    width: 8px;
    position: absolute;
    right: 20px;
    top: calc(50% - 4px);
    color: var(--owi-topic-color);
  }

  .brand-header__wrapper .brand-header-navigation__col > .fourth-column {
    display: none;
  }  

  .brand-header__wrapper .brand-header-navigation__col > .fourth-column.keep-open {
    display: block;
  }

  .brand-header__wrapper .brand-header-navigation__col > .fourth-column.active {
    display: block;
  }  
}



/* Start your mobile here */

/* Start your desktop styles here */
@media only screen and (min-width: 960px) {
    .breadcrumb ul {
        position: absolute;
        top: 30px;
        left: 10px;
        z-index: 1;
    }

    .breadcrumb li {
        display: inline-block;
        font-size: .75rem;
        font-family: var(--owi-primary-font-family);
        font-weight: 600;
    }

    .breadcrumb li:first-child {
        font-weight: 500;
    }

    .breadcrumb li:first-child::before {
       display: none;
    }

    .breadcrumb  li:before {
        display: inline-block;
        content: "/";
        height: 10px;
        width: 10px;
        margin-left: 10px;
        position: relative;
        right: 4px;
        color: white;
    }

    .breadcrumb a {
        color: white;
    }

    .breadcrumb a:hover {
        text-decoration: underline;
    }
}

@media only screen and (min-width: 1080px) {
    .breadcrumb ul {
        left: calc(50% - 540px);
    }
}



.cta-button {
    width: 100%;
    text-align: center;
    padding: 15px 0px;
  }
/* Core Styles */
.category-tiles__wrapper {
  display: flex;
  flex-flow: row wrap;
}

.category-tiles__wrapper > div {
  box-shadow: var(--owi-box-shadow);
  height: 365px;
  max-height: 365px;
  width: 165px;
}

.category-tiles__wrapper > div img {
  margin: auto;
}

.category-tiles__wrapper .category-tiles__image-wrapper {
  height: 140px;
  width: 100%;
  padding: 0;
  margin-bottom: 15px;
}

.category-tiles__wrapper .category-tiles__image-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  margin-top: 0;
}

.category-tiles__wrapper div.plp .category-tiles__text-wrapper h2 {
  overflow:auto;
  max-height: none;
  -webkit-line-clamp: unset;
  margin-bottom: 20px;
  overflow-y: hidden;
}

.category-tiles__text-wrapper h2 {
  color: var(--owi-topic-color);
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 3px;
  font-size: 0.875;
  line-height: 1.375rem;
  overflow-y: hidden;

  /* max-height: 44px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; */
}

.category-tiles__wrapper .category-tiles__text-wrapper h3 {
  font-family: var(--owi-secondary-font-family);
  font-size: 0.75rem;
  color: var(--owi-tag-color);
  font-weight: 600;
  margin-bottom: 3px;
}

.category-tiles__text-wrapper p {
  font-weight: 400px;
  font-size: 0.75rem;
  overflow: hidden;

  display: -webkit-box;
  -webkit-line-clamp: 13;
  -webkit-box-orient: vertical;  
}

.full-width .category-tiles__text-wrapper p {
  -webkit-line-clamp: 10;
}

.category-tiles__wrapper .full-width > a > img {
  width: 100%;
  object-fit: cover;
}

/* Mobile Only Styles */
@media only screen and (max-width: 959px) {
  .category-tiles {
    padding: var(--owi-component-padding-mobile);
  }

  .category-tiles__wrapper {
    width: 342px;
    margin: auto;
  }

  .category-tiles__wrapper > div {
    max-height: 390px;
    width: 165px;
    margin-bottom: 24px;
  }

  .category-tiles__wrapper > div:nth-child(odd) {
    margin-right: 12px;
  }

  .category-tiles__wrapper .centered .category-tiles__image-wrapper {
    height: auto;
  }

  .category-tiles__wrapper .centered .category-tiles__image-wrapper img {
    height: 85px;
    width: 103px;
    margin-top: 26px;
    margin-bottom: 19px;
    object-fit: contain;
  }

  .category-tiles__wrapper > div > a > div {
    padding: 0 16px 38px;
  }

  .category-tiles__wrapper > div h2 {
    font-size: 0.75rem;
    line-height: 1rem;
    overflow-y: hidden;
  }

  .category-tiles__wrapper > div p {
    font-size: 0.625rem;
    line-height: 0.875rem;
  }

  .category-tiles__wrapper .full-width > a > img {
    margin-top: 0 !important;
    height: 140px;
    width: 100%;
  }
}


/* Desktop Only Styles */
@media only screen and (min-width: 960px) {
  .category-tiles {
    max-width: 1440px;
    margin: auto;
    margin-top: 96px;
  }

  .category-tiles__wrapper {
    width: 1280px;
    margin: auto;
  }

  .category-tiles__wrapper > div:nth-child(-n+3) {
    margin-top: 0
  }

  .category-tiles__wrapper > div:nth-child(-n+3):hover {
    margin-top: -16px;
  }

  .category-tiles__wrapper > div {
    height: 475px;
    max-height: 475px;
    width: 400px;
    margin-right: 40px;
    margin-top: 40px;
    transition: margin-top 0.3s ease;
  }

  .category-tiles__wrapper > div:hover {
    margin-top: 26px;
  }

  .category-tiles__wrapper > div:nth-child(3n) {
    margin-right: 0;
  }

  .category-tiles__wrapper .category-tiles__image-wrapper {
    height: 225px;
    width: 100%;
  }

  .category-tiles__wrapper .category-tiles__text-wrapper {
    max-height: 185px;
    overflow: hidden;
  }

  .category-tiles__wrapper .category-tiles__text-wrapper h2 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 9px;
    overflow-y: hidden;
    /* max-height: 24px;

    -webkit-line-clamp: 1; */
  }

  .category-tiles__wrapper .category-tiles__text-wrapper p {
    font-size: 0.875rem;
    line-height: 1.5rem;

    -webkit-line-clamp: 6;

  }

  .category-tiles__wrapper .full-width > a > img {
    margin-top: 0 !important;
    height: 250px;
  }

  /* Centered Tiles */
  .centered > a {
    display: inline-block;
    padding: 25px 32px;
    width: 100%;
    height: 100%;
  }

  .category-tiles__wrapper .centered .category-tiles__image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 25px;
  }

  .category-tiles__wrapper .centered .category-tiles__image-wrapper img {
    height: 100%;
    width: auto;
  }

  /* Full Width Tiles */
  .full-width .category-tiles__image-wrapper {
    padding-top: 62.5%;
    height: 0;
    position: relative;
  }

  .full-width .category-tiles__image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .full-width .category-tiles__text-wrapper {
    padding: 0 32px 25px;
    max-height: 210px;
    overflow: hidden;
  }

  .full-width .category-tiles__text-wrapper h3 {
    margin-bottom: 10px;
  }

  .full-width .category-tiles__text-wrapper p {
    -webkit-line-clamp: 5;
  }
}



/* Mobile Styles */
.colorblock-banner {
  background-color: var(--owi-colorblock-background-color);
}
.colorblock-banner__content--text > * {
  color: var(--owi-primary-white);
}

.colorblock-banner__content > button {
  height: 40px;
  width: 200px;
  font-size: 0.75rem;
  padding: 0;
}

@media only screen and (max-width: 959px) {
  .colorblock-banner {
    margin-top: 45px;
  }

  .colorblock-banner__wrapper {
    padding: 32px 25px 44px
  }

  .colorblock-banner__content {
    text-align: center;
  }

  .colorblock-banner__content--text > h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }

  .colorblock-banner__content > button {
    margin-top: 32px;
  }
}

/* Desktop Styles */
@media only screen and (min-width: 960px) {
  .colorblock-banner {
    max-width: 1440px;
    margin: auto;
    margin-top: 94px;
    overflow: hidden;
  }

  .colorblock-banner__wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 250px;
    padding-left:80px;
    padding-right: 80px;
    position: relative;
  }

  .colorblock-banner__stripes-wrapper {
    position: absolute;
    left: 0;
    width: 200px;
    height: 200%;
    transform: rotate(-36deg);
  }

  .colorblock-banner__light {
    display: inline-block;
    margin-right: 5px;
    background-color: white;
    opacity: .25;
    width: 18px;
    height: 100%;
  }

  .colorblock-banner__content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
  }
}



/* Mobile Styles */
.contact-us-form__wrapper {
  margin-top: 38px;
  padding: var(--owi-component-padding-mobile);
}

.contact-us-form__wrapper .contact-us-form__input-wrapper {
  height: 33px;
  width: 100%;
  border-bottom: 3px solid var(--owi-primary-color);
  padding: 0px 16px 6px 8px;
  margin-bottom: 32px;
}

.contact-us-form__wrapper h2 {
  font-size: 1.5rem;
  margin-bottom: 23px;
}

.contact-us-form__wrapper input,
.contact-us-form__wrapper select {
  border: none;
  font-family: var(--owi-primary-font-family);
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: var(--owi-paragraph-color);
  text-transform: capitalize;
}

.contact-us-form__wrapper select {
  width: 100%
}

.contact-us-form__wrapper .contact-us-form__submit-subscribe {
  display: flex;
  justify-content: center;
  width: 100%;
}

.contact-us-form__wrapper textarea {
  border: 3px solid var(--owi-primary-color);
  font-family: var(--owi-primary-font-family);
  color: var(--owi-paragraph-color);
  font-size: 0.875rem;
  line-height: 1.5rem;
  padding: 5px;
}

.contact-us-form__wrapper .contact-us-form__submit-btn {
  height: 40px;
  width: 100%;
  background-color: var(--owi-primary-color);
  font-family: var(--owi-secondary-font-family);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 2.57px;
  text-transform: uppercase;
  color: white;
  margin-right: 60px;
  padding: 0;
}

.contact-us-form__wrapper .contact-us-form__subscribe input,
.contact-us-form__wrapper .contact-us-form__subscribe label {
  font-family: var(--owi-primary-font-family);
  color: var(--owi-paragraph-color);
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.contact-us-form__wrapper .contact-us-form__subscribe label {
  max-width: 315px;
}

.contact-us-form__wrapper .contact-us-form__subscribe input {
  height: 20px;
  width: 20px;
  margin-right: 17px;
  outline: 1px solid var(--owi-paragrah-color);
  float: left;
}

.contact-us-form__wrapper .contact-us-form__confirm-msg-modal {
  display: none;
}

.contact-us-form__wrapper .contact-us-form__confirm-msg-modal.submitted {
  display: block;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0,0,0,0.75);
}

.contact-us-form__wrapper .contact-us-form__confirm-msg-content {
  height: 194px;
  width: 340px;
  margin: auto;
  margin-top: 85px;
  padding: 24px 17px 30px 16px;
  background-color: white;
}

.contact-us-form__wrapper .contact-us-form__confirm-msg-content button {
  height: 18px;
  width: 18px;
  float: right;
  margin-right: 6px;
  background-color: white;
  padding: 0;
  overflow: visible;
}

.contact-us-form__wrapper .contact-us-form__confirm-msg-content button:after {
  display: none;
}

.contact-us-form__wrapper .contact-us-form__confirm-msg-content button .icon-icon-close {
  height: 18px;
  width: 18px;
  color: var(--owi-tag-color);
  font-weight: 700;
}

.contact-us-form__wrapper .contact-us-form__confirm-msg-content h1 {
  font-size: 1.5rem;
  line-height: 2.188rem;
  letter-spacing: 0.67px;
  margin-top: 30px;
}

.contact-us-form__wrapper .contact-us-form__confirm-msg-content p {
  font-size: 0.875rem;
  line-height: 1.313rem;
  letter-spacing: 0.44px;
  font-weight: 400;
}

/* Mobile Only Styles */
@media only screen and (max-width: 959px) {
  .contact-us-form__wrapper .contact-us-form__submit-subscribe {
    width: 100%;
    flex-direction: column-reverse;
    margin-top: 32px;
  }

  .contact-us-form__wrapper .contact-us-form__subscribe {
    margin-bottom: 37px;
  }
}

/* Desktop Styles */
@media only screen and (min-width: 960px) {
  .contact-us-form__wrapper {
    max-width: 1440px;
    margin-top: 50px;
    margin-left: 65px;
  }

  .contact-us-form__wrapper fieldset {
    display: flex;
    flex-flow: column wrap;
    width: 764px;
  }

  .contact-us-form__wrapper h2 {
    margin-bottom: 17px;
  }

  .contact-us-form__wrapper .contact-us-form__input-wrapper {
    width: 352px;
    margin-right: 60px;
  }

  .contact-us-form__wrapper .contact-us-form__customer-info {
    height: 304px;
    margin-bottom: 54px;
  }

  .contact-us-form__wrapper .contact-us-form__reason {
    height: 200px;
  }

  .contact-us-form__wrapper .contact-us-form__submit-subscribe {
    display: flex;
    justify-content: center;
    width: 764px;
  }

  .contact-us-form__wrapper .contact-us-form__submit-subscribe div {
    flex: 0 352px;
  }

  .contact-us-form__wrapper .contact-us-form__submit-btn {
    width: 352px;
  }

  .contact-us-form__wrapper .contact-us-form__submit-btn,
  .contact-us-form__wrapper input[type="checkbox"] {
    cursor: pointer;
  }

  .contact-us-form__wrapper .contact-us-form__confirm-msg-content {
    height: 235px;
    width: 936px;
    margin-top: 170px;
    padding: 32px 32px 32px 86px;
  }

  .contact-us-form__wrapper .contact-us-form__confirm-msg-content h1 {
    font-size: 2rem;
    line-height: 2.75rem;
    letter-spacing: 0.89px;
  }

  .contact-us-form__wrapper .contact-us-form__confirm-msg-content p {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.5px;
  }
}



/* Start your mobile here */
.content-hub-nav {
    padding: var(--owi-component-padding-mobile);
}

.content-hub-nav h2 {
    text-transform: capitalize;
    font-size: 1.5rem;
    line-height: 60px;
    letter-spacing: 0.8px;
    margin-bottom: 20px;
}

.content-hub-nav .mobile > button {
    height: 65px;
    width: 100%;
    font-family: var(--owi-primary-font-family);
    text-transform: capitalize;
    color: var(--owi-icon-text-color);
    background-color: white;
    text-align: left;
    letter-spacing: normal;
    font-weight: 700;
    font-size: 1rem;
    border-top: 1px solid var(--owi-line-separator-color);
    border-bottom: 1px solid var(--owi-line-separator-color);
    padding-left: 14px;
}

.content-hub-nav .mobile > button:focus {
    /* Required to overwrite global button border style */
    border: none;
    border-top: 1px solid var(--owi-line-separator-color);
    border-bottom: 1px solid var(--owi-line-separator-color);
}

.content-hub-nav .mobile > ul {
    position: relative;
    box-shadow: var(--owi-box-shadow);
}

.content-hub-nav .mobile > button > span:after {
    content: "\e900";
    display: inline-block;
    font-family: 'icomoon' !important;
    height: 12px;
    width: 12px;
    position: absolute;
    right: 30px;
    top: 25px;
    font-size: 12px;
}

.content-hub-nav .mobile > button:after,
.content-hub-nav .mobile ul {
    display: none;
}

.content-hub-nav .mobile ul.active {
    display: block;
}

.content-hub-nav .mobile ul {
    border: none;
    background-color: transparent;
    text-transform: capitalize;
    color: var(--owi-icon-text-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    font-family: var(--owi-primary-font-family);
    font-weight: bold;
    font-size: 1.14rem;
    padding: 20px 14px;
    border-bottom: 1px solid var(--owi-line-separator-color);
}

.content-hub-nav .mobile ul li a {
    color: var(--owi-paragraph-color);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 2.5rem;
}

/* Start your desktop styles here */
@media only screen and (min-width: 960px) {
    .content-hub-nav {
        display: flex;
        flex-direction: row;
        padding: 0;
        width: 100%;
        max-width: 1440px;
        margin: auto;
    }

    .content-hub-nav .desktop {
        width: 100%;
    }

    .content-hub-nav h2 {
        font-family: var(--owi-secondary-font-family);
        line-height: 36px;
        padding: 24px 0 24px 80px;
        width: 349px;
        background-color: var(--owi-secondary-color);
        color: var(--owi-primary-white);
        clip-path: polygon(0% 0%, 87% 0%, 100% 100%, 0% 100%);
        margin-bottom: 0;
    }

    .content-hub-nav ul {
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 84px;
        border-bottom: 1px solid var(--owi-line-separator-color);
    }

    .content-hub-nav ul a {
        text-decoration: none;
        text-transform: uppercase;
        font-size: 0.875rem;
        line-height: 21px;
        letter-spacing: 0.5px;
        font-family: var(--owi-secondary-font-family);
        color: var(--owi-icon-text-color);
        padding: 31px 18px;
        opacity: 40%;
    }

    .content-hub-nav ul a.active {
        opacity: 100%;
    }
}

@media only screen and (min-width: 1024px) {
    .content-hub-nav ul a {
        padding: 31px 20px;
    }
}

@media only screen and (min-width: 1280px) {
    .content-hub-nav ul a {
        padding: 31px 50px;
    }
}
/* Core Styles */
.content-tiles__wrapper > div {
  text-align: center;
}

.content-tiles__wrapper > div > h3 {
  font-weight: 600;
}

.content-tiles__wrapper > div > p {
  max-width: 581px;
  font-weight: 400;
  margin: auto;
}

.content-tiles li {
  height: 475px;
  box-shadow: var(--owi-box-shadow);
}

.content-tiles li.auto-height {
  height: auto;
}

.content-tiles li .content-tiles__text-wrapper {
  padding: 36px 33px 54px 31px;
}

.content-tiles li .content-tiles__text-wrapper h3 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: var(--owi-topic-color);
  font-weight: 700;
  text-transform: capitalize;
}

.content-tiles li .content-tiles__text-wrapper h4 {
  font-size: 0.75rem;
  line-height: 1.5rem;
  color: var(--owi-tag-color);
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 20px;
}

.content-tiles li .content-tiles__text-wrapper p {
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: var(--owi-paragraph-color);
  font-weight: 400;
}

.content-tiles__wrapper .content-tiles__image-wrapper img {
  max-height: 240px;
  margin: auto;
}

/* Mobile Only Styles */
@media only screen and (max-width: 959px) {
  .content-tiles {
    padding: var(--owi-component-padding-mobile);
  }

  .content-tiles__wrapper > div > h2 {
    font-size: 1.5rem;
    margin-bottom: 20px;
  }

  .content-tiles__wrapper > div > h3 {
    font-size: 1.5rem;
  }

  .content-tiles__wrapper > div > p {
    font-size: 0.75rem;
    line-height: 1.375rem;
    margin-bottom: 42px;
  }

  .content-tiles__wrapper .mobile-grid-view {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
  }

  .content-tiles__wrapper .mobile-grid-view li {
    flex: 0 1 calc(50% - 16px);
    height: 390px;
  }

  .content-tiles__wrapper .mobile-grid-view li .content-tiles__image-wrapper {
    height: 140px;
    width: 100%
  }

  .content-tiles__wrapper .mobile-grid-view li .content-tiles__image-wrapper img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }

  .content-tiles__wrapper .mobile-grid-view li .content-tiles__text-wrapper {
    padding: 15px 18px 15px 16px;
  }

  .content-tiles__wrapper .mobile-grid-view li .content-tiles__text-wrapper h3 {
    font-size: 0.875rem;
    line-height: 1.625rem;
    font-weight: 700;
  }

  .content-tiles__wrapper .mobile-grid-view li .content-tiles__text-wrapper h4 {
    margin-top: 5px;
    margin-bottom: 10px;
  }

  .content-tiles__wrapper .mobile-grid-view li .content-tiles__text-wrapper p {
    font-size: 0.75rem;
    line-height: 1.375rem;
  }

  .content-tiles li {
    margin-bottom: 24px;
  }
}

/* Desktop Only */
@media only screen and (min-width: 960px) {
  .content-tiles {
    max-width: 1440px;
    margin: auto;
    margin-top: 94px;
  }

  .content-tiles__wrapper > div > h2 {
    font-size: 2.25rem;
    margin-bottom: 18px;
  }

  .content-tiles__wrapper > div > p {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 60px;
  }

  .content-tiles ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }

  .content-tiles li {
    height: 475px;
    width: 400px;
    margin-right: 40px;
    margin-top: 40px;
    transition: margin-top 0.3s ease;
  }

  .content-tiles li.auto-height {
    height: auto;
  }

  .content-tiles__wrapper .mobile-grid-view li .content-tiles__image-wrapper {
    height: 240px;
    width: 100%
  }

  .content-tiles__wrapper .mobile-grid-view li .content-tiles__image-wrapper img {
    max-height: 240px;
    width: 100%;
    object-fit: cover;
  }

  .content-tiles__wrapper li.clickable-tile:nth-child(-n+3) {
    margin-top: 0;
  }

  .content-tiles__wrapper li.clickable-tile:nth-child(-n+3):hover {
    margin-top: -16px;
  }

  .content-tiles__wrapper li.clickable-tile:hover {
    margin-top: 28px;
  }
}



/* Start your mobile here */
.featured-articles {
    margin-top: 20px;
    padding: var(--owi-component-padding-mobile);
}

.featured-articles h2 {
    font-family: var(--owi-secondary-font-family);
    font-weight: 600;
    font-size: 1.5rem;
    text-transform: uppercase;
    color: var(--owi-heading-color);
    text-align: center;
    display: block;
    margin-bottom: 10px;
}

.featured-articles h3 {
    font-family: var(--owi-primary-font-family);  
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
}

.featured-articles img {
    width: 100%;
}

.featured-articles .container {
    padding: 20px;
}

.featured-articles p {
    font-family: var(--owi-primary-font-family);
    font-size: .75rem;
    color: var(--owi-paragraph-color);
    line-height: 1.375rem;
    margin-bottom: 30px;
}

.featured-articles h2 + p {
    display: block;
    text-align: center;
}

.featured-articles ul {
    display: flex;
    flex-flow: column wrap;
}

.featured-articles li {
    box-shadow: var(--owi-box-shadow);
    width: 100%;
    margin-bottom: 20px;
}

.featured-articles .video {
    position: relative;
    cursor: pointer;
}

.featured-articles a:hover .play-button {
    background-color: var(--owi-secondary-color);
}

.featured-articles .video .controls-wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    display: flex;
}

.featured-articles .play-button {
    align-self: center;
}

.featured-articles a:hover p.cta {
    color: var(--owi-secondary-color);
}

.featured-articles p.cta {
    text-align: left;
    font-family: var(--owi-secondary-font-family);
    bottom: 30px;
}

/* Start your desktop styles here */
@media only screen and (min-width: 960px) {
    .featured-articles {
        margin-top: 50px;
    }
    .featured-articles__wrapper {
        max-width: 1272px;
        margin: 0 auto;
    }
    .featured-articles ul {
        flex-flow: row wrap;
        padding: 0px;
    }

    .featured-articles li {
        width: calc(33% - 20px);
        margin-right: 36px;
    }
    .featured-articles li:nth-child(3n){
        margin-right: 0px;
    }
    .featured-articles h2 {
        font-size: 2.25rem;
    }

    .featured-articles h2 + p {
        font-size: 1rem;
        margin-bottom: 50px;
    }
    .featured-articles h3 + p {
        font-size: .875rem;
    }
}



/* Mobile Styles */
.document-listing__wrapper {
  padding: var(--owi-component-padding-mobile);
}

.document-listing__wrapper h1 {
  font-family: var(--owi-secondary-font-family);
  margin-bottom: 14px;
}

.document-listing__wrapper h1 .document-search-term {
  text-transform: capitalize;
}

.document-listing__wrapper h2,
.document-listing__wrapper h3,
.document-listing__wrapper h4,
.document-listing__wrapper p,
.document-listing__search-wrapper input,
.document-listing__wrapper li {
  font-family: var(--owi-primary-font-family);
}

.document-listing .document-listing__mobile-filters-toggle,
.document-listing .document-listing__mobile-refine-toggle,
.document-listing__search-wrapper {
  padding-bottom: 10px;
  border-bottom: 3px solid var(--owi-secondary-color);
  margin-bottom: 24px;
}

.document-listing__wrapper input::placeholder {
  font-size: 0.875rem;
}

.document-listing__search-wrapper input {
  border: none;
}

.document-listing__search-wrapper .icon-icon-search {
  float: right;
  font-size: 18px;
  color: var(--owi-secondary-color);
  margin-right: 10px;
}

.document-listing__wrapper input::placeholder {
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-style: italic;
}

.document-listing .document-listing__mobile-filters-toggle,
.document-listing .document-listing__mobile-refine-toggle {
  display: block;
}

.document-listing .document-listing__filters-wrapper,
.document-listing .document-listing__mobile-refine-search {
  display: none;
}

.document-listing .document-listing__desktop-refine-search input,
.document-listing .document-listing__mobile-refine-search input {
  display: block;
  height: 19px;
  width: 19px;
  float: left;
  margin-right: 13px;
  margin-top: 10px;
}

.document-listing .document-listing__desktop-refine-search label,
.document-listing .document-listing__mobile-refine-search label {
  display: block;
  font-family: var(--owi-primary-font-family);
  color: var(--owi-icon-text-color);
  font-size: 0.875rem;
  line-height: 2.5rem;
  font-weight: 600;
}

.document-listing .document-listing__desktop-refine-search label:last-child,
.document-listing .document-listing__mobile-refine-search label:last-child {
  margin-bottom: 30px;
}

.document-listing .document-listing__filters-wrapper .active-filters {
  border-bottom: 2px solid var(--owi-icon-separator-color);
}

.document-listing .active-filters h2 {
  font-size: 1rem;
  font-weight: 700px;
  color: var(--owi-icon-text-color);
  text-transform: capitalize;
  margin-bottom: 13px;
}

.document-listing .active-filters-content {
  display: flex;
  height: 40px;
  padding: 8px 14px;
  border: 1px solid var(--owi-line-separator-color);
  justify-content: space-between;
  margin-bottom: 12px;
}

.document-listing .active-filters-content p {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--owi-icon-text-color);
  text-transform: capitalize;
}

.document-listing .active-filters-content button {
  background-color: white;
  height:11px;;
  width: 11px;
  padding: 0;
  overflow: visible;
}

.document-listing .document-listing__mobile-filters-toggle button:after,
.document-listing .document-listing__mobile-refine-toggle button:after,
.document-listing .active-filters-content button:after {
  display: none;
}

.document-listing .active-filters-content button .icon-icon-close {
  color: var(--owi-primary-color);
  font-size: 11px;
}

.document-listing .document-listing__mobile-filters-toggle > button,
.document-listing .document-listing__mobile-refine-toggle > button,
.document-listing .active-filters > button {
  background-color: white;
  font-size: 0.75rem;
  color: var(--owi-primary-color);
  padding: 0;
  margin-top: 29px;
  margin-bottom: 23px;
}

.document-listing .document-listing__mobile-filters-toggle > button:after,
.document-listing .document-listing__mobile-refine-toggle  > button:after,
.document-listing .active-filters > button:after {
  display: none;
}

.document-listing .document-listing__mobile-filters-toggle button,
.document-listing .document-listing__mobile-refine-toggle button,
.document-listing .document-listing__filter-option button {
  position: relative;
  color: var(--owi-icon-text-color);
  font-family: var(--owi-primary-font-family);
  font-size: 0.875rem;
  font-weight: 600;
  background-color: white;
  width: 100%;
  text-align: left;
  text-transform: capitalize;
  letter-spacing: normal;
}

.document-listing .document-listing__filter-option button {
  padding: 22px 8px 22px 16px;
  box-shadow: var(--owi-box-shadow);
}

.document-listing .document-listing__mobile-filters-toggle .icon-icon-arrow,
.document-listing .document-listing__mobile-refine-toggle .icon-icon-arrow,
.document-listing .document-listing__filter-option .icon-icon-arrow {
  position: absolute;
  right: 8px;
}

.document-listing .document-listing__filter-option button:after {
  display: none;
}

.document-listing .document-listing__filter-option ul {
  display: none;
}

.document-listing .document-listing__mobile-filters-toggle.active + .document-listing__filters-wrapper,
.document-listing .document-listing__mobile-refine-toggle.active + .document-listing__mobile-refine-search,
.document-listing .document-listing__filter-option.active ul {
  display: block;
}

.document-listing .document-listing__filter-option.active button {
  border-bottom: none;
}

.document-listing .document-listing__filter-option.active .icon-icon-arrow {
  display: inline-block;
  transform: rotate(180deg);
}

.document-listing .document-listing__filter-option ul {
  box-shadow: var(--owi-box-shadow);
}

.document-listing .document-listing__filter-option ul li {
  font-size: 0.875rem;
  line-height: 2rem;
  text-transform: capitalize;
  padding: 12px 0 10px 14px;
}

.document-listing .document-listing__filter-option ul li a {
  display: inline-block;
  height: 100%;
  width: 100%;
  color: var(--owi-icon-text-color);
}

.document-listing .document-listing__filter-option ul li a span {
  pointer-events: none;
}

.document-listing .document-listing__filter-option ul li:hover {
  background-color: #F7F7F7;
  cursor: pointer;
}

.document-listing .document {
  position: relative;
  cursor: pointer;
  height: 50%;
}

.document-listing .document-listing__grid-wrapper > p {
  font-size: 0.875rem;
  color: #626262;
  font-weight: 400;
  margin-bottom: 26px;
}

.document-listing .document-listing__tile {
  /* display: flex;
  justify-content: space-between; */
  height: 200px;
  width: 100%;
  box-shadow: var(--owi-box-shadow);
  margin-bottom: 24px;
  padding: 18px 16px 16px;
}

.document-listing .document-listing__tile.with-image {
  height: 308px;
  width: 100%;
  padding: 32px 16px 16px;
}

.document-listing .document-listing__tile.with-image .info-wrapper p:first-child {
  font-family: var(--owi-primary-font-family);
  font-size: 0.75rem;
  line-height: 1.5rem;
  color: var(--owi-tag-color);
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.document-listing .document-listing__tile.with-image .info-wrapper p {
  font-size: 0.875rem;
  line-height: 1.625rem;
}

/* .document-listing .document-listing__tile .tile-image-wrapper {
  height: 200px;
  width: 100%;
} */

.document-listing__listing-wrapper .document-listing__tile .info-wrapper h3 {
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: normal;
  text-transform: capitalize;
  margin-bottom: 8px;
}

.document-listing__listing-wrapper .document-listing__tile .info-wrapper p {
  font-size: 0.75rem;
  font-weight: 400;
  text-transform: capitalize;
}

.document-listing__listing-wrapper .document-listing__tile .info-wrapper p:last-child {
  color: var(--owi-caption-color);
  font-weight: 600;
  line-height: 2rem;
  margin-top: 16px;
  margin-bottom: 15px;
}

/* .document-listing__tile .action-wrapper {
  display: flex;
} */

.document-listing__tile .action-wrapper a {
  height: 45px;
  width: 100%;
}

.document-listing__tile .action-wrapper a.download:before {
  content: "\e90a";
  font-family: 'icomoon' !important;
  margin-right: 8px;
}

.document-listing__tile .action-wrapper a.view {
  background-color: white;
  color: var(--owi-primary-color);
  border: 1px solid var(--owi-primary-color);
}

.document-listing #document-pagination-display ul li .more-document-pages {
  color: var(--owi-primary-color);
}

.document-listing .document-listing__active-page {
  background-color: var(--owi-primary-color);;
  color: white;
}

/* Mobile Only */
@media only screen and (max-width: 959px) {
  .document-listing__desktop-refine-search {
    display: none;
  }

  .document-listing #document-listing__filter-options {
    margin-bottom: 14px;
  }

  .document-listing .document-listing__tile.with-image img {
    display: none
  }

  .document-listing__listing-wrapper .document-listing__tile.with-image .action-wrapper {
    display: flex;
  }

  .document-listing__listing-wrapper .document-listing__tile.with-image .action-wrapper a {
    flex: 1 50%;
    width: 150px;
  }

  .document-listing__listing-wrapper .document-listing__tile.with-image .action-wrapper a:first-child {
    margin-right: 10px;
  }
}


/* Desktop Styles*/
@media only screen and (min-width: 960px) {
  .document-listing {
    max-width: 1440px;
    margin: auto;
    margin-top: 56px;
    margin-bottom: 85px;
  }

  .document-listing__wrapper {
    padding: 0;
  }

  .document-listing__wrapper h1 {
    font-size: 2.813rem;
    margin-bottom: 94px;
  }

  .document-listing__search-wrapper {
    margin-bottom: 60px;
  }

  .document-listing__wrapper input::placeholder {
    font-size: 1rem;
  }

  .document-listing .document-listing__mobile-filters-toggle,
  .document-listing .document-listing__mobile-refine-toggle,
  .document-listing .document-listing__mobile-refine-search {
    display: none;
  }

  .document-listing .document-listing__filters-wrapper {
    display: block;
  }

  .document-listing__results-wrapper {
    display: flex;
  }

  .document-listing__results-wrapper .document-listing__filters-wrapper {
    width: 286px;
    margin-right: 32px;
  }

  .document-listing .document-listing__filters-wrapper .active-filters {
    border-bottom: 2px solid var(--owi-icon-separator-color);
  }

  .document-listing__filters-wrapper .active-filters h2 {
    font-size: 1rem;
    font-weight: 700px;
    color: var(--owi-icon-text-color);
    text-transform: capitalize;
    margin-bottom: 13px;
  }

  .document-listing__filters-wrapper .active-filters-content {
    display: flex;
    height: 40px;
    padding: 8px 14px;
    border: 1px solid var(--owi-line-separator-color);
    justify-content: space-between;
  }

  .document-listing__filters-wrapper .active-filters-content p {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--owi-icon-text-color);
  }

  .document-listing__filters-wrapper .active-filters-content a {
    background-color: white;
    padding: 0;
  }

  .document-listing__filters-wrapper .active-filters-content a:after {
    content: "\e908";
    font-family: 'icomoon' !important;
    color: var(--owi-primary-color);
    font-size: 11px;
  }

  .document-listing__filters-wrapper .active-filters > button {
    background-color: white;
    font-size: 0.75rem;
    color: var(--owi-primary-color);
    padding: 0;
    margin-top: 29px;
    margin-bottom: 23px;
  }

  .document-listing__filters-wrapper .active-filters > button:after {
    display: none;
  }

  .document-listing__filters-wrapper .document-listing__filter-option button {
    position: relative;
    color: var(--owi-icon-text-color);
    font-family: var(--owi-primary-font-family);
    font-size: 1rem;
    font-weight: 700;
    background-color: white;
    width: 100%;
    padding: 22px 8px 22px 0;
    text-align: left;
    text-transform: capitalize;
    border-bottom: 1px solid var(--owi-icon-separator-color);
    letter-spacing: normal;
    margin-bottom: 13px;
  }

  .document-listing .document-listing__filter-option button {
    padding: 22px 8px 22px 0;
    border-bottom: 1px solid var(--owi-icon-separator-color);
    box-shadow: none;
  }

  .document-listing .document-listing__filter-option ul {
    box-shadow: none;
  }

  .document-listing .document-listing__filter-option ul li {
    padding: 0;
  }

  .document-listing__filters-wrapper .document-listing__filter-option .icon-icon-arrow {
    position: absolute;
    right: 8px;
  }

  .document-listing__filters-wrapper .document-listing__filter-option button:after {
    display: none;
  }

  .document-listing__filters-wrapper .document-listing__filter-option ul {
    display: none;
  }

  .document-listing__filters-wrapper .document-listing__filter-option.active ul {
    display: block;
  }

  .document-listing__filters-wrapper .document-listing__filter-option.active button {
    border-bottom: none;
  }

  .document-listing__filters-wrapper .document-listing__filter-option.active .icon-icon-arrow {
    display: inline-block;
    transform: rotate(180deg);
  }

  .document-listing__filters-wrapper .document-listing__filter-option ul li {
    font-size: 0.875rem;
    line-height: 2rem;
    color: var(--owi-icon-text-color);
    text-transform: capitalize;
  }

  .document-listing .document-listing__grid-wrapper > p {
    font-size: 1rem;
    color: var(--owi-icon-text-color);
    font-weight: 700;
    margin-bottom: 32px;
  }

  .document-listing__listing-wrapper {
    display: flex;
    flex-direction: column;
    width: 978px;
    justify-content: space-between;
  }

  .document-listing__listing-wrapper .document-listing__tile {
    display: flex;
    height: auto;
    width: 100%;
    padding: 35px 32px 23px 32px;
    margin-bottom: 24px;
  }

  .document-listing .document-listing__tile .info-wrapper h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    color: var(--owi-topic-color);
    letter-spacing: normal;
    text-transform: capitalize;
    margin-bottom: 4px;
  }

  .document-listing__tile .action-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
  }

  .document-listing__tile .action-wrapper a {
    height: 45px;
    width: 170px;
  }

  .document-listing__tile .action-wrapper a:first-child {
    margin-bottom: 16px;
  }

  .document-listing__tile .action-wrapper a:first-child:before {
    content: "\e90a";
    font-family: 'icomoon' !important;
    margin-right: 8px;
  }

  .document-listing__tile .action-wrapper a.view {
    background-color: white;
    color: var(--owi-primary-color);
    border: 1px solid var(--owi-primary-color);
  }

  .document-listing__tile .action-wrapper a.view:hover {
    color: white;
  }

  .document-listing__listing-wrapper .document-listing__tile .info-wrapper h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: var(--owi-topic-color);
    letter-spacing: normal;
    text-transform: capitalize;
  }

  .document-listing__listing-wrapper .document-listing__tile .info-wrapper p {
    font-size: 0.875rem;
    line-height: 2rem;
    font-weight: 400;
    text-transform: capitalize;
  }

  .document-listing__listing-wrapper .document-listing__tile .info-wrapper p:last-child {
    color: var(--owi-caption-color);
    font-weight: 600;
    margin-top: 25px;
  }

  .document-listing .document-listing__tile.with-image {
    height: 250px;
    width: 100%;
    padding: 38px 32px;
  }

  .document-listing .document-listing__tile .image-wrapper {
    flex: 0 225px;
    height: 178px;
    width: 225px;
    margin-right: 32px;
  }

  .document-listing .document-listing__tile .image-wrapper img {
    height: 178px;
    width: 100%;
    object-fit: cover;
  }

  .document-listing__listing-wrapper .document-listing__tile.with-image .info-wrapper {
    width: 412px;
  }

  .document-listing__listing-wrapper .document-listing__tile.with-image .action-wrapper {
    justify-content: center;
  }

  .document-listing .document-listing__grid-wrapper {
    display: flex;
    flex-direction: column;
  }

  .document-listing #document-pagination-display {
    display: flex;
    justify-content: center;
  }

  .document-listing #document-pagination-display ul {
    display: flex;
    justify-content: center;
  }

  .document-listing #document-pagination-display ul li {
    height: 24px;
    width: 24px;
    border: solid 1px var(--owi-line-separator-color);
    text-align: center;
    margin-right: 8px;
  }

  .document-listing #document-pagination-display ul li:first-child,
  .document-listing #document-pagination-display ul li:last-child {
    border: none;
    display: inline-block;
    height: 15px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .document-listing #document-pagination-display ul li:first-child .icon-icon-arrow,
  .document-listing #document-pagination-display ul li:last-child .icon-icon-arrow {
    margin-left: 0;
  }

  .document-listing #document-pagination-display ul li:first-child {
    transform: rotate(90deg);
  }

  .document-listing #document-pagination-display ul li:last-child {
    transform: rotate(-90deg);
  }

  .document-listing #document-pagination-display ul li a {
    display: table-cell;
    height: 24px;
    width: 24px;
    color: #D4D4D4;
    font-size: 0.75rem;
    font-weight: 700;
    vertical-align: middle;
  }

  .document-listing .document-listing__active-page {
    background-color: var(--owi-primary-color);
    color: white;
  }
}






/* Start your mobile here */
.featured-products-carousel {
    padding: var(--owi-component-padding-mobile);
    margin-top: 65px;
}

.featured-products-carousel__text h3 {
    font-size: 1.5rem;
    line-height: 60px;
    letter-spacing: 0.8px;
}

.featured-products-carousel__text p {
    margin-top: 10px;
    line-height: 24px;
    letter-spacing: 0.44px;
    padding-right: 28px;
    margin-bottom: 40px;
}

.featured-products-carousel .swiper-container {
    overflow: visible;
    margin-top: 38px;
    width: 310px;
    padding-bottom: 85px;
}

.featured-products-carousel .swiper-wrapper {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.featured-products-carousel .swiper-container__controls {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.featured-products-carousel .swiper-plugin-navigation-prev {
    display: flex;
    margin-right: 22px;
    width: 22px;
}

.featured-products-carousel .swiper-plugin-navigation-next {
    display: flex;
    margin-right: 22px;
    width: 31px;
}

.featured-products-carousel .swiper-plugin-navigation-prev,
.featured-products-carousel .swiper-plugin-navigation-next {
    color: var(--owi-primary-color);
}

.featured-products-carousel .swiper-button-disabled {
    color: var(--owi-border-color);
}

.featured-products-carousel .swiper-slide {
    flex-shrink: 0;
}

/* plugin pagination  */
.featured-products-carousel .swiper-plugin-pagination {
    display: flex;
    justify-content: center;
}

.featured-products-carousel .swiper-plugin-pagination__item {
    display: block;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border-radius: 0px !important;
    border: none;
    transition: background ease 0.2s;
    background: #e7e7e7;
    cursor: pointer; 
}

.featured-products-carousel .swiper-plugin-pagination__item.is-active {
    background: var(--owi-primary-color);
}

.featured-products-carousel__product-card {
    height: 288px;
    padding: 23px 13px;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,0.1) !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.featured-products-carousel__product-card img {
    height: 130px;
    margin: 0 auto;
}

.featured-products-carousel__text-wrapper {
    overflow: hidden;
}

.featured-products-carousel__product-card h5 {
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: capitalize;
    margin-top: 10px;
    max-height: 80px;
    overflow: hidden;

    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;  
}

.featured-products-carousel__product-card p {
    font-size: 0.625rem;
    line-height: 1.3rem;
    letter-spacing: 0.38px;
    font-weight: 600;
    font-family: var(--owi-primary-font-family); 
    color: var(--owi-caption-color);
    margin-top: 5px;
}

/* Mobile Only Styles */
@media only screen and (max-width: 959px) {
    .featured-products-carousel .swiper-container {
        overflow: hidden;
    }
}


/* Start your desktop styles here */
@media only screen and (min-width: 960px) {
    .featured-products-carousel {
        display: flex;
        flex-direction: row;
        margin-top: 0;
        padding: 65px 0px 65px 0px;
        max-width: 1440px;
        margin: 0 auto;
        overflow: hidden;
    }

    .featured-products-carousel__text {
        padding-top: 75px;
        flex-shrink: 1;
        max-width: 36%;
        z-index: 10;
        background-color: white;
        /* margin-right: 80px; */
    }

    .featured-products-carousel__text h3 {
        font-size: 2.57rem;
        line-height: 3.75rem;
        letter-spacing: 1.2px;
    }

    .featured-products-carousel__text p {
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: 0.5px;
        color: var(--owi-paragraph-color);
        margin-bottom: 50px;
        font-weight: 400;
    }

    .featured-products-carousel .swiper-container {
        margin-top: 0;
        padding-left: 10px;
        padding-top: 10px;
    }

    .featured-products-carousel .swiper-plugin-navigation-prev {
        display: flex;
        margin-right: 22px;
    }

    .featured-products-carousel__product-card {
        height: 500px;
        padding: 30px;
    }

    .featured-products-carousel__product-card img {
        height: 170px;
    }

    .featured-products-carousel__product-card h5 {
        font-size: 1.125rem;
        line-height: 1.5rem;
        text-transform: capitalize;
        margin-top: 15px;
        max-height: 120px;
        overflow: hidden;

        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;  
    }

    .featured-products-carousel__product-card p {
        font-size: 0.75rem;
        line-height: 1.25rem;
        letter-spacing: 0.38px;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .featured-products-carousel__product-card .desktop {
        display: flex;
        flex-direction: column;
    }

    .featured-products-carousel__product-card-cta {
        width: 100%;
        padding: 11px 0;
        display: inline-block;
        text-align: center;
        font-family: var(--owi-secondary-font-family);
        font-size: 0.75rem;
        text-decoration: none;
        color: var(--owi-primary-color);
        text-transform: uppercase;
        line-height: 17px;
        letter-spacing: 2.57px;
        font-weight: 600;
    }

    .featured-products-carousel .swiper-slide {
        max-width: 310px;
    }

    .featured-products-carousel .icon-icon-arrow.right,
    .featured-products-carousel .icon-icon-arrow.left {
        font-size: 1.5rem;
    }
}
/* Global Header Utility Bar Styles */
/*
.global-header.commercial .global-header__utility-bar {
    background-color: var(--owi-primary-color);
}

.global-header.commercial .global-header__desktop-nav {
    background-color: var(--owi-secondary-color);
}

.global-header.commercial .global-header__utility-bar .global-header__utility-bar--nav > ul li a {
    color: white;
}
*/

.global-header {
    z-index: 1000;
    width: 100%;
}

.global-header__utility-bar {
    background-color: var(--owi-global-header-utility-color);
    /* display: flex; */
   /* overflow: hidden; */
    /* padding-left: 20px; */
    height: 36px;
}

.global-header__utility-bar .global-header__utility-bar--nav > ul {
    display: flex;
    /* display: inline-block; */
    /* height: 43px; */
    height: auto;
    margin: 0;
}

.global-header__utility-bar .global-header__utility-bar--icon-nav {
    display: none;
}

.global-header__utility-bar .global-header__utility-bar--nav > ul li {
    flex: 1 auto;
    color: white;
    display: inline-block;
    margin-bottom: 0px;
    margin-right: 0px;
    overflow: hidden;
    position: relative;
    padding: 18px 16px;
    font-size: 1.125rem;
    margin-left: 0px;
}

.global-header__utility-bar .global-header__utility-bar--nav > ul li a {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    color: var(--owi-global-header-utility-link-color);
    display: block;
    padding: 12px 10px;
    text-decoration: none;
    font-size: .625rem;
    background: var(--owi-global-header-utility-color);
    overflow: hidden;
    -moz-transform: rotate(-23deg);
    -o-transform: rotate(-23deg);
    -webkit-transform: rotate(-23deg);
    margin-bottom: -100px;
    margin-top: -70px;
    height: 150px;
    border-left: 1px solid transparent;
    text-align: center;
}

@media not all and (min-resolution:.001dpcm) {
    @media only screen and (min-width: 959px) {
        .global-header__utility-bar .global-header__utility-bar--nav > ul li a {
            overflow: visible;
        }
    }
}

.global-header__utility-bar .global-header__utility-bar--nav > ul li a span {
    overflow: hidden;
    display: block;
    -moz-transform: rotate(23deg);
    -o-transform: rotate(23deg);
    -webkit-transform: rotate(23deg);
    /* padding: 0 20px; */
    margin-top: 50px;
}

.global-header__utility-bar .global-header__utility-bar--nav > ul li.active a {
    background: var(--owi-global-header-secondary-color);
    color: white;
}

.global-header__desktop-nav {
    display: block;
}

.global-header__desktop-nav .logo {
    object-fit: cover;
    padding-right: 53px;
}

.global-header .search-nav {
    display: none;
}

.global-header .search-nav.show {
    display: block;
    background-color: white;
    z-index: 100;
    position: absolute;
    top: 109px;
    left: 0;
    right: 0;
    height: 100vh;
}

/* Global Header Main Nav Styles*/
.global-header__mobile-nav {
    background-color: var(--owi-global-header-secondary-color);
    display: flex;
    padding: 10px 10px;
}

.global-header__mobile-nav ul {
    display: none;
}

.global-header__mobile-nav ul {
    display: none;
}

.global-header__sub-nav {
    display: none;
}

.global-header__mobile-nav img {
    max-height: 30px;
    padding-bottom: 4px;
}

.global-header__mobile-nav .logo {
    object-fit: cover;
    padding: 0px 10px;
    margin: 2.5px 0px;
}

.global-header__mobile-nav--icons {
    margin-left: auto;
    margin-right: 0px;
    align-items: center;
    display: flex;
}

.global-header__mobile-nav--icons .icon-search {
    position: relative;
    top: 9px;
    right: 21px;
}

.global-header__mobile-nav--icons .icon-menu {
    position: relative;
    top: 9px;
    right: 11px;
}

.global-header__utility-bar--icon-nav .icon-contact-us {
    position: relative;
    top: 9px;
}

.global-header__utility-bar--icon-nav .icon-globe {
    position: relative;
    top: 9px;
}

.global-header__utility-bar--icon-nav .icon-user {
    position: relative;
    top: 9px;
}

.global-header__desktop-nav .global-header__desktop-nav--main > li > a:after {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e900";
    font-size: 10px;
    margin-left: 7px;
}

/* Icon Styles */
.global-header .icon-icon-contact,
.global-header .icon-icon-careers,
.global-header .icon-icon-location,
.global-header .icon-icon-login {
    font-size: 13px;
}

.global-header .icon-icon-contact {
    margin-right: 5px;
}

.global-header .icon-icon-careers {
    margin-right: 5px;
}

.global-header .icon-icon-location {
    margin-right: 5px;
}

.global-header .icon-icon-login {
    margin-right: 3px;
}

.global-header .icon-icon-search,
.global-header .icon-icon-wheretobuy,
.global-header .icon-icon-menu {
    font-size: 15px;
    color: white;
    margin-right: 5px;
}

.global-header .global-header__mobile-nav--icons .icon-icon-search,
.global-header .global-header__mobile-nav--icons .icon-icon-menu {
    font-size: 18px;
    margin-right: 10px;
    margin-left: 10px;
}

.global-header__desktop-nav .global-header__desktop-nav--main li ul {
    display: none;
}

/* Temporarily only showing explore-by-brand submenu, replace .explore-by-brand with li when development of other submenus starts */
.global-header  .explore-by-brand ul {
    display: block;
    background-color: var(--owi-primary-white);
}

.global-header__sub-nav {
    display: none;
}

.global-header__sub-nav.active {
    display: block;
    position: fixed;
    top: 50px;
    width: 100%;
    height: 100vh;
    background: white;
    z-index: 5;
    overflow: initial;
}

.global-header__sub-nav > div {
    display: none;
}

.global-header__sub-nav > div.active {
    display:block;
}

/* In The Know Navigation Mobile Styles */
.global-header .nav-2-col-hero,
.global-header .nav-4-col {
    height: 100vh;
}

.global-header .nav-2-col-hero h2,
.global-header .nav-4-col h2 {
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: 0.58px;
    color: #b4b4b4;
    text-transform: uppercase;
    padding: 20px 20px 10px;
}

.global-header .nav-2-col-hero ul li a,
.global-header .nav-4-col ul li a  {
    color: var(--owi-icon-text-color);
    font-weight: 700;
    display: block;
    padding: 10px 20px;
    font-family: var(--owi-primary-font-family);
    font-size: .875rem;
}

.global-header .nav-2-col-hero .nav-hero {
    display: none;
}
/* Explore by Vehicle Navigation styles */
.global-header .explore-by-vehicle .button {
    width: 100%;
}

.global-header .explore-by-vehicle .nav-2-col-hero {
    padding: var(--owi-component-padding-mobile);
}

.global-header .nav-col {
    border-bottom: 1px solid var(--owi-line-separator-color);
    padding-bottom: 20px;
}

.global-header .nav-col > form > p {
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.3px;
    font-weight: 500;
    margin-bottom: 20px;
}

.global-header .nav-col > form > p#messageHook {
    font-weight: bold;
    color: var(--owi-icon-text-color);
}

.global-header .nav-col  p.error {
    color: red;
    font-size: 11px;
    margin-bottom: 0px;
}

.global-header .nav-col > form .select-selected {
    padding: 8px 0;
}

/*mobile products nav*/
.global-header .products-navigation.mobile a {
    color: var(--owi-icon-text-color);
    font-weight: 700;
    display: block;
    padding: 20px;
    font-family: var(--owi-primary-font-family);
    font-size: .875rem;
    border-bottom: 1px solid var(--owi-line-separator-color);
}

.global-header .products-navigation.mobile > ul > li {
    position: relative;
    background-color: white;
}

.global-header .global-header__sub-nav--section .products-navigation.mobile > ul > li .sub-nav-mobile-toggle:after {
    content: '\FF0B';
    color: var(--owi-icon-text-color);
    font-size: 1rem;
    transform: none;
    transition: none;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    padding-left: 2px;
    line-height: 20px;
    font-weight: 700;
}

.global-header .global-header__sub-nav--section .products-navigation.mobile > ul > li.active .sub-nav-mobile-toggle:after  {
    content: '\FF0D' !important;
    font-size: 1rem;
}

.global-header .global-header__sub-nav--section .products-navigation.mobile li ul{
    display: none;
    padding-left: 20px;
}

.global-header .global-header__sub-nav--section .products-navigation.mobile li ul a {
    padding-bottom: 10px;
}

.global-header .global-header__sub-nav--section .products-navigation.mobile li ul li ul {
    padding-left: 0px;

}

.global-header .global-header__sub-nav--section .products-navigation.mobile li ul li ul a {
    font-weight: 500;
    padding: 10px 10px 10px 20px;
}

.global-header .global-header__sub-nav--section .products-navigation.mobile ul li.active ul {
    display: block;
}

.global-header .global-header__sub-nav--section .products-navigation.mobile ul li.active {
    padding-bottom: 20px;
}

.global-header .global-header__sub-nav--section .products-navigation.mobile ul li.active a {
    border-bottom: none;
}

.global-header .global-header__sub-nav--section .products-navigation.mobile ul li.active {
    border-bottom:1px solid var(--owi-line-separator-color);
}

.global-header .global-header__desktop-nav .global-header__utility-bar--icon-nav {
    display: none;
} 

/* Mobile Only Styles */
@media only screen and (max-width: 959px) {

    .global-header .menu-open {
        display: block;
    }

    .global-header__desktop-nav {
        display: none;
    }

    .global-header__desktop-nav.menu-open {
        display: block;
    }

    .global-header .lang-selector {
        display: none;
    }

    .global-header__mobile-nav--icons .icon-icon-close {
        color: #ffffff;
    }

    .global-header__desktop-nav .logo {
        display: none;
    }

    .global-header__desktop-nav .global-header__desktop-nav--main > li {
        margin-bottom: 0;
        background-color: var(--owi-primary-color);
    }

    .global-header__desktop-nav .global-header__desktop-nav--main li > a::after {
        display: inline-block;
        transform: rotate(-90deg);
        float: right;

    }

    .global-header__desktop-nav .global-header__desktop-nav--main li a {
        font-family: 'Oswald', sans-serif;
        font-size: .875rem;
        font-weight: 500;
        line-height: 21px;
        display: block;
        color: white;
        text-transform: uppercase;
        font-size: .875rem;
        letter-spacing: .05rem;
        padding: 12px 24px;
    }

    .global-header .explore-by-brand ul {
        position: absolute;
        width: 100%;
        height: 100vh;
        z-index: 5;
    }

    .global-header .explore-by-brand ul li a {
        display: flex;
        flex-direction: row;
        padding: 25px;
        border-bottom: 1px solid var(--owi-border-color);
        margin-right: 0;
    }

    .global-header .explore-by-brand ul li img {
        max-height: 35px;
        max-width: 75px;
        flex: 1 105px;
        margin-right: 35px;
        object-fit: contain;
    }

    .global-header  .explore-by-brand ul li p {
        text-transform: capitalize;
        color: var(--owi-icon-text-color);
        line-height: 1.5rem;
        font-weight: 700;
    }

    .global-header .global-header__sub-nav--breadcrumb {
        background-color: var(--owi-primary-color);
    }

    .global-header .global-header__sub-nav--breadcrumb:before {
        color: white;
        display: inline-block;
        font-family: 'icomoon' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        content: "\e900";
        font-size: 10px;
        margin-right: 7px;
        transform: rotate(90deg);
        position: relative;
        left: 20px;
    }

    .global-header .global-header__sub-nav--breadcrumb a {
        font-family: 'Oswald', sans-serif;
        font-size: .875rem;
        font-weight: 500;
        line-height: 21px;
        display: inline-block;
        color: white;
        text-transform: uppercase;
        font-size: .875rem;
        letter-spacing: .05rem;
        padding: 12px 24px;
    }

    .global-header .global-header__desktop-nav--icon-container ul {
        border-top: 1px solid var(--owi-secondary-color);
    }

    .global-header .global-header__desktop-nav--icon-container ul li {
        font-family: 'Oswald', sans-serif;
        font-size: .875rem;
        font-weight: 500;
        line-height: 21px;
        display: block;
        color: white;
        text-transform: uppercase;
        font-size: .875rem;
        letter-spacing: .05rem;
        padding: 12px 24px;

        background: var(--owi-primary-color);
    }

    .global-header .global-header__desktop-nav--icon-container ul li a {
        color: var(--owi-primary-white);
    }

    .global-header .global-header__sub-nav--section .products-navigation.mobile ul li.active {
        padding-bottom: 0px;
    }

    .global-header .search-nav.show {
        display: block;
        position: fixed;
        overflow-y: scroll;
        height: 100%;
    }   

    .global-header .global-header__desktop-nav .global-header__utility-bar--icon-nav {
        display: block;
    } 

    .global-header .global-header__desktop-nav .global-header__utility-bar--icon-nav ul {
        background-color: var(--owi-colorblock-background-color);
    }    

    .global-header .global-header__desktop-nav .global-header__utility-bar--icon-nav li {
        padding: 5px 0px 5px 25px;
    } 
    
    .global-header .global-header__desktop-nav .global-header__utility-bar--icon-nav a {
        color: var(--owi-primary-white);
        font-family: var(--owi-primary-font-family);
        font-size: 12px;
    } 

    /* .global-header__sub-nav.active {
        display: block;
        position: fixed;
        top: 50px;
        width: 100%;
        height: 100vh;
        background: white;
        z-index: 5;
        overflow: scroll;
    } */

}

@media only screen and (min-width: 960px) {
    .global-header .global-header__sub-nav--section .products-navigation.mobile {
        display: none;
    }

    .global-header .global-header__utility-bar--wrapper.hide {
        display: block !important;
    }

    .global-header {
        position: relative;
    }
    .global-header__desktop-nav {
        display: flex;
        background-color: var(--owi-global-header-secondary-color);
        margin: 0px;
        padding: 21px 50px 21px 20px;
    }

    .global-header__desktop-nav img {
        width: 125px;
        padding-bottom: 8px;
    }

    .global-header__mobile-nav {
        display: none;
    }

    .global-header__utility-bar--wrapper {
        background-color: var( --owi-global-header-utility-color)
    }

    .global-header__desktop-nav--wrapper {
        position: relative;
        background-color: var(--owi-global-header-secondary-color);
    }

    .global-header__utility-bar {
        max-width: 1440px; 
        display: flex;
        margin: 0 auto;
    }

    .global-header__desktop-nav {
        max-width: 1440px;
        margin: auto;
    }

    .global-header__utility-bar .global-header__utility-bar--nav {
        width: 50%;
    }
    .global-header__utility-bar .global-header__utility-bar--icon-nav {
        align-self: center;
        display: flex;
        margin: 0px;
        padding-left: 0px;
        width: 50%;
    }

    .global-header__utility-bar .global-header__utility-bar--icon-nav ul {
        margin-left: auto;
        margin-right: 0;
        padding-right: 50px;
        margin-bottom: auto;
    }

    .global-header__utility-bar .global-header__utility-bar--nav > ul {
        display: inline-block;
    }

    .global-header__utility-bar .global-header__utility-bar--icon-nav ul li {
        display: inline-block;
        margin-bottom: 0px;
        margin-left: 20px;
    }

    .global-header__utility-bar .global-header__utility-bar--nav > ul li a {
        font-size: 12px;
    }

    .global-header__utility-bar .global-header__utility-bar--icon-nav ul li a {
        color: var(--owi-global-header-icons-color);
        font-size: .75rem;
        font-family: 'Oswald', sans-serif;
        font-weight: 500;
    }

    .global-header__desktop-nav .global-header__desktop-nav--main {
        display: inline;
        align-self: center;
        margin: 0px;
    }

    .global-header__desktop-nav .global-header__desktop-nav--main li {
        display: inline-block;
        margin-bottom: 0;
    }

    .global-header__desktop-nav .global-header__desktop-nav--main li a {
        font-family: 'Oswald', sans-serif;
        font-size: .875rem;
        font-weight: 500;
        line-height: 21px;
        display: block;
        color: #ffffff;
        text-transform: uppercase;
        margin-right: 40px;
        font-size: .875rem;
        letter-spacing: .05rem;
    }

    .global-header__desktop-nav .global-header__desktop-nav--main li a:hover {
        text-decoration: none;
        box-shadow: none;
        color: white;
    }

    .global-header__desktop-nav .global-header__desktop-nav--main li a.menu-item-open {
        color: white;
    }

    .global-header__desktop-nav .global-header__desktop-nav--main > li > ul {
        display: none
    }

    .global-header__desktop-nav .global-header__desktop-nav--main .menu-item-open::after {
        display: inline-block;
        font-family: 'icomoon' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        content: "\e900";
        font-size: 10px;
        margin-left: 7px;
        transform: rotate(180deg);
    }


    .global-header  .global-header__sub-nav--section .explore-by-brand ul {
        /* position: absolute; */
        top: 0px;
        max-width: 1440px;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: flex-start;
        /* padding-top: 54px; */
        padding-bottom: 54px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .global-header .global-header__sub-nav--section .explore-by-brand ul li {
        position: relative;
        flex: 0 1 20%;
        margin-top: 54px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .global-header .global-header__sub-nav--section .explore-by-brand ul li a {
        max-width: 150px;
        margin-right: 0;
    }

    .global-header .global-header__sub-nav--section .explore-by-brand  ul li img {
        margin: auto;
    }

    .global-header .global-header__sub-nav--section .explore-by-brand ul li:not(:last-child)::after {
        content: " ";
        position: absolute;
        right: 0;
        /* top: 0; */
        height: 65px;
        width: 1px;
        background: var(--owi-icon-separator-color);
    }

    .global-header .global-header__sub-nav--section .explore-by-brand ul li:nth-child(5)::after {
        display: none;
    }

    .global-header .global-header__sub-nav--section .explore-by-brand p {
        display: none;
    }

    .global-header__desktop-nav--icon-container {
        display: inline-block;
        margin-right: 0;
        margin-left: auto;
        align-self: center;
    }

    .global-header__desktop-nav--icon-container ul {
        display: inline;
        margin: 0;
    }

    .global-header__desktop-nav--icon-container ul li {
        display: inline-block;
        margin-left: 30px;
        margin-bottom: 0px;
    }

    .global-header__desktop-nav--icon-container ul li a {
        color: white;
        font-size: .875rem;
        font-family: 'Oswald', sans-serif;
        font-weight: 500;
    }

    .global-header__desktop-nav--icon-container .icon-search {
        position: relative;
        top: 4px;
    }

    .global-header__desktop-nav--icon-container .icon-marker {
        position: relative;
        top: 4px;
    }

    .global-header__sub-nav--breadcrumb {
        display: none;
    }

    .global-header__sub-nav.active {
        position: absolute;
        height: auto;
        top: 109px;
    }
    .global-header .global-header__sub-nav--section #explore-by-brand ul {
        position: relative;
        top: 0px;
    }

    /* In The Know Navigation Styles */
    .global-header .global-header__sub-nav--section nav {
        max-width: 1440px;
        margin: 0 auto;
        display: block;
    }

    .global-header .nav-2-col-hero,
    .global-header .nav-4-col {
        height: auto;
    }

    .global-header .global-header__sub-nav--section .nav-2-col-hero {
        display: flex;
    }

    .global-header .global-header__sub-nav--section .nav-2-col-hero .nav-col {
        padding: 20px 20px 20px 0;
        flex-grow: 1;
        width: 16.6666%;
        border-bottom: none;
    }

    .global-header .global-header__sub-nav--section .nav-2-col-hero .nav-col + .nav-col {
        flex-grow: 1;
    }

    .global-header .global-header__sub-nav--section .nav-2-col-hero .nav-hero {
        width: 66.6666%;
        position: relative;
    }

    .global-header .global-header__sub-nav--section nav .nav-2-col-hero h2,
    .global-header .global-header__sub-nav--section nav .nav-4-col h2 {
        padding: 0;
        margin-bottom: 20px;
    }

    .global-header .global-header__sub-nav--section .nav-2-col-hero h1,
    .global-header .global-header__sub-nav--section .nav-4-col h1  {
        color: white;
        margin-bottom: 20px;
    }

    .global-header .global-header__sub-nav--section .nav-2-col-hero h1 + p {
        color: white;
        font-size: .875rem;
        font-weight: 400;
    }

    .global-header .nav-2-col-hero ul li a,
    .global-header .nav-4-col .nav-col ul li a  {
        padding: 0px;
        border-bottom: none;
        line-height: 1.3125rem;
        margin-bottom: 20px;
    }

    .global-header .nav-2-col-hero .nav-hero {
        display: block;
    }

    .global-header .nav-2-col-hero .nav-col > p,
    .global-header .nav-4-col .nav-col > p {
        color: var(--owi-icon-text-color);
        margin-bottom: 20px;
    }

    .global-header .nav-hero-item__image img {
        width: 100%;
    }

    .global-header .nav-hero-item__wrap {
        position: absolute;
        width: 60%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: 100%;
        padding: 40px 0 0 40px;
    }

    .global-header .nav-hero-item__wrap a {
        height: 40px;
        width: auto;
        padding: 12px 35px;
        line-height: 17px;
        margin-top: 31px;
    }

    .global-header .global-header__sub-nav--section .nav-4-col {
        display: flex;
    }

    .global-header .global-header__sub-nav--section .nav-4-col .nav-col {
        padding: 20px 20px 20px 0;
        width: 20%;
        border-bottom: none;
    }

    /* Explore by Vehicle Navigation styles */
    .global-header .global-header__sub-nav--section__wrapper {
        max-width: 1440px;
        margin: 0 auto;
    }

    .global-header .explore-by-vehicle .nav-2-col-hero > .nav-col {
        padding-right: 80px;
    }

    .global-header .nav-2-col-hero {
        padding: 0 0 30px 20px !important;
    }

    .global-header .explore-by-vehicle #ebv-form {
        padding: 35px 76px 0 0;
    }

    .global-header .explore-by-vehicle #ebv-form > form > a {
        /* margin-top: 24px; */
    }

    .global-header .global-header__sub-nav--section .nav-col > p {
        font-weight: 700;
    }

    /* Product Navigation styles */
    .global-header  .products-navigation {
        display: flex;
        flex-direction: row;
        min-height: 403px;
    }

    .global-header  .products-navigation ul {
        flex-basis: 25%;
    }

    .global-header .products-navigation ul > ul {
        position: relative;
        display: block;
    }

    .global-header .products-navigation .products-navigation__col {
        flex-basis: 25%;
    }

    .global-header .products-navigation .products-navigation__col {
        border-right: 1px solid var(--owi-border-color);
        padding-top: 20px;
    }

    .global-header .products-navigation .products-navigation__col:last-child {
        border-right: none;
        padding: 20px;
    }


    /* first navigation column */
    .global-header .explore-products .products-navigation .products-navigation__col:first-child ul li a{
        text-transform: uppercase;
        font-family: var(--owi-secondary-font-family);
        font-weight: 500;
        display: block;
        color: black;
        padding: 10px 0px 10px 20px;
        position: relative;
    }

    .global-header .products-navigation .products-navigation__col:first-child ul li a.active,
    .global-header .products-navigation .products-navigation__col:first-child ul li.products-with-subnav a.active {
        background: var(--owi-global-header-color);
        color: white;
    }

    .global-header .products-navigation .products-navigation__col:first-child ul li a.active:after,
    .global-header .products-navigation .products-navigation__col:first-child ul li.products-with-subnav a:after,
    .global-header .products-navigation .products-navigation__col:nth-child(2) ul li.products-with-subnav a:after {
        font-family: 'icomoon' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        content: "\e900";
        font-size: 10px;
        margin-left: 7px;
        display: block;
        transform: rotate(-90deg);
        height: 12px;
        width: 8px;
        position: absolute;
        right: 20px;
        top: calc(50% - 4px);
        /* color: white; */
    }

    .global-header .products-navigation .products-navigation__col:first-child ul li a.active:after {
        color: white !important;
    }

    .global-header .products-navigation .products-navigation__col:first-child ul li.products-with-subnav a:after {
        color: black;
    }

    .global-header .products-navigation .products-navigation__col ul li:hover {
        background-color: var(--owi-nav-background-color);
    }

    .global-header .products-navigation .products-navigation__col ul li a {
        font-family: var(--owi-primary-font-family);
        font-size: .875rem;
        font-weight: 700;
        color: var(--owi-topic-color);
        padding: 10px 0;
        display: block;
        padding: 10px 0px 10px 20px;
        position: relative;
    }

    .global-header .products-navigation .products-navigation__col:not(:first-child) ul {
        display: none;
    }

    .global-header .products-navigation .products-navigation__col:not(:first-child) ul.active {
        display: block;
    }

    .global-header .products-navigation .products-navigation__col:nth-child(2) ul li a.active {
        background-color: var(--owi-nav-background-color);
    }

    .global-header .products-navigation .products-navigation__col:nth-child(2) ul li a.active:after{
        font-family: 'icomoon' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        content: "\e900";
        font-size: 10px;
        margin-left: 7px;
        display: block;
        transform: rotate(-90deg);
        height: 12px;
        width: 8px;
        position: absolute;
        right: 20px;
        top: calc(50% - 4px);
        color: var(--owi-topic-color);
    }

    .global-header .products-navigation .products-navigation__col:nth-child(2) ul{
        display: none;
    }

    .global-header .products-navigation .products-navigation__col:nth-child(2) ul.active{
        display:block;
    }

    .global-header .products-navigation h2 {
        font-size: .875rem;
        color: var(--owi-tag-color);
        text-transform: uppercase;
        font-family: var(--owi-secondary-font-family);
        font-weight: 600;
        margin-bottom: 10px;
    }

    .global-header .products-navigation h3 {
        font-size: 1rem;
        text-transform: capitalize;
        font-family: var(--owi-primary-font-family);
        font-weight: 700;
        margin-bottom: 10px;
        color: var(--owi-topic-color);
    }

    .global-header .products-navigation img {
        margin-bottom: 10px;
    }

    .global-header .global-header__utility-bar--icon-nav ul li {
        position: relative;
    }    

    .global-header .lang-selector {
        display: none;
        padding: 20px;
        background-color: white;
        min-width: 240px;
    }

    .global-header .global-header__utility-bar--icon-nav ul > li.lang-selector-item > a > span.lang-selector-item-arrow:after {
        font-family: 'icomoon' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        content: "\e900";
        font-size: 8px;
        margin-left: 7px;
    }

    .global-header .global-header__utility-bar--icon-nav ul > li.lang-selector-item.active > a:after {
         display: inline-block;
         font-family: 'icomoon' !important;
         speak: never;
         font-style: normal;
         font-weight: normal;
         font-variant: normal;
         text-transform: none;
         line-height: 1;
         -webkit-font-smoothing: antialiased;
         content: "\e900";
         font-size: 8px;
         margin-left: 7px;
         transform: rotate(180deg);
         padding-top: 2px;
     }

    .global-header .global-header__utility-bar--icon-nav ul li.lang-selector-item.active .lang-selector {
        display: block;
        position: absolute;
        z-index: 100;
        left: -180px;
    }

    .global-header .lang-selector h2 {
        color: var(--owi-paragraph-color);
        font-size: .875rem;
        margin-bottom: 10px;
    }

    .global-header .lang-selector ul {
        padding: 0px;
    }

    .global-header .lang-selector ul li {
        margin: 0px;
        display: block;
    }

    .global-header .lang-selector ul li a {
        padding: 10px;
        display: flex;
    }

    .global-header .lang-selector ul li:hover {
        background-color: var(--owi-line-separator-color);
    }

    .global-header .lang-selector ul li a span:first-child {
        text-transform: capitalize;
        text-align: left;
        width: 40%;
        font-size: .75rem;
        font-family: var(--owi-primary-font-family);
        color: var(--owi-paragraph-color);
        font-weight: 600;
    }

    .global-header .lang-selector ul li a span:last-child {
        width: 60%;
        font-size: .875rem;
        font-family: var(--owi-primary-font-family);
        font-weight: 700;
        font-size: .75rem;
        color: var(--owi-primary-color);
    }

    .global-header .nav-icon-grid {
        background-color: #f7f7f7;
    }

    .global-header .nav-2-col-hero + .nav-icon-grid {
        padding: 0px 0px 0px 20px !important;
        margin-top: -30px;
        height: 160px;
    }

    .global-header .nav-icon-title {
        font-family: 'Oswald', sans-serif;
        font-size: 1rem;
        text-transform: uppercase;
        font-weight: 500;
        line-height: 21px;
        color: #999999;
    }

    .global-header .nav-icon-table {
        width: 100%; 
        background-color: #f7f7f7;
    }    

    .global-header .nav-icon-td {
        padding: 18px;
        width: 20%;
    }

}



.global-footer {
    background: var(--owi-global-footer-color);
    color: white;
    padding: var(--owi-component-padding-mobile);
}

.global-footer a {
    color: white;
}

.global-footer form {
    border-bottom: 2px solid white;
    display: flex;
    padding-bottom: 5px;
    /* margin-bottom: 20px; */
    flex-flow: row wrap;
}

.global-footer form label,
.global-footer #footer-validation-text,
.global-footer #mobile-footer-validation-text {
    display: block;
    font-family: var(--owi-primary-font-family);
    font-size: .875rem;
    font-weight: 700;
    margin-bottom: 10px;
    width: 100%;

}

.global-footer form input {
    font-family: var(--owi-primary-font-family);
    font-size: .875rem;
    border: none;
    background: var(--owi-global-footer-color);
    color: white;
    width: 75%;
    padding: 5px;
}

.global-footer form input::placeholder {
    color: white;
    font-family: var(--owi-primary-font-family);
    font-style: italic;
    font-size: .875rem;
}

.global-footer form input:focus {
    outline: none;
}

.global-footer form button {
    border: none;
    background-color: var(--owi-primary-font-family);
    color: white;
    font-family:  var(--owi-secondary-font-family);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    position: relative;
    justify-content: flex-end;
    padding: 0px;
    padding-right: 20px;
}

.global-footer form button::after {
    display: inline-block;
    content: "\e900";
    height: 12px;
    width: 20px;
    font-family: 'icomoon' !important;
    speak: never;
    -webkit-font-smoothing: antialiased;
    transform: rotate(-90deg);
    position: absolute;
    top:20px;
    margin-left: 21px;
    background-color: var(--owi-global-footer-color);
}

/* .global-footer__mobile-email-submit-msg {
    margin-bottom: 20px;
} */

.global-footer__mobile-email-submit-msg p {
    color: white;
    font-size: 0.875rem;
}

.global-footer__email-submit-msg,
.global-footer__mobile-email-submit-msg {
    display: none;
    height: 98px;
}

.global-footer__nav h1 {
    display: block;
    font-size: .75rem;
    text-transform: uppercase;
    font-family: var(--owi-secondary-font-family);
    font-weight: 700;
    width: 100%;
    position: relative;
    margin: 0px 0px 0px;
    color: white;
}

.global-footer__nav h2 {
    font-size: .875rem;
    font-family: var(--owi-primary-font-family);
    font-weight: 700;
    color: white;
}

.global-footer__nav  h1 + h2 {
    margin-top: 20px;
}


.global-footer__nav h1::after {
    content: "\e900";
    display: inline-block;
    font-family: 'icomoon' !important;
    height: 12px;
    width: 12px;
    position: absolute;
    right:0px;
    font-size: 12px;
}

.global-footer__nav-col {
    border-bottom: 1px solid #707992;
    padding: 30px 0;
}

.global-footer__nav-col > ul {
    margin: 0px;
    padding: 0px;
    display: none;
    padding: 20px 0 0;
}

.global-footer__nav-col h1 + span {
    display: none;
}

.global-footer__nav ul li {
    font-family: var(--owi-primary-font-family);
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: 20px;
}

.global-footer__nav ul li:last-child {
    margin-bottom: 0px;
}

.global-footer__nav-col p {
    margin: 0px 0px 20px;
    font-family: var(--owi-primary-font-family);
    font-size: .875rem;
    line-height: 1.5rem;
    color: white;
}

.global-footer__nav-col p + ul{
    margin-bottom: 50px;
    display: block;
}

.global-footer__nav-col .global-footer__email-form {
    display: none;
}

.global-footer__desktop-social-icons {
    display: none;
}

.global-footer__mobile-social-icons {
    text-align: center;
    margin-top: 50px;
    padding: 0px;
    display: block;
}

.global-footer__mobile-social-icons li {
    display: inline-block;
    margin-right: 10px;
}

.global-footer__mobile-social-icons li a {
    color: white;
}

.global-footer__mobile-social-icons li span {
    font-size: 24px;
}

.global-footer .copyright {
    font-family: var(--owi-primary-font-family);;
    font-size: .625rem;
    text-align: center;
    color: white;
}

.global-footer__copyright-links {
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-family: var(--owi-primary-font-family);;
    font-size: .625rem;
}

.global-footer__copyright-links li {
    display: inline-block;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid white;
}

.global-footer__copyright-links li:last-child {
    border: none;
    margin: 0;
    padding: 0;
}

.global-footer__copyright-links li a {
    color: white;
}

.global-footer .toggle.openActive + ul,
.global-footer .toggle.openActive + span {
    display: block;
}

.global-footer .global-footer__email-form,
.global-footer .global-footer__mobile-email-form,
.global-footer .global-footer__mobile-email-submit-msg,
.global-footer .global-footer__email-submit-msg {
    height: 98px;
    margin-top: 41px;
}

.acsb-trigger {
    bottom: 85px !important;
    right: 20px !important;
}

@media only screen and (min-width: 1024px) {
    .acsb-trigger {
        bottom: 80px !important;
        right: 13px !important;
    }
}


@media only screen and (min-width: 960px) {
    .global-footer__wrapper {
        max-width: 1440px;
        margin: 0 auto;
    }

    .global-footer__mobile-email-form {
        display: none;
    }

    .global-footer__nav {
        display: flex;
        flex-flow: row wrap;
    }

    .global-footer__nav-col {
        width: 16.6666%;
        border-bottom: none;
        padding-left: 20px;
    }

    .global-footer__nav-col:last-child {
        width:33.3333%
    }

    .global-footer__nav h1::after {
        display: none;
    }

    .global-footer__nav-col h1 + span {
        display: block;
        margin-top: 20px;
    }

    .global-footer__nav-col .global-footer__email-form,
    .global-footer__desktop-social-icons {
        display: block;
    }

    .global-footer__email-submit-msg {
        display: none;
        height: 98px;
        /* margin-bottom: 40px; */
    }

    .global-footer__mobile-social-icons {
        display: none;
    }

    .global-footer__desktop-social-icons {
        text-align: left;
        margin-top: 50px;
        padding: 0px;
    }

    .global-footer__desktop-social-icons li {
        display: inline-block;
        margin-right: 10px;
    }

    .global-footer__desktop-social-icons li a {
        color: white;
    }

    .global-footer__desktop-social-icons li span {
        font-size: 24px;
    }

    .global-footer__nav-col > ul {
        display: block;
    }

    .global-footer__nav-col p + ul {
        display: flex;
        margin-bottom: 0px;
    }

    .global-footer__nav-col p + ul li {
        width: 50%;
    }

    .global-footer .copyright {
        display: inline-block;
        margin-right: 20px;
        padding-right: 20px;
        border-right: 1px solid white;
        font-size: .75rem;
    }

    .global-footer .global-footer__copyright-links {
        display: inline-block;
        font-size: .75rem;
    }
}
/* Mobile Styles */
.icon-logo-grid__wrapper {
  width: 100%;
  text-align: center;
}

.icon-logo-grid__wrapper > h2,
.icon-logo-grid__wrapper > p {
  text-align: center;
}

.icon-logo-grid__wrapper > h2 {
  font-family: var(--owi-secondary-font-family) !important;
  font-size: 1.5rem;
  color: var(--owi-heading-color);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  margin-bottom: 12px;
}

.icon-logo-grid__wrapper > p {
  font-family: var(--owi-primary-font-family) !important;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.375rem;
  margin-bottom: 64px;
}

.icon-logo-grid__grid-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.icon-logo-grid__grid-wrapper {
  display: flex;
  flex-flow: row wrap;
  align-items: start;
}

.icon-logo-grid__grid-wrapper > div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-logo-grid__grid-wrapper.icon-format > div {
  height: auto;
}

.icon-logo-grid__cta-wrapper,
.icon-logo-grid__cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.icon-logo-grid__grid-wrapper > div p {
  font-family: var(--owi-primary-font-family) !important;
  font-size: 1rem;
  line-height: 1.563rem;
  letter-spacing: 0.5px;
  color: var(--owi-icon-text-color);
  font-weight: 700;
  text-transform: capitalize;
  width: 75%;
  margin: 0 auto;
  margin-top: 15px;
}

.icon-logo-grid__grid-wrapper .icon-logo-grid__cta-wrapper {
  --index: 0;
  opacity: 0.1;
  transform: translateY(2rem);
  transition: all 0.3s ease-in-out calc(0.05s * var(--index));
  
  width: 100%;
}

.icon-logo-grid__grid-wrapper .icon-logo-grid__cta-wrapper.isVisible {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .icon-logo-grid__grid-wrapper .icon-logo-grid__cta-wrapper{
    opacity: 1;
    transform: none;
  }
}

.icon-logo-grid__wrapper > a {
  text-align: center;
  margin-top: 57px;
  display: flex;
  flex-direction: column;
}

.icon-logo-grid__wrapper > a.button {
  display: inline-block;
}

.icon-logo-grid__icon {
  margin: auto;
  height: 65px;
}

.icon-logo-grid__logo {
  margin: auto;
  max-width: 135px;
  height: auto;
}

@media only screen and (max-width: 959px) {
  .icon-logo-grid {
    padding: var(--owi-component-padding-mobile);
    margin-top: 80px;
  }

  .icon-format {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .icon-logo-grid__grid-wrapper > div {
    flex: 50%;
    margin-bottom: 30px;
  }

  .icon-logo-grid--relative {
    position: relative;
    align-items: center;
    justify-content: center;
    height: 65px;
  }

  .icon-logo-grid__grid-wrapper > div:nth-child(odd)::after {
    content: " ";
    position: absolute;
    right: 50%;
    height: 65px;
    width: 1px;
    background: var(--owi-icon-separator-color);
  }

  .icon-logo-grid__grid-wrapper--logo > div:last-child::after {
    display: none;
  }

  .icon-logo-grid__grid-wrapper.icon-format > div::after {
    display: none;
  }

  .icon-logo-grid__grid-wrapper > div {
    width: 50%;
  }

  .icon-format.logo  p {
    display: none;
  }
}


/* Desktop Styles */
@media only screen and (min-width: 960px) {
  .icon-logo-grid {
    max-width: 1440px;
    margin: auto;
    margin-top: 50px;
  }

  .icon-logo-grid__wrapper > h2 {
    font-size: 2.25rem;
    text-transform: uppercase;
    letter-spacing: 0.075rem;
    margin-bottom: 18px;
  }

  .icon-logo-grid__wrapper > p {
    display: block;
    margin: auto;
    width: 581px;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 104px;
  }

  .icon-logo-grid__grid-wrapper {
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
  }

  .icon-logo-grid__grid-wrapper--logo {
    height: 100%;
    margin-bottom: 103px;
  }

  .icon-logo-grid__grid-wrapper > div {
    position: relative;
    align-items: center;
    justify-content: center;
    height: 100px;
    margin-bottom: 70px;
  }

  .icon-logo-grid__icon {
    height: 80px;
  }

  .icon-logo-grid__logo {
    max-width: 183px;
    height: auto;
  }

  .four-split > div{
    flex: 0 1 25%;
  }

  .four-split >div:nth-child(4)::after, 
  .four-split >div:nth-child(8)::after, 
  .five-split >div:nth-child(5)::after {
    display: none;
  }

  .five-split > div {
    flex: 0 1 20%;
  }

  .icon-logo-grid__grid-wrapper > div:not(:last-child)::after {
    content: " ";
    position: absolute;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    height: 100px;
    width: 1px;
    background: var(--owi-icon-separator-color);
  }

  .icon-logo-grid__grid-wrapper {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .icon-logo-grid__grid-wrapper > div p {
    margin-top: 15px;
    width: 80%;
  }

  .icon-logo-grid__wrapper > a {
    margin-top: 23px;
  }


  .icon-format.logo  p {
    display: none;
  }
}
/* Full width container */
.how-to-banner__wrapper {
    align-items: center;
    background-color: var(--owi-colorblock-background-color);
    display: flex;
    height: auto;
    justify-content: center;
    width: 100%;
}

/* Banner content container */
.how-to-banner__content * {
    color: var(--owi-primary-white);
}

/* Setting breakpoint transition */
.banner-header__wrapper,
.rte-item__wrapper {
    transition: all 0.2s ease-out;
}

/* RTE content container */
/* Setting base font family */
.rte-item__content * {
    font-family: var(--owi-primary-font-family);
}

/* Banner section CTA */
/* Max width of Fit Content */
/* Otherwise takes up full screen width */
.banner-header__cta {
    margin-top: 1.75rem;
    max-width: fit-content;
}

/* RTE section H3 (description) */
/* Setting bottom margin */
.rte-item__content h3 {
    margin-bottom: 1rem;
}

/* RTE section*/
/* Setting base font styles for H3 and list */
.rte-item__content h3,
.rte-item__content li {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5rem;
}

/* Setting base font styles for P */
.rte-item__content p {
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.5rem;
}

/* RTE section */
/* Margin left of 1rem to be inline with description */
.rte-item__content ul > li,
.rte-item__content ol > li {
    margin-bottom: 1.5rem;
    margin-left: 1rem;
}

/* Unorganized list styles */
.rte-item__content ul > li {
    list-style-type: square;
}

/* List marker / DIY icon color */
.rte-item__content ul > li::marker,
.banner-header__content span {
    color: var(--owi-rte-li-marker-color);
}

/* List link style */
a.banner-inline__link {
    color: var(--owi-brand3-color);
    font-weight: 700;
    transition: all 0.1s ease-out;
}

/* List link hover */
a.banner-inline__link:hover {
    opacity: 0.85;
}

/* DIY Icon */
.banner-header__icon {
    margin-bottom: 0.75rem;
}

/*  */
/*  */

/* Mobile View */
@media only screen and (max-width: 959px) {
    /* Inner container */
    /* Max-width of 720px / setting mobile padding */
    .how-to-banner__content {
        display: block;
        max-width: 720px;
        padding: 48px var(--owi-component-padding-mobile) 58px;
        width: 100%;
    }

    /* Banner header H1 */
    .banner-header__content h1 {
        font-size: 1.5rem;
    }

    /* Banner header section */
    .banner-header__wrapper {
        margin-bottom: 3.25rem;
        width: 100%;
    }

    /* DIY icon size */
    .banner-header__icon .icon-icon-diy {
        font-size: 2.25rem;
    }
}

/*  */
/*  */

/* Desktop View */
@media only screen and (min-width: 960px) {
    /* Inner container */
    /* Max-width of 1440px */
    .how-to-banner__content {
        display: flex;
        justify-content: space-between;
        max-width: 1440px;
        padding: 66px 80px;
        width: 100%;
    }

    .how-to-banner {
        scroll-margin-top: 228px;
    }
    
    .how-to-banner.sticky {
        scroll-margin-top: 119px;
    }

    /* Vertically centering containers */
    .banner-header__wrapper,
    .rte-item__wrapper {
        align-items: center;
        display: flex;
    }

    /* Banner Section */
    /* Max width of 375px */
    .banner-header__wrapper {
        margin-right: 5vw;
        max-width: 375px;
        width: 100%;
    }

    /* RTE Section */
    /* Max width of 710px */
    .rte-item__wrapper {
        font-weight: 600;
        max-width: 710px;
        width: 100%;
    }

    /* DIY icon size */
    .banner-header__icon .icon-icon-diy {
        font-size: 2.8rem;
    }
}



/* Vertical Bounce Animation */
@keyframes vbounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-1rem);}
	60% {transform: translateY(-0.5rem);}
}

html {
    scroll-behavior: smooth;
}

.hero {
    position: relative;
}

.hero.with-gradient .hero-item__wrap::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

.hero-item {
    position: relative;
}

.hero-item__content {
    width: 90%;
    padding: 15px 20px;
    text-align: center;
    position: relative;
    margin: 0 auto;
}

.hero-item__content h1 {
    font-family: var(--owi-secondary-font-family);
    font-size: 2rem;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 auto;
    margin-bottom: 10px;
}

.hero-item__content p {
    color: white;
    font-family: var(--owi-primary-font-family);
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 600;
    margin-bottom: 30px;
}

.hero-item__wrap {
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    position: absolute;
    display: flex;
}

.hero-item__wrap .adjust-container {
    align-self: center;
    margin: 0 auto;
    width: 80%;
    z-index: 1;
}

.hero-item__image.desktop {
    display: none;
}

.hero-item__image.mobile {
    width: 100%;
}

.hero h1 {
    font-size: 2.25rem;
}

.hero-arrow__cta {
    animation: vbounce 2.1s ease infinite;
    animation-delay: 2s;
    animation-iteration-count: 3;
    bottom: 1rem;
    color: var(--owi-primary-white);
    position: absolute;
    text-align: center;
    width: 100%;
}

.hero-arrow__cta a {
    color: var(--owi-primary-white);
}

.hero-arrow__cta span {
    font-size: 24px;
}

/* rotated mobile device */
@media screen and (max-width: 812px) and (orientation: landscape) {
    .hero .hero__wrapper {
        height: 50%;
    }

    .hero .hero-item__content h1 {
        font-size: 2rem !important;
    }

    .hero .hero-item__content p {
        font-size: .875rem !important;
        line-height: 1.375rem;
    }

    .hero .hero-item__content a.button.full {
        width: 230px;
    }
}

/* iPad styles */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .hero .hero-item__content h1 {
        font-size: 2rem !important;
    }

    .hero .hero-item__content p {
        font-size: .875rem !important;
        line-height: 1.375rem;
    }

    .hero .hero-item__content a.button.full {
        width: 230px;
    }
}


/* desktop breakpoint*/
@media( min-width: 650px ) {
    .hero {
        max-height: 650px;
    }

    .hero-wrapper {
        height: 100%;
        width: 100%;
    }

    .hero.with-gradient .hero-item__wrap::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0.45;
        background: linear-gradient(183.11deg, rgba(0,0,0,0.99) 0%, rgba(0,0,0,0) 100%);
    }

    .hero-item {
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
    }

    .hero.full-bleed .hero-item {
        max-width: none;
    }

    .hero-item__content {
        padding: 0;
        width: 75%;
    }

    .hero-item__content p {
        font-size: 1.125rem;
        line-height: 1.813rem;
        font-weight: 700;
    }

    .hero-item__wrap {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: 100%;
    }

    .hero-item__wrap p,
    .hero-item__wrap h1 {
        color: white;
    }

    .hero-item__wrap .adjust-container {
        position: relative;
        display: flex;
        align-items: center;
        height: 100%;
        z-index: 1;
    }
    .hero-item__image.mobile {
        display: none;
    }
    .hero-item__image.desktop {
        display: block;
        max-height: 650px;
        width: 100%;
        object-fit: cover;
    }

    .hero h1 {
        font-size: 3.75rem;
    }

    /* Arrow CTA */
    .hero-arrow__cta {
        bottom: 2rem;
    }
}

/* Core Styles */
.owi-iframe iframe {
  display: block;
  margin: auto;
}

/* Mobile Only Styles */
@media only screen and (max-width: 959px) {

}


/* Desktop Only Styles */
@media only screen and (min-width: 960px) {

}



/* Mobile Styles */
.image-with-caption > img {
  height: 100%;
  width: 100%;
}

.image-with-caption > figcaption {
  font-family: var(--owi-primary-font-family);
  font-size: 0.75rem;
  font-style: italic;
  line-height: 1.5rem;
  color: var(--owi-caption-color);
}

@media only screen and (max-width: 959px) {
  .image-with-caption {
    padding: var(--owi-component-padding-mobile);
  }

  .image-with-caption > img {
    height: 180px;
    margin-bottom: 18px;
    object-fit: cover;
  }
}

/* Mobile Only */
@media only screen and (max-width: 959px) {
  /* Do not display desktop image, last-child targeting did not work here */
  .image-with-caption > img:nth-child(2) {
    display: none;
  }
}

/* Desktop Styles */
@media only screen and (min-width: 960px) {
  .image-with-caption {
    margin: auto;
    margin-top: 60px;
    height: auto;
    max-width: 895px;
  }

  .image-with-caption > img {
    margin-bottom: 15px;
  }

  .image-with-caption > img:first-child {
    display: none;
  }

  .image-with-caption > figcaption {
    margin-left: 4px;
    max-width: 685px;
  }
}



/* Mobile Styles */
.link-list-banner__wrapper {
  display: flex;
  justify-content: space-around;
}

.link-list-banner__image-wrapper {
  height: 40px;
  width: 40px;
}

.link-list-banner__tile > a {
  flex: 0 326px;
  display: flex;
  justify-content: space-between;
  height: 85px;
  width: 326px;
  padding-left: 50px;
  padding-right: 22px;
  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.1) !important;
  align-items: center;
  margin-bottom: 24px;
  transition: margin-top 0.3s ease;
}

.link-list-banner__image-wrapper > img {
  height: auto;
  width: auto;
  fill: var(--owi-secondary-color);
}

.link-list-banner__text-wrapper {
  font-family: var(--owi-secondary-font-family);
  color: var(--owi-primary-color);
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
}

.icon-icon-arrow {
  margin-left: 14px;
}

@media only screen and (max-width: 959px) {
  .link-list-banner {
    margin-top: 80px;
    padding: var(--owi-component-padding-mobile);
  }

  .link-list-banner__wrapper {
    flex-direction: column;
  }

  .link-list-banner__content-wrapper {
    margin-bottom: 52px;
  }

  .link-list-banner__content-wrapper > h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }

  .link-list-banner__content-wrapper > p {
    font-size: 0.875rem;
    line-height: 1.375rem;
    max-width: 340px;
    margin-top: 10px;
    margin-bottom: 40px;
  }

  .link-list-banner__tile-wrapper {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
  }
}


/* Desktop Styles */
@media only screen and (min-width: 960px) {
  .link-list-banner {
    max-width: 1440px;
    margin: auto;
    margin-top: 132px;
  }

  .link-list-banner__wrapper {
    flex-direction: row;
    justify-content: space-between;
  }

  .link-list-banner__wrapper > div {
    flex: 50%;
  }

  .link-list-banner__wrapper > div:first-child {
    padding-left: 80px;
    max-width: 525px;
    margin-right: 78px;
  }

  .link-list-banner__wrapper > div:nth-child(2) {
    padding-right: 80px;
    margin-left: 78px;
  }

  .link-list-banner__content-wrapper > h2 {
    font-size: 2.25rem;
    line-height: 3rem;
  }

  .link-list-banner__content-wrapper > p {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    max-width: 447px;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .link-list-banner__tile-wrapper {
    display: flex;
    flex-flow: row wrap;
    /* justify-content: space-between; */
    width: 676px;
  }

  .link-list-banner__tile > a:hover {
    margin-top: -16px;
  }

  .link-list-banner__text-wrapper:hover {
    color: var(--owi-secondary-color);
  }

  .link-list-banner__tile:nth-child(odd) {
    margin-right: 24px;
  }
}






/* Mobile Styles */
.offset-icons-grid__wrapper {
    position: relative;
}

.offset-icons-grid__wrapper::after {
    content: '';
    background-color: var(--owi-colorblock-background-color);
    /* position: relative; */
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 0;
}

/* .offset-icons-grid__content {
    position: absolute;
} */

.offset-icons-grid__content--rte {
    max-height: 66px;
    max-width: 299px;
    word-wrap: break-word;
}

.offset-icons-grid__content h2,
.offset-icons-grid__content--rte p {
    color: var(--owi-primary-white);
}

.offset-icons-grid__content ul {
    margin-top: 110px;
}

.offset-icons-grid__card {
    background-color: #FFFFFF;
    opacity: 0.2;
    transform: translateY(2rem);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.offset-icons-grid__card.isVisible {
    opacity: 1;
    transform: none;
}

@media (prefers-reduced-motion: reduce) {
    .offset-icons-grid__card {
        opacity: 1;
        transform: none;
    }
}

.offset-icons-grid__card h5 {
    color:var(--owi-icon-text-color);
}

@media only screen and (max-width: 959px) {
    .offset-icons-grid {
        padding: var(--owi-component-padding-mobile);
    }

    .offset-icons-grid__wrapper::after {
        height: 198px;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
    }

    .offset-icons-grid__content {
        top: 34px;
    }

    .offset-icons-grid__content h2 {
        font-size: 1.5rem;
        line-height: 3.75rem;
    }

    .offset-icons-grid__content--rte p {
        font-size: 0.75rem;
        line-height: 1.375rem;
        font-weight: 400;
    }

    .offset-icons-grid__content h2,
    .offset-icons-grid__content > div p {
        margin-left: 34px;
    }

    .offset-icons-grid__content > div > div > p {
        margin-bottom: 140px;
    }

    .offset-icons-grid__card {
        display: flex;
        flex-direction: row;
        margin-bottom: 34px;
    }

    .offset-icons-grid__card img {
        max-height: 35px;
        max-width: 35px;
        margin-right: 25px;
    }

    .offset-icons-grid__card h5 {
        font-size: 1rem;
        line-height: 25px;
    }

    .offset-icons-grid__card p {
        font-size: 0.75rem;
        line-height: 1.375rem;
        font-weight: 400;
    }
}

  /* Desktop Styles */
@media only screen and (min-width: 960px) {
    .offset-icons-grid {
        max-width: 1440px;
        margin: auto;
        margin-top: 198px;
    }

    .offset-icons-grid__wrapper::after {
        height: 605px;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 75%);
    }

    .offset-icons-grid__content {
        top: 108px;
        /* max-height: 1800px; */
        max-width: 820px;
        /* display: flex;
        flex-flow: column wrap; */
        padding: 108px 88px 0;
    }

    .offset-icons-grid__content h2 {
        font-size: 2.25rem;
        line-height: 3.75rem;
    }

    .offset-icons-grid__content--rte {
        max-height: 56px;
        max-width: 506px;
    }

    .offset-icons-grid__content--rte p {
        font-size: 1rem;
        line-height: 1.75rem;
        font-weight: 600;
    }

    .offset-icons-grid__content ul {
        display: flex;
        width: 1270px;
        flex-flow: row-reverse wrap;
        justify-content: space-between;

    }

    .offset-icons-grid__content > ul > li:nth-child(odd) {
        margin-top: -185px;
    }

    .offset-icons-grid__content--rte {
        margin-bottom: 73px;
    }

    /* .offset-icons-grid__content > ul > li:nth-child(-n+5) {
        margin-right: 170px;
    }

    .offset-icons-grid__content > ul > li:nth-child(5) {
        margin-top: -176px;
    } */

    .offset-icons-grid__card {
        height: 325px;
        width: 550px;
        margin-bottom: 40px;
        box-shadow: var(--owi-box-shadow);
        padding: 62px 65px 54px 50px;
    }

    .offset-icons-grid__card img {
        max-height: 55px;
        max-width: 55px;
        margin-bottom: 32px;
    }

    .offset-icons-grid__card > div {
        max-width: 435px;
    }

    .offset-icons-grid__card h5 {
        font-size: 1.5rem;
        margin-bottom: 15px;
    }

    .offset-icons-grid__card p {
        font-size: 1rem;
        line-height: 1.625rem;
        font-weight: 400;
    }

    /* ////////// UNCOMMENT NEXT TWO RULES WHEN ANIMATION JS IS FIXED ////////// */
    /* .offset-icons-grid__card img {
        transform: translateY(2rem);
        transition: all 0.35s ease-out;
        -webkit-transition: all 0.35s ease-out;
        -moz-transition: all 0.35s ease-out;
    }

    .offset-icons-grid__card h5,
    .offset-icons-grid__card p {
        transform: translateY(2.25rem);
        transition: all 0.35s ease-out 0.1s;
        -webkit-transition: all 0.35s ease-out 0.1s;
        -moz-transition: all 0.35s ease-out 0.1s;
    } */

    .offset-icons-grid__card img.isVisible,
    .offset-icons-grid__card h5.isVisible,
    .offset-icons-grid__card p.isVisible {
        transform: none;
    }

    @media (prefers-reduced-motion: reduce) {
        .offset-icons-grid__card,
        .offset-icons-grid__card img,
        .offset-icons-grid__card h5,
        .offset-icons-grid__card p {
            opacity: 1;
            transform: none;
        }
    }
}
/* Start your mobile here */
.product-description__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 24px 24px 0px;
}

.product-description.variant{
    background-color: #F8F8F8;
}

.product-description__banner {
    text-transform: uppercase;
    line-height: 2.87rem;
    min-height: 85px;
    display: flex;
    align-items: center;
}

.product-description__banner h2 {
    font-weight: 700;
    letter-spacing: 0.67px;
}

.product-description__content {
    line-height: 1.5rem;
    letter-spacing: 0.44px;
    padding-top: 24px;
}

.product-description__content strong,
.product-description__content ul,
.product-description__content li {
    font-family: var(--owi-primary-font-family);
    color: var(--owi-paragraph-color);
}

.product-description__content ul {
    margin-left: 30px;
}

.product-description__content strong {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: 700;
}

.product-description__content p,
.product-description__content ul,
.product-description__content li {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: 400;
}

.product-description__content p {
    margin-bottom: 30px;
}

.product-description__content li {
    list-style: square;
}

@media only screen and (min-width: 400px) {
    .product-description__content {
        padding-top: 0;
    }
}

/* Start your desktop styles here */
@media only screen and (min-width: 960px) {
    .product-description {
        max-width: 1440px;
        margin: auto;
        margin-top: 40px;
        scroll-margin-top: 228px;
    }
    .product-description.sticky {
        scroll-margin-top: 119px;
    }    
    .product-description__wrapper {
        display: flex;
        flex-direction: row;
        padding: 40px 129px 40px 80px;
        justify-content: space-between;
    }

    .product-description__banner {
        text-transform: uppercase;
        line-height: 2.87rem;
        height: auto;
        width: 354px;
        margin-right: 181px;
    }

    .product-description__banner h2 {
        letter-spacing: 1px;
        font-size: 2.25rem;
    }

    .product-description__content {
        width: 696px;
    }
}
/* Start your mobile here */
.product-finder .mobile {
    padding: var(--owi-component-padding-mobile);
}

.product-finder .mobile h1 {
    font-size: 1.5rem;
    line-height: 3.75rem;
    letter-spacing: 0.8px;
    text-align: center;
    margin-bottom: 15px;
}

.product-finder__button-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.product-finder__button-wrapper p.error {
    color: red;
    position: absolute;
    font-size: .6875rem;
    top: 10px;
}

.product-finder .product-finder__button-wrapper .button {
    width: 185px !important;
    height: 40px !important;
    display: flex;
    align-items: center;
}

.product-finder .product-finder__current-vehicle-mobile .product-finder__vehicle-details {
    padding: var(--owi-component-padding-mobile);
}

.product-finder .product-finder__current-vehicle-mobile h2 {
    font-size: 1.5rem;
    line-height: 3.75rem;
    letter-spacing: 0.8px;
    text-align: center;
}

.product-finder .product-finder__current-vehicle-mobile .product-finder__vehicle-details p {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--owi-topic-color);
    font-weight: 700;
}

.product-finder__current-vehicle-mobile .product-finder__action-wrapper a,
.product-finder__results .product-finder__action-wrapper a {
    display: inline-block;
    height: 50px;
    width: 100%;
    padding: 16px 32px;
    margin-top: 9px;
    font-size: 0.75rem;
    line-height: 1.063rem;
    font-family: var(--owi-secondary-font-family);
    letter-spacing: 2.57px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    background-color: var(--owi-primary-color);
    font-weight: 600;
}

.product-finder__current-vehicle-mobile .product-finder__action-wrapper a:before,
.product-finder__results .product-finder__action-wrapper a:before {
    content: "\e909";
    color: white;
    height: 20px;
    width: 20px;
    font-family: 'icomoon' !important;
    margin-right: 10px;
}

.product-finder__current-vehicle-mobile .product-finder__action-wrapper a:after,
.product-finder__results .product-finder__action-wrapper a:after,
.product-finder .mobile .product-finder__button-wrapper button:after {
    display: none;
}

.product-finder .product-finder__searchbar h2 {
    font-size: 1.5rem;
    line-height: 3.75rem;
    text-align: center;
}

.product-finder__results-text--default {
    line-height: 1.625rem;
    letter-spacing: 0.5px;
    text-align: center;
    margin-bottom: 25px;
}

.product-finder__icon-wrapper {
    display: flex;
    justify-content: center;
}

.product-finder .icon-icon-vehicle {
    font-size: 35px;
    margin-left: 16px;
}

.product-finder__results {
    padding: var(--owi-component-padding-mobile);
}

.product-finder__results-title p {
    font-weight: bold;
}

.product-finder__results-title .cta {
    color: var(--owi-primary-color);
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 3px;
}

.product-finder__results-text--no-results {
    font-size: 1.125;
    line-height: 1.75rem;
    letter-spacing: 0.56px;
    text-align: center;
    margin-top: 20px;
}

/* ///////// RESULTS PAGE STYLES ////////// */
.product-finder .product-finder__results-wrapper > button {
    display: inline-block;
    height: 40px;
    width: 100%;
    border: 2px solid var(--owi-secondary-color);
    background-color: white;
    color: var(--owi-secondary-color);
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 12px 0px;
    margin-bottom: 40px;
}

.product-finder .product-finder__results-wrapper > button:after {
    display: none;
}

.product-finder .product-finder__filters-wrapper {
    margin-bottom: 68px;
}

.product-finder .product-finder__filter-display .product-finder__filters-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.product-finder .product-finder__filter-display > span {
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 0;
}

.product-finder .product-finder__filters-wrapper > label {
    height: 120px;
    width: 140px;
    padding: 26px 10px 16px 10px;
    border: 1px solid var(--owi-line-separator-color);
    text-align: center;
    position: relative;
}

.product-finder .product-finder__filters-wrapper > label {
    margin-right: 12px;
}

.product-finder .product-finder__filters-wrapper .product-finder__checkbox-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    height: 20px;
    width: 20px;
    border-left: 1px solid var(--owi-line-separator-color);
    border-bottom: 1px solid var(--owi-line-separator-color);
}

.product-finder .product-finder__filters-wrapper .product-finder__checkbox-wrapper input {
    opacity: 0;
}

.product-finder .product-finder__filters-wrapper .product-finder__checkbox-wrapper input:checked {
    opacity: 1;
}

.product-finder .product-finder__filters-wrapper .product-finder__filter-img-wrapper {
    height: 51px;
    max-width: 50px;
    margin: auto;
    margin-bottom: 12px;
}

.product-finder .product-finder__filters-wrapper .product-finder__filter-img-wrapper img {
    height: 51px;
    width: 100%;
    object-fit: contain;
}

.product-finder .product-finder__filters-wrapper p {
    font-size: 0.625rem;
    color: var(--owi-topic-color);
    font-weight: 700;
    text-transform: capitalize;
}

.product-finder .product-finder__results-display .product-finder__category-products.has-sub-category > li {
    border-top: 1px solid var(--owi-line-separator-color);
    margin-top: 27px;
    width: 100%;
}

.product-finder .product-finder__results-display .product-finder__category-products.has-sub-category button {
    margin-bottom: 33px;
}

.product-finder .product-finder__results-display > ul > li > button,
.product-finder .product-finder__results-display .product-finder__category-products.has-sub-category button {
    position: relative;
    background-color: white;
    color: var(--owi-primary-color);
    font-size: 1.125rem;
    letter-spacing: 0.6px;
    padding-left: 40px;
    width: 100%;
    text-align: left;
}

.product-finder .product-finder__results-display > ul > li > button:after,
.product-finder .product-finder__results-display .product-finder__category-products.has-sub-category button:after {
    display: none;
}

.product-finder .product-finder__results-display > ul > li > button:before {
    position: absolute;
    top: 23px;
    left: 0px;
    display: inline-block;
    color: white;
    height: 24px;
    width: 24px;
    margin-right: 16px;
    background-color: var(--owi-primary-color);
    vertical-align: middle;
    line-height: 1.15rem;
}

.product-finder .product-finder__results-display .product-finder__category-products.has-sub-category li button:before {
    position: absolute;
    top: 16px;
    left: 0;
    display: inline-block;
    height: 24px;
    width: 24px;
    margin-right: 16px;
    vertical-align: middle;
    line-height: 1.25rem;
    color: var(--owi-primary-color);
    background-color: white;
}

.product-finder .product-finder__results-display > ul.select-mode > li {
    display: none;
}

.product-finder .product-finder__results-display > ul.select-mode > li.selected {
    display: block !important;
}

.product-finder .product-finder__results-display > ul > li.active > button:before,
.product-finder .product-finder__results-display .product-finder__category-products.has-sub-category li.active button:before {
    content: '\FF0D';
}

.product-finder .product-finder__results-display > ul > li > button:before,
.product-finder .product-finder__results-display .product-finder__category-products.has-sub-category button:before {
    content: '\FF0B';
}

.product-finder .product-finder__results-display > ul > li {
    display: block;
    margin-bottom: 50px;
}

.product-finder .product-finder__results-display > ul > li .product-finder__category-products {
    display: none;
}

.product-finder .product-finder__results-display > ul > li.active .product-finder__category-products {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.product-finder .product-finder__results-display > ul > li > p.product-finder__note {
    display: none;
}

.product-finder .product-finder__results-display > ul > li.active > p.product-finder__note {
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 0px 10px 20px 40px;
}

.product-finder .product-finder__results-display > ul > li > button.has-note {
    padding-bottom: 0px;
}

.product-finder .product-finder__category-products.has-sub-category {
    display: flex;
    flex-direction: column;
}

.product-finder .product-finder__category-products.has-sub-category li .product-finder__sub-category-products {
    display: none;
}

.product-finder .product-finder__category-products.has-sub-category li.active .product-finder__sub-category-products {
    display: flex;
    flex-flow: row wrap;
}

.product-finder .product-finder__category-products .product-finder__product-tile {
    height: 288px;
    width: 165px;

    box-shadow: var(--owi-box-shadow);
    margin-right: 12px;
    margin-bottom: 12px;
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-finder .product-finder__category-products .product-finder__product-tile > a {
    flex-grow: 1;
}

.product-finder .product-finder__category-products .product-finder__product-tile .product-finder__product-tile-content {
    padding: 23px 13px;
}

.product-finder .product-finder__product-tile .product-finder__product-tile-tag {
    text-align: center;
    padding: 4px 20px;
    position: absolute;
    left: 0;
    top: 0;

    font-family: var(--owi-secondary-font-family);
    font-size: 0.6875rem;
    line-height: 1rem;
    font-weight: 500;
    color: white;
    text-transform: capitalize;
    letter-spacing: 0.38px;
}

.product-finder__product-tile-content img {
    height: 130px;
    margin: 0 auto;
}

.product-finder__product-tile-text-wrapper h3 {
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--owi-topic-color);
    text-transform: capitalize;
    margin-top: 10px;
    margin-bottom: 0;
    max-height: 80px;
    overflow: hidden;

    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.product-finder__product-tile-text-wrapper p {
    font-size: 0.625rem;
    line-height: 1.3rem;
    letter-spacing: 0.38px;
    font-weight: 700;
    font-family: var(--owi-primary-font-family); 
    color: var(--owi-caption-color);
    margin-top: 5px;
}

/* Mobile Only Styles */
@media only screen and (max-width: 959px) {
    .product-finder > div:first-child {
        display: none;
    }

    .product-finder > div:first-child.active {
        display: block;
    }

    .product-finder .product-finder__current-vehicle {
        display: none;
    }

    .product-finder > div:first-child.active + .mobile {
        display: none;
    }

    .product-finder .product-finder__product-tile:nth-child(even),
    .product-finder .product-finder__filters-wrapper > label:nth-child(even) {
        margin-right: 0px;
    }

    .product-finder .product-finder__filter-display {
        display: none;
    }

    .product-finder .product-finder__filter-display.active {
        display: block;
    }

    .product-finder .product-finder__filters-wrapper > label {
        margin-bottom: 24px;
    }

    .product-finder .product-finder__results-display > ul > li > button:before {
        padding: 1px 1px;
        top: 19px;
        height: 20px;
        width: 20px;
        line-height: 0.9rem;
    }

    .product-finder .product-finder__results-display > ul > li.active > p.product-finder__note {
        font-size: 12px;
    }    
}

/* Start your desktop styles here */
@media only screen and (min-width: 960px) {
    .product-finder__searchbar,
    .product-finder__current-vehicle {
        display: flex;
        border-bottom: 1px solid var(--owi-line-separator-color);
        margin-bottom: 89px;
        max-width: 1440px;
        margin: 0 auto;
    }

    .product-finder .product-finder__current-vehicle-mobile {
        display: none;
    }

    .product-finder__searchbar h2,
    .product-finder__current-vehicle h2 {
        font-size: 1.5rem;
        line-height: 2.25rem;
        letter-spacing: 0.5px;
        min-width: 357px;
        height: 100px;
        background-color: var(--owi-secondary-color);
        color: var(--owi-primary-white);
        display: flex;
        align-items: center;
        padding-left: 30px;
        text-transform: capitalize;
        clip-path: polygon(0% 0%, 87% 0%, 100% 100%, 0% 100%);
    }

    .product-finder__current-vehicle .product-finder__vehicle-details {
        flex: 0 1 50%;
        margin-left: 26px;
        padding: 24px 0px;
        display: flex;
        align-items: center;
    }

    .product-finder__current-vehicle .product-finder__vehicle-details p {
        font-size: 1.125rem;
        color: var(--owi-topic-color);
        line-height: 1.5rem;
        font-weight: 700;
    }

    .product-finder__current-vehicle .product-finder__action-wrapper,
    .product-finder__results .product-finder__action-wrapper {
        display: flex;
        align-items: center;
    }

    .product-finder__current-vehicle .product-finder__action-wrapper a,
    .product-finder__results .product-finder__action-wrapper a {
        font-family: var(--owi-secondary-font-family);
        text-transform: uppercase;
        font-weight: 600;
        font-size: 0.875rem;
        line-height: 1.313px;
        letter-spacing: 3px;
        background-color: white;
        color: var(--owi-secondary-color);
    }

    .product-finder__current-vehicle .product-finder__action-wrapper a:before,
    .product-finder__results .product-finder__action-wrapper a:before {
        content: "\e909";
        color: var(--owi-secondary-color);
        height: 20px;
        width: 20px;
        font-family: 'icomoon' !important;
        margin-right: 10px;
        font-size: 1.25rem;
    }

    .product-finder__current-vehicle .product-finder__action-wrapper span p {
        font-family: var(--owi-secondary-font-family);
        font-size: 0.875rem;
        line-height: 1.313rem;
        letter-spacing: 3px;
        text-transform: uppercase;
        margin-left: 10px;
    }

    .product-finder__button-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .product-finder__searchbar .custom-select {
        width: auto;
        height: 33px;
        margin: 33px 0;
        margin-right: 20px;
    }

    .product-finder__searchbar .select-selected {
        padding: 0 15px 6px 0;
        min-width: 130px;
        width: 130px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .product-finder__searchbar .select-selected:after {
        top: -4px;
        right: 9px;
    }

    .product-finder__searchbar .select-selected.select-arrow-active:after {
        top: 15px;
        right: -6px;
    }

    .product-finder__searchbar .select-items {
        top: 30px;
    }

    .product-finder__searchbar a.button {
        height: 40px !important;
        width: 140px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: center;
    }

    .product-finder__results {
        max-width: 1440px;
        margin: 0 auto;
    }

    .product-finder__results > .tag,
    .product-finder__results-title {
        margin-left: 50px;
    }

    .product-finder__results-title {
        display: flex;
        margin-bottom: 89px;
    }

    .product-finder__results-title .cta {
        margin-left: 30px;
    }

    .product-finder__icon--no-results {
        height: 77px;
        width: 77px;
        margin-bottom: 55px;
    }

    .product-finder .icon-icon-vehicle {
        font-size: 50px;
        margin-left: 16px;
    }

    .product-finder__results-text--no-results {
        margin-top: 0;
    }
    
    .product-finder__results-text--default {
        margin-top: 56px;
    }
    
    .product-finder .product-finder__results-wrapper > button {
        display: none;
    }
    
    .product-finder .product-finder__action-wrapper--no-results {
        display: none;
    }

    .product-finder .product-finder__filter-display .product-finder__filters-wrapper {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
    }

    .product-finder .product-finder__filters-wrapper > label:not(:last-child) {
        margin-right: 27px;
    }

    .product-finder .product-finder__results-wrapper {
        max-width: 1440px;
        margin: auto;
    }

    .product-finder .product-finder__results-display > ul > li {
        margin-bottom: 80px;
    }

    .product-finder .product-finder__results-display > ul > li.active .product-finder__category-products {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
    }

    .product-finder .product-finder__results-display > ul > li > button {
        position: relative;
        background-color: white;
        color: var(--owi-primary-color);
        font-size: 1.5rem;
        letter-spacing: 0.6px;
        padding-left: 40px;
    }

    .product-finder .product-finder__results-display > ul > li > button:after {
        display: none;
    }

    .product-finder .product-finder__category-products .product-finder__product-tile {
        height: 500px;
        width: 310px;
        margin-right: 24px;
    }
    
    .product-finder .product-finder__category-products .product-finder__product-tile .product-finder__product-tile-content {
        padding: 30px 30px 0 30px;
    }

    .product-finder .product-finder__product-tile:nth-child(4) {
        margin-right: 0px;
    }

    .product-finder .product-finder__product-tile .product-finder__product-tile-tag {
        font-size: 0.75rem;
        letter-spacing: 0.5px;
        padding: 10px 20px;
    }

    .product-finder .product-finder__product-tile img {
        height: 170px;
    }

    .product-finder .product-finder__product-tile h3 {
        font-size: 1.125rem;
        line-height: 1.5rem;
        margin-top: 15px;
        max-height: 120px;
    }

    .product-finder .product-finder__product-tile .product-finder__product-tile-text-wrapper p {
        font-size: 0.75rem;
        line-height: 1.25rem;
        letter-spacing: 0.38px;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .product-finder .product-finder__product-tile .desktop {
        display: flex;
        flex-direction: column;
        padding: 0 30px 30px 30px;
    }

    .product-finder .product-finder__product-tile .desktop .product-finder__cta {
        width: 100%;
        padding: 11px 0;
        display: inline-block;
        text-align: center;
        font-family: var(--owi-secondary-font-family);
        font-size: 0.75rem;
        text-decoration: none;
        color: var(--owi-primary-color);
        text-transform: uppercase;
        line-height: 17px;
        letter-spacing: 2.57px;
        font-weight: 600;
    }
}
/* Animation */
@keyframes fadeDown {
    0% {
        opacity: 0; transform: translateY(-0.65rem);
    }
    50% {
        opacity: 0; transform: translateY(-0.65rem);
    }
    100% {
        opacity: 1; transform: none;
    }
}

/* Start your mobile here */
.page-header {
    position: relative;
}

.page-header__content {
    width: 100%;
    text-align: left;
    position: relative;
    margin: 0 auto;
}

.page-header__content h1 {
    font-family: var(--owi-secondary-font-family);
    font-size: 2.25rem;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 auto;
    margin-bottom: 10px;
}

.page-header.form-with-gradient .page-header__content h1 {
    font-size: 2rem;
    font-weight: 600;
}

.page-header__content p {
    color: white;
    font-family: var(--owi-primary-font-family);
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 600;
    margin-bottom: 0px;
    animation: fadeDown 1s ease-out;
}

.page-header__wrap {
    /* width: 100%; */
    max-width: 1440px;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    position: absolute;
    display: flex;
}

.page-header__wrap .adjust-container {
    align-self: center;
    margin: 0 auto;
    width: 80%;
}

.page-header__image,
.page-header__image.mobile {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-header.no-image {
    height: 275px;
}

.page-header.no-image h1 {
    color: var(--owi-primary-color);
    margin-top: 30px;
}

.page-header.no-image .breadcrumb li a {
    color: var(--owi-paragraph-color);
}

.page-header.no-image .breadcrumb  li:before {
    color: var(--owi-paragraph-color);
}

.page-header.no-image p {
    color: var(--owi-paragraph-color);
}

.page-header__image-wrapper {
    width: 100%;
    height: 400px;
    position: relative;
}

.page-header.form-with-gradient .page-header__image-wrapper::after,
.page-header.with-gradient .page-header__image-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

.page-header__email-form {
    display: none;
}

.page-header.form-with-gradient .page-header__email-form{
    display: block;
}

.page-header form {
    border-bottom: 2px solid white;
    display: flex;
    padding-bottom: 5px;
    margin-top: 28px;
    flex-flow: row wrap;
}

.page-header form label,
.page-header #header-validation-text {
    display: block;
    font-family: var(--owi-primary-font-family);
    font-size: .875rem;
    font-weight: 700;
    margin-bottom: 10px;
    width: 100%;
    color: white;
}

.page-header form input {
    font-family: var(--owi-primary-font-family);
    font-size: .875rem;
    border: none;
    background: var(--owi-global-footer-color);
    color: white;
    width: 75%;
}

.page-header form input {
    border: none;
    font-size: 0.875rem;
    background: transparent;
    color: white;
    width: 75%;
    padding: 5px;
}

.page-header form input::placeholder {
    color: white;
    font-family: var(--owi-primary-font-family);
    font-style: italic;
    font-size: .875rem;
}

.page-header form input:focus {
    outline: none;
}

.page-header form .header-submit-btn {
    border: none;
    background-color: var(--owi-primary-font-family);
    color: white;
    font-family:  var(--owi-secondary-font-family);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    position: relative;
    justify-content: flex-end;
    padding: 0px;
    padding-right: 20px;
    cursor: pointer;
}

.page-header form .header-submit-btn::after {
    display: inline-block;
    content: "\e900";
    height: 12px;
    width: 20px;
    font-family: 'icomoon' !important;
    speak: never;
    -webkit-font-smoothing: antialiased;
    transform: rotate(-90deg);
    position: absolute;
    top:20px;
    margin-left: 21px;
    background: transparent;
}

.page-header__email-submit-msg {
    display: none;
    height: 59px;
    margin-top: 28px;
}

.page-header__social-icons {
    text-align: left;
    margin-top: 29px;
    padding: 0px;
    display: block;
}

.page-header__social-icons li {
    display: inline-block;
    margin-right: 10px;
}

.page-header__social-icons li a {
    color: white;
}

.page-header__social-icons li span {
    font-size: 20px;
}

.page-header .page-header__email-form {
    height: 98px;
    margin-bottom: 29px;
}


/* Start your desktop styles here */
@media only screen and (min-width: 960px) {
    .page-header {
        max-width: 1440px;
        margin: auto;
    }

    .page-header.full-bleed-bg {
        max-width: none;
    }

    .page-header__wrapper .breadcrumb {
        top: 20px;
    }

    .page-header__wrap .adjust-container {
        width: 50%;
        margin: 0 65px;
    }

    .page-header__wrap .breadcrumb ul {
        left: 65px;
    }

    .page-header.form-with-gradient .page-header__content h1 {
        font-size: 2.813rem;
    }

    .page-header__image-wrapper.tall,
    .page-header__image-wrapper.form-with-gradient {
        /* max-width: 1440px; */
        height: 466px;
        position: relative;
    }

    .page-header__image-wrapper.short {
        /* max-width: 1440px; */
        height: 275px;
        position: relative;
    }

    .page-header.form-with-gradient .page-header__image-wrapper::after,
    .page-header.with-gradient .page-header__image-wrapper::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(to right, rgba(0,0,0,0.99), rgba(0,0,0,0));
    }

    .page-header__content h1 {
        font-size: 2.8125rem;
    }

    .page-header__content.short h1 {
        margin-top: 20px;
    }

    .page-header__content p {
        font-size: 1rem;
    }

    .page-header form {
        margin-top: 60px;
    }

    .page-header__email-submit-msg {
        display: none;
        margin-top: 60px;
    }

    .page-header__social-icons li span {
        font-size: 24px;
    }
}



.product-finder-hero .icon-icon-vehicle {
    font-size: 35px;
    margin-left: 16px;
}

.product-finder-hero .nav-col p {
    margin: 15px 0;
}

/* Start your mobile here */


/* Start your desktop styles here */
@media only screen and (min-width: 960px) {

    .product-finder-hero form .error {
        font-size: .875rem;
        color: red;
    }

    .product-finder-hero .nav-2-col-hero {
        display: flex;
    }

    .product-finder-hero .nav-2-col-hero .nav-col {
        padding: 20px 20px 20px 0;
        flex-grow: 1;
        width: 16.6666%;
    }

    .product-finder-hero .nav-2-col-hero .nav-col + .nav-col {
        flex-grow: 1;
    }

    .product-finder-hero .nav-2-col-hero .nav-hero {
        width: 66.6666%;
        position: relative;
    }

    .product-finder-hero .nav-2-col-hero h2 {
        display: block;
        font-size: .875rem;
        color: #b4b4b4;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .product-finder-hero .nav-2-col-hero h1 {
        color: white;
        margin-bottom: 20px;
    }

    .product-finder-hero .nav-2-col-hero h1 + p {
        color: white;
        font-size: .875rem;
        font-weight: 400;
    }

    .product-finder-hero .nav-2-col-hero ul li a {
        padding: 0px;
        border-bottom: none;
        line-height: 1.3125rem;
        margin-bottom: 20px;
    }
    
    .product-finder-hero .nav-2-col-hero .nav-hero {
        display: block;
    }

    .product-finder-hero .nav-2-col-hero .nav-col > p {
        color: var(--owi-icon-text-color);
        margin-bottom: 20px;
    }

    .product-finder-hero .nav-hero-item__image img {
        width: 100%;
    }

    .product-finder-hero .nav-hero-item__wrap {
        position: absolute;
        width: 60%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: 100%;
        display: flex;
    }

    .product-finder-hero .nav-hero-item__wrap .align-content {
        padding: 0 0 0 40px;
        align-self: center;
    }




    .product-finder-hero__wrapper {
        max-width: 1440px;
        margin: 0 auto;
    }

    .product-finder-hero .nav-2-col-hero > .nav-col {
        padding-right: 80px;
        align-self: center;
    }

    .product-finder-hero .nav-2-col-hero {
        padding:0px;
    }
}



/* Start your mobile here */
.product-line-header {
    display: flex;
    flex-direction: column;
}

.product-line-header__image.mobile {
    width: 100%;
    height: auto;
}

.product-line-header__content {
    padding: var(--owi-component-padding-mobile);
}

.product-line-header__content h1 {
    font-size: 1.5rem;
    line-height: 2.25rem;
    color: var(--owi-heading-color);
}

.product-line-header__content p {
    margin-top: 14px;
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: 500;
}

.product-line-header__content > .cta.secondary {
    display: inline-block;
    margin: 20px 0 23px;
}

.product-line-header__content > .button.small {
    padding: 12px auto;
    width: 100%;
    text-align: center;
}

/* Start your desktop styles here */
@media only screen and (min-width: 960px) {
    .product-line-header .button {
        display: none;
    }

    .product-line-header {
        position: relative;
        max-width: 1440px;
        height: 550px;
        margin: 0 auto;
        scroll-margin-top: 228px;
    }

    .product-line-header.full-bleed-bg {
        max-width: none;
    }

    .product-line-header.sticky {
        scroll-margin-top: 119px;
    }

    .product-line-header .desktop {
        height: 100%;
        object-fit: cover;
    }

    .product-line-header__content {
        height: 335px;
        width: 425px;
        background: white;
        opacity: 85%;
    }

    .product-line-header__wrap {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: 100%;
    }

    .product-line-header .adjust-container {
        max-width: 1440px;
        margin: auto;
        position: relative;
        display: flex;
        align-items: center;
        height: 100%;
        margin-left: 65px;
    }

    .product-line-header.full-bleed-bg .adjust-container {
        margin-left: auto;
    }

    .product-line-header__content h1 {
        font-size: 2rem;
        line-height: 2.75rem;
        color: var(--owi-heading-color);
    }

    .product-line-header.right .adjust-container {
        justify-content: flex-end;
        margin-right: 65px;
    }

    .product-line-header.right.full-bleed-bg .adjust-container {
        margin-right: auto;
    }
}



/* Core Styles */

/* Mobile Only Styles */
@media only screen and (max-width: 1300px) {
  .product-line-nav__wrapper {
    display: none;
  }
}

/* Desktop Only Styles */
@media only screen and (min-width: 960px) {
  .product-line-nav {
    position: absolute;
    width: 100%;
    top: 55px;
  }
  .product-line-nav__wrapper {
    display: flex;
    height: 64px;
    margin-left: 230px;
    background-color: var(--owi-primary-white);
  }

  .product-line-nav__image-wrapper {
    padding: 35px 20px 35px 0;
  }

  .product-line-nav__brand-nav-wrapper {
    flex: 1;
  }

  .product-line-nav__brand-header,
  .product-line-nav__wrapper nav {
    width: 100%;
  }

  .product-line-nav__brand-header {
    height: 56px;
  }

  .product-line-nav__wrapper nav ul {
    height: 64px;
    display: flex;
    flex-direction: row;
    padding-left: 40px;
    /*justify-content: flex-end;*/
    align-items: center;
    padding-right: 63px;
    background-color: var(--owi-nav-background-color);
  }

  .product-line-nav__wrapper nav li:not(:last-child) {
    margin-right: 64px;
  }

  .product-line-nav__wrapper nav a {
    font-family: var(--owi-secondary-font-family);
    font-size: 0.75rem;
    letter-spacing: 0.43px;
    color: var(--owi-icon-text-color);
    font-weight: 500;
    text-transform: uppercase;
  }

  .product-line-nav__wrapper nav a.button.small {
    color: var(--owi-primary-white);
    height: 40px;
    width: 200px;
    padding: 12px;
  }

  .branded-pdp a {
    background-color: var(--owi-brand3-color);
  }
}

@media only screen and (max-width: 1400px) {
  .product-line-nav__wrapper nav li:not(:last-child) {
    margin-right: 30px;
  }
}





.product-promo {
  padding: var(--owi-component-padding-mobile);
  margin: auto;
  margin-top: 0px;
}

.product-promo__cta {
  text-align: center;
  margin-top: 40px;
}

.product-promo__text-wrapper h2 {
  display: block;
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-family: var(--owi-secondary-font-family);
  color: var(--owi-primary-white);
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 24px;
}

.product-promo__icon {
  height: 40px;
  width: 28px;
  margin: auto;
  margin-bottom: 18px;
}

.product-promo__image-wrapper {
  display: flex;
  justify-content: space-between;
  height: 124px;
  width: 320px;
  position: absolute;
  top: -46px;
  left: 50%;
  margin-left: -160px;
}

.product-promo__image-wrapper .product-promo-image {
  --index: 0;
  opacity: 0.2;
  transform: translateY(4rem);
  transition: all 0.5s ease-in-out calc(0.05s * var(--index));
  -webkit-transition: all 0.5s ease-in-out calc(0.05s * var(--index));
  -moz-transition: all 0.5s ease-in-out calc(0.05s * var(--index));
  object-fit: contain;
}

.product-promo__image-wrapper img {
  width: 30%;
  object-fit: contain;
}

.product-promo__image-wrapper img.four-images{
  width: 23%;
}

.product-promo__image-wrapper .product-promo-image.isVisible {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .product-promo__image-wrapper .product-promo-image {
    opacity: 1;
    transform: none;
  }
}

.product-promo__text-wrapper p {
  font-family: var(--owi-primary-font-family);
  font-size: 1.125rem;
  color: var(--owi-primary-white);
  text-align: center;
}

.product-promo__content-split {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 24px;
}


.product-promo__rte > * {
  color: var(--owi-primary-white);
}

.product-promo__rte p,
.product-promo__rte li {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: left;
}

.product-promo__rte  ol li {
  font-family: var(--owi-primary-font-family);
}

.product-promo__rte  ul li {
  list-style-type: square;
  font-family: var(--owi-primary-font-family);
}

.product-promo__rte ul li::marker {
  color: var(--owi-primary-white);
}

.product-promo__text-wrapper {
  margin: auto;
  width: 100%;
  padding: 0 1.5rem;
}

.product-promo__wrapper {
  position: relative;
  background-color: var(--owi-colorblock-background-color);
  margin-top: 92px;
  padding-top: 110px;
  padding-bottom: 52px;
  min-height: 400px;
  height: auto;
}

/* DESKTOP STYLES */
@media only screen and (min-width: 960px) {
  .product-promo {
    max-width: 1440px;
    margin-top: 80px;
    scroll-margin-top: 119px;
  }

  .product-promo__text-wrapper h2 {
    font-size: 3rem;
    line-height: 3.75rem;
    font-weight: 500;
  }

  .product-promo__text-wrapper.content-split h2 {
    font-size: 2.25rem;
    line-height: 3.75rem;
  }

  .product-promo__icon {
    height: 48px;
    width: 32px;
    margin: auto;
    margin-bottom: 18px;
  }

  .product-promo__image-wrapper {
    display: flex;
    justify-content: space-between;
    height: 250px;
    width: 788px;
    position: absolute;
    top: -92px;
    left: 50%;
    margin-left: -394px;
  }

  .product-promo__text-wrapper {
    margin: auto;
    width: 766px;
  }

  .product-promo__content-split {
    width: 736px;
    display: flex;
    flex-flow: row;
    justify-content: space-around;
    margin-top: 24px;
  }

  .product-promo__rte {
    flex: 50%;
  }

  .product-promo__rte:first-child {
    margin-right: 50px;
  }

  .product-promo__rte:nth-child(2) {
    margin-left: 50px;
  }

  .product-promo__rte p,
  .product-promo__rte li {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 24px;
  }

  .product-promo__rte li {
    font-weight: 600;
  }

  .product-promo__text-wrapper h2 + p {
    font-weight: 400;
  }

  .product-promo .cta {
    font-size: 1rem;
    font-weight: 600;
  }

  .product-promo__wrapper {
    position: relative;
    width: 100%;
    background-color: var(--owi-colorblock-background-color);
    margin-top: 92px;
    padding-top: 176px;
    padding-bottom: 110px;
    min-height: 400px;
    height: auto;
  }
}
/* Animations */

/* Border bounce nimation */
@keyframes bounce {
    0% {
      transform: translateX(0px);
      animation-timing-function: ease-in;
    }
    37% {
      transform: translateX(5px);
      animation-timing-function: ease-out;
    }
    55% {
      transform: translateX(-5px);
      animation-timing-function: ease-in;
    }
    73% {
      transform: translateX(4px);
      animation-timing-function: ease-out;
    }
    82% {
      transform: translateX(-4px);
      animation-timing-function: ease-in;
    }
    91% {
      transform: translateX(2px);
      animation-timing-function: ease-out;
    }
    96% {
      transform: translateX(-2px);
      animation-timing-function: ease-in;
    }
    100% {
      transform: translateX(0px);
      animation-timing-function: ease-in;
    }
}

@keyframes onDisplay {
    0% {
        display: none;
        opacity: 0;
    }
    50% {
        display: block;
        opacity: 0.5;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

  /*  */
  /*  */

/* Quantity Calculator Container */
.quantity-calculator__wrapper {
    margin: 0 auto;
    position: relative;
}

/* Step 1 */

/* Container */
/* Setting base font and padding */
.quantity-calculator__step-1 {
    font-family: var(--owi-primary-font-family);
    margin: 0 auto;
}

/* Input error */
.quantity-calculator ol input.error {
    animation-name: bounce;
    animation-delay: 0.1s;
    animation-duration: 0.5s;
    border-color: var(--owi-brand4-color);
    transition: border-color 0.25s ease-out;
}

/* Error message */
.quantity-calculator .display-error-text {
    border: 1px solid var(--owi-brand4-color);
    color: var(--owi-brand4-color);
    display: none;
    font-size: 0.875rem;
    font-weight: 700;
    margin-bottom: 2rem;
    padding: 1.25rem;
}

.quantity-calculator .display-error-text.active {
    animation-name: onDisplay;
    animation-duration: 0.5s;
    animation-timing-function: ease-out;
    display: block;
}

/* Step 1 list base style */
.quantity-calculator__step-1 ol li {
    font-weight: 600;
    margin-bottom: 2.375rem;
    position: relative;
}

/* Step 1 marker style */
.quantity-calculator__step-1 ol li::marker {
    color: var(--owi-heading-color);
    font-family: var(--owi-secondary-font-family);
    font-weight: 700;
}

/* Step 1 */
.quantity-calculator__content p {
    color: var(--owi-icon-text-color);
    line-height: 1.625rem;
}

/* Quantity Input Styles */
/* Label */
.quantity-input label {
    color: var(--owi-icon-text-color);
    font-weight: 400;
}

/* Input */
.quantity-calculator ol input {
    border: 1px solid #979797;
    height: 45px;
    padding: 10px;
}

/* For group with more than 1 input, e.g. #2 */
.quantity-calculator__inputs .quantity-input {
    align-items: center;
    flex-direction: row;
    margin-bottom: 20px;
}

/* For last input in input group */
.quantity-calculator__inputs .quantity-input:last-of-type {
    margin-bottom: 0;
}

/* View Quantity Button */
.quantity-calculator__step-1 .quantity-calculator__cta-wrapper {
    margin: 0 auto;
    max-width: 240px;
    text-align: center;
}

.quantity-calculator__step-1 .quantity-calculator__cta-wrapper a {
    font-size: 0.875rem;
}

.quantity-calculator__cta-wrapper a::before {
    font-family: 'icomoon' !important;
    font-size: 0.875rem;
    margin-right: 10px;
}

.quantity-calculator__step-1 .quantity-calculator__cta-wrapper a:first-child:before {
    content: "\e903";
}

/*  */
/*  */

/* Step 2 */

/* Base wrapper styles */
.quantity-calculator__step-2-wrapper .header__wrapper,
.quantity-calculator__step-2-wrapper .value__wrapper,
.quantity-calculator__step-2-wrapper .recommendation__wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Header */
.quantity-calculator__step-2-wrapper .header__wrapper {
    height: 130px;
    padding: 0 1.5rem;
}

/* Title */
.header__wrapper h3 {
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
}

/* Value */
.quantity-calculator__step-2-wrapper .value__wrapper * {
    color: white;
    font-family: var(--owi-primary-font-family);
}

.value__wrapper p {
    font-size: 1.125rem;
}

.value__wrapper h1 {
    font-size: 3rem;
    font-weight: 800;
}

.value__wrapper h4 {
    font-size: 2rem;
    font-weight: 800;
}

/* Recommendation */
.quantity-calculator__step-2-wrapper .recommendation__wrapper h4 {
    font-size: 1.5rem;
    font-weight: 600;
    position: absolute;
}

/* Product image */
.quantity-calculator__step-2-wrapper .recommendation__wrapper img {
    max-height: 200px;
    margin-bottom: 2rem;
}

/* Product name */
.quantity-calculator__step-2-wrapper .recommendation__wrapper p:first-of-type {
    color: var(--owi-icon-text-color);
    font-size: 1.125rem;
    font-weight: 800;
    margin-bottom: 4px;
}

/* Product volume */
.quantity-calculator__step-2-wrapper .recommendation__wrapper p:last-of-type {
    color: var(--owi-icon-text-color);
    font-size: 1.125rem;
    font-weight: 600;
}

/*  */

/* Right Side */

/* Column width */
.quantity-calculator__step-2 .right-side__content .right-side__column {
    width: 100%;
}

/* Value content opacity */
.right-side__wrapper .value__wrapper p,
.right-side__wrapper .value__wrapper h1,
.right-side__wrapper .value__wrapper h4 {
    opacity: 0.65;
}

/*  */

/* Contact specialist button */
.quantity-calculator__step-2 .contact-specialist__button {
    background-color: var(--owi-primary-color);
    padding: 2rem 0 1.5rem;
    width: 100%;
}

.quantity-calculator__step-2 .quantity-calculator__cta-wrapper {
    margin: 0 auto;
    max-width: 300px;
    text-align: center;
}

.quantity-calculator__step-2 .quantity-calculator__cta-wrapper a {
    border: 1px solid var(--owi-primary-white);
    font-size: 0.875rem;
}

.quantity-calculator__step-2 .quantity-calculator__cta-wrapper a:first-child:before {
    content: "\e910";
}

.quantity-calculator__wrapper fieldset {
    display: none;
}

.quantity-calculator__wrapper fieldset.active {
    animation-name: onDisplay;
    animation-duration: 0.25s;
    animation-timing-function: ease-out;
    display: block;
}

.start-over-btn {
    position: relative;
    background-color: white;
    color: var(--owi-primary-button-color);
    border: 1px solid var(--owi-primary-button-color);
    font-weight: 600;
    letter-spacing: 3px;
    font-family: var(--owi-secondary-font-family);
    text-transform: uppercase;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    font-size: 0.875rem;
    padding: 17px 20px;
    display: block;
    width: 150px;
    margin: 0 auto;
  }
  
  .force-hide {
    display: none !important;
  }

  .quantity-calculator__btn-wrapper {
    padding: 30px;
  }

/*  */
/*  */

/* Start your mobile here */
@media only screen and (max-width: 959px) {
    .quantity-calculator__step-1 {
        padding: 2.625rem var(--owi-component-padding-mobile) 3.625rem;
    }

    .quantity-calculator__step-1 ol {
        height: auto;
        padding-left: 1rem;
    }

    .quantity-calculator__step-1 ol li {
        font-size: 0.875rem;
    }

    .quantity-calculator__step-1 ol li:nth-of-type(2) {
        min-height: 245px;
    }

    .quantity-calculator__content {
        display: flex;
        justify-content: space-between;
    }

    .quantity-calculator__content p {
        margin-right: 1rem;
        max-width: 180px;
    }

    /* 3 inputs */
    .quantity-calculator__inputs {
        position: absolute;
        right: 0;
        top: 4rem;
    }

    .quantity-calculator__inputs .quantity-input label {
        font-weight: 600;
        margin-right: 1rem;
    }

    .quantity-input {
        display: flex;
        flex-direction: column;
    }

    .quantity-input input {
        margin-bottom: 2px;
        width: 95px;
    }

    /*  */
    /*  */

    /* Step 2 */
    /* Base wrapper styles */
    .quantity-calculator__step-2-wrapper .value__wrapper {
        background-color: var(--owi-primary-color);
        padding: 3rem 0 3.75rem;
    }

    .quantity-calculator__step-2-wrapper .recommendation__wrapper {
        height: 376px;
        position: relative;
    }

    /*  */

    /* Left Side */
    /* Left side wrapper - bottom border */
    .quantity-calculator__step-2-wrapper .left-side__wrapper {
        border-bottom: 1px solid #d4d4d473;
    }

    /* Recommendation */
    .quantity-calculator__step-2-wrapper .left-side__wrapper .recommendation__wrapper {
        height: 420px;
        padding: 100px 0 40px;
        position: relative;
    }

    .quantity-calculator__step-2-wrapper .recommendation__wrapper h4 {
        top: 2rem;
    }
}

/*  */
/*  */

/* Start your desktop styles here */
@media only screen and (min-width: 960px) {
    /* Step 1 */
    .quantity-calculator__step-1 {
        max-width: 1440px;
        padding: 70px var(--owi-component-padding-mobile) 100px;
    }

    .quantity-calculator__step-1 ol {
        align-items: center;
        display: flex;
        flex-flow: column wrap;
        height: 310px;
        margin-bottom: 2.5rem;
        padding-left: 1rem;
    }

    .quantity-calculator__step-1 ol li {
        font-size: 1rem;
        width: 50%;
    }

    .quantity-calculator__step-1 ol li:nth-of-type(2) {
        margin-bottom: 0;
        min-height: 217px;
    }

    .quantity-calculator__content {
        display: flex;
    }

    .quantity-calculator__content p {
        margin-right: 1rem;
        max-width: 300px;
        min-width: 299px;
    }

    /* 3 inputs */
    .quantity-calculator__inputs {
        position: relative;
        top: 2.5rem;
    }

    .quantity-calculator__inputs .quantity-input label {
        font-weight: 600;
        left: calc(-50% - 1.625rem);
        position: absolute;
    }

    .quantity-input {
        align-items: center;
        display: flex;
    }

    .quantity-input input {
        margin-right: 1rem;
        width: 100px;
    }

    /*  */
    /*  */

    /* Step 2 */
    .quantity-calculator__step-2-wrapper {
        display: grid;
        grid-template-columns: 25% 75%;
        margin: 0 auto;
        max-width: 1440px;
    }

    /* Base wrapper styles */
    /* Value */
    .quantity-calculator__step-2-wrapper .value__wrapper {
        background-color: var(--owi-primary-color);
        height: 300px;
    }

    /* Recommendation */
    .quantity-calculator__step-2-wrapper .recommendation__wrapper {
        height: 527px;
        position: relative;
    }

    /*  */

    /* Left Side */
    /* Header */
    .quantity-calculator__step-2-wrapper .left-side__wrapper .header__wrapper {
        border-right: 1px solid #d4d4d473;
    }

    /* Value */
    .quantity-calculator__step-2-wrapper .left-side__wrapper .value__wrapper {
        border-right: 1px solid #d4d4d473;
    }

    /* Recommendation */
    .quantity-calculator__step-2 .left-side__wrapper .recommendation__wrapper {
        border-right: 1px solid #d4d4d473;
    }

    .quantity-calculator__step-2-wrapper .recommendation__wrapper h4 {
        top: 2.5rem;
    }

    /*  */

    /* Right Side */
    /* Content */
    .quantity-calculator__step-2-wrapper .right-side__wrapper .right-side__content {
        align-items: center;
        display: flex;
        flex-direction: row;
    }
}



/* Core Styles */
.product-specs__wrapper > ul > li {
  border-top: 1px solid var(--owi-border-color);
}

.product-specs__wrapper > ul > li > button {
  font-family: var(--owi-primary-font-family);
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--owi-icon-text-color);
  font-weight: 700;
  padding: 25px 25px 25px 0;
  text-transform: capitalize;
  background-color: var(--owi-primary-white);
  letter-spacing: normal;
  width: 100%;
  text-align: left;
}

.product-specs__wrapper > ul > li > button::after {
  content: '\FF0B';
  background-color: var(--owi-secondary-color);
  color: var(--owi-primary-white);
  font-size: 1rem;
  transform: none;
  transition: none;
  position: static;
  float: right;
  width: 20px;
  height: 20px;
  padding-left: 2px;
  line-height: 20px;
}

.product-specs__wrapper .product-specs__accordion-content,
.product-specs__wrapper .product-specs__accordion-content--table {
  display: none;
}

.product-specs__wrapper .active .product-specs__accordion-content {
  display: table;
  font-family: var(--owi-primary-font-family);
  font-size: 0.75rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: var(--owi-icon-text-color);
  margin-bottom: 25px;
}

.product-specs__wrapper .product-specs__accordion-content--table {
  table-layout: auto;
  width: 337px;
}

.product-specs__wrapper .active .product-specs__accordion-content--table tr {
  width: 100%
}

.product-specs__wrapper .product-specs__accordion-content--table caption {
  height: 35px;
  padding: 10px 20px;
  font-size: 0.625 !important;
}

.product-specs__wrapper .product-specs__accordion-content--table th,
.product-specs__wrapper .product-specs__accordion-content--table caption {
  font-family: var(--owi-secondary-font-family);
  font-size: 0.625 !important;
  font-weight: 600;
  color: white;
  text-transform: uppercase;
  background-color: #071F60;
}

.product-specs__wrapper .product-specs__accordion-content--table th
.product-specs__wrapper .product-specs__accordion-content--table caption {
  font-size: 0.625rem;
  white-space: nowrap;
  height: 35px;
  width: 100%;
  padding: 10px 20px;
  text-align: center;
}

.product-specs__wrapper .product-specs__accordion-content--table caption {
  font-size: 0.625rem;
}

.product-specs__wrapper .product-specs__accordion-content--table tr:nth-child(odd) {
  background-color: var(--owi-offset-image-color);
}

.product-specs__wrapper .product-specs__accordion-content--table caption:first-child,
.product-specs__wrapper .product-specs__accordion-content--table tr td:first-child {
  text-align: left;
}

.product-specs__wrapper .product-specs__accordion-content--table td {
  white-space: nowrap;
  text-align: center;
  padding: 10px 20px;
}

.product-specs__wrapper .active button::after {
  content: '\FF0D' !important;
}

.product-specs__wrapper > ul > li:last-child {
  border-bottom: 1px solid var(--owi-border-color);
}

.product-specs__wrapper .product-specs__accordion-content--table td.product-specs__title-row {
  height: 30px;
  padding: 8px 16px;
  line-height: 1.5;
  font-family: var(--owi-secondary-font-family);
  font-weight: 600;
  font-size: 0.625rem;
  color: white;
  text-transform: uppercase;
  background-color: #071F60;
}

/* Mobile Only Styles */
@media only screen and (max-width: 959px) {
  .product-specs {
    padding: var(--owi-component-padding-mobile);
  }

  .product-specs__wrapper h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
    margin-bottom: 34px;
  }

  .product-specs__wrapper > ul > li > button {
    font-size: 0.75rem;
  }

  .product-specs__wrapper .active .product-specs__accordion-content--table {
    display: table;
    width: 100%;
    font-size: 0.75rem;
    font-family: var(--owi-primary-font-family);
    font-weight: 600;
    color: var(--owi-icon-text-color);
    margin-bottom: 25px;
  }
}


/* Desktop Only Styles */
@media only screen and (min-width: 960px) {
  .product-specs {
    max-width: 1440px;
    margin: auto;
    padding: 84px 80px;
    scroll-margin-top: 228px;
  }
  .product-specs.sticky {
      scroll-margin-top: 119px;
  }

  .product-specs__wrapper {
    display: flex;
    justify-content: space-between;
    height: auto;
    width: 1280px;
  }

  .product-specs__wrapper h2 {
    font-size: 2.25rem;
    line-height: 3rem;
    height: 130px;
    width: 355px;
    margin-top: 132px;
    /* margin-bottom: auto; */
  }

  .product-specs__wrapper > ul {
    width: 704px;
  }

  .product-specs__wrapper > ul li{
    width: 704px;
  }

  .product-specs__wrapper .active .product-specs__accordion-content--table {
    display: none;
  }

  .product-specs__wrapper .active .product-specs__accordion-content--table {
    display: table;
    font-family: var(--owi-primary-font-family);
    font-size: 0.75rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: var(--owi-icon-text-color);
    margin-bottom: 25px;
  }

  .product-specs__wrapper .product-specs__accordion-content--table {
    table-layout: auto;
    width: 695px;
  }

  .product-specs__wrapper .product-specs__accordion-content--table caption {
    height: 30px;
    padding: 8px 16px;
    line-height: 1.5;
  }

  /* .product-specs__wrapper .product-specs__accordion-content--table th {
    font-size: 0.625rem;
    white-space: nowrap;
    height: 30px;
    width: 100%;
    padding-left: 16px;
    text-align: center;
  } */

  .product-specs__wrapper .product-specs__accordion-content--table tr:nth-child(odd) {
    background-color: var(--owi-offset-image-color);
  }

  .product-specs__wrapper .product-specs__accordion-content--table th:first-child,
  .product-specs__wrapper .product-specs__accordion-content--table tr td:first-child {
    text-align: left;
  }

  .product-specs__wrapper .product-specs__accordion-content--table td {
    white-space: nowrap;
    text-align: center;
    padding: 8px 16px 6px;
  }

  .product-specs__wrapper .active i {
    font-family: var(--owi-primary-font-family);
    font-size: 0.75rem;
    color: var(--owi-caption-color);
    line-height: 1.5rem;
  }
}



/* Start your mobile here */
.quote-carousel {
    width: 100%;
    background-color: var(--owi-colorblock-background-color);
    height: 590px;
}

.quote-carousel.no-carousel .swiper-container__controls {
    display: none;
}

.quote-carousel q {
    color: white;
    font-family: var(--owi-secondary-font-family);
    text-align: center;
    font-size: 1.5rem;
    line-height: 2.25rem;
    display: block;
    padding: 20px 40px 40px;
}

.quote-carousel cite {
    text-align: center;
    display: block;
    color: white;
    font-family: var(--owi-primary-font-family);
    font-size: .875rem;
}

.quote-carousel q:before {
    content: "\e912";
    display: block;
    height: auto;
    width: auto;
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin: 0 auto;
    color: var(--owi-secondary-color);
    padding: 50px;
    font-size: 2.5rem;
}

/* basic */
.quote-carousel .swiper-container {
    position: relative;
    overflow: hidden;
}

.quote-carousel .swiper-container,
.quote-carousel .swiper-wrapper {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

.quote-carousel .swiper-slide {
    position: relative;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 18px;
    /* align-items: center; */
    cursor: grab;
}

.quote-carousel .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

/* plugin navigation */
.quote-carousel .swiper-plugin-navigation-prev,
.quote-carousel .swiper-plugin-navigation-next {
    position: relative;
    bottom: 100px;
    color: white;
    font-size: 1.5rem;
    margin-top: 6px;
}

.quote-carousel .swiper-plugin-navigation-prev {
    margin-right: 20px;
}

.quote-carousel .swiper-plugin-navigation-next {
    margin-left: 10px;
    right: 0px;
}

.quote-carousel .swiper-container__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    bottom: -40px;
}

/* plugin pagination */
.quote-carousel .swiper-plugin-pagination {
    display: flex;
    /*
    position: absolute;
    bottom: 30px;
    right: 50%;
    transform: translateY(-50%);
    */
    width: auto;
    height: auto;
    bottom: 100px;
    position: relative;
}

.quote-carousel  .swiper-plugin-pagination__item {
    display: block;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border-radius: 0px !important;
    border: none;
    background: white;
    opacity: .35;
    transition: opacity ease 0.2s;
    cursor: pointer;
}

.quote-carousel  .swiper-plugin-pagination__item.is-active {
    background: white;
    opacity: 1;
}


/* Start your desktop styles here */
@media only screen and (min-width: 960px) {
    .quote-carousel {
        max-width: 1440px;
        height: 440px;
        margin: auto;
        margin-top: 140px;
    }

    .quote-carousel .swiper-container {
        position: relative;
    }

    .quote-carousel .quote-carousel__stripes-wrapper {
        position: absolute;
        left: 100px;
        width: 200px;
        height: 200%;
        transform: rotate(-36deg);
    }

    .quote-carousel .quote-carousel__light {
        display: inline-block;
        margin-right: 5px;
        background-color: white;
        opacity: .25;
        width: 18px;
        height: 100%;
    }

    .quote-carousel .icon-icon-arrow:hover {
        cursor: pointer;
    }

    .quote-carousel .swiper-button-disabled {
        opacity: 0.35;
    }

    .quote-carousel q {
        font-size: 2rem;
        line-height: 2.75rem;
        position: relative;
        max-width: 824px;
        margin: 0 auto;
        padding-top: 0px;
    }

    .quote-carousel q:before {
        position: absolute;
        font-size: 2rem;
        padding: 0px;
        left: -80px;
    }

    .quote-carousel q:after {
        content: "\e912";
        display: block;
        height: auto;
        width: auto;
        font-family: 'icomoon' !important;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        margin: 0 auto;
        color: var(--owi-secondary-color);
        padding: 0px;
        font-size: 2rem;
        position: absolute;
        right: -80px;
        top: 0px;
        transform: rotate(180deg);
    }

    .quote-carousel cite {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .quote-carousel .swiper-slide {
        align-items: center;
    }
}



/* Mobile Styles */
.rte__wrapper p,
.rte__wrapper i,
.rte__wrapper u,
.rte__wrapper s,
.rte__wrapper b,
.rte__wrapper ol,
.rte__wrapper ul,
.rte__wrapper li,
.rte__wrapper sup,
.rte__wrapper sub {
  color: var(--owi-paragraph-color);
  font-family: var(--owi-primary-font-family);
}

.rte p,
.rte i,
.rte em,
.rte u,
.rte s {
  display: block;
  font-size: 0.875rem;
  line-height: 1.625;
  font-weight: 400;
}

.rte i,
.rte em {
  font-style: italic;
}

.rte b,
.rte strong {
  font-size: 0.875rem;
  line-height: 1.625;
  font-weight: 700;
}

.rte ul > li {
  font-size: 0.875rem;
  line-height: 1.625;
  list-style-type: square;
}

.rte ul > li::marker {
  color: #000000;
}

.rte ol > li {
  font-size: 0.875rem;
  line-height: 1.625;
}

.rte ul > li,
.rte ol > li {
  list-style-position: inside;
}

.rte p a {
  color: var(--owi-paragraph-color);
  text-decoration: underline;
  font-weight: 700;
}

@media only screen and (max-width: 959px) {
  .rte {
    padding: var(--owi-component-padding-mobile)
  }
}


/* Desktop Styles */
@media only screen and (min-width: 960px) {
  .rte {
    max-width: 1440px;
    margin: auto;
    padding: 65px 93px 65px;
  }
}

/* Mobile Styles */
.search-results__wrapper {
  padding: var(--owi-component-padding-mobile);
  position: relative
}

.search-results .search-results__search-wrapper {
  display: none;
}

.search-results .search-results__search-wrapper.show-search {
  display: block;
}

.search-results .search-results__search-wrapper input {
  border: none;
  padding: 5px;
  width: 50%;
}

.search-results .search-results__search-wrapper input:focus {
  outline: none;
}

.search-results .search-results__search-wrapper {
  padding-bottom: 10px;
  border-bottom: 3px solid var(--owi-secondary-color);
  margin-bottom: 24px;
}

.search-results .search-results__search-wrapper .icon-icon-search {
  float: right;
  font-size: 18px;
  color: var(--owi-secondary-color);
  margin-right: 10px;
}

.search-results__wrapper h1 {
  font-family: var(--owi-secondary-font-family);
  margin-bottom: 14px;
}

.search-results__wrapper h1 #search-results-header {
  text-transform: capitalize;
}

.search-results__wrapper h2,
.search-results__wrapper h3,
.search-results__wrapper h4,
.search-results__wrapper p,
.search-results__search-wrapper input,
.search-results__wrapper li {
  font-family: var(--owi-primary-font-family);
}

.search-results .search-results__mobile-filters-toggle,
.search-results .search-results__mobile-refine-toggle,
.search-results__search-wrapper {
  padding-bottom: 10px;
  border-bottom: 3px solid var(--owi-secondary-color);
  margin-bottom: 24px;
}

.search-results__wrapper input::placeholder {
  font-size: 0.875rem;
}

.search-results__search-wrapper .icon-icon-search {
  float: right;
  font-size: 18px;
  color: var(--owi-secondary-color);
  margin-right: 10px;
}

.search-results__wrapper input::placeholder {
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-style: italic;
}

.search-results .search-results__mobile-filters-toggle {
  display: block;
}

.search-results .search-results__mobile-refine-toggle {
  display: none;
}

.search-results .search-results__filters-wrapper,
.search-results .search-results__mobile-refine-search {
  display: none;
}

.search-results #search-results-refine-label {
  font-family: var(--owi-primary-font-family);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  color: var(--owi-icon-text-color);
}

.search-results .search-results__refine-search input {
  display: block;
  height: 19px;
  width: 19px;
  float: left;
  margin-right: 13px;
  margin-top: 10px;
}

.search-results .search-results__refine-search label { 
  display: block;
  font-family: var(--owi-primary-font-family);
  color: var(--owi-icon-text-color);
  font-size: 0.875rem;
  line-height: 2.5rem;
  font-weight: 600;
}

.search-results .search-results__refine-search label:last-child {
  margin-bottom: 30px;
}

.search-results .search-results__filters-wrapper .active-filters {
  border-bottom: 2px solid var(--owi-icon-separator-color);
}

.search-results .active-filters h2 {
  font-size: 1rem;
  font-weight: 700px;
  color: var(--owi-icon-text-color);
  text-transform: capitalize;
  margin-bottom: 13px;
}

.search-results .active-filters-content {
  display: flex;
  height: auto;
  min-height: 40px;
  padding: 8px 14px;
  border: 1px solid var(--owi-line-separator-color);
  justify-content: space-between;
  margin-bottom: 12px;
}

.search-results .active-filters-content p {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--owi-icon-text-color);
  text-transform: capitalize;
}

.search-results .active-filters-content button {
  background-color: white;
  height:11px;;
  width: 11px;
  padding: 0;
  overflow: visible;
}

.search-results .search-results__mobile-filters-toggle button:after,
.search-results .search-results__mobile-refine-toggle button:after,
.search-results .active-filters-content button:after {
  display: none;
}

.search-results .active-filters-content button .icon-icon-close {
  color: var(--owi-primary-color);
  font-size: 11px;
}

.search-results .search-results__mobile-filters-toggle > button,
.search-results .search-results__mobile-refine-toggle > button,
.search-results .active-filters > button {
  background-color: white;
  font-size: 0.75rem;
  color: var(--owi-primary-color);
  padding: 0;
  margin-top: 29px;
  margin-bottom: 23px;
}

.search-results .search-results__mobile-filters-toggle > button:after,
.search-results .search-results__mobile-refine-toggle  > button:after,
.search-results .active-filters > button:after {
  display: none;
}

.search-results .search-results__mobile-filters-toggle button,
.search-results .search-results__mobile-refine-toggle button,
.search-results .search-results__filter-option button {
  position: relative;
  color: var(--owi-icon-text-color);
  font-family: var(--owi-primary-font-family);
  font-size: 0.875rem;
  font-weight: 600;
  background-color: white;
  width: 100%;
  text-align: left;
  text-transform: capitalize;
  letter-spacing: normal;
}

.search-results .search-results__filter-option button {
  padding: 22px 8px 22px 16px;
  box-shadow: var(--owi-box-shadow);
}

.search-results .search-results__mobile-filters-toggle .icon-icon-arrow,
.search-results .search-results__mobile-refine-toggle .icon-icon-arrow,
.search-results .search-results__filter-option .icon-icon-arrow {
  position: absolute;
  right: 8px;
}

.search-results .search-results__filter-option button:after {
  display: none;
}

.search-results .search-results__filter-option ul {
  display: none;
}

.search-results .search-results__mobile-filters-toggle.active + .search-results__filters-wrapper,
.search-results .search-results__mobile-refine-toggle.active + .search-results__refine-search,
.search-results .search-results__filter-option.active ul {
  display: block;
}

.search-results .search-results__filter-option.active button {
  border-bottom: none;
}

.search-results .search-results__filter-option.active .icon-icon-arrow {
  display: inline-block;
  transform: rotate(180deg);
}

.search-results .search-results__filter-option ul {
  box-shadow: var(--owi-box-shadow);
}

.search-results .search-results__filter-option ul li {
  font-size: 0.875rem;
  line-height: 2rem;
  text-transform: capitalize;
  padding: 12px 0 10px 14px;
}

.search-results .search-results__filter-option ul li a {
  display: inline-block;
  height: 100%;
  width: 100%;
  color: var(--owi-icon-text-color);
}

.search-results .search-results__filter-option ul li a span {
  pointer-events: none;
}

.search-results .search-results__filter-option ul li:hover {
  background-color: #F7F7F7;
  cursor: pointer;
}

.search-results .product,
.search-results .article,
.search-results .video,
.search-results .document {
  position: relative;
  cursor: pointer;
  height: 50%;
}

.search-results .search-results__content-results-wrapper #no-content-results-display {
  display: none;
}

.search-results .search-results__content-results-wrapper #no-content-results-display.show {
  padding: var(--owi-component-padding-mobile);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 200px;
  z-index: 10;
  background-color: white;
}

.search-results .search-results__content-results-wrapper #no-content-results-display.show h1 {
  text-transform: uppercase;
  letter-spacing: normal;
}

.search-results .search-results__content-results-wrapper #no-content-results-display.show h1 span {
  text-transform: capitalize;
}

.search-results .search-results__content-results-wrapper > p {
  font-size: 0.875rem;
  color: #626262;
  font-weight: 700;
  margin-bottom: 26px;
}

.search-results .search-results__grid-wrapper {
  display: flex;
  flex-flow: row wrap;
  /* width: 978px; */
  justify-content: flex-start;
}

.search-results .product-listing__tile {
  height: 288px;
  width: 161px;
  box-shadow: var(--owi-box-shadow);
  margin-bottom: 24px;
  padding: 23px 13px;
}

.search-results .product-listing__tile .product-listing__tile-img-wrapper {
  height: 130px;
  width: 100%;
}

.product-listing__tile > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 275px;
}

.product-listing__tile-img-wrapper img {
  height: 130px;
  margin: 0 auto;
}

.search-results .product-listing__tile h3 {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: capitalize;
  margin-top: 10px;
  margin-bottom: 5px;

  max-height: 80px;
  overflow: hidden;

  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.search-results .product-listing__tile ul li {
  list-style-type: square;
  font-size: 0.625rem;
  line-height: 0.875rem;
  color: var(--owi-paragraph-color);
  margin-bottom: 9px;
  margin-left: 16px;
}

.search-results #search-results-pagination-display ul li .more-results-pages {
  color: var(--owi-primary-color);
}

.search-results .search-results__active-page {
  background-color: var(--owi-primary-color);;
  color: white;
}

/* Mobile Only */
@media only screen and (max-width: 959px) {
  .search-results__refine-search {
    display: none;
  }

  .search-results #search-results__filter-options {
    margin-bottom: 14px;
  }

  .search-results .search-results__grid-wrapper {
    justify-content: center;
  }

  .search-results .product-listing__tile:nth-child(odd) {
    margin-right: 12px;
  }

  .search-results .search-results__tile.with-image img {
    display: none
  }
}

/* ////////// ARTICLE RESULTS STYLES ////////// */
.search-results .article-listing__tile {
  height: 400px;
  width: 100%;
  box-shadow: var(--owi-box-shadow);
  margin-bottom: 24px;
}

.search-results .article-listing__tile .article-banner-link img {
  height: 205px;
  width: 100%;
  object-fit: cover;
}

.search-results .article-theme {
  height: 38px;
  width: 111px;
  padding: 9px 2px 8px 2px;
  position: absolute;
  top: 180px;
  left: 24px;
  text-align: center;
}

.search-results .article-theme p {
  font-size: 0.625rem;
  text-transform: capitalize;
  font-weight: 500;
  color: white;
  line-height: 1rem;
}

.search-results .article-theme {
  width: auto;
  min-width: 135px;
  top: 176px;
  left: 31px;
  padding: 9px 14px 8px 14px;
}

.search-results .article-listing__tile .tile-text-wrapper {
  padding: 27px 20px 40px 31px;
}

.search-results .article-listing__tile .tile-text-wrapper span {
  color: var(--owi-caption-color);
  font-size: 0.625rem;
  line-height: 1.3rem;
  letter-spacing: 0.38px;
  font-weight: 600;
  margin-bottom: 13px;
}

.search-results .article-listing__tile .tile-text-wrapper h3 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 700;
  margin-bottom: 8px;
}

.search-results .article-listing__tile .tile-text-wrapper p {
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 400;
  margin-bottom: 16px;
}

.search-results .article-listing__tile .tile-text-wrapper p:last-child {
  max-height: 72px;
}

.search-results .article-listing__tile .tile-text-wrapper .cta {
  font-size: 0.875rem;
  line-height: 1.313rem;
  color: var(--owi-primary-color);
}

/* ////////// VIDEO RESULTS STYLES ////////// */
.search-results a:hover .play-button {
  background-color: var(--owi-secondary-color);
}

.search-results .video .controls-wrapper {
  position: absolute;
  height: 200px;
  width: 100%;
  top: 0px;
  display: flex;
}

.search-results .play-button {
  align-self: center;
}

.search-results .video-listing__tile {
  height: 345px;
  width: 100%;
  box-shadow: var(--owi-box-shadow);
  margin-bottom: 24px;
}

.search-results .video-listing__tile .video-banner-link img {
  height: 200px;
  width: 100%;
  object-fit: cover;
}

.search-results .video-listing__tile .tile-text-wrapper {
  padding: 20px;
}

.search-results .video-listing__tile .tile-text-wrapper h3 {
  font-size: 1rem;
  letter-spacing: normal;
  text-transform: capitalize;
  margin-bottom: 8px;
  font-weight: 700;
  max-height: 24px;
  overflow: hidden;

  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.search-results .video-listing__tile .tile-text-wrapper p {
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  max-height: 100px;
  overflow: hidden;

  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.search-results .video-listing__tile > div {
  width: 100% !important;
}

/* ////////// DOCUMENT LISTING STYLES ////////// */
.search-results .document-listing__content-results-wrapper > p {
  font-size: 0.875rem;
  color: #626262;
  font-weight: 400;
  margin-bottom: 26px;
}

.search-results .document-listing__tile,
.search-results .product-document-listing__tile {
  display: flex;
  flex-direction: column;
  height: 308px;
  width: 100%;
  box-shadow: var(--owi-box-shadow);
  margin-bottom: 24px;
  padding: 32px 16px 16px;
}

.search-results .document-listing__tile.with-image,
.search-results .product-document-listing__tile.with-image {
  height: 308px;
  width: 100%;
  padding: 32px 16px 16px;
}

.search-results .document-listing__tile .info-wrapper {
  margin-bottom: auto;
}

.search-results .document-listing__tile .info-wrapper p:first-child,
.search-results .product-document-listing__tile .info-wrapper p:first-child {
  font-family: var(--owi-secondary-font-family);
  letter-spacing: 1px;
  font-size: 0.75rem;
  line-height: 1.5rem;
  color: var(--owi-tag-color);
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.search-results .document-listing__tile .info-wrapper h3,
.search-results .product-document-listing__tile .info-wrapper h3 {
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: normal;
  text-transform: capitalize;
  margin-bottom: 8px;
}

.search-results .document-listing__tile .info-wrapper p,
.search-results .product-document-listing__tile .info-wrapper p {
  font-size: 0.75rem;
  line-height: 1.625rem;
  font-weight: 400;
  
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.search-results .document-listing__tile .info-wrapper p:last-child,
.search-results .product-document-listing__tile .info-wrapper p:last-child {
  color: var(--owi-caption-color);
  font-weight: 600;
  line-height: 2rem;
  margin-top: 16px;
  margin-bottom: 15px;
}

.search-results .action-wrapper a {
  height: 45px;
  width: 100%;
}

.search-results .action-wrapper a.download:before {
  content: "\e90a";
  font-family: 'icomoon' !important;
  margin-right: 8px;
}

.search-results .action-wrapper a.view {
  background-color: white;
  color: var(--owi-primary-color);
  border: 1px solid var(--owi-primary-color);
}

/* ////////// PAGINATION STYLES ////////// */
.search-results #search-results-pagination-display {
  display: flex;
  justify-content: center;
  width: 100%;
}

.search-results #search-results-pagination-display ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 800px;
}

.search-results #search-results-pagination-display ul li {
  height: 24px;
  width: 24px;
  border: solid 1px var(--owi-line-separator-color);
  text-align: center;
  margin-right: 8px;
  margin-bottom: 5px;
}

.search-results #search-results-pagination-display ul li:first-child,
.search-results #search-results-pagination-display ul li:last-child {
  border: none;
  display: inline-block;
  height: 15px;
  margin-top: auto;
  margin-bottom: auto;
}

.search-results #search-results-pagination-display ul li:first-child .icon-icon-arrow,
.search-results #search-results-pagination-display ul li:last-child .icon-icon-arrow {
  margin-left: 0;
}

.search-results #search-results-pagination-display ul li:first-child {
  transform: rotate(90deg);
}

.search-results #search-results-pagination-display ul li:last-child {
  transform: rotate(-90deg);
}

.search-results #search-results-pagination-display ul li a {
  display: table-cell;
  height: 24px;
  width: 24px;
  color: #D4D4D4;
  font-size: 0.75rem;
  font-weight: 700;
  vertical-align: middle;
}

/* Mobile Only */
@media only screen and (max-width: 959px) {
  .search-results .document-listing__tile.with-image img,
  .search-results .product-document-listing__tile.with-image img {
    display: none
  }

  .search-results .document-listing__tile.with-image .action-wrapper,
  .search-results .product-document-listing__tile.with-image .action-wrapper {
    display: flex;
    flex-direction: row-reverse;
  }

  .search-results .document-listing__tile.with-image .action-wrapper a,
  .search-results .product-document-listing__tile.with-image .action-wrapper a {
    flex: 1 50%;
    width: 150px;
  }

  .search-results .document-listing__tile.with-image .action-wrapper a:last-child,
  .search-results .product-document-listing__tile.with-image .action-wrapper a:last-child {
    margin-right: 10px;
  }

  .search-results .product-tile-action-wrapper {
    display: none;
  }
}


/* Desktop Styles*/
@media only screen and (min-width: 960px) {
  .search-results {
    max-width: 1440px;
    margin: auto;
    margin-top: 56px;
    margin-bottom: 85px;
  }

  .search-results__wrapper {
    padding: 0;
  }

  .search-results .search-results__content-results-wrapper {
    width: 100%;
  }

  .search-results .search-results__search-wrapper {
    margin-bottom: 60px;
  }

  .search-results__wrapper > h1 {
    font-size: 2.813rem;
    margin-bottom: 94px;
  }

  .search-results #no-content-results-display > h1 {
    font-size: 2.813rem;
    margin-bottom: 17px;
  }

  .search-results__wrapper h1 > span {
    text-transform: capitalize;
  }

  .search-results__search-wrapper {
    margin-bottom: 60px;
  }

  .search-results__wrapper input::placeholder {
    font-size: 1rem;
  }

  .search-results .search-results__mobile-filters-toggle,
  .search-results .search-results__mobile-refine-toggle,
  .search-results .search-results__mobile-refine-search {
    display: none;
  }

  .search-results .search-results__filters-wrapper {
    display: block;
  }

  .search-results__results-wrapper {
    display: flex;
    position: relative;
  }

  .search-results__results-wrapper .search-results__filters-wrapper {
    width: 286px;
    margin-right: 32px;
  }

  .search-results .search-results__filters-wrapper .active-filters {
    border-bottom: 2px solid var(--owi-icon-separator-color);
  }

  .search-results__filters-wrapper .active-filters h2 {
    font-size: 1rem;
    font-weight: 700px;
    color: var(--owi-icon-text-color);
    text-transform: capitalize;
    margin-bottom: 13px;
  }

  .search-results__filters-wrapper .active-filters-content {
    display: flex;
    height: auto;
    min-height: 40px;
    padding: 8px 14px;
    border: 1px solid var(--owi-line-separator-color);
    justify-content: space-between;
  }

  .search-results__filters-wrapper .active-filters-content p {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--owi-icon-text-color);
  }

  .search-results__filters-wrapper .active-filters-content a {
    background-color: white;
    padding: 0;
  }

  .search-results__filters-wrapper .active-filters-content a:after {
    content: "\e908";
    font-family: 'icomoon' !important;
    color: var(--owi-primary-color);
    font-size: 11px;
  }

  .search-results__filters-wrapper .active-filters > button {
    background-color: white;
    font-size: 0.75rem;
    color: var(--owi-primary-color);
    padding: 0;
    margin-top: 29px;
    margin-bottom: 23px;
  }

  .search-results__filters-wrapper .active-filters > button:after {
    display: none;
  }

  .search-results__filters-wrapper .search-results__filter-option button {
    position: relative;
    color: var(--owi-icon-text-color);
    font-family: var(--owi-primary-font-family);
    font-size: 1rem;
    font-weight: 700;
    background-color: white;
    width: 100%;
    padding: 22px 8px 22px 0;
    text-align: left;
    text-transform: capitalize;
    border-bottom: 1px solid var(--owi-icon-separator-color);
    letter-spacing: normal;
    margin-bottom: 13px;
  }

  .search-results .search-results__filter-option button {
    padding: 22px 8px 22px 0;
    border-bottom: 1px solid var(--owi-icon-separator-color);
    box-shadow: none;
  }

  .search-results .search-results__filter-option ul {
    box-shadow: none;
  }

  .search-results .search-results__filter-option ul li {
    padding: 0;
  }

  .search-results__filters-wrapper .search-results__filter-option .icon-icon-arrow {
    position: absolute;
    right: 8px;
  }

  .search-results__filters-wrapper .search-results__filter-option button:after {
    display: none;
  }

  .search-results__filters-wrapper .search-results__filter-option ul {
    display: none;
  }

  .search-results__filters-wrapper .search-results__filter-option.active ul {
    display: block;
  }

  .search-results__filters-wrapper .search-results__filter-option.active button {
    border-bottom: none;
  }

  .search-results__filters-wrapper .search-results__filter-option.active .icon-icon-arrow {
    display: inline-block;
    transform: rotate(180deg);
  }

  .search-results__filters-wrapper .search-results__filter-option ul li {
    font-size: 0.875rem;
    line-height: 2rem;
    color: var(--owi-icon-text-color);
    text-transform: capitalize;
  }

  .search-results .search-results__content-results-wrapper > p {
    font-size: 1rem;
    color: var(--owi-icon-text-color);
    font-weight: 700;
    margin-bottom: 32px;
  }


  .search-results .search-results__grid-wrapper {
    display: flex;
    flex-flow: row wrap;
    /* width: 978px; */
    justify-content: flex-start;
  }

  .search-results .product-listing__tile {
    height: 500px;
    width: 310px;
    box-shadow: var(--owi-box-shadow);
    margin-bottom: 24px;
    padding: 32px 30px;
    transition: margin-top 0.3s ease;
    margin-right: 24px;
  }

  .search-results .product-listing__tile:hover {
    cursor: pointer;
    margin-top: -16px;
  }

  .search-results .product-listing__tile:not(:nth-child(3n+3)),
  .search-results .article-listing__tile:not(:nth-child(3n+3)),
  .search-results .video-listing__tile:not(:nth-child(3n+3)) {
    margin-right: 24px;
  }

  .search-results .product-listing__tile .product-listing__tile-img-wrapper {
    height: 170px;
  }

  .search-results .product-listing__tile .product-listing__tile-img-wrapper img {
    height: 170px;
    margin: 0 auto;
  }

  .search-results .product-listing__tile h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-transform: capitalize;
    font-weight: 700;

    max-height: 120px;
  }

  .search-results .product-listing__tile ul li {
    font-size: 0.75rem;
    line-height: 1.125rem;
    color: var(--owi-paragraph-color);
    margin-bottom: 8px;
    margin-left: 16px;
  }

  .search-results .product-listing__tile .product-listing__tile-btn {
    width: 100%;
    height: 40px;
    padding: 12px 0px;
  }

  .search-results .product-listing__tile .product-listing__tile-cta {
    display: inline-block;
    width: 100%;
    color: var(--owi-primary-color);
    font-family: var(--owi-secondary-font-family);
    font-size: 0.75rem;
    line-height: 1.063rem;
    letter-spacing: 2.57px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    padding: 10px 0;
  }

  .search-results .search-results__active-page {
    background-color: var(--owi-primary-color);
    color: white;
  }

  /* ////////// ARTICLE RESULTS DESKTOP STYLES ////////// */
  .search-results .article-listing__tile {
    height: 475px;
    width: 310px;
    margin-bottom: 25px;
    margin-right: 24px;
  }

  .search-results .article-listing__tile .tile-text-wrapper {
    padding: 32px 31px 40px 30px;
  }

  .search-results .article-theme {
    width: auto;
    min-width: 135px;
    top: 176px;
    left: 31px;
    padding: 9px 14px 8px 14px;
  }

  .search-results .article-theme p {
    font-size: 0.75rem;
  }

  .search-results .article-listing__tile .tile-text-wrapper span:first-child {
    color: var(--owi-caption-color);
    font-size: 0.75rem;
    line-height: 2rem;
    font-weight: 600;
    margin-bottom: 13px;
  }

  .search-results .article-listing__tile .tile-text-wrapper h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    margin-bottom: 8px;
  }

  .search-results .article-listing__tile .tile-text-wrapper p {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: 400;
    margin-bottom: 16px;
  }

  .search-results .article-listing__tile .tile-text-wrapper p:last-child {
    max-height: 72px;
  }

  /* ////////// VIDEO RESULTS DESKTOP STYLES ////////// */
  .search-results .video-listing__tile {
    height: 400px;
    width: 310px;
    margin-bottom: 25px;
    margin-right: 24px;
  }

  .search-results .video .controls-wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    display: flex;
  }

  .search-results .video-listing__tile .tile-text-wrapper {
    padding: 20px;
  }

  .search-results .video-listing__tile .tile-text-wrapper h3 {
    font-size: 1.125rem;
    margin-bottom: 8px;
  }

  .search-results .video-listing__tile .tile-text-wrapper p {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: 400;
    -webkit-line-clamp: 4;
  }

  /* ////////// DOCUMENT LISTING DESKTOP STYLES ////////// */
  .search-results .document-listing__tile, 
  .search-results .product-document-listing__tile{
    display: flex;
    flex-direction: row;
    height: auto;
    width: 100%;
    padding: 35px 32px 23px 32px;
    margin-bottom: 24px;
  }

  .search-results .product-document-listing__tile > a{
    width: 100%;
    display: block;
    padding: 35px 32px 23px 32px;
  }

  .search-results .product-document-listing__tile.link{
    display: flex;
    height: auto;
    width: 100%;
    padding: 0px;
    margin-bottom: 24px;
  }

  .search-results .document-listing__tile .info-wrapper h3,
  .search-results .product-document-listing__tile .info-wrapper h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    color: var(--owi-topic-color);
    letter-spacing: normal;
    text-transform: capitalize;
    margin-bottom: 4px;
  }

  .search-results .action-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
  }

  .search-results .action-wrapper a {
    height: 45px;
    width: 170px;
  }

  .search-results .action-wrapper a:first-child {
    margin-bottom: 16px;
  }

  .search-results .action-wrapper a:first-child:before {
    content: "\e90a";
    font-family: 'icomoon' !important;
    margin-right: 8px;
  }

  .search-results .action-wrapper a.view {
    background-color: white;
    color: var(--owi-primary-color);
    border: 1px solid var(--owi-primary-color);
  }

  .search-results .action-wrapper a.view:hover {
    color: white;
  }

  .search-results .document-listing__tile .info-wrapper h3,
  .search-results .product-document-listing__tile .info-wrapper h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: var(--owi-topic-color);
    letter-spacing: normal;
    text-transform: capitalize;
  }

  .search-results .document-listing__tile .info-wrapper p,
  .search-results .product-document-listing__tile .info-wrapper p {
    font-size: 0.875rem;
    font-weight: 400;
    margin-right: 115px;
  }

  .search-results .document-listing__tile.with-image .info-wrapper p,
  .search-results .product-document-listing__tile.with-image .info-wrapper p {
    margin-right: 32px;
  }

  .search-results .document-listing__tile .info-wrapper p:last-child,
  .search-results .product-document-listing__tile .info-wrapper p:last-child {
    color: var(--owi-caption-color);
    font-weight: 600;
    margin-top: 25px;
  }

  .search-results .document-listing__tile.with-image,
  .search-results .product-document-listing__tile.with-image {
    height: 250px;
    width: 100%;
    padding: 38px 32px;
  }

  .search-results .document-listing__tile .image-wrapper,
  .search-results .product-document-listing__tile .image-wrapper {
    flex: none;
    height: 178px;
    width: 225px;
    margin-right: 32px;
  }

  .search-results .document-listing__tile .image-wrapper img,
  .search-results .product-document-listing__tile .image-wrapper img {
    height: 178px;
    width: 100%;
    object-fit: cover;
  }

  .search-results .document-listing__tile.with-image .info-wrapper,
  .search-results .product-document-listing__tile.with-image .info-wrapper {
    margin-right: 32px;
  }

  .search-results .document-listing__tile.with-image .action-wrapper,
  .search-results .product-document-listing__tile.with-image .action-wrapper {
    justify-content: center;
  }
}






/* Core Styles */
.search-nav__wrapper .search-nav__search-wrapper {
  height: 87px;
  width: 100%;
  background-color: var(--owi-primary-color);
  padding: 45px 24px 18px 24px;
  position: relative;
}

.search-nav__wrapper .search-nav__input-wrapper {
  display: inline-block;
  width: 90%;
  border-bottom: 2px solid white;
}

.search-nav__wrapper .search-nav__input-wrapper input {
  font-family: var(--owi-primary-font-family);
  background-color: var(--owi-primary-color);
  border: none;
  width: 90%;
  padding: 5px;
}

.search-nav__wrapper .search-nav__input-wrapper input:focus {
  outline: none;
}

.search-nav__wrapper .search-nav__input-wrapper input::placeholder {
  font-size: 0.875rem;
  color: white;
  font-style: italic;
}

.search-nav__wrapper .search-nav__input-wrapper .icon-icon-search,
.search-nav__wrapper .search-nav__search-wrapper .icon-icon-close {
  color: white;
}

.search-nav__wrapper .search-nav__input-wrapper .icon-icon-search {
  height: 14px;
  width: 14px;
  float: right;
  margin-top: 5px;
  margin-right: 10px;
}

.search-nav__wrapper .search-nav__search-wrapper .icon-icon-close {
  height: 25px;
  width: 25px;
}

.search-nav__wrapper .search-nav__popular-wrapper {
  background-color: white;
}

.search-nav__wrapper .search-nav__popular-searches {
  margin-bottom: 32px;
}

.search-nav__wrapper .search-nav__popular-searches h2,
.search-nav__wrapper .search-nav__popular-products h2 {
  font-size: 0.875rem;
  color: var(--owi-tag-color);
  line-height: 24px;
  letter-spacing: 0.58px;
  font-weight: 600;
}

.search-nav__wrapper .search-nav__popular-products h2 {
  margin-bottom: 24px;
}

.search-nav__wrapper .search-nav__popular-products ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.search-nav__wrapper .search-nav__popular-products div {
  display: flex;
  justify-content: space-between;
}

.search-nav__wrapper .search-nav__popular-products .search-nav__product-tile {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.search-nav__wrapper .search-nav__popular-products .search-nav__product-tile div {
  flex-flow: column;
}

.search-nav__wrapper .search-nav__popular-searches ul li a {
  font-family: var(--owi-primary-font-family);
  font-size: 0.875rem;
  color: var(--owi-icon-text-color);
  line-height: 2.188rem;
  font-weight: 700;
  text-transform: capitalize;
}

.search-nav__desktop-tiles .search-nav__product-tile p, 
.search-nav__mobile-tiles .search-nav__product-tile p {
  font-size: 0.75rem;
  line-height: 1.25rem;
  letter-spacing: 0.38px;
  margin-top: 10px;
  margin-bottom: 15px;
  font-weight: 600;
  font-family: var(--owi-primary-font-family);
  color: var(--owi-caption-color);
}

.search-nav__wrapper .search-nav__popular-products .search-nav__product-tile {
  flex: 0 1 48%;
  height: 288px;
  /* width: 165px; */
  padding: 26px 13px 38px 16px;
  box-shadow: var(--owi-box-shadow);
  margin-bottom: 32px;
}

.search-nav__product-tile .search-nav__img-wrapper {
  height: 77px;
  width: 75px;
  margin: auto;
  margin-bottom: 19px;
}

.search-nav__product-tile .search-nav__img-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.search-nav__wrapper .search-nav__popular-products .search-nav__product-tile h3 {
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--owi-topic-color);
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 7px;
  font-family: var(--owi-primary-font-family);
}

.search-nav__wrapper .search-nav__popular-products .search-nav__product-tile ul li,
.search-nav__wrapper .search-nav__popular-products .search-nav__product-tile div div {
  font-family: var(--owi-primary-font-family);
  font-size: 0.625rem;
  color: black;
  line-height: 0.875rem;
  letter-spacing: 0.31px;
  list-style-type: square;
  margin-bottom: 9px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.search-nav__wrapper .search-nav__popular-products .search-nav__product-tile .search-nav__tile-buttons {
  display: flex;
  flex-direction: column;
}

/* Mobile Only Styles */
@media only screen and (max-width: 959px) {
  .search-nav__wrapper .search-nav__popular-wrapper {
    padding: var(--owi-component-padding-mobile);
  }

  .search-nav__wrapper .search-nav__desktop-tiles {
    display: none !important;
  }

  .search-nav__wrapper .search-nav__popular-products .search-nav__product-tile p {
    font-size: 0.625rem;
    line-height: 0.875rem;
    margin-top: 5px;
    color: var(--owi-caption-color);
  }
}

/* Desktop Only Styles */
@media only screen and (min-width: 960px) {
  .search-nav__wrapper .search-nav__search-wrapper {
    display: flex;
    justify-content: flex-end;
    height: 127px;
    padding: 45px 65px 45px 0px;
  }

  .search-nav__wrapper .search-nav__input-wrapper {
    height: 36px;
    width: 928px;
    margin-right: 28px;
  }

  .search-nav__wrapper .search-nav__input-wrapper input,
  .search-nav__wrapper .search-nav__input-wrapper input::placeholder {
    font-size: 1.313;
    color: white;
    font-style: italic;
  }

  .search-nav__wrapper .search-nav__popular-wrapper {
    display: flex;
    max-width: 1440px;
    margin: auto;
    margin-top: 56px;
  }

  .search-nav__wrapper .search-nav__popular-searches {
    width: 205px;
    margin-right: 129px;
  }

  .search-nav__wrapper .search-nav__popular-searches ul li a {
    font-size: 1rem;
    line-height: 2.5rem;
  }

  .search-nav__wrapper .search-nav__mobile-tiles {
    display: none !important;
  }

  .search-nav__wrapper .search-nav__popular-products .search-nav__product-tile {
    height: auto;
    max-width: 310px;
    padding: 37px 30px 32px 30px;
    margin-right: 24px;
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .search-nav__product-tile .search-nav__img-wrapper {
    height: 155px;
    width: 150px;
    margin: auto;
    margin-bottom: 33px;
  }

  .search-nav__product-tile .search-nav__img-wrapper img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    max-height: 150px;
  }

  .search-nav__product-tile h5 {
    line-height: 1.5rem;
  }

  .search-nav__wrapper .search-nav__popular-products .search-nav__product-tile h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 19px;
  }

  .search-nav__wrapper .search-nav__popular-products .search-nav__product-tile ul li {
    font-size: 0.75rem;
    color: var(--owi-caption-color);
    line-height: 1.25rem;
    letter-spacing: 0.38px;
    list-style-type: square;
    margin-bottom: 8px;
  }

  .search-nav__wrapper .search-nav__popular-products .search-nav__product-tile .button {
    width: 100%;
  }

  .search-nav__wrapper .search-nav__popular-products .search-nav__product-tile .search-nav__cta {
    width: 100%;
    padding: 11px 0;
    display: inline-block;
    text-align: center;
    font-family: var(--owi-secondary-font-family);
    font-size: 0.75rem;
    text-decoration: none;
    color: var(--owi-primary-color);
    text-transform: uppercase;
    line-height: 17px;
    letter-spacing: 2.57px;
    font-weight: 600;
  }

}



/* Start your mobile here */

/* Store Locator Wrapper */
.store-locator__wrapper {
    height: 100%;
    position: relative;
    width: 100%;
}

/* Google Map Wrapper */
.google-map__wrapper {
    height: 340px;
    position: relative;
    width: 100%;
}

/* Search Section Wrapper */
.search-section__wrapper {
    height: 100%;
    max-width: 100%;
    padding: 30px 24px 52px;
}

/* Search Container */
.search__wrapper {
    background-color: var(--owi-primary-white);
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.10);
    max-width: 100%;
    min-height: 440px;
    overflow-y: scroll;
    transition: all 0.2s ease;
    z-index: 999;

    -ms-overflow-style: none;
    scrollbar-width: none;
}

.search__wrapper::-webkit-scrollbar {
    display: none;
}

/* Search container header */
.search-header {
    align-items: center;
    background-color: var(--owi-secondary-color);
    display: flex;
    height: 45px;
    padding: 0 1.5rem;
    width: 100%;
}

/* Search Container Header */
.search__wrapper .search-header h3 {
    color: var(--owi-primary-white);
    font-size: 0.875rem;
}

/* Search input container */
/* Location, distance, etc */
.search__wrapper .search {
    padding: 1.5rem 1.5rem 0;
}

/* Search input container for each input */
.search__wrapper .search-field {
    border-bottom: 3px solid var(--owi-secondary-color);
    display: block;
    margin-bottom: 1.5rem;
}

/* Input label */
.search__wrapper label {
    color: var(--owi-topic-color);
    font-family: var(--owi-primary-font-family);
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: capitalize;
}

/* Text and option-select inputs */
/* .search__wrapper .search-field input, */
.search__wrapper .search-field #location-input,
.search__wrapper .search-field select {
    border: none;
    color: var(--owi-topic-color);
    font-family: var(--owi-primary-font-family);
    font-size: 0.875rem;
    font-weight: 600;
    height: 45px;
    padding: 0 0.5rem;
    width: 100%;
}

.search__wrapper .search-field select {
    appearance: none;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;

    -webkit-appearance: none;
    -moz-appearance: none;
}

.search__wrapper .search-field input:focus,
.search__wrapper .search-field select:focus {
    outline: none;
}

/* Search CTA */
.search-cta {
    display: none;
}

.search-cta a {
    font-size: 12px;
    min-width: 100%;
}

.search-cta.active {
    display: block;
}

/* Dual Search CTAs */
.dual-search-cta {
    border-bottom: 2px solid var(--owi-border-color);
    display: none;
    justify-content: center;
    gap: 1rem;
    padding-bottom: 1.5rem;
}

.dual-search-cta.active {
    display: block;
}

.dual-search-cta a {
    font-size: 12px;
}

.dual-search-cta a:first-child {
    background-color: var(--owi-primary-white);
    border: 1px solid var(--owi-primary-color);
    box-sizing: border-box;
    color: var(--owi-primary-color);
}

.dual-search-cta a:first-child:hover {
    border: 1px solid var(--owi-secondary-color);
    color: var(--owi-primary-white);
}

.search {
    display: none;
}

.search.active {
    display: block;
}

/* Results */
.results {
    display: none;
    margin-top: 0;
    padding: 1.5rem 1.5rem 0;
}

.results.active {
    display: block;
}

/* Results Header */
/* Your Location - Edit Search */
.results .result-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0;
}

.results .result-header .your-location {
    display: flex;
    margin-right: 1rem;
}

/* Location Pin Icon */
.results .result-header .your-location::before {
    content: "\e919";
    font-family: "Icomoon";
    margin-right: 0.5rem;
}

/* Your Location - H4 */
.results .result-header h4 {
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
}

/* Edit Search Button */
.results a.cta {
    color: var(--owi-primary-color);
    font-family: var(--owi-secondary-font-family);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 1.71px;
    min-width: max-content;
    text-transform: uppercase;
}
/* Display map toggle */
.results .display-map__cta {
    align-items: center;
    display: flex;
    height: max-content;
    margin: 1.5rem 0;
}

/* Map Text */
.results .display-map__cta p {
    color: #b4b4b4;
    font-family: var(--owi-secondary-font-family);
    font-size: 12px;
    letter-spacing: 0.5px;
    margin-right: 0.5rem;
    text-transform: uppercase;
}

.results .display-map__cta .switch {
    display: inline-block;
    height: 21px;
    position: relative;
    width: 50px;
}

.results .display-map__cta .switch input {
    height: 0;;
    opacity: 0;
    width: 0;
}

.results .display-map__cta .switch .slider {
    border: 1px solid var(--owi-primary-color);
    background-color: var(--owi-primary-white);
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s ease-out;
}

.results .display-map__cta .switch .slider::before {
    background-color: var(--owi-primary-color);
    bottom: 2px;
    content: '';
    height: 15px;
    left: 2px;
    position: absolute;
    top: 2px;
    transition: all 0.2s ease-out;
    width: 15px;
}

.results .display-map__cta .switch input:checked + .slider {
    background-color: var(--owi-primary-color);
}

.results .display-map__cta .switch input:checked + .slider::before {
    background-color: var(--owi-primary-white);

    transform: translateX(29px);
    -ms-transform: translateX(29px);
    -webkit-transform: translateX(29px);
}

.results .display-map__cta .switch .slider.round {
    border-radius: 100px;
}

.results .display-map__cta .switch .slider::before {
    border-radius: 50%;
}

/* No Result Container */
.results .no-result {
    border-top: 1.5px solid var(--owi-border-color);
    display: none;
    padding: 0;
}

.results .no-result.active {
    display: block;
}

.results .no-result p {
    color: var(--owi-topic-color);
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-top: 1.5rem;
    max-width: 330px;
}

/* Required for location icon to the left */
.results .result-field {
    border-top: 1.5px solid var(--owi-border-color);
    cursor: pointer;
    display: flex;
    padding: 1.5rem 1rem;
}

.results .result-field:hover .store-name-distance label {
    transition: color 0.2s ease-out;
}

.results .result-field:hover .store-name-distance label {
    color: var(--owi-primary-color);
}

/* Location Icon */
.results .result-field::before {
    color: var(--owi-primary-color);
    content: "\e919";
    font-family: "Icomoon";
    font-size: 2rem;
    margin-right: 1.5rem;
}

/* Store Name - Distance Container */
.result .store-name-distance p  {
    color: var(--owi-paragraph-color);
    font-size: 0.75rem;
    font-weight: 400;
}

/* Store Address */
.result .store-address {
    margin: 0.5rem 0;
    max-width: 200px;
}

.result .store-address p {
    color: var(--owi-icon-text-color);
    font-size: 0.865rem;
    font-weight: 500;
    line-height: 1.625rem;
}

/* Store Contact Info */
.results .store-contact,
.result .store-contact {
    margin-bottom: 1rem;
    max-width: 250px;
    overflow-x: hidden;
    /* border: 1px solid red; */
}

.results .store-contact a,
.result .store-contact a {
    color: var(--owi-icon-text-color);
    display: block;
    font-family: var(--owi-primary-font-family);
    font-size: 0.865rem;
    font-weight: 500;
    line-height: 1.625rem;
    text-decoration: underline;
    width: fit-content;
}

/* Get Directions Button */
.result a.cta::after {
    color: var(--owi-primary-color);
    content: "\e914";
    font-family: "Icomoon";
    margin-left: 0.5rem;
}

.result a.cta:hover {
    text-decoration: underline;
}

.results-list {
    display: none;
}

.results-list.active {
    display: inline-block;
}

.results-loading {
    display: none;
}

.results-loading.active {
    display: inline-block;
}

/*  */
/*  */

/* Desktop View */

@media only screen and (min-width: 700px) {

    .store-locator__wrapper {
        height: 675px;
    }

    .google-map__wrapper {
        height: 100%;
        position: absolute;
        width: 100%;
    }

    .search-section__wrapper {
        margin: 0 auto;
        max-width: 1440px;
        padding: 3rem 20px 0;
    }

    .search__wrapper {
        max-height: 580px;
        position: relative;
        width: 400px;
    }

    .search-header {
        position: sticky;
        top: 0;
        width: 400px;
        z-index: 999;
    }

    .dual-search-cta.active {
        display: flex;
    }

    .search-cta a,
    .dual-search-cta a {
        font-size: 0.875rem;
    }

    .dual-search-cta a:first-child {
        max-width: 140px;
    }

    .results {
        padding: 0 1.5rem;
    }

    .results .result-header {
        margin: 1.5rem 0;
    }

    .results .display-map__cta {
        display: none;
    }

    .no-result {
        border-top: 2px solid var(--owi-border-color);
        display: none;
        padding: 0.5rem 0 0;
    }
}

/* Start your mobile here */

.tabbed-product-explorer h2 {
    font-size: 2rem;
    line-height: 2.75rem;
    letter-spacing: 0.89px;
}

.tabbed-product-explorer__list {
    background: var(--owi-offset-image-color);
    text-transform: uppercase;
    font-family: var(--owi-secondary-font-family);
    cursor: pointer;
    padding: 30px;
}

.tabbed-product-explorer__list a {
    cursor: pointer;
    color: var(--owi-paragraph-color);
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.31rem;
}

.tabbed-product-explorer__list > ul.desktop {
    display: none;
}

.tabbed-product-explorer__list .mobile {
    display: flex;
}

.tabbed-product-explorer__list .mobile span {
    letter-spacing: 0.89px;
}

.tabbed-product-explorer__list div.mobile > span:first-child {
    margin-right: 10px;
    color: var(--owi-paragraph-color);
    min-width: 96px;
}

.tabbed-product-explorer__list div.mobile > span:last-child {
    width: 100%;
}

.tabbed-product-explorer__list div.mobile > span:last-child:after {
    content: "\e900";
    display: inline-block;
    font-family: 'icomoon' !important;
    height: 12px;
    width: 12px;
    position: absolute;
    right: 30px;
    font-size: 12px;
}

.tabbed-product-explorer__list div.mobile > span:last-child select {
    border: none;
    background-color: transparent;
    text-transform: uppercase;
    color: var(--owi-icon-text-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    font-weight: 500;
    width: 100%;
}

.tabbed-product-explorer__results-container {
    padding: 30px;
}

.tabbed-product-explorer__content {
    display: none;
}

.tabbed-product-explorer__content.active {
    display: block;
}

.tabbed-product-explorer__content > p {
    font-size: 0.875rem;
    line-height: 24px;
    letter-spacing: 0.44px;
    margin-top: 12px;
    width: 100%;
}

.tabbed-product-explorer__content > ul {
    display: flex;
    flex-direction: column;
    margin-top: 48px;
}

.tabbed-product-explorer__content > ul > li {
    margin: 0 auto 24px;
}

.tabbed-product-explorer__product-card {
    width: 302px;
    height: 500px;
    padding: 30px;
    background-color: var(--owi-primary-white);
    box-shadow: 0 4px 9px 0 rgba(0,0,0,0.1);

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.tabbed-product-explorer__product-card img {
    height: 170px;
    width: auto;
    margin: 0 auto;
}

.tabbed-product-explorer__product-card h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: bold;
    font-family: var(--owi-primary-font-family); 
    cursor: pointer;
    text-transform: capitalize;
    margin-top: 15px;
    max-height: 120px;
    overflow: hidden;

    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;  
}

.tabbed-product-explorer__product-card p {
    font-size: 0.75rem;
    line-height: 1.25rem;
    letter-spacing: 0.38px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.tabbed-product-explorer__product-card .button {
    width: 100% !important;
}

.tabbed-product-explorer__cta {
    width: 100%;
    padding: 11px 0;
    display: inline-block;
    text-align: center;
    font-family: var(--owi-secondary-font-family);
    font-size: 0.75rem;
    text-decoration: none;
    color: var(--owi-primary-color);
    text-transform: uppercase;
    line-height: 17px;
    letter-spacing: 2.57px;
    font-weight: 600;
}

/* Start your desktop styles here */
@media only screen and (min-width: 960px) {
    .tabbed-product-explorer {
        max-width: 1440px;
        display: flex;
        margin: 0 auto;
        padding: 66px 64px 100px 81px;
    }

    .tabbed-product-explorer__list {
        padding: 27px 0px 27px 20px;
        min-width: 270px;
        height: 595px;
    }

    .tabbed-product-explorer__list > ul.desktop {
        display: block;
    }
    
    .tabbed-product-explorer__list .mobile {
        display: none;
    }

    .tabbed-product__tab {
        display: block;
        padding: 14px 20px 14px 26px;
    }

    .tabbed-product__tab.active {
        background-color: white;;
        color: var(--owi-icon-text-color);
        position: relative;
    }

    .tabbed-product__tab.active:after {
        font-family: 'icomoon' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        content: "\e900";
        font-size: 10px;
        margin-left: 7px;
        display: block;
        transform: rotate(-90deg);
        height: 12px;
        width: 8px;
        position: absolute;
        right: 20px;
        top: calc(50% - 4px);
    }   

    .tabbed-product-explorer__results-container {
        padding: 0;
        padding-left: 47px;
        width: 100%;
    }

    .tabbed-product-explorer__content > ul {
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 48px;
    }

    .tabbed-product-explorer__content > ul > li {
        margin: 0;
        margin-right: 24px;
        margin-bottom: 24px;
    }

    .tabbed-product-explorer__content > p {
        width: 75%;
    }
}



/* Start your mobile here */
.tabbed-content-explorer h2 {
    font-size: 1.5rem;
    padding: 20px;
}

.tabbed-content-explorer__content > div {
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: var(--owi-primary-font-family);
    padding: 30px;
    border-top: 1px solid var(--owi-line-separator-color);
    position: relative;
    cursor: pointer;
}

.tabbed-content-explorer__results-container h3 {
    font-family: var(--owi-primary-font-family);
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    color: var(--owi-icon-text-color);
    text-transform: capitalize;
    max-width: 263px;
}

.tabbed-content-explorer h3.openActive + .tabbed-content-explorer__rte {
    display: block;
    height: auto;
}

.tabbed-content-explorer h3.openActive::after {
    content: "-";
}

.tabbed-content-explorer h3::after {
    content: "+";
    display: inline-block;
    height: 23px;
    width: 23px;
    position: absolute;
    right: 25px;
    font-size: 14px;
    color: white;
    background-color: var(--owi-secondary-color);
    text-align: center;
    font-weight: 700;
}

.tabbed-content-explorer__rte {
    display: none;
}

.tabbed-content-explorer__rte p {
    font-family: var(--owi-primary-font-family);
    font-size: .875rem;
    font-weight: 400;
    padding: 14px 0px 0px 0px;
}

.tabbed-content-explorer__list a {
    cursor: pointer;
    text-transform: uppercase;
    font-family: var(--owi-secondary-font-family);
    color: var(--owi-icon-text-color);
    font-size: .875rem;
    line-height: 1.3125rem;
    letter-spacing: 1px;
}

.tabbed-content-explorer__list .mobile {
    padding: 0px;
}

.tabbed-content-explorer__list .mobile ul {
    display: none;
}

.tabbed-content-explorer__list .mobile ul.active {
    display: block;
}

.tabbed-content-explorer__list .desktop ul  {
    display: none;
}

.tabbed-content-explorer__list .mobile select {
    margin: 0px;
}

/*
.tabbed-content-explorer__results-container li {
    display: flex;
    box-shadow: var(--owi-box-shadow);
    align-items: center;
    align-content: center;
    align-self: center;
}

.tabbed-content-explorer__results-container li:hover {
    outline: 2px solid var(--owi-primary-color);
}

.tabbed-content-explorer__results-container {
    padding: var(--owi-component-padding-mobile);
}

.tabbed-content-explorer__results-container li a {
    display: block;
    text-align: center;
    width: 100%;
    padding: 20px;
    width: 240px;
    height: 216px;
}

.tabbed-content-explorer__results-container li img {
    margin: 0 auto 25px;
    max-height: 90px;
}

 .tabbed-content-explorer__results-container h3 {
    font-family: var(--owi-primary-font-family);
    font-size: 1rem;
    font-weight: 700;
    color: var(--owi-icon-text-color);
    text-transform: capitalize;
} */

.tabbed-content-explorer__list {
    background: var(--owi-offset-image-color);
    /* padding: 20px; */

    padding: 30px;
}

.tabbed-content-explorer__list div.mobile > div {
    display: inline-block;
    width: 100%;
}

.tabbed-content-explorer__list div.mobile > div span:first-child{
    width: 27%;
}

.tabbed-content-explorer__list div.mobile > div span:last-child {
    width: 73%;
}

.tabbed-content-explorer__list .mobile span{
    text-transform: uppercase;
    font-family: var(--owi-secondary-font-family);
    color: var(--owi-paragraph-color);
    font-size: .875rem;
    line-height: 1.3125rem;
    letter-spacing: 1px;
}

.tabbed-content-explorer__list .mobile span:last-child {
    padding: 0;
    color: var(--owi-icon-text-color);
}

.tabbed-content-explorer__list div.mobile > div span:last-child:after {
    content: "\e900";
    display: inline-block;
    font-family: 'icomoon' !important;
    height: 12px;
    width: 12px;
    position: absolute;
    right: 30px;
    font-size: 12px;
}

.tabbed-content-explorer__list div.mobile > div span.opened:last-child:after {
    content: "\e908";
}

.tabbed-content-explorer__list .mobile span span{
    color: var(--owi-icon-text-color);
    padding-left: 0px;
}

.tabbed-content-explorer__list .mobile ul li {
    padding: 8px 0px 8px 90px;
}

.tabbed-content-explorer__select {
    width: calc(100% - 15px);
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tabbed-content-explorer__content:last-child div {
    border-bottom: 1px solid var(--owi-line-separator-color);
}

.tabbed-content-explorer__content {
    display: none;
}

.tabbed-content-explorer__content.active {
    display: block;
}

.tabbed-content-explorer__content {
    border-bottom: 1px solid var(--owi-line-separator-color);
}

.tabbed-content-explorer select {
    border: none;
    background-color: transparent;
    text-transform: uppercase;
    color: #494949;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
}

/* Start your desktop styles here */
@media only screen and (min-width: 960px) {
    .tabbed-content-explorer {
        max-width: 1440px;
        min-height: 650px;
        display: flex;
        margin: 0 auto;
        padding-bottom: 0px;
        margin-bottom: 100px;
    }

    .tabbed-content-explorer h2 {
        font-size: 2rem;
        padding-top: 0px;
    }

    .tabbed-content-explorer__list {
        padding-top: 70px;
        display: block;
        width: 30%;
        padding-bottom: 20px;
        padding-right: 0px;
    }

    .tabbed-content-explorer__results-container {
        padding-left: 100px;
        padding-top: 70px;
        width: 100%;
    }

    .tabbed-content-explorer__results-container h3 {
        font-size: .875rem;
        max-width: 515px;
    }

    
    /* Commented out because I don't see examples of these selectors in code. Can be put back if ruins a case.

    .tabbed-content-explorer__results-container .swiper-wrapper {
        display: flex;
    }

    .tabbed-content-explorer__results-container ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .tabbed-content-explorer__results-container li {
        margin-right: 40px;
        margin-bottom: 40px;
    }

    .tabbed-content-explorer__results-container li:nth-child(3n){
        margin-right: 0px;
    }
    */

    .tabbed-content-explorer__list li a.active {
        background-color: white;;
        color: var(--owi-icon-text-color);
        position: relative;
        font-family: var(--owi-secondary-font-family);
        text-transform: uppercase;
        font-weight: 500;
        display: block;
    }

    .tabbed-content-explorer__list li a.active:after{
        font-family: 'icomoon' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        content: "\e900";
        font-size: 10px;
        margin-left: 7px;
        display: block;
        transform: rotate(-90deg);
        height: 12px;
        width: 8px;
        position: absolute;
        right: 20px;
        top: calc(50% - 4px);
    }

    .tabbed-content-explorer__list li a{
        font-family: var(--owi-secondary-font-family);
        text-transform: uppercase;
        font-weight: 500;
        display: block;
        padding: 20px;
        color: var(--owi-paragraph-color);
    }

    .tabbed-content-explorer__content:last-child div {
        border-bottom: none;
    }

    .tabbed-content-explorer__content {
        border-bottom: 1px solid var(--owi-line-separator-color);
    }

    .tabbed-content-explorer__rte p {
        max-width: 787px;
    }

    .tabbed-content-explorer__rte ul {
        list-style: square;
        margin-left: 20px;
    }

    .tabbed-content-explorer__rte ul li {
        font-size: .875rem;
        color: var(--owi-paragraph-color);
    }

}



/* Mobile Styles */
.topic-tiles {
  margin: auto;
}

.topic-tiles__wrapper {
  height: 390;
  text-align: center;
}

.topic-tiles__header-wrapper {
  background: var(--owi-colorblock-background-color);
  text-align: center;
}

.topic-tiles__header-wrapper > * {
  color: var(--owi-primary-white);
}

.topic-tiles__title {
  font-weight: 600;
}

.topic-tiles__tiles-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%;
}

.topic-tiles__tile {
  display: flex;
  flex-direction: column;
}

.topic-tiles__tile.no-images {
  background-color: white;
  box-shadow: var(--owi-box-shadow);
  height: 248px;
  width: 163px;
  padding: 14px 11px 31px 15px;
  text-align: left;
}

.topic-tiles__tile.no-images h3 {
  font-size: 1.5rem;
  line-height: 3.75rem;
  font-weight: 700;
  color: var(--owi-primary-color);
}

.topic-tiles__tile.no-images h4 {
  font-size: 0.875rem;
  line-height: 1.625;
  font-weight: 700;
  color: var(--owi-topic-tiles-label-color);
  text-transform: capitalize;
}

.topic-tiles__tile.no-images p {
  font-size: 0.75rem;
  line-height: 1.375rem;
  font-weight: 400;
}

.topic-tile__link-text-wrapper {
  display: table;
  text-align: center;
  width: 100%;
}

.topic-tile__link-text-wrapper > p {
  display: table-cell;
  color: var(--owi-topic-tiles-label-color);
  font-family: var(--owi-primary-font-family);
  font-weight: 700;
  text-transform: capitalize;
  vertical-align: middle;
}

@media only screen and (max-width: 959px) {
  .topic-tiles {
    padding: var(--owi-component-padding-mobile);
  }

  .topic-tiles__header-wrapper {
    height: 330px;
    padding-top: 42px;
  }

  .topic-tiles__wrapper.no-images .topic-tiles__header-wrapper {
    height: 270px;
  }

  .topic-tiles__header-wrapper > h2 {
    font-size: 1.5rem;
    line-height: 2.125;
  }

  .topic-tiles__header-wrapper > p {
    font-size: 0.75rem;
    line-height: 1.375rem;
    margin: auto;
    width: 340px;
  }

  .topic-tiles__tiles-wrapper {
    margin-top: -80px;
    justify-content: space-around;
  }

  .topic-tiles__tile {
    flex: 0 1 calc(50% - 16px);
    margin-bottom: 16px;
    /* margin-right: 16px; */
  }

  .topic-tile__link-text-wrapper {
    height: 62px;
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
  }

  .topic-tile__link-text-wrapper > p {
    font-size: 0.875rem;
    line-height: 1.625rem;
  }

  .topic-tiles__header-wrapper > a {
    margin-top: 53px;
  }
}


/* Desktop Styles */
@media only screen and (min-width: 960px) {
  .topic-tiles {
    max-width: 1440px;
    margin-top: 130px;
  }

  .topic-tiles__wrapper {
    min-height: 600px;
    height: auto;
    text-align: center;
  }

  .topic-tiles__header-wrapper {
    height: 400px;
    padding-top: 68px;
  }

  .topic-tiles__header-wrapper > h2 {
    font-size: 2.25rem;
    line-height: 3.75rem;
    margin-bottom: 18px;
  }

  .topic-tiles__header-wrapper > p {
    font-size: 0.875rem;
    line-height: 1.5rem;
    max-width: 580px;
    margin: auto;
  }

  .topic-tiles__tiles-wrapper {
    margin: auto;
    margin-top: -150px;
    width: 1300px;
  }

  .topic-tiles__tile:nth-child(-n+4) {
    margin-top: 0;
  }

  .topic-tiles__tile.clickable-tile:nth-child(-n+4):hover {
    margin-top: -16px;
  }

  .topic-tiles__tile {
    height: 350px;
    width: 285px;
    margin-top: 44px;
    transition: margin-top 0.3s ease;
  }

  .topic-tiles__tile.clickable-tile:hover {
    margin-top: 28px;
  }

  .topic-tile__image-wrapper {
    height: 245px;
    width: 285px;
  }

  .topic-tile__image-wrapper img {
    max-height: 245px;
    width: 100%;
    object-fit: cover;
  }

  .topic-tile__link-text-wrapper {
    height: 105px;
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
    padding-left: 30px;
    padding-right: 30px;
  }

  .topic-tiles__tile.no-images {
    height: 325px;
    width: 285px;
    padding: 57px 30px 20px;
  }

  .topic-tiles__tile.no-images h3 {
    font-size: 2.25rem;
    margin-bottom: 12px;
  }

  .topic-tiles__tile.no-images h4 {
    font-size: 1.125rem;
    margin-bottom: 10px;
  }

  .topic-tiles__tile.no-images p {
    font-size: 0.875rem;
    line-height: 1.625rem;
  }

  .topic-tile__link-text-wrapper > p {
    font-size: 1.125rem;
  }

  .topic-tiles__wrapper > a {
    margin-top: 58px;
  }

  .topic-tiles__wrapper.no-images > a {
    background-color:var(--owi-topic-tiles-no-images-button-color);
  }
}



/* Core Styles */
.value-calculator__wrapper > fieldset {
  margin-bottom: 61px;
}

.value-calculator__btn-wrapper {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.value-calculator__btn-wrapper a.button {
  flex: 0 150px;
  font-size: 0.875rem;
  padding: 17px 35px;
  display: block;
}

.value-calculator__btn-wrapper a:first-child {
  display: flex;
  background-color: white;
  color: var(--owi-primary-color);
  padding-left: 14px;
}

.value-calculator__btn-wrapper a:first-child:before {
  display: inline-block;
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "\e900";
  font-size: 10px;
  margin-right: 7px;
  transform: rotate(90deg);
  margin-top: auto;
  margin-bottom: auto;
}

.value-calculator .display-error-text {
  color: red;
  font-family: var(--owi-primary-font-family);
  font-weight: 700;
  font-size: 1rem;
  display: none;
  padding: 20px;
  border: 1px solid red;
  margin-bottom: 40px;
  position: absolute;
  top: -100px;
  width: 100%;
}

.value-calculator .display-error-text.active {
  display: block;
}

.value-calculator__btn-wrapper a:first-child:after {
  display: none;
}

.value-calculator .value-calculator__step-1 a.button {
  width: 150px;
  font-size: 0.875rem;
  padding: 17px 35px;
  display: block;
  margin: auto;
}

.value-calculator__choice-wrapper label,
.value-calculator ol {
  font-family: var(--owi-primary-font-family);
}

.value-calculator__choice-wrapper label {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.625rem;
  text-transform: capitalize;
}

.value-calculator ol {
  margin-bottom: 41px;
}

.value-calculator__choice-wrapper div {
  padding: 28px 43px 40px 43px;
  box-shadow: var(--owi-box-shadow);
}

.value-calculator__choice-wrapper div img {
  height: 100px;
  width: 100px;
  margin: auto;
  margin-bottom: 24px;
}

.value-calculator__step-2 .value-calculator__choice-wrapper div img {
  height: 100px;
  width: 68px;
}

.value-calculator__step-2 .value-calculator__choice-wrapper div img.tool-tip,
.value-calculator__choice-wrapper div img.tool-tip {
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 0;
  height: 16px;
  width: 16px;
}

.value-calculator ol {
  font-size: 0.875rem;
}

.value-calculator ol li::marker {
  font-family: var(--owi-secondary-font-family);
  color: var(--owi-secondary-color);
  font-weight: 700;
}

.value-calculator ol li p {
  color: #494949;
  font-weight: 600;
  line-height: 1.625rem;
  width: 50%;
  margin-right: 58px;
}

.value-calculator ol label {
  font-weight: 400;
}

.value-calculator ol input {
  height: 45px;
  width: 95px;
  border: solid 1px #979797;
  padding: 10px;
}

.value-calculator ol li {
  position: relative;
  margin-bottom: 20px;
  min-height: 45px;
}

.value-calculator ol li div {
  position: absolute;
  top: 0;
  right: 0;
}

.value-calculator__results-wrapper h2 {
  font-family: var(--owi-primary-font-family);
  font-size: 1.5rem;
  color: var(--owi-icon-text-color);
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 11px;
}

.value-calculator__results-wrapper .estimate-wrapper .estimate p {
  font-size: 3.75rem;
  color: var(--owi-icon-text-color);
  font-weight: 800;
}

.value-calculator__results-wrapper .estimate + p {
  font-size: 0.875rem;
  line-height: 1.625rem;
  letter-spacing: 0.44px;
  margin-bottom: 40px;
}

.value-calculator__results-wrapper .contact-cta {
  height: 55px;
  width: 100%;
}

.value-calculator__results-wrapper .contact-cta .cta.primary{
  display: block;
  height: 100%;
  width: 100%;
  background-color: var(--owi-primary-color);
  padding: 17px 50px;
  text-align: center;
  margin-bottom: 42px;
}

.value-calculator .cta:before {
  font-family: 'icomoon' !important;
  content: "\e910";
  margin-right: 5px;
}

.value-calculator .icon-icon-arrow:before {
  display: none;
}

.value-calculator__results-wrapper .products-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 117px;
}

.value-calculator__results-wrapper .products-wrapper {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  margin-top: 24px;
  margin-bottom: 59px;
}

.value-calculator__results-wrapper .products-wrapper > div {
  height: 100%;
  width: 100%;
  box-shadow: var(--owi-box-shadow);
  padding: 28px 16px 21px;
}

.value-calculator .products-wrapper .product-card {
  display: none;
}

.value-calculator .products-wrapper .product-card.active {
  display: flex;
  flex-direction: column;
}

.value-calculator__results-wrapper .products-wrapper div img {
  height: 75px;
  width: auto;
  margin: 0 auto;
  margin-bottom: 25px;
}

.value-calculator__results-wrapper .products-wrapper div > a {
    width: 100%;
    margin-bottom: auto;
}

.value-calculator__results-wrapper .products-wrapper h3 {
  font-family: var(--owi-primary-font-family);
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--owi-topic-color);
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 12px;
  text-align: center;
}

.value-calculator__results-wrapper .products-wrapper h3 + p {
  color: var(--owi-topic-color);
  font-weight: 800;
  text-align: center;
}

.value-calculator__step-5 .value-calculator__btn-wrapper a.border {
  width: 168px !important;
  color: var(--owi-primary-color);
  background-color: white;
  border: 1px solid var(--owi-primary-color) !important;
  padding: 17px 24px;
}

.value-calculator .products-wrapper .product-card .product-cta-wrapper {
  display: none;
}

.value-calculator fieldset {
  display: none;
}

/* js management css */
.value-calculator fieldset.active {
  display: block;
}

.value-calculator.step1 .value-calculator__btn-wrapper a.previous {
  display: none;
}

.start-over-btn {
  position: relative;
    background-color: white;
    color: var(--owi-primary-button-color);
    border: 1px solid var(--owi-primary-button-color);
    font-weight: 600;
    letter-spacing: 3px;
    font-family: var(--owi-secondary-font-family);
    text-transform: uppercase;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    font-size: 0.875rem;
    padding: 17px 20px;
    text-align: center;
    display: block;
}

.force-hide {
  display: none !important;
}

/* Mobile Only Styles */
@media only screen and (max-width:959px) {
  .value-calculator {
    padding: 0;
  }

  .value-calculator fieldset {
    padding: var(--owi-component-padding-mobile);
  }

  .value-calculator__choice-wrapper div {
    height: 205px;
    margin-bottom: 24px;
  }

  .value-calculator ol {
    margin-left: 20px;
  }

  .value-calculator ol li {
    margin-top: 24px;
  }

  .value-calculator ol li div label {
    display: block;
  }

  .value-calculator__results-wrapper .products-wrapper > div:first-child {
    display: none;
    align-items: center;
    height: 100%;
    width: 100%;
    box-shadow: var(--owi-box-shadow);
    padding: 20px 16px;
    margin-bottom: 14px;
  }

  .value-calculator__results-wrapper .products-wrapper > div.active:first-child {
    display: flex;
  }
}

/* Desktop Only Styles */
@media only screen and (min-width: 960px) {
  .value-calculator {
    max-width: 1440px;
    margin: auto;
    margin-top: 80px;
  }

  .value-calculator__wrapper {
    padding: 50px;
  }

  .value-calculator__wrapper > div {
    margin-bottom: 127px;
  }

  .value-calculator__step-1 {
    font-size: 1.125rem;
  }

  .value-calculator__choice-wrapper {
    width: 903px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .value-calculator__step-2 .value-calculator__choice-wrapper div img  {
    height: 150px;
    width: 103px;
  }

  .value-calculator__btn-wrapper {
    width: 903px;
  }

  .value-calculator__choice-wrapper div {
    flex: 0 400px;
    height: 290px;
    padding: 36px 51px 31px 51px;
    box-shadow: var(--owi-box-shadow);
    margin-bottom: 58px;
  }

  .value-calculator__choice-wrapper div img {
    height: 150px;
    width: 150px;
  }

  .value-calculator__choice-wrapper div img.tool-tip:hover {
    cursor: pointer;
  }

  .value-calculator__step-3 > div,
  .value-calculator__step-4 > div {
    max-width: 1264px;
    margin: auto;
  }

  .value-calculator ol {
    display: flex;
    flex-flow: column wrap;
    font-size: 1rem;
    margin-bottom: 61px;

  }

  .value-calculator .value-calculator__step-3 ol {
    height: 385px;
  }

  .value-calculator .value-calculator__step-4 ol {
    height: 250px;
  }

  .value-calculator ol li {
    position: relative;
    flex: 0 52px;
    width: 60%;
    margin-bottom: 20px;
  }

  .value-calculator ol li p {
    line-height: 1.625rem;
    width: 294px;
    margin-right: 58px;
  }

  .value-calculator ol li div {
    left: 362px;
  }

  .value-calculator ol input {
    width: 100px;
  }

  .value-calculator ol input.error {
    border-color: red;
  } 

  .value-calculator .value-calculator__step-3,
  .value-calculator .value-calculator__step-4
   {
    position: relative;
  }

  .value-calculator__results-wrapper {
    display: flex;
    justify-content: center;
  }

  .value-calculator__results-wrapper h2 {
    font-size: 2rem;
    margin-bottom: 9px;
  }

  .value-calculator__results-wrapper .estimate-wrapper {
  margin-right: 60px;
}

  .value-calculator__results-wrapper .estimate {
    font-size: 4.5rem;
  }

  .value-calculator__results-wrapper .estimate + p {
    font-size: 0.875rem;
    line-height: 1.625rem;
    letter-spacing: 0.44px;
    width: 349px;
  }

  .value-calculator__results-wrapper .contact-cta .cta.primary{
    width: 307px;
  }

  .value-calculator__results-wrapper .products-wrapper > div {
    height: 100%;
    width: 275px;
    padding: 46px 24px;
  }

  .value-calculator__results-wrapper .products-wrapper div img {
    height: 155px;
    width: auto;
    margin-bottom: 32px;
  }

  .value-calculator__results-wrapper .products-wrapper div img + div {
    padding-bottom: 25px;
  }

  .value-calculator__results-wrapper .products-wrapper h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    margin-bottom: 26px;
    text-align: left;
  }

  .value-calculator__results-wrapper .products-wrapper h3 + p {
    text-align: left;
  }

  .value-calculator .products-wrapper .details-cta {
    height: 40px;
    width: 227px;
    margin-bottom: 20px;
  }

  .value-calculator .products-wrapper .details-cta .cta.primary {
    display: table;
    background-color: var(--owi-primary-color);
    height: 100%;
    width: 100%;
    padding: 12px 30px;
    text-align: center;
  }

  .value-calculator__results-wrapper .products-wrapper {
    display: flex;
    width: 873px;
    justify-content: left;
    margin-bottom: 117px;
  }

  .value-calculator .products-wrapper .product-card {
    position: relative;
    display: none;
    margin-right: 20px;
  }
  .value-calculator .products-wrapper .product-card:last-child {
    margin-right: 0px;
  }

  .value-calculator .products-wrapper .product-card.active {
    display: flex;
    flex-direction: column;
  }

  .value-calculator .products-wrapper .product-card .product-cta-wrapper {
    display: block;
  }

  .value-calculator .products-wrapper .product-card .product-cta-wrapper a {
    font-size: 0.75rem;
    font-weight: 600;
  }

  .value-calculator .products-wrapper .details-cta:before {
    display: none;
  }

  .value-calculator .products-wrapper .details-cta .cta.primary:before {
    font-family: 'icomoon' !important;
    content: '\FF0B';
    margin-right: 5px;
    color: white;
    font-size: 0.5rem;
  }

  .value-calculator .products-wrapper .cta.secondary:before {
    display: none;
  }

  .value-calculator .products-wrapper .cta.secondary {
    display: block;
    margin: auto;
  }
}





/* Breadcrumb Styles */
.value-calculator-breadcrumb {
  padding: 0;
}

.value-calculator-breadcrumb h2 {
  text-transform: capitalize;
  font-size: 1.5rem;
  line-height: 60px;
  letter-spacing: 0.8px;
  padding: var(--owi-component-padding-mobile);
}

.value-calculator-breadcrumb ul {
  width: 100%;
}

.value-calculator-breadcrumb ul li {
  display: none;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  background-color: var(--owi-icon-separator-color);
  font-family: var(--owi-secondary-font-family);
}

.value-calculator-breadcrumb ul li.active {
  display: block;
}

/* Start your desktop styles here */
@media only screen and (min-width: 960px) {
  .value-calculator-breadcrumb {
      display: flex;
      flex-direction: row;
      padding: 0;
      width: 100%;
  }

  .value-calculator-breadcrumb h2 {
      font-family: var(--owi-secondary-font-family);
      line-height: 36px;
      padding: 24px 0 24px 80px;
      width: 349px;
      background-color: var(--owi-secondary-color);
      color: var(--owi-primary-white);
      clip-path: polygon(0% 0%, 87% 0%, 100% 100%, 0% 100%);
      margin-bottom: 0;
  }

  .value-calculator-breadcrumb ul {
      display: flex;
      flex-direction: row;
      align-items: center;
      height: 84px;
      border-bottom: 1px solid var(--owi-line-separator-color);
  }

  .value-calculator-breadcrumb ul li{
      display: block;
      text-decoration: none; 
      font-size: 0.875rem;
      line-height: 21px;
      letter-spacing: 0.5px;
      font-family: var(--owi-secondary-font-family);
      color: var(--owi-icon-text-color);
      padding: 31px 35px;
      opacity: 40%;
      text-align: left;
      background: none;
  }

  .value-calculator-breadcrumb ul li.active {
      opacity: 100%;
  }
}



/* Start your mobile here */
.vehicle-product-listing .mobile {
    padding: 0 var(--owi-component-padding-mobile);
}

.vehicle-product-listing .mobile h1 {
    font-size: 1.5rem;
    line-height: 3rem;
    letter-spacing: 0.8px;
    text-align: center;
}

.vehicle-product-listing__searchbar h2 {
    font-size: 1.5rem;
    line-height: 3rem;
    text-align: center;
}

.vehicle-product-listing__button-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.vehicle-product-listing__button-wrapper p.error {
    color: red;
    position: absolute;
    font-size: .6875rem;
    top: 10px;
}

.vehicle-product-listing .vehicle-product-listing__button-wrapper .button {
    width: 185px !important;
    height: 40px !important;
    display: flex;
    align-items: center;
}

.vehicle-product-listing__results-text--default {
    margin-top: 56px;
    line-height: 1.625rem;
    letter-spacing: 0.5px;
    text-align: center;
    margin-bottom: 25px;
}

.vehicle-product-listing__icon-wrapper {
    display: flex;
    justify-content: center;
}

.vehicle-product-listing .icon-icon-vehicle {
    font-size: 35px;
    margin-left: 16px;
}

.vehicle-product-listing__results {
    padding: 0 var(--owi-component-padding-mobile);
}

.vehicle-product-listing__results-title-bar {
    max-width: 1440px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.vehicle-product-listing__results-title p {
    font-weight: bold;
}

.vehicle-product-listing__results-title .cta {
    color: var(--owi-primary-color);
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 3px;
}

.vehicle-product-listing__results-title .vehicle-product-listing__button-wrapper button:before {
    content: "\e909";
    color: white;
    height: 20px;
    width: 20px;
    font-family: 'icomoon' !important;
    margin-right: 10px;
}

.vehicle-product-listing__results-text--no-results {
    font-size: 1.125;
    line-height: 1.75rem;
    letter-spacing: 0.56px;
    text-align: center;
    margin-top: 20px;
}



/* ///////// RESULTS PAGE STYLES ////////// */
.vehicle-product-listing .vehicle-product-listing__results-wrapper > button {
    display: inline-block;
    height: 40px;
    width: 100%;
    border: 2px solid var(--owi-secondary-color);
    background-color: white;
    color: var(--owi-secondary-color);
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 12px 0px;
    margin-bottom: 40px;
}

.vehicle-product-listing .vehicle-product-listing__results-wrapper > button:after {
    display: none;
}

.vehicle-product-listing .vehicle-product-listing__filters-wrapper {
    margin-bottom: 68px;
}

.vehicle-product-listing .vehicle-product-listing__filter-display .vehicle-product-listing__filters-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.vehicle-product-listing .vehicle-product-listing__filter-display > span {
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 0;
}

.vehicle-product-listing .vehicle-product-listing__filters-wrapper > div {
    height: 120px;
    width: 140px;
    padding: 26px 10px 16px 10px;
    border: 1px solid var(--owi-line-separator-color);
    text-align: center;
    position: relative;
}

.vehicle-product-listing .vehicle-product-listing__filters-wrapper > div {
    margin-right: 12px;
}

.vehicle-product-listing .vehicle-product-listing__filters-wrapper .vehicle-product-listing__checkbox-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    height: 20px;
    width: 20px;
    border-left: 1px solid var(--owi-line-separator-color);
    border-bottom: 1px solid var(--owi-line-separator-color);
}

.vehicle-product-listing .vehicle-product-listing__filters-wrapper .vehicle-product-listing__checkbox-wrapper input {
    opacity: 0;
}

.vehicle-product-listing .vehicle-product-listing__filters-wrapper .vehicle-product-listing__filter-img-wrapper {
    height: 51px;
    max-width: 50px;
    margin: auto;
    margin-bottom: 12px;
}

.vehicle-product-listing .vehicle-product-listing__filters-wrapper .vehicle-product-listing__filter-img-wrapper img {
    height: 51px;
    width: 100%;
    object-fit: contain;
}

.vehicle-product-listing .vehicle-product-listing__filters-wrapper p {
    font-size: 0.625rem;
    color: var(--owi-topic-color);
    font-weight: 700;
    text-transform: capitalize;
}

.vehicle-product-listing .vehicle-product-listing__results-display .vehicle-product-listing__category-products.has-sub-category > li {
    border-top: 1px solid var(--owi-line-separator-color);
    margin-top: 27px;
    width: 100%;
}

.vehicle-product-listing .vehicle-product-listing__results-display .vehicle-product-listing__category-products.has-sub-category button {
    margin-bottom: 33px;
}

.vehicle-product-listing .vehicle-product-listing__results-display > ul > li > button,
.vehicle-product-listing .vehicle-product-listing__results-display .vehicle-product-listing__category-products.has-sub-category button {
    background-color: white;
    color: var(--owi-primary-color);
    font-size: 1.125rem;
    letter-spacing: 0.6px;
    padding-left: 0px;
    width: 100%;
    text-align: left;
}

.vehicle-product-listing .vehicle-product-listing__results-display > ul > li > button:after,
.vehicle-product-listing .vehicle-product-listing__results-display .vehicle-product-listing__category-products.has-sub-category button:after {
    display: none;
}

.vehicle-product-listing .vehicle-product-listing__results-display > ul > li > button:before {
    display: inline-block;
    color: white;
    height: 24px;
    width: 24px;
    margin-right: 16px;
    background-color: var(--owi-primary-color);
    vertical-align: middle;
    line-height: 1.25rem;
}

.vehicle-product-listing .vehicle-product-listing__results-display .vehicle-product-listing__category-products.has-sub-category li button:before {
    display: inline-block;
    height: 24px;
    width: 24px;
    margin-right: 16px;
    vertical-align: middle;
    line-height: 1.25rem;
    color: var(--owi-primary-color);
    background-color: white;
}

.vehicle-product-listing .vehicle-product-listing__results-display > ul > li.active > button:before,
.vehicle-product-listing .vehicle-product-listing__results-display .vehicle-product-listing__category-products.has-sub-category li.active button:before {
    content: '\FF0D';
}

.vehicle-product-listing .vehicle-product-listing__results-display > ul > li > button:before,
.vehicle-product-listing .vehicle-product-listing__results-display .vehicle-product-listing__category-products.has-sub-category button:before {
    content: '\FF0B';
}

.vehicle-product-listing .vehicle-product-listing__results-display > ul > li {
    margin-bottom: 50px;
}

.vehicle-product-listing .vehicle-product-listing__results-display > ul > li .vehicle-product-listing__category-products {
    display: none;
}

.vehicle-product-listing .vehicle-product-listing__results-display > ul > li.active .vehicle-product-listing__category-products {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.vehicle-product-listing .vehicle-product-listing__category-products.has-sub-category {
    display: flex;
    flex-direction: column;
}

.vehicle-product-listing .vehicle-product-listing__category-products.has-sub-category li .vehicle-product-listing__sub-category-products {
    display: none;
}

.vehicle-product-listing .vehicle-product-listing__category-products.has-sub-category li.active .vehicle-product-listing__sub-category-products {
    display: flex;
    flex-flow: row wrap;
}

.vehicle-product-listing .vehicle-product-listing__product-tile {
    height: 288px;
    width: 100%;
    padding: 0;
    box-shadow: var(--owi-box-shadow);
    margin-right: 12px;
    position: relative;
}

.vehicle-product-listing .vehicle-product-listing__product-tile > a {
    flex-grow: 1;
}

.vehicle-product-listing .vehicle-product-listing-carousel__product-card-content {
    padding: 32px 13px 0 16px;
}

.vehicle-product-listing .vehicle-product-listing__product-tile .product-tile-quality {
    height: 18px;
    width: 73px;
    background-color: #e7ba00;
    text-align: center;
    padding: 2px 0px;
    position: absolute;
    left: 0;
    top: 9px;
}

.vehicle-product-listing .vehicle-product-listing__product-tile .product-tile-quality p {
    font-family: var(--owi-secondary-font-family);
    font-size: 0.563rem;
    line-height: 1rem;
    font-weight: 500;
    color: white;
    text-transform: capitalize;
    letter-spacing: 0.38px;
}

.vehicle-product-listing .vehicle-product-listing__product-tile .vehicle-product-listing__img-wrapper {
    height: 75px;
    width: 48px;
    margin: auto;
    margin-bottom: 12px;
}

.vehicle-product-listing .vehicle-product-listing__product-tile .vehicle-product-listing__img-wrapper img {
    height: 75px;
    width: 100%;
    object-fit: contain;
}

.vehicle-product-listing .vehicle-product-listing__product-tile h5 {
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: capitalize;
    margin-top: 10px;
    max-height: 80px;
    overflow: hidden;

    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;  
}

.vehicle-product-listing .vehicle-product-listing__product-tile p {
    font-size: 0.625rem;
    line-height: 1.3rem;
    letter-spacing: 0.38px;
    font-weight: 600;
    font-family: var(--owi-primary-font-family); 
    color: var(--owi-caption-color);
    margin-top: 5px;
}

.vehicle-product-listing .vehicle-product-listing__product-tile .product-tile-action-wrapper {
    display: none;
}

/* Mobile Only Styles */
@media only screen and (max-width: 959px) {
    .vehicle-product-listing > div:first-child {
        display: none;
    }

    .vehicle-product-listing > div:first-child.showing-form {
        display: block;
    }

    .vehicle-product-listing > div:first-child.showing-form + .mobile {
        display: none;
    }
    
    .vehicle-product-listing > div:first-child.showing-results + .mobile .vehicle-product-listing__button-wrapper {
        display: none;
    }
    
    .vehicle-product-listing .vehicle-product-listing__product-tile:nth-child(even),
    .vehicle-product-listing .vehicle-product-listing__filters-wrapper > div:nth-child(even) {
        margin-right: 0px;
    }

    .vehicle-product-listing .vehicle-product-listing__filter-display {
        display: none;
    }

    .vehicle-product-listing .vehicle-product-listing__filter-display.active {
        display: block;
    }

    .vehicle-product-listing .vehicle-product-listing__filters-wrapper > div {
        margin-bottom: 24px;
    }

    .vehicle-product-listing .vehicle-product-listing__results-display > ul > li > button:before {
        padding: 1px 2px;
    }
}

/* Start your desktop styles here */
@media only screen and (min-width: 960px) {
    .vehicle-product-listing {
        max-width: 1440px;
        margin: 0 auto;
        scroll-margin-top: 119px;
    }


    .vehicle-product-listing__searchbar {
        display: flex;
        border-bottom: 1px solid var(--owi-line-separator-color);
    }

    .vehicle-product-listing__searchbar h2 {
        font-size: 1.4rem;
        line-height: 2.25rem;
        letter-spacing: 0.5px;
        min-width: 120px;
        height: 100px;
        background-color: var(--owi-secondary-color);
        color: var(--owi-primary-white);
        display: flex;
        align-items: center;
        justify-content: center;
        text-transform: capitalize;
        clip-path: polygon(0% 0%, 87% 0%, 100% 100%, 0% 100%);
    }

    .vehicle-product-listing__searchbar .pf-part-type {
        visibility: hidden;
        width: 0px !important;
        position: absolute;
        top: 0;
        right: 0;
        z-index: -10;
        display: inline;
    }

    .vehicle-product-listing__searchbar .custom-select {
        width: auto;
        height: 33px;
        margin: 33px 0;
        margin-right: 12px;
    }

    .vehicle-product-listing__searchbar .select-selected {
        padding: 0 13px 6px 0;
        min-width: 107px;
        width: 107px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .vehicle-product-listing__searchbar .select-selected:after {
        top: -4px;
        right: 9px;
    }

    .vehicle-product-listing__searchbar .select-selected.select-arrow-active:after {
        top: 15px;
        right: -6px;
    }

    .vehicle-product-listing__searchbar .select-items {
        top: 30px;
    }

    .vehicle-product-listing__searchbar a.button {
        height: 40px !important;
        width: 100px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: center;
    }
    
    .vehicle-product-listing__button-wrapper {
        flex-direction: row;
    }

    .vehicle-product-listing__results {
        padding-top: 0;
    }
    
    .vehicle-product-listing__results-title-bar {
        flex-direction: row;
    }

    .vehicle-product-listing__results .tag,
    .vehicle-product-listing__results-title {
        margin-left: 35px;
    }

    .vehicle-product-listing__results-title {
        display: flex;
        margin-bottom: 50px;
    }

    .vehicle-product-listing__results-title .cta {
        margin-left: 30px;
    }
    
    .vehicle-product-listing__results-title .vehicle-product-listing__button-wrapper button {
        display: none;
    }

    .vehicle-product-listing__icon--no-results {
        height: 77px;
        width: 77px;
        margin-bottom: 55px;
    }

    .vehicle-product-listing .icon-icon-vehicle {
        font-size: 50px;
        margin-left: 16px;
    }

    .vehicle-product-listing__results-text--no-results {
        margin-top: 0;
    }

    .vehicle-product-listing .vehicle-product-listing__results-wrapper > button {
        display: none;
    }

    .vehicle-product-listing .vehicle-product-listing__filters-wrapper > div:not(:last-child) {
        margin-right: 27px;
    }

    .vehicle-product-listing .vehicle-product-listing__results-wrapper {
        max-width: 1440px;
        margin: auto;
    }

    .vehicle-product-listing .vehicle-product-listing__results-display > ul > li {
        margin-bottom: 80px;
    }

    .vehicle-product-listing .vehicle-product-listing__results-display > ul > li > button {
        background-color: white;
        color: var(--owi-primary-color);
        font-size: 1.5rem;
        letter-spacing: 0.6px;
        padding-left: 0px;
    }

    .vehicle-product-listing .vehicle-product-listing__results-display > ul > li > button:after {
        display: none;
    }

    .vehicle-product-listing .vehicle-product-listing__product-tile {
        height: 500px;
        width: 310px;
        padding: 0;
        margin-right: 24px;
    }
    
    .vehicle-product-listing .vehicle-product-listing-carousel__product-card-content {
        padding: 53px 30px 0 30px;
    }

    .vehicle-product-listing .vehicle-product-listing__product-tile:nth-child(4) {
        margin-right: 0px;
    }

    .vehicle-product-listing .vehicle-product-listing__product-tile .product-tile-quality {
        height: 38px;
        width: 101px;
        padding: 10px 0px;
        top: 8px;
    }

    .vehicle-product-listing .vehicle-product-listing__product-tile .product-tile-quality p {
        font-size: 0.75rem;
        letter-spacing: 0.5px;
    }

    .vehicle-product-listing .vehicle-product-listing__product-tile .vehicle-product-listing__img-wrapper {
        height: 155px;
        width: 150px;
        margin-bottom: 18px;
    }

    .vehicle-product-listing .vehicle-product-listing__product-tile .vehicle-product-listing__img-wrapper img {
        height: 155px;
    }

    .vehicle-product-listing .vehicle-product-listing__product-tile h5 {
        font-size: 1.125rem;
        line-height: 1.5rem;
        text-transform: capitalize;
        margin-top: 15px;
        max-height: 120px;
        overflow: hidden;

        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;  
    }

    .vehicle-product-listing .vehicle-product-listing__product-tile p {
        font-size: 0.75rem;
        line-height: 1.25rem;
        letter-spacing: 0.38px;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .vehicle-product-listing .vehicle-product-listing__product-tile .product-tile-action-wrapper {
        display: flex;
        flex-direction: column;
    }

    .vehicle-product-listing .vehicle-product-listing__product-tile .product-tile-action-wrapper a:first-child {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 17px;
    }

    .vehicle-product-listing .vehicle-product-listing__product-tile .product-tile-action-wrapper .vehicle-product-listing__cta {
        display: inline-block;
        font-family: var(--owi-secondary-font-family);
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 2.57px;
        font-weight: 600;
        color: var(--owi-secondary-color);
        text-transform: uppercase;
        margin: auto;
    }

    .vehicle-product-listing .no-match {
        padding-top: 30px;
    }
    
    .vehicle-product-listing .no-match .vehicle-product-listing__button-wrapper {
        display: none;
    }
}


/* Frankenstein's Monster */
/* Start your mobile here */
.vehicle-product-listing .swiper-container {
    overflow: hidden;
    margin-top: 38px;
    width: 100%;
    padding-bottom: 15px;
}

.vehicle-product-listing .swiper-wrapper {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.vehicle-product-listing .swiper-container__controls {
    max-height: 30px;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.vehicle-product-listing .swiper-plugin-navigation-prev {
    display: flex;
    margin-right: 22px;
    width: 22px;
}

.vehicle-product-listing .swiper-plugin-navigation-next {
    display: flex;
    margin-right: 22px;
    width: 31px;
}

.vehicle-product-listing .swiper-plugin-navigation-prev,
.vehicle-product-listing .swiper-plugin-navigation-next {
    color: var(--owi-primary-color);
    cursor: pointer;
}

.vehicle-product-listing .swiper-button-disabled {
    color: var(--owi-border-color);
    cursor: default;
}

.vehicle-product-listing .swiper-slide {
    flex-shrink: 0;
}

/* plugin pagination  */
.vehicle-product-listing .swiper-plugin-pagination {
    display: flex;
    justify-content: center;
}

.vehicle-product-listing .swiper-plugin-pagination__item {
    display: block;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border-radius: 0px !important;
    border: none;
    transition: background ease 0.2s;
    background: #e7e7e7;
    cursor: pointer;
}

.vehicle-product-listing .swiper-plugin-pagination__item.is-active {
    background: var(--owi-primary-color);
}


/* Start your desktop styles here */
@media only screen and (min-width: 960px) {
    .vehicle-product-listing .swiper-container {
        margin-top: 0;
        padding-left: 35px;
        padding-top: 10px;
    }
    
    .vehicle-product-listing .swiper-container__controls {
        margin-top: 0;
        justify-content: flex-start;
    }

    .vehicle-product-listing .swiper-plugin-navigation-prev {
        display: flex;
        margin-right: 22px;
    }

    .vehicle-product-listing .swiper-slide {
        max-width: 310px;
    }

    .vehicle-product-listing .icon-icon-arrow.right,
    .vehicle-product-listing .icon-icon-arrow.left {
        font-size: 1.5rem;
    }
}






/* Start your mobile here */
.vehicle-product-listing-carousel {
    padding: var(--owi-component-padding-mobile);
    margin-top: 65px;
}

.vehicle-product-listing-carousel__text h3 {
    font-size: 1.5rem;
    line-height: 60px;
    letter-spacing: 0.8px;
}

.vehicle-product-listing-carousel__text p {
    margin-top: 10px;
    line-height: 24px;
    letter-spacing: 0.44px;
    padding-right: 28px;
    margin-bottom: 40px;
}

.vehicle-product-listing-carousel .swiper-container {
    overflow: hidden;
    margin-top: 38px;
    width: 100%;
    padding-bottom: 85px;
}

.vehicle-product-listing-carousel .swiper-wrapper {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.vehicle-product-listing-carousel .swiper-container__controls {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.vehicle-product-listing-carousel .swiper-plugin-navigation-prev {
    display: flex;
    margin-right: 22px;
    width: 22px;
}

.vehicle-product-listing-carousel .swiper-plugin-navigation-next {
    display: flex;
    margin-right: 22px;
    width: 31px;
}

.vehicle-product-listing-carousel .swiper-plugin-navigation-prev,
.vehicle-product-listing-carousel .swiper-plugin-navigation-next {
    color: var(--owi-primary-color);
}

.vehicle-product-listing-carousel .swiper-button-disabled {
    color: var(--owi-border-color);
}

.vehicle-product-listing-carousel .swiper-slide {
    flex-shrink: 0;
}

/* plugin pagination  */
.vehicle-product-listing-carousel .swiper-plugin-pagination {
    display: flex;
    justify-content: center;
}

.vehicle-product-listing-carousel .swiper-plugin-pagination__item {
    display: block;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border-radius: 0px !important;
    border: none;
    transition: background ease 0.2s;
    background: #e7e7e7;
    cursor: pointer; 
}

.vehicle-product-listing-carousel .swiper-plugin-pagination__item.is-active {
    background: var(--owi-primary-color);
}

.vehicle-product-listing-carousel__product-card {
    height: 288px;
    padding: 23px 13px;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,0.1) !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.vehicle-product-listing-carousel__product-card img {
    height: 85px;
    margin: 0 auto;
}

.vehicle-product-listing-carousel__text-wrapper {
    overflow: hidden;
}

.vehicle-product-listing__searchbar .custom-select.disabled {
    margin-right: 0px;
}


/* Start your desktop styles here */
@media only screen and (min-width: 960px) {
    .vehicle-product-listing-carousel {
        display: flex;
        flex-direction: row;
        margin-top: 0;
        padding: 142px 0px 164px 80px;
        max-width: 1440px;
        margin: 0 auto;
    }

    .vehicle-product-listing-carousel__text {
        padding-top: 75px;
        flex-shrink: 1;
        max-width: 36%;
    }

    .vehicle-product-listing-carousel__text h3 {
        font-size: 2.57rem;
        line-height: 3.75rem;
        letter-spacing: 1.2px;
    }

    .vehicle-product-listing-carousel__text p {
        font-size: 1.14rem;
        line-height: 1.75rem;
        letter-spacing: 0.5px;
        color: var(--owi-paragraph-color);
        margin-bottom: 50px;
    }

    .vehicle-product-listing-carousel .swiper-container {
        margin-top: 0;
        padding-left: 60px;
        padding-top: 10px;
    }

    .vehicle-product-listing-carousel .swiper-plugin-navigation-prev {
        display: flex;
        margin-right: 22px;
    }

    .vehicle-product-listing-carousel__product-card {
        height: 500px;
        padding: 32px 30px;
    }

    .vehicle-product-listing-carousel__product-card img {
        height: 150px;
    }

    .vehicle-product-listing-carousel__product-card .desktop {
        display: flex;
        flex-direction: column;
        padding: 0 30px 32px 30px;
    }

    .vehicle-product-listing-carousel__product-card-cta {
        width: 100%;
        padding: 11px 0;
        display: inline-block;
        text-align: center;
        font-family: var(--owi-secondary-font-family);
        font-size: 0.75rem;
        text-decoration: none;
        color: var(--owi-primary-color);
        text-transform: uppercase;
        line-height: 17px;
        letter-spacing: 2.57px;
        font-weight: 600;
    }

    .vehicle-product-listing-carousel .swiper-slide {
        max-width: 310px;
    }

    .vehicle-product-listing-carousel .icon-icon-arrow.right,
    .vehicle-product-listing-carousel .icon-icon-arrow.left {
        font-size: 1.5rem;
    }
}

@media only screen and (min-width: 1024px) {
    .vehicle-product-listing__searchbar h2 {
        font-size: 1.5rem;
        min-width: 150px;
    }

    .vehicle-product-listing__searchbar a.button {
        width: 120px !important;
    }

    .vehicle-product-listing__searchbar .custom-select {
        margin-right: calc(8px + (100vw - 1024px) / 20);
    }

    .vehicle-product-listing__searchbar .select-selected {
        padding: 0 14px 6px 0;
        min-width: 113px;
        width: 113px;
    } 
}

@media only screen and (min-width: 1240px) {
    .vehicle-product-listing__searchbar h2 {
        font-size: 1.5rem;
        min-width: 200px;
    }

    .vehicle-product-listing__searchbar a.button {
        width: 140px !important;
    }

    .vehicle-product-listing__searchbar .custom-select {
        margin-right: 20px;
    }

    .vehicle-product-listing__searchbar .select-selected {
        padding: 0 15px 6px 0;
        min-width: 130px;
        width: 130px;
    }    
}

@media only screen and (min-width: 1480px) {
    .vehicle-product-listing__searchbar h2 {
        font-size: 1.5rem;
        min-width: 200px;
    }

    .vehicle-product-listing__searchbar a.button {
        width: 140px !important;
    }

    .vehicle-product-listing__searchbar .custom-select {
        margin-right: 20px;
    }

    .vehicle-product-listing__searchbar .select-selected {
        padding: 0 15px 6px 0;
        min-width: 130px;
        width: 150px;
    }    
}

.vehicle-product-listing .no-match,
.vehicle-product-listing .initial-results,
.vehicle-product-listing .swiper-control-view,
.vehicle-product-listing .default-view {
    display: none;
}

.vehicle-product-listing .no-match.active,
.vehicle-product-listing .initial-results.active,
.vehicle-product-listing .swiper-control-view.active,
.vehicle-product-listing .default-view.active {
    display: block;
}
/* Start your mobile here */
.tabbed-product-categories {
    padding: var(--owi-component-padding-mobile);
}

.tabbed-product-categories h2 {
    font-size: 1.5rem;
    padding: 20px 0;
}

.tabbed-product-categories__list {
    display: none;
}

.tabbed-product-categories__list a {
    cursor: pointer;
}

.tabbed-product-categories__results-container li {
    display: flex;
    box-shadow: var(--owi-box-shadow);
    align-items: center;
    align-content: center;
    align-self: center;
}

.tabbed-product-categories__results-container li:hover {
    outline: 2px solid var(--owi-primary-color);
}

.tabbed-product-categories__results-container li a {
    display: block;
    text-align: center;
    width: 100%;
    padding: 20px;
    width: 240px;
    height: 216px;
}

.tabbed-product-categories__results-container li img {
    margin: 0 auto 25px;
    max-height: 90px;
}

.tabbed-product-categories__results-container h3 {
    font-family: var(--owi-primary-font-family);
    font-size: .875rem;
    font-weight: 700;
    color: var(--owi-icon-text-color);
    text-transform: capitalize;
}

/* Start your desktop styles here */
@media only screen and (min-width: 960px) {
    .tabbed-product-categories {
        max-width: 1440px;
        height: 650px;
        max-height: 650px;
        min-height: 650px;
        display: flex;
        margin: 0 auto;
        border-bottom: 1px solid var(--owi-line-separator-color);
        padding-bottom: 0px;
    }

    .tabbed-product-categories h2 {
        font-size: 2rem;
        padding-top: 0px;
    }

    .tabbed-product-categories__list {
        padding-top: 70px;
        display: block;
        width: 40%;
        border-right: 1px solid var(--owi-line-separator-color);
        padding-bottom: 20px;
    }

    .tabbed-product-categories__results-container {
        padding-left: 100px;
        padding-top: 70px;
        width: 100%;
    }

    .tabbed-product-categories__results-container .swiper-wrapper {
        display: flex;
    }

    .tabbed-product-categories__results-container ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .tabbed-product-categories__results-container li {
        margin-right: 40px;
        margin-bottom: 40px;
    }

    .tabbed-product-categories__results-container li:nth-child(3n){
        margin-right: 0px;
    }

    .tabbed-product-categories__list li a.active {
        background-color: var(--owi-secondary-color);
        color: white;
        position: relative;
        font-family: var(--owi-secondary-font-family);
        text-transform: uppercase;
        font-weight: 500;
        display: block;
    }

    .tabbed-product-categories__list li a.active:after{
        font-family: 'icomoon' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        content: "\e900";
        font-size: 10px;
        margin-left: 7px;
        display: block;
        transform: rotate(-90deg);
        height: 12px;
        width: 8px;
        position: absolute;
        right: 20px;
        top: calc(50% - 4px);
    }   

    .tabbed-product-categories__list li a{
        font-family: var(--owi-secondary-font-family);
        text-transform: uppercase;
        color: var(--owi-font-text-color);
        font-weight: 500;
        display: block;
        padding: 20px 80px 20px 130px;
    }

    .tabbed-product-categories__content {
        display: none;
    }

    .tabbed-product-categories__content.active {
        display: block;
    }

}



/* Start your mobile here */
.video-banner {
    position: relative;
}

.video-banner__wrap {
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    position: absolute;
    display: flex;
}

.video-banner__content {
    align-self: center;
    margin: 0 auto;
    width: 80%;
    text-align: center;
}

.video-banner h2 {
    font-size: 1.5rem;
    color: white;
    margin-bottom: 20px;
    white-space: break-spaces;
}

.video-banner p {
    color: white;
    font-size: .875rem;
    margin-bottom: 40px;
}

.video-banner .wistia_embed {
    display: flex;
    white-space:nowrap;
}

/* Start your desktop styles here */
@media only screen and (min-width: 960px) {
    .video-banner {
        max-width: 1440px;
        margin: 0 auto;
    }
    .video-banner h2 {
        font-size: 2.25rem;
    }
    .video-banner p {
        font-size: 1rem;
    }
    
}
/* Mobile Styles */
.video-listing__wrapper {
  padding: var(--owi-component-padding-mobile);
}

.video-listing__wrapper h2,
.video-listing__wrapper h3,
.video-listing__wrapper h4,
.video-listing__wrapper p,
.video-listing__search-wrapper input,
.video-listing__wrapper li {
  font-family: var(--owi-primary-font-family);
}
.video-listing .video-listing__mobile-filters-toggle,
.video-listing__search-wrapper {
  padding-bottom: 10px;
  border-bottom: 3px solid var(--owi-secondary-color);
  margin-bottom: 24px;
}

.video-listing__wrapper input::placeholder {
  font-size: 0.875rem;
}

.video-listing__search-wrapper input {
  border: none;
}

.video-listing__search-wrapper .icon-icon-search {
  float: right;
  font-size: 18px;
  color: var(--owi-secondary-color);
  margin-right: 10px;
}

.video-listing__wrapper input::placeholder {
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-style: italic;
}

.video-listing .video-listing__mobile-filters-toggle {
  display: block;
}

.video-listing .video-listing__filters-wrapper {
  display: none;
}

.video-listing .video-listing__filters-wrapper .active-filters {
  border-bottom: 2px solid var(--owi-icon-separator-color);
}

.video-listing .active-filters h2 {
  font-size: 1rem;
  font-weight: 700px;
  color: var(--owi-icon-text-color);
  text-transform: capitalize;
  margin-bottom: 13px;
}

.video-listing .active-filters-content {
  display: flex;
  height: 40px;
  padding: 8px 14px;
  border: 1px solid var(--owi-line-separator-color);
  justify-content: space-between;
  margin-bottom: 12px;
}

.video-listing .active-filters-content p {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--owi-icon-text-color);
  text-transform: capitalize;
}

.video-listing .active-filters-content button {
  background-color: white;
  height:11px;;
  width: 11px;
  padding: 0;
  overflow: visible;
}

.video-listing .video-listing__mobile-filters-toggle button:after,
.video-listing .active-filters-content button:after {
  display: none;
}

.video-listing .active-filters-content button .icon-icon-close {
  color: var(--owi-primary-color);
  font-size: 11px;
}

.video-listing .video-listing__mobile-filters-toggle > button,
.video-listing .active-filters > button {
  background-color: white;
  font-size: 0.75rem;
  color: var(--owi-primary-color);
  padding: 0;
  margin-top: 29px;
  margin-bottom: 23px;
}

.video-listing .video-listing__mobile-filters-toggle > button:after,
.video-listing .active-filters > button:after {
  display: none;
}

.video-listing .video-listing__mobile-filters-toggle button,
.video-listing .video-listing__filter-option button {
  position: relative;
  color: var(--owi-icon-text-color);
  font-family: var(--owi-primary-font-family);
  font-size: 0.875rem;
  font-weight: 600;
  background-color: white;
  width: 100%;
  text-align: left;
  text-transform: capitalize;
  letter-spacing: normal;
}

.video-listing .video-listing__filter-option button {
  padding: 22px 8px 22px 16px;
  box-shadow: var(--owi-box-shadow);
}

.video-listing .video-listing__mobile-filters-toggle .icon-icon-arrow,
.video-listing .video-listing__filter-option .icon-icon-arrow {
  position: absolute;
  right: 8px;
}

.video-listing .video-listing__filter-option button:after {
  display: none;
}

.video-listing .video-listing__filter-option ul {
  display: none;
}

.video-listing .video-listing__mobile-filters-toggle.active + .video-listing__filters-wrapper,
.video-listing .video-listing__filter-option.active ul {
  display: block;
}

.video-listing .video-listing__filter-option.active button {
  border-bottom: none;
}

.video-listing .video-listing__filter-option.active .icon-icon-arrow {
  display: inline-block;
  transform: rotate(180deg);
}

.video-listing .video-listing__filter-option ul {
  box-shadow: var(--owi-box-shadow);
}

.video-listing .video-listing__filter-option ul li {
  font-size: 0.875rem;
  line-height: 2rem;
  text-transform: capitalize;
  padding: 12px 0 10px 14px;
}

.video-listing .video-listing__filter-option ul li a {
  display: inline-block;
  height: 100%;
  width: 100%;
  color: var(--owi-icon-text-color);
}

.video-listing .video-listing__filter-option ul li a span {
  pointer-events: none;
}

.video-listing .video-listing__filter-option ul li:hover {
  background-color: #F7F7F7;
  cursor: pointer;
}

.video-listing .video {
  position: relative;
  cursor: pointer;
  height: 50%;
}

.video-listing a:hover .play-button {
  background-color: var(--owi-secondary-color);
}

.video-listing .video .controls-wrapper {
  position: absolute;
  height: 200px;
  width: 100%;
  top: 0px;
  display: flex;
}

.video-listing .play-button {
  align-self: center;
}

.video-listing .video-listing__tile {
  height: 345px;
  width: 100%;
  box-shadow: var(--owi-box-shadow);
  margin-bottom: 24px;
}

.video-listing .video-listing__tile .video-banner-link img {
  height: 200px;
  width: 100%;
  object-fit: cover;
}

.video-listing__listing-wrapper .video-listing__tile .tile-text-wrapper {
  padding: 20px;
}

.video-listing__listing-wrapper .video-listing__tile .tile-text-wrapper h3 {
  font-size: 1rem;
  letter-spacing: normal;
  text-transform: capitalize;
  margin-bottom: 8px;
}

.video-listing__listing-wrapper .video-listing__tile .tile-text-wrapper p {
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
}

.video-listing #video-pagination-display ul li .more-video-pages {
  color: var(--owi-primary-color);
}

.video-listing .video-listing__active-page {
  background-color: var(--owi-primary-color);
  color: white;
}


/* Desktop Styles*/
@media only screen and (min-width: 960px) {
  .video-listing {
    max-width: 1440px;
    margin: auto;
    margin-top: 56px;
    margin-bottom: 85px;
  }

  .video-listing__wrapper {
    padding: 0;
  }

  .video-listing__search-wrapper {
    margin-bottom: 60px;
  }

  .video-listing__wrapper input::placeholder {
    font-size: 1rem;
  }

  .video-listing .video-listing__mobile-filters-toggle {
    display: none;
  }

  .video-listing .video-listing__filters-wrapper {
    display: block;
  }

  .video-listing__results-wrapper {
    display: flex;
  }

  .video-listing__results-wrapper .video-listing__filters-wrapper {
    width: 286px;
    margin-right: 32px;
  }

  .video-listing .video-listing__filters-wrapper .active-filters {
    border-bottom: 2px solid var(--owi-icon-separator-color);
  }

  .video-listing__filters-wrapper .active-filters h2 {
    font-size: 1rem;
    font-weight: 700px;
    color: var(--owi-icon-text-color);
    text-transform: capitalize;
    margin-bottom: 13px;
  }

  .video-listing__filters-wrapper .active-filters-content {
    display: flex;
    height: 40px;
    padding: 8px 14px;
    border: 1px solid var(--owi-line-separator-color);
    justify-content: space-between;
  }

  .video-listing__filters-wrapper .active-filters-content p {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--owi-icon-text-color);
  }

  .video-listing__filters-wrapper .active-filters-content a {
    background-color: white;
    padding: 0;
  }

  .video-listing__filters-wrapper .active-filters-content a:after {
    content: "\e908";
    font-family: 'icomoon' !important;
    color: var(--owi-primary-color);
    font-size: 11px;
  }

  .video-listing__filters-wrapper .active-filters > button {
    background-color: white;
    font-size: 0.75rem;
    color: var(--owi-primary-color);
    padding: 0;
    margin-top: 29px;
    margin-bottom: 23px;
  }

  .video-listing__filters-wrapper .active-filters > button:after {
    display: none;
  }

  .video-listing__filters-wrapper .video-listing__filter-option button {
    position: relative;
    color: var(--owi-icon-text-color);
    font-family: var(--owi-primary-font-family);
    font-size: 1rem;
    font-weight: 700;
    background-color: white;
    width: 100%;
    padding: 22px 8px 22px 0;
    text-align: left;
    text-transform: capitalize;
    border-bottom: 1px solid var(--owi-icon-separator-color);
    letter-spacing: normal;
    margin-bottom: 13px;
  }

  .video-listing .video-listing__filter-option button {
    padding: 22px 8px 22px 0;
    border-bottom: 1px solid var(--owi-icon-separator-color);
    box-shadow: none;
  }

  .video-listing .video-listing__filter-option ul {
    box-shadow: none;
  }

  .video-listing .video-listing__filter-option ul li {
    padding: 0;
  }

  .video-listing__filters-wrapper .video-listing__filter-option .icon-icon-arrow {
    position: absolute;
    right: 8px;
  }

  .video-listing__filters-wrapper .video-listing__filter-option button:after {
    display: none;
  }

  .video-listing__filters-wrapper .video-listing__filter-option ul {
    display: none;
  }

  .video-listing__filters-wrapper .video-listing__filter-option.active ul {
    display: block;
  }

  .video-listing__filters-wrapper .video-listing__filter-option.active button {
    border-bottom: none;
  }

  .video-listing__filters-wrapper .video-listing__filter-option.active .icon-icon-arrow {
    display: inline-block;
    transform: rotate(180deg);
  }

  .video-listing__filters-wrapper .video-listing__filter-option ul li {
    font-size: 0.875rem;
    line-height: 2rem;
    color: var(--owi-icon-text-color);
    text-transform: capitalize;
  }

  .video-listing__listing-wrapper {
    display: flex;
    flex-flow: row wrap;
    width: 978px;
    justify-content: space-between;
  }

  .video-listing__listing-wrapper .video-listing__tile {
    height: 400px;
    width: 310px;
    margin-bottom: 25px;
  }

  .video-listing .video .controls-wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    display: flex;
  }

  .video-listing__listing-wrapper .video-listing__tile .tile-text-wrapper {
    padding: 20px;
  }

  .video-listing__listing-wrapper .video-listing__tile .tile-text-wrapper h3 {
    font-size: 1.125rem;
    margin-bottom: 8px;
  }

  .video-listing__listing-wrapper .video-listing__tile .tile-text-wrapper p {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: 400;
  }

  .video-listing .video-listing__grid-wrapper {
    display: flex;
    flex-direction: column;
  }

  .video-listing #video-pagination-display ul {
    display: flex;
    justify-content: center;
  }

  .video-listing #video-pagination-display ul li {
    height: 24px;
    width: 24px;
    border: solid 1px var(--owi-line-separator-color);
    text-align: center;
    margin-right: 8px;
  }

  .video-listing #video-pagination-display ul li a {
    display: table-cell;
    height: 24px;
    width: 24px;
    color: #D4D4D4;
    font-size: 0.75rem;
    font-weight: 700;
    vertical-align: middle;
  }

  .video-listing #video-pagination-display ul li:first-child,
  .video-listing #video-pagination-display ul li:last-child {
    border: none;
    display: inline-block;
    height: 15px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .video-listing #video-pagination-display ul li:first-child .icon-icon-arrow,
  .video-listing #video-pagination-display ul li:last-child .icon-icon-arrow {
    margin-left: 0;
  }

  .video-listing #video-pagination-display ul li:first-child {
    transform: rotate(90deg);
  }

  .video-listing #video-pagination-display ul li:last-child {
    transform: rotate(-90deg);
  }
}



/* Mobile Styles */
.file-claim-form__wrapper {
    margin-top: 38px;
    padding: var(--owi-component-padding-mobile);
  }
  
  .file-claim-form__wrapper .file-claim-form__input-wrapper {
    height: 33px;
    width: 100%;
    border-bottom: 3px solid var(--owi-primary-color);
    padding: 0px 16px 6px 8px;
    margin-bottom: 32px;
    height: auto;
  }
  
  .file-claim-form__wrapper h2 {
    font-size: 1.5rem;
    margin-bottom: 23px;
  }
  
  .file-claim-form__wrapper input,
  .file-claim-form__wrapper select {
    border: none;
    font-family: var(--owi-primary-font-family);
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--owi-paragraph-color);
    width: 100%;
  }

  .validation-form__error::placeholder { 
    color: red;
    opacity: 1;
  }

  .validation-select__error { 
    color: red !important;
  }

  .file-claim-label {
    font-family: var(--owi-primary-font-family);
    font-size: 0.875rem;
    color: var(--owi-paragraph-color);
  }

  .file-claim-small {
    font-family: var(--owi-primary-font-family);
    font-size: 0.675rem;
    color: var(--owi-paragraph-color);
    margin-top: -8px;
    position: absolute;
  }
  
  .file-claim-form__wrapper select {
    width: 100%
  }
  
  .file-claim-form__wrapper .file-claim-form__submit-subscribe {
    display: inline-block;
    justify-content: center;
    width: 100%;
  }
  
  .file-claim-form__wrapper textarea {
    border: 3px solid var(--owi-primary-color);
    font-family: var(--owi-primary-font-family);
    color: var(--owi-paragraph-color);
    font-size: 0.875rem;
    line-height: 1.5rem;
    padding: 5px;
  }
  
  .file-claim-form__wrapper .file-claim-form__submit-btn {
    height: 40px;
    width: 100%;
    background-color: var(--owi-primary-color);
    font-family: var(--owi-secondary-font-family);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 2.57px;
    text-transform: uppercase;
    color: white;
    margin-right: 60px;
    padding: 0;
  }
  
  .file-claim-form__wrapper .file-claim-form__subscribe input,
  .file-claim-form__wrapper .file-claim-form__subscribe label {
    font-family: var(--owi-primary-font-family);
    color: var(--owi-paragraph-color);
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  
  .file-claim-form__wrapper .file-claim-form__subscribe label {
    max-width: 315px;
  }
  
  .file-claim-form__wrapper .file-claim-form__subscribe input {
    height: 20px;
    width: 20px;
    margin-right: 17px;
    outline: 1px solid var(--owi-paragrah-color);
    float: left;
  }
  
  .file-claim-form__wrapper .file-claim-form__confirm-msg-modal {
    display: none;
  }
  
  .file-claim-form__wrapper .file-claim-form__confirm-msg-modal.submitted {
    display: block;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.75);
  }
  
  .file-claim-form__wrapper .file-claim-form__confirm-msg-content {
    height: 194px;
    width: 340px;
    margin: auto;
    margin-top: 85px;
    padding: 24px 17px 30px 16px;
    background-color: white;
  }
  
  .file-claim-form__wrapper .file-claim-form__confirm-msg-content button {
    height: 18px;
    width: 18px;
    float: right;
    margin-right: 6px;
    background-color: white;
    padding: 0;
    overflow: visible;
  }
  
  .file-claim-form__wrapper .file-claim-form__confirm-msg-content button:after {
    display: none;
  }
  
  .file-claim-form__wrapper .file-claim-form__confirm-msg-content button .icon-icon-close {
    height: 18px;
    width: 18px;
    color: var(--owi-tag-color);
    font-weight: 700;
  }
  
  .file-claim-form__wrapper .file-claim-form__confirm-msg-content h1 {
    font-size: 1.5rem;
    line-height: 2.188rem;
    letter-spacing: 0.67px;
    margin-top: 30px;
  }
  
  .file-claim-form__wrapper .file-claim-form__confirm-msg-content p {
    font-size: 0.875rem;
    line-height: 1.313rem;
    letter-spacing: 0.44px;
    font-weight: 400;
  }
  
  /* Mobile Only Styles */
  @media only screen and (max-width: 959px) {
    .file-claim-form__wrapper .file-claim-form__submit-subscribe {
      width: 100%;
      margin-top: 32px;
    }
  
    .file-claim-form__wrapper .file-claim-form__subscribe {
      margin-bottom: 37px;
    }
  }
  
  /* Desktop Styles */
  @media only screen and (min-width: 960px) {
    .file-claim-form__wrapper {
      max-width: 1440px;
      margin-top: 50px;
      margin-left: 0px;
      padding-left: calc(50% - 300px);
    }
  
    .file-claim-form__wrapper fieldset {
      display: inline-block;
      width: 764px;
    }
  
    .file-claim-form__wrapper h2 {
      margin-bottom: 17px;
    }
  
    .file-claim-form__wrapper .file-claim-form__input-wrapper {
      width: 600px;
      margin-right: 60px;
      height: auto;
    }
  
    .file-claim-form__wrapper .file-claim-form__customer-info {
      height: auto;
      margin-bottom: 54px;
    }
  
    .file-claim-form__wrapper .file-claim-form__reason {
      height: 200px;
    }
  
    .file-claim-form__wrapper .file-claim-form__submit-subscribe {
      display: inline-block;
      justify-content: center;
      width: 764px;
    }
  
    .file-claim-form__wrapper .file-claim-form__submit-subscribe div {
      flex: 0 352px;
    }
  
    .file-claim-form__wrapper .file-claim-form__submit-btn {
      width: 352px;
    }
  
    .file-claim-form__wrapper .file-claim-form__submit-btn,
    .file-claim-form__wrapper input[type="checkbox"] {
      cursor: pointer;
    }
  
    .file-claim-form__wrapper .file-claim-form__confirm-msg-content {
      height: 235px;
      width: 936px;
      margin-top: 170px;
      padding: 32px 32px 32px 86px;
    }
  
    .file-claim-form__wrapper .file-claim-form__confirm-msg-content h1 {
      font-size: 2rem;
      line-height: 2.75rem;
      letter-spacing: 0.89px;
    }
  
    .file-claim-form__wrapper .file-claim-form__confirm-msg-content p {
      font-size: 1rem;
      line-height: 1.5rem;
      letter-spacing: 0.5px;
    }
  }
  
  
  
/* Mobile Styles */
.register-product-form__wrapper {
    margin-top: 38px;
    padding: var(--owi-component-padding-mobile);
  }
  
  .register-product-form__wrapper .register-product-form__input-wrapper {
    height: 33px;
    width: 100%;
    border-bottom: 3px solid var(--owi-primary-color);
    padding: 0px 16px 6px 8px;
    margin-bottom: 32px;
    height: auto;
  }
  
  .register-product-form__wrapper h2 {
    font-size: 1.5rem;
    margin-bottom: 23px;
  }
  
  .register-product-form__wrapper input,
  .register-product-form__wrapper select {
    border: none;
    font-family: var(--owi-primary-font-family);
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--owi-paragraph-color);
    width: 100%;
  }

  .register-product-label {
    font-family: var(--owi-primary-font-family);
    font-size: 0.875rem;
    color: var(--owi-paragraph-color);
  }
  
  .register-product-form__wrapper select {
    width: 100%
  }
  
  .register-product-form__wrapper .register-product-form__submit-subscribe {
    display: inline-block;
    justify-content: center;
    width: 100%;
  }
  
  .register-product-form__wrapper textarea {
    border: 3px solid var(--owi-primary-color);
    font-family: var(--owi-primary-font-family);
    color: var(--owi-paragraph-color);
    font-size: 0.875rem;
    line-height: 1.5rem;
    padding: 5px;
  }
  
  .register-product-form__wrapper .register-product-form__submit-btn {
    height: 40px;
    width: 100%;
    background-color: var(--owi-primary-color);
    font-family: var(--owi-secondary-font-family);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 2.57px;
    text-transform: uppercase;
    color: white;
    margin-right: 60px;
    padding: 0;
  }
  
  .register-product-form__wrapper .register-product-form__subscribe input,
  .register-product-form__wrapper .register-product-form__subscribe label {
    font-family: var(--owi-primary-font-family);
    color: var(--owi-paragraph-color);
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  
  .register-product-form__wrapper .register-product-form__subscribe label {
    max-width: 315px;
  }
  
  .register-product-form__wrapper .register-product-form__subscribe input {
    height: 20px;
    width: 20px;
    margin-right: 17px;
    outline: 1px solid var(--owi-paragrah-color);
    float: left;
  }
  
  .register-product-form__wrapper .register-product-form__confirm-msg-modal {
    display: none;
  }
  
  .register-product-form__wrapper .register-product-form__confirm-msg-modal.submitted {
    display: block;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.75);
  }
  
  .register-product-form__wrapper .register-product-form__confirm-msg-content {
    height: 194px;
    width: 340px;
    margin: auto;
    margin-top: 85px;
    padding: 24px 17px 30px 16px;
    background-color: white;
  }
  
  .register-product-form__wrapper .register-product-form__confirm-msg-content button {
    height: 18px;
    width: 18px;
    float: right;
    margin-right: 6px;
    background-color: white;
    padding: 0;
    overflow: visible;
  }
  
  .register-product-form__wrapper .register-product-form__confirm-msg-content button:after {
    display: none;
  }
  
  .register-product-form__wrapper .register-product-form__confirm-msg-content button .icon-icon-close {
    height: 18px;
    width: 18px;
    color: var(--owi-tag-color);
    font-weight: 700;
  }
  
  .register-product-form__wrapper .register-product-form__confirm-msg-content h1 {
    font-size: 1.5rem;
    line-height: 2.188rem;
    letter-spacing: 0.67px;
    margin-top: 30px;
  }
  
  .register-product-form__wrapper .register-product-form__confirm-msg-content p {
    font-size: 0.875rem;
    line-height: 1.313rem;
    letter-spacing: 0.44px;
    font-weight: 400;
  }
  
  /* Mobile Only Styles */
  @media only screen and (max-width: 959px) {
    .register-product-form__wrapper .register-product-form__submit-subscribe {
      width: 100%;
      margin-top: 32px;
    }
  
    .register-product-form__wrapper .register-product-form__subscribe {
      margin-bottom: 37px;
    }
  }
  
  /* Desktop Styles */
  @media only screen and (min-width: 960px) {
    .register-product-form__wrapper {
      max-width: 1440px;
      margin-top: 50px;
      margin-left: 0px;
      padding-left: calc(50% - 300px);
    }
  
    .register-product-form__wrapper fieldset {
      display: inline-block;
      width: 764px;
    }
  
    .register-product-form__wrapper h2 {
      margin-bottom: 17px;
    }
  
    .register-product-form__wrapper .register-product-form__input-wrapper {
      width: 600px;
      margin-right: 60px;
      height: auto;
    }
  
    .register-product-form__wrapper .register-product-form__customer-info {
      height: auto;
      margin-bottom: 54px;
    }
  
    .register-product-form__wrapper .register-product-form__reason {
      height: 200px;
    }
  
    .register-product-form__wrapper .register-product-form__submit-subscribe {
      display: inline-block;
      justify-content: center;
      width: 764px;
    }
  
    .register-product-form__wrapper .register-product-form__submit-subscribe div {
      flex: 0 352px;
    }
  
    .register-product-form__wrapper .register-product-form__submit-btn {
      width: 352px;
    }
  
    .register-product-form__wrapper .register-product-form__submit-btn,
    .register-product-form__wrapper input[type="checkbox"] {
      cursor: pointer;
    }
  
    .register-product-form__wrapper .register-product-form__confirm-msg-content {
      height: 235px;
      width: 936px;
      margin-top: 170px;
      padding: 32px 32px 32px 86px;
    }
  
    .register-product-form__wrapper .register-product-form__confirm-msg-content h1 {
      font-size: 2rem;
      line-height: 2.75rem;
      letter-spacing: 0.89px;
    }
  
    .register-product-form__wrapper .register-product-form__confirm-msg-content p {
      font-size: 1rem;
      line-height: 1.5rem;
      letter-spacing: 0.5px;
    }
  }
  
  
  
.blog-page__background {
    display: none;
}

.blog-page__wrapper {
    padding-right: var(--owi-component-padding-mobile);
    padding-left: var(--owi-component-padding-mobile);
    margin-top: 40px;
    margin-bottom: 40px;
}

/* rotated tablet styles */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .blog-page__background {
        display: none;
    }
}

/* Start your desktop styles here */
@media only screen and (min-width: 1025px) {
    .blog-page {
        position: relative;
    }

    .blog-page__background {
        display: block;
        position: absolute;
        z-index: 0;
        width: 100%;
        max-width: 1440px;
        height: 465px;
    }

    .blog-page.full-bleed-bg .blog-page__background {
        max-width: none;
    }

    .blog-page__background img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .blog-page__wrapper {
        padding: 0px;
        margin: 0 auto;
        width: 100%;
        max-width: 1440px;
    }

    .blog-page.full-bleed-bg .blog-page__wrapper {
        max-width: none;
    }

    .blog-page__content {
        background: white;
        padding: 50px 95px 95px 95px;
        box-shadow: var(--owi-box-shadow);
        margin-bottom: 95px;
        max-width: 1080px;
        margin: 0 auto;
        z-index: 10;
        position: relative;
        top:200px;
        margin-bottom: 200px;
    }
}

/* Core Styles */
.brand-navigation {
  position: relative;
  width: 100%;
  margin: 0 auto;
  box-shadow: var(--owi-box-shadow);
  background: white;
}

.brand-navigation .brand-navigation__wrapper {
  max-width: 1440px;
  margin: 0 auto;
}

.brand-navigation .product-line-nav__wrapper {
  margin-left: 169px;
}

.brand-navigation .brand-header__social-icons {
  width: 185px;
}

.brand-navigation.sticky {
  position: fixed;
  z-index: 1000;
  top: 0px;
}

/* Mobile Only Styles */
@media only screen and (max-width: 959px) {

}


/* Desktop Only Styles */
@media only screen and (min-width: 960px) {

}







/* Start your mobile here */
.pdp-header {
    padding: var(--owi-component-padding-mobile);
}

.pdp-header h1 {
    color: var(--owi-primary-color);
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.pdp-header h2 {
    font-size: .875rem;
    color: var(--owi-icon-text-color);
    font-family: var(--owi-primary-font-family);
    margin-bottom: 10px;
    text-transform: none;
}

.pdp-header h2 + span {
    font-size: .75rem;
    color: #A3A3A3;
    font-family: var(--owi-primary-font-family);
    margin-bottom: 10px;
    display: block;
    font-weight: 600;
}

.pdp-header span + p {
    font-size: .875rem;
    margin-bottom: 20px !important;
    font-weight: 500;
}

.pdp-header .pdp-header__description p:last-of-type {
    margin-bottom: 34px;
}

.pdp-header p {
    font-size: .875rem;
    font-weight: 400;
}

.pdp-header p strong {
    font-weight: 700;
}

.pdp-header a.button {
    background: var(--owi-primary-button-color);
    margin-bottom: 20px;
}

.pdp-header a.button:after {
    background-color: var(--owi-secondary-button-color);
}

.pdp-header .cta {
    display: inline-block;
    margin-bottom: 20px;
}

.pdp-header .cta.secondary {
    color: #265bba;
}

.pdp-header h3 {
    color: var(--owi-icon-text-color);
    font-size: .875rem;
    line-height: 1.5rem;
    text-transform: none;
    font-family: var(--owi-primary-font-family);
    margin-bottom: 10px;
    border-top: 1px solid var(--owi-line-separator-color);
    padding-top: 10px;
}

.pdp-header h3 + ul li {
    display: inline-block;
    margin-right: 20px;
    font-family: var(--owi-secondary-font-family);
    text-transform: uppercase;
    color: var(--owi-primary-color);
    font-size: .75rem;
    font-weight: 600;
}
.pdp-header h3 + ul li span {
    margin-right: 5px;
}

.pdp-header h3 + ul li:last-child {
    margin-right: none;
}

.pdp-header h3 + ul li a {
    color: var(--owi-primary-color);
}

/* basic */
.pdp-header .swiper-container,
.pdp-header .swiper-wrapper {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

.pdp-header .swiper-container {
    position: relative;
   /* overflow: hidden; */
    width: 100%;
    height: 200px;
    margin-bottom: 80px;
    margin-top: 20px;
}

.pdp-header .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.pdp-header .swiper-slide {
    position: relative;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    width: auto;
    height: 100%;
    font-size: 18px;
    align-items: center;
}

.pdp-header .swiper-slide img {
    display: block;
    width: auto;
    object-fit: cover;
    max-height: 200px;
}

/* plugin pagination */
.pdp-header .swiper-plugin-pagination {
    display: flex;
    justify-content: center;
}

.pdp-header .swiper-plugin-pagination__item {
    display: block;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border-radius: 0px !important;
    border: none;
    background: #e7e7e7;
    transition: background ease 0.2s;
    cursor: pointer;
}

.pdp-header .swiper-plugin-pagination__item.is-active {
    background: var(--owi-primary-color);
}

.pdp-header .swiper-container__controls {
    margin-top: 30px;
}

.pdp-header .image-selector {
    display: none;
}

.pdp-header > div .pdp-header__carousel {
    overflow:hidden;
}

.searchCTA {
    display: none !important;
}

.searchCTAMobile {
    display: inline-block !important;
}  

/* Start your desktop styles here */
@media only screen and (min-width: 960px) {
    .pdp-header {
        max-width: 1440px;
        margin: 50px auto 50px;
        padding: 0px;
        scroll-margin-top: 228px;
    }
    .pdp-header.sticky {
        scroll-margin-top: 119px;
    }

    .pdp-header > div {
        display: flex;
        padding: 0 80px;
    }

    .pdp-header > div .pdp-header__carousel {
        order: 2;
        width: 58.3333%;
    }

    .pdp-header > div .pdp-header__description {
        width: 41.6666%;
        order:1;
        /* padding-right: 120px; */
    }

    .pdp-header .pdp-header__description p {
        margin-bottom: 0;
    }

    .pdp-header .pdp-header__description p:last-of-type {
        margin-bottom: 32px;
    }

    .pdp-header > div .pdp-header__carousel .swiper-container {
        display: none;
    }

    .pdp-header h1 {
        font-size: 2rem;
    }

    .pdp-header h2 {
        font-size: 1rem;
    }

    .pdp-header span:first-of-type {
        font-family: var(--owi-primary-font-family);
        font-size: .875rem;
        font-weight: 600;
        color: var(--owi-paragraph-color);
    }

    .pdp-header .cta {
        display: block;
        width: fit-content;
        text-align: left;
    }

    .pdp-header .image-selector {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .pdp-header .image-selector__image {
        widthgs: 560px;
        height: 465px;
        margin-right: 20px;
        flex-grow: 1;
        display: flex;
        align-items: center;
    }

    .pdp-header .image-selector__image img {
        display: none;
        margin-right: 0px;
        max-height: 465px;
        max-width: 560px;
        margin: 0 auto;
    }

    .pdp-header .image-selector__image iframe {
        display: none;
    }

    .pdp-header .image-selector__image iframe.active{
        display: block;
    }

    .pdp-header .image-selector__image img.active {
        display: block;
    }

    .pdp-header .image-selector .thumbs {
        margin-right: 80px;
    }

    .pdp-header .image-selector .thumbs li {
        border: 1px solid #d4d4d4;
        margin-bottom: 10px;
        text-align: center;
        display: flex;
        height: 65px;
        width: 85px;
        padding: 10px 26px;
        cursor: pointer;
    }

    .pdp-header .image-selector .thumbs li.video-thumb {
        padding: 0;
    }

    .pdp-header .image-selector .thumbs li.video-thumb img {
        height: 100%;
        width: 100%;
    }

    .pdp-header .image-selector .thumbs li a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .pdp-header .image-selector .thumbs li.active {
        border-color: var(--owi-primary-color);
        cursor: default;
    }

    .pdp-header .image-selector .thumbs li img {
        width: 28px;
        height: 45px;
        margin: 0 auto;
        align-items: center;
        /* height: 65px;
        width: 85px; */
        cursor: pointer;
        object-fit: cover;
    }

}


/* Start your mobile here */

/* Background Wrapper */
.where-to-buy__wrapper {
    display: none;
}

.where-to-buy__wrapper.open {
    display: block;
    background-color: rgba(0,0,0,0.75);
    height: 100%;
    overflow-y: scroll;
    padding: 0 24px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
}

/*  */
/*  */

/* Modal Wrapper */
.wtb-modal__wrapper {
    background-color: var(--owi-primary-white);
    margin: 85px auto;
    max-width: 936px;
    position: relative;
}

/*  */
/*  */

/* Modal Header */
.wtb-modal__header {
    align-items: center;
    display: flex;
    height: 173px;
    padding: 4.5rem 1.5rem 1.5rem;
}

/* Close Buttton */
.wtb-modal__header a {
    color: #B4B4B4;
    font-size: 18px;
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
}

/* Modal Header Image */
.wtb-modal__header img {
    max-height: 85px;
}

/* Modal Header Text */
.wtb-modal__header-text {
    margin-left: 1.5rem;
    height: 60px;
}

/* Product Header */
.wtb-modal__header-text p#product-name {
    color: var(--owi-topic-color);
    font-size: 12px;
    font-weight: bold;
}

/* Product Subheader */
.wtb-modal__header-text p#product-category {
    color: var(--owi-icon-text-color);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.38px;
}

/* Product Part Number */
.wtb-modal__header-text p#product-part {
    color: #A3A3A3;
    font-size: 10px;
    font-weight: 600;
    margin-top: 6px;
}

/*  */
/*  */

/* Online Wrapper Header */
.wtb__online-header {
    align-items: center;
    background-color: #0A1F54;
    display: flex;
    height: 48px;
    padding: 0 1.5rem;
}

/* Online Header Text */
.wtb__online-header h4 {
    color: var(--owi-primary-white);
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.33px;
}

/* Online Stores Wrapper */
.wtb__online-stores {
    border-bottom: 1px solid #D4D4D4;
    display: block;
    padding: 0 1.5rem 1.5rem;
    width: 100%;
}

/* Online Store */
.wtb__store {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 1.5rem;
    width: 100%;
}

.wtb__table-store {
    padding: 15px 0px 8px 15px;
}

td.wtb__table-store:last-child {
    padding: 15px 15px 8px 15px;
}

table.wtb__table-store {
    width: 100%; 
    padding: 5px;
}

/* Online Store Name */
.wtb__store p {
    color: var(--owi-topic-color);
    font-size: 1rem;
    font-weight: bold;
    margin-right: 1rem;
}

.wtb__table-store p {
    color: var(--owi-topic-color);
    font-size: 1rem;
    font-weight: bold;
}

/* Online Store Buy CTA */
.wtb__store a {
    background-color: #0A59C1;
    max-width: 125px;
    min-width: 125px;
}

.wtb__table-store a {
    background-color: #0A59C1;
    max-width: 120px;
    min-width: 120px;
}

/*  */
/*  */

/* Nearby Wrapper Header */
.wtb__nearby-header {
    display: block;
    padding: 1.5rem;
}

/* Nearby Header Text */
.wtb__nearby-header h4 {
    color: #0A1F54;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .33px;
}

/* Nearby Header Input */
.wtb__nearby-header input {
    border: none;
    border-bottom: 3px solid #0A1F54;
    color: var(--owi-icon-text-color);
    font-family: var(--owi-primary-font-family);
    font-size: 0.875rem;
    font-weight: 600;
    height: 45px;
    margin: 1rem 0;
    width: 100%;
}

/* Nearby Header Input Error */
.wtb__nearby-header input.error {
    border-bottom: 3px solid var(--owi-brand4-color);
}

/* Removing Input Outline */
.wtb__nearby-header input:focus {
    outline: none;
}

/* Nearby Header Search CTA */
.wtb__nearby-header a {
    background-color: #0A59C1;
    width: 100%;
}

/*  */
/*  */

/* Google Maps Wrapper */
.wtb__google-map-wrapper {
    display: none;
}

/* Store Location List Wrapper */
.wtb__search-results {
    display: none;
}

/* Store Locator Wrapper */
.wtb-modal__store-locator {
    display: none;
}

.wtb__search-results {
    display: none;
}

.wtb__search-results.active {
    display: block;
}

.wtb__results-loading {
    display: none;
}

.wtb__results-loading.active {
    display: block;
}

/*  */
/*  */

/* Start your desktop styles here */
@media only screen and (min-width: 760px) {

    /* Modal Wrapper */
    .wtb-modal__wrapper {
        margin: 170px auto;
    }

    /*  */
    /*  */

    /* Modal Header */
    .wtb-modal__header {
        align-items: center;
        display: flex;
        height: 257px;
        padding: 0 0 0 80px;
    }

    /* Close Buttton */
    .wtb-modal__header a {
        color: #b4b4b4;
        font-size: 18px;
        position: absolute;
        right: 2rem;
        top: 2rem;
    }

    /* Modal Header Image */
    .wtb-modal__header img {
        max-height: 150px;
    }

    /* Modal Header Text */
    .wtb-modal__header-text {
        margin-left: 2rem;
        height: 110px;
    }

    /* Product Header */
    .wtb-modal__header-text p#product-name {
        font-size: 18px;
    }

    /* Product Subheader */
    .wtb-modal__header-text p#product-category {
        font-size: 1rem;
        letter-spacing: 0.5px;
    }

    /* Product Part Number */
    .wtb-modal__header-text p#product-part {
        font-size: 14px;
        margin-top: 10px;
    }

    /*  */
    /*  */

    /* Modal Finder Section */
    .wtb-modal__finder {
        display: flex;
        height: max-content;
    }

    /* Online Wrapper */
    .wtb-modal__finder-online {
        border-right: 1px solid #D4D4D4;
        box-sizing: border-box;
        width: 35%;
    }

    /* Online Wrapper Header */
    .wtb__online-header {
        height: 65px;
        padding: 0 9%;
    }

    /* Online Header Text */
    .wtb__online-header h4 {
        font-size: 21px;
        letter-spacing: 0.44px;
    }

    /* Online Stores Wrapper */
    .wtb__online-stores {
        border: none;
        max-height: 721px;
        overflow-y: auto;
        padding: 0 0 3rem;
    }

    /* Online Store */
    .wtb__store {
        justify-content: space-around;
        margin-top: 3rem;
    }

    /* Online Store Name */
    .wtb__store p {
        font-size: 18px;
    }

    /* Online Store Buy CTA */
    .wtb__store a {
        max-width: 100px;
        min-width: 100px;
    }

    /*  */
    /*  */

    /* Nearby Wrapper */
    .wtb-modal__finder-nearby {
        box-sizing: border-box;
        display: block;
        width: 65%;
    }

    /* Nearby Wrapper Header */
    .wtb__nearby-header {
        align-items: center;
        border-bottom: 1px solid #D4D4D4;
        border-top: 1px solid #D4D4D4;
        box-sizing: border-box;
        display: flex;
        height: 65px;
        padding: 0 8px 0 5%;
    }

    /* Nearby Header Text */
    .wtb__nearby-header h4 {
        font-size: 21px;
        letter-spacing: 0.44px;
    }

    /* Nearby Header Input */
    .wtb__nearby-header input {
        margin: 0 1rem;
        max-width: 250px;
        padding: 0 8px;
        text-align: left;
    }

    /* Nearby Header Search CTA */
    .wtb__nearby-header a.button.full {
        max-width: 120px;
        min-width: 120px;
    }

    /*  */
    /*  */

    /* Google Maps Wrapper */
    .wtb__google-map-wrapper {
        display: block;
        height: 263px;;
    }

    /*  */
    /*  */

    /* Store Location List Wrapper */
    .wtb__search-results {
        display: block;
        max-height: 458px;
        min-height: auto;
        overflow-y: auto;
    }

    /* Store Item */
    .wtb__store-wrapper {
        align-items: flex-start;
        border-top: 1px solid #D4D4D4;
        display: flex;
        justify-content: space-evenly;
        padding: 1.85rem 0;
        transition: all 0.1s ease-out;
    }

    /* Store Item Hover */
    .wtb__store-wrapper:hover {
        background-color: rgba(0, 0, 0, 0.04);
    }

    /* Location Pin Wrapper */
    .location-pin__wrapper {
        display: flex;
    }
    
    /* Location Pin */
    .location-pin__wrapper::before {
        bottom: 0.5rem;
        color: #0A59C1;
        content: "\e919";
        font-family: "Icomoon";
        font-size: 1.5rem;
        margin-right: 0.5rem;
        position: relative;
    }

    /* Store Name Wrapper */
    .store-name {
        width: 124px;
    }

    /* Store Name Text */
    .store-name p {
        color: var(--owi-icon-text-color);
        font-size: 0.875rem;
        font-weight: bold;
    }

    /* Store Details Wrapper */
    .store-details {
        width: 160px;
    }

    /* Store Address */
    .store-details p {
        color: var(--owi-icon-text-color);
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 4px;
    }

    /* Store Phone Number & Website */
    .store-details a {
        color: var(--owi-icon-text-color);
        display: inline-block;
        font-family: var(--owi-primary-font-family);
        font-size: 12px;
        line-height: 20px;
        text-decoration: underline;
    }

    /* Store Directions */
    .store-direction {
        width: 110px;
    }

    /* Store Distance */
    .store-direction p {
        color: var(--owi-paragraph-color);
        font-size: 12px;
        line-height: 26px;
        margin-bottom: 8px;
    }

    /* Directions CTA */
    .store-direction a {
        color: #0A59C1;
        font-family: var(--owi-secondary-font-family);
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 1.71px;
        line-height: 17px;
        text-transform: uppercase;
    }

    /* Directions Icon */
    .store-direction a::after {
        color: #0A59C1;
        content: "\e914";
        font-family: "Icomoon";
        font-size: 12px;
        margin-left: 0.5rem;
    }

    /*  */
    /*  */

    /* Store Locator Wrapper */
    .wtb-modal__store-locator {
        align-items: center;
        background-color: #F8F8F8;
        box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
        display: flex;
        height: 72px;
        padding: 0 4rem;
    }

    /* Store Locator CTA */
    .wtb-modal__store-locator a {
        background-color: #0A59C1;
        margin-left: auto;
        max-width: 270px;
        min-width: 270px;
    }

    /* Store Locator Chevron Icon */
    .wtb-modal__store-locator .icon-icon-arrow {
        display: inline-block;
        transform: rotate(-90deg);
    }

    .searchCTA {
        display: inline-block !important;
    }

    .searchCTAMobile {
        display: none !important;
    }    
}



/* Mobile Styles */
.pdp-contact-us-modal__wrapper {
  /* display: none; */
  padding: var(--owi-component-padding-mobile);
}

.pdp-contact-us-modal__form-wrapper {
  display: none;
}

.pdp-contact-us-modal__wrapper .pdp-contact-us-modal__open-modal-link {
  font-family: var(--owi-secondary-font-family);
  color: black;
  text-transform: uppercase;
}

.pdp-contact-us-modal__wrapper .pdp-contact-us-modal__input-wrapper {
  height: 33px;
  width: 100%;
  border-bottom: 3px solid var(--owi-primary-color);
  padding: 0px 16px 6px 8px;
  margin-bottom: 32px;
}

.pdp-contact-us-modal__wrapper h2 {
  font-size: 1.5rem;
  margin-bottom: 23px;
}

.pdp-contact-us-modal__wrapper input,
.pdp-contact-us-modal__wrapper select {
  border: none;
  font-family: var(--owi-primary-font-family);
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: var(--owi-paragraph-color);
  text-transform: capitalize;
}

.pdp-contact-us-modal__wrapper select {
  width: 100%
}

.pdp-contact-us-modal__wrapper .pdp-contact-us-modal__submit-subscribe {
  display: flex;
  justify-content: center;
  width: 100%;
}

.pdp-contact-us-modal__wrapper textarea {
  border: 3px solid var(--owi-primary-color);
  font-family: var(--owi-primary-font-family);
  color: var(--owi-paragraph-color);
  font-size: 0.875rem;
  line-height: 1.5rem;
  padding: 5px;
}

.pdp-contact-us-modal__wrapper .pdp-contact-us-modal__submit-btn {
  height: 40px;
  width: 100%;
  background-color: var(--owi-primary-color);
  font-family: var(--owi-secondary-font-family);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 2.57px;
  text-transform: uppercase;
  color: white;
  margin-right: 60px;
  padding: 0;
}

.pdp-contact-us-modal__wrapper .pdp-contact-us-modal__subscribe input,
.pdp-contact-us-modal__wrapper .pdp-contact-us-modal__subscribe label {
  font-family: var(--owi-primary-font-family);
  color: var(--owi-paragraph-color);
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.pdp-contact-us-modal__wrapper .pdp-contact-us-modal__subscribe label {
  max-width: 315px;
}

.pdp-contact-us-modal__wrapper .pdp-contact-us-modal__subscribe input {
  height: 20px;
  width: 20px;
  margin-right: 17px;
  outline: 1px solid var(--owi-paragrah-color);
  float: left;
}

.pdp-contact-us-modal__wrapper .pdp-contact-us-modal__confirm-msg-modal {
  display: none;
}

.pdp-contact-us-modal__wrapper .pdp-contact-us-modal__confirm-msg-modal.submitted {
  display: block;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.pdp-contact-us-modal__wrapper .pdp-contact-us-modal__confirm-msg-content {
  height: 194px;
  width: 340px;
  margin: auto;
  margin-top: 85px;
  padding: 24px 17px 30px 16px;
  background-color: white;
}

.pdp-contact-us-modal__wrapper button {
  height: 18px;
  width: 18px;
  float: right;
  margin-right: 6px;
  background-color: white;
  padding: 0;
  overflow: visible;
}

.pdp-contact-us-modal__wrapper button:after {
  display: none;
}

.pdp-contact-us-modal__wrapper button .icon-icon-close {
  height: 18px;
  width: 18px;
  color: var(--owi-tag-color);
  font-weight: 700;
}

.pdp-contact-us-modal__wrapper .pdp-contact-us-modal__confirm-msg-content h1 {
  font-size: 1.5rem;
  line-height: 2.188rem;
  letter-spacing: 0.67px;
}

.pdp-contact-us-modal__wrapper .pdp-contact-us-modal__confirm-msg-content p {
  font-size: 0.875rem;
  line-height: 1.313rem;
  letter-spacing: 0.44px;
  font-weight: 400;
}

/* Mobile Only Styles */
@media only screen and (max-width: 959px) {
  .pdp-contact-us-modal__wrapper .pdp-contact-us-modal__submit-subscribe {
    width: 100%;
    flex-direction: column-reverse;
    margin-top: 32px;
  }

  .pdp-contact-us-modal__wrapper .pdp-contact-us-modal__subscribe {
    margin-bottom: 37px;
  }
}

/* Desktop Styles */
@media only screen and (min-width: 960px) {
  .pdp-contact-us-modal {
    max-width: 1440px;
    margin: auto;
  }

  .pdp-contact-us-modal__form-wrapper {
    display: none;
  }

  .pdp-contact-us-modal__form-wrapper.modal-open {
    display: block;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0,0.75);
  }

  .pdp-contact-us-modal__wrapper .pdp-contact-us-modal__form > h1 {
    display: inline-block;
    max-width: 533px;
    font-size: 2rem;
    line-height: 2.75rem;
  }

  .pdp-contact-us-modal__wrapper .pdp-contact-us-modal__form > p {
    display: inline-block;
    max-width: 606px;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 46px;
  }

  .pdp-contact-us-modal__wrapper .pdp-contact-us-modal__form {
    height: 973px;
    width: 936px;
    margin: auto;
    padding: 84px 86px;
    background-color: white;
    margin-top: 170px;
    position: relative;
  }

  .pdp-contact-us-modal__wrapper fieldset {
    display: flex;
    flex-flow: column wrap;
    width: 764px;
  }

  .pdp-contact-us-modal__wrapper h2 {
    margin-bottom: 17px;
  }

  .pdp-contact-us-modal__wrapper .pdp-contact-us-modal__input-wrapper {
    width: 352px;
    margin-right: 60px;
  }

  .pdp-contact-us-modal__wrapper .pdp-close-btn {
    position: absolute;
    top: 32px;
    right: 32px;
  }

  .pdp-contact-us-modal__wrapper .pdp-contact-us-modal__customer-info {
    height: 304px;
  }

  .pdp-contact-us-modal__wrapper .pdp-contact-us-modal__reason {
    height: 200px;
  }

  .pdp-contact-us-modal__wrapper .pdp-contact-us-modal__submit-subscribe {
    display: flex;
    justify-content: center;
    width: 764px;
  }

  .pdp-contact-us-modal__wrapper .pdp-contact-us-modal__submit-subscribe div {
    flex: 0 352px;
  }

  .pdp-contact-us-modal__wrapper .pdp-contact-us-modal__submit-btn {
    width: 352px;
  }

  .pdp-contact-us-modal__wrapper .pdp-contact-us-modal__submit-btn,
  .pdp-contact-us-modal__wrapper input[type="checkbox"] {
    cursor: pointer;
  }

  .pdp-contact-us-modal__wrapper .pdp-contact-us-modal__confirm-msg-content {
    height: 235px;
    width: 936px;
    margin-top: 170px;
    padding: 86px;
    position: relative;
  }

  .pdp-contact-us-modal__wrapper .pdp-contact-us-modal__confirm-msg-content h1 {
    font-size: 2rem;
    line-height: 2.75rem;
    letter-spacing: 0.89px;
  }

  .pdp-contact-us-modal__wrapper .pdp-contact-us-modal__confirm-msg-content p {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.5px;
  }
}