@charset "utf-8";

/*
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/* Basics
	========================================================================== */
html {
  box-sizing: border-box;
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-y: scroll;
  /*image-rendering: -webkit-optimize-contrast;*/
}

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

body {
  background: #fff;
  margin: 0;
}


/* Try to remove 300ms delay on mobile devices */
/* Hopefully help with GSC Core Web Vitals */
button,
a,
[role="button"],
input[type="button"],
input[type="submit"],
input[type="reset"],
.quick-click-mobile {
    touch-action: manipulation;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

/* Links
	========================================================================== */
a {
  background-color: transparent;
}

a:active, a.nice-select.open,
a:hover {
  outline: 0;
}

/* Text-level semantics
	========================================================================== */
abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1, .h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2, .h2 {
  font-size: 1.5em;
  margin: 0.67em 0;
}


mark {
  background: #ff0;
  color: #000;
}

small,
.small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.5em;
}


/* Embedded content
	========================================================================== */
img {
  border: 0;
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
	========================================================================== */
figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
	========================================================================== */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

/* try to match height and width of nice select to stop FOUC */
/* FIX FOR UGLY SELECT */
SELECT {
    background-color: #fff;
    border: 1px solid #888;
    border-radius: 3px;
    box-shadow: none;
    padding: 0 0.6em;
    line-height: 38px;
    height: 38px;
}

SELECT.wide {
    width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  /*cursor: default;*/
    cursor: not-allowed;
    opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  box-sizing: border-box;
}

input[type="search"]::-webkit-search-cancel-button {
    cursor: pointer;
}


/*input[type="search"]::-webkit-search-cancel-button,*/
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}

INPUT::-webkit-input-placeholder { color:#ccc; transition: color .3s; }
INPUT::-moz-placeholder          { color:#ccc; opacity:1; transition: color .3s; } /* firefox 19+ */
INPUT:-ms-input-placeholder      { color:#ccc !important; transition: color .3s; } /* ie */
INPUT:-moz-placeholder           { color:#ccc; transition: color .3s; }
INPUT::placeholder                { color:#ccc;  transition: color .3s; }

INPUT:focus::-webkit-input-placeholder { color:#eee; }
INPUT:focus::-moz-placeholder          { color:#eee; } /* firefox 19+ */
/*INPUT:focus:-ms-input-placeholder    { color:#eee !important; }  ie [doesn't work] */
INPUT:focus:-moz-placeholder           { color:#eee; }
INPUT:focus::placeholder                { color:#eee; }

TEXTAREA::-webkit-input-placeholder { color:#ccc; }
TEXTAREA::-moz-placeholder          { color:#ccc; opacity:1; } /* firefox 19+ */
TEXTAREA:-ms-input-placeholder      { color:#ccc !important; } /* ie */
TEXTAREA:-moz-placeholder           { color:#ccc; }
TEXTAREA::placeholder                { color:#ccc; }

TEXTAREA:focus::-webkit-input-placeholder { color:#eee; }
TEXTAREA:focus::-moz-placeholder          { color:#eee; } /* firefox 19+ */
/*TEXTAREA:focus:-ms-input-placeholder      { color:#eee !important; }  ie [doesn't work] */
TEXTAREA:focus:-moz-placeholder           { color:#eee; }
TEXTAREA:focus::placeholder                { color:#eee; }


fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

kbd {
    position: relative;
    top: -1px;
    display: inline-block;
    color: #363636;
    text-decoration: none;
    text-align: center;
    background: #fff;
    padding: 3px 7px;
    margin: 0 3px;
    border: 1px solid #c3c3c3;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9;
    -moz-box-shadow:    0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9;
    box-shadow:         0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9;
    text-shadow: 0 1px 0 #f6f6f6;
    line-height: 1;
}

/*
 * Bootstrap Grid v4.1.2 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width;
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

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

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1240px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }


  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}

.d-none {
  visibility: hidden !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}


/* START OPGI custom flexbox fun */
.container-auto-sm-col-2, .container-auto-sm-col-3, .container-auto-sm-col-4, .container-auto-sm-col-5, .container-auto-sm-col-6, .container-auto-sm-col-7, .container-auto-sm-col-8, .container-auto-sm-col-9, .container-auto-sm-col-10 {
    margin: 0 -5px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.container-auto-sm-col-2 > *, .container-auto-sm-col-3 > *, .container-auto-sm-col-4 > *, .container-auto-sm-col-5 > *, .container-auto-sm-col-6 > *, .container-auto-sm-col-7 > *, .container-auto-sm-col-8 > *, .container-auto-sm-col-9 > *, .container-auto-sm-col-10 > * {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding: 5px;
}


@media (min-width: 576px) {

    .container-auto-sm-col-2 > * {
        width: 50%;
    }

    .container-auto-sm-col-3 > * {
        width: 33.33%;
    }

    .container-auto-sm-col-4 > * {
        max-width: 25%;
    }

    .container-auto-sm-col-5 > * {
        max-width: 20%;
    }

    .container-auto-sm-col-6 > * {
        max-width: 16.6666666667%;
    }

    .container-auto-sm-col-7 > * {
        max-width: 14.28571428571429%;
    }

    .container-auto-sm-col-8 > * {
        max-width: 12.5%;
    }

    .container-auto-sm-col-9 > * {
        max-width: 11.11111111111111%;
    }

    .container-auto-sm-col-10 > * {
        max-width: 10%;
    }

    .container-auto-sm-col-11 > * {
        max-width: 9.090909090909091%;
    }

    .container-auto-sm-col-12 > * {
        max-width: 8.333333333333333%;
    }
}




.container-auto-50px, .container-auto-100px, .container-auto-150px, .container-auto-200px, .container-auto-250px, .container-auto-300px {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.container-auto-50px > *, .container-auto-100px > *, .container-auto-150px > *, .container-auto-200px > *, .container-auto-250px > *, .container-auto-300px > * {
    position: relative;
    min-height: 1px;
}

.container-auto-50px > * {
    width: 50px;
}

.container-auto-100px > * {
    width: 100px;
}

.container-auto-150px > * {
    width: 150px;
}

.container-auto-200px > * {
    width: 200px;
}

.container-auto-250px > * {
    width: 250px;
}

.container-auto-300px > * {
    width: 300px;
}





/* END OPGI custom flexbox fun */




.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.m-6 {
  margin: 6rem !important;
}

.mt-6,
.my-6 {
  margin-top: 6rem !important;
}

.mr-6,
.mx-6 {
  margin-right: 6rem !important;
}

.mb-6,
.my-6 {
  margin-bottom: 6rem !important;
}

.ml-6,
.mx-6 {
  margin-left: 6rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.p-6 {
  padding: 6rem !important;
}

.pt-6,
.py-6 {
  padding-top: 6rem !important;
}

.pr-6,
.px-6 {
  padding-right: 6rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 6rem !important;
}

.pl-6,
.px-6 {
  padding-left: 6rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .m-sm-6 {
    margin: 6rem !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 6rem !important;
  }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 6rem !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 6rem !important;
  }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 6rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .p-sm-6 {
    padding: 6rem !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 6rem !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 6rem !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 6rem !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 6rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .m-md-6 {
    margin: 6rem !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: 6rem !important;
  }
  .mr-md-6,
  .mx-md-6 {
    margin-right: 6rem !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 6rem !important;
  }
  .ml-md-6,
  .mx-md-6 {
    margin-left: 6rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .p-md-6 {
    padding: 6rem !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: 6rem !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: 6rem !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 6rem !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: 6rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .m-lg-6 {
    margin: 6rem !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 6rem !important;
  }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 6rem !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 6rem !important;
  }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 6rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .p-lg-6 {
    padding: 6rem !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 6rem !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 6rem !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 6rem !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 6rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .m-xl-6 {
    margin: 6rem !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 6rem !important;
  }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 6rem !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 6rem !important;
  }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 6rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .p-xl-6 {
    padding: 6rem !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: 6rem !important;
  }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: 6rem !important;
  }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 6rem !important;
  }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: 6rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.white-bg {
  background: #FFF;
}

.light-gray-bg {
  background-color: #f3f3f3;
}

.blue-bg {
  background: #035da3;
  color: #FFF;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

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

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

body,
button {
  font-size: 15px;
  line-height: 1.6;
  color: #444;
  font-family: "Roboto", sans-serif;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, h6, .h5 {
  padding: 0;
  color: #2d2d2d;
  font-family: "Roboto", sans-serif;
  line-height: 1.1;
  font-weight: 700;
}

.text-feature-color {
    color: #035DA3 !important;
}

/* Copy
	========================================================================== */
p {
  margin: 0 0 1.5em 0;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  font-style: normal;
  margin: 0;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code, kbd, tt, var {
  font-family: Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

blockquote {
  quotes: "" "";
}

blockquote:before, blockquote:after {
  content: "";
}

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

/* Links
	========================================================================== */
a {
  /*text-decoration: none;*/ /*most links should look like links (rjb 2019/05/16)*/
  text-decoration: underline;
  color: #035da3;

  -webkit-transition: all .3s;
          transition: all .3s;
}

a:hover, a:active, a.nice-select.open {
  outline: 0;
  color: #0586ea;
}

.clear-fix { height:0; clear:both; } /* for stubborn browsers */

/* Buttons
	========================================================================== */
.button,
.Button {
  border: none;
  display: inline-block;
  outline: none;
  border-radius: 6px;
  color: #fff;
  line-height: 1;
  padding: 1em 1.5em 1em 1.5em;
  appearance: none;
  cursor: pointer;
  text-align: center;
  background-color: #035da3;
  color: #FFF;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none !important;
  align-items: center;
  border: 1px solid #035da3;

  background-size: auto 0%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  transition: all .5s;
  overflow: hidden;
}


.button .icon {
  transition: all .1s;
}

.button:hover,
.Button:hover {
  background-color: #0071ca;
  border-color: #0071ca;
  color: #FFF;
}

.button.outlined {
  border: 1px solid #888;
  background-color: #FFF;
  color: #888;
}
.button.outlined:hover {
  background-color: rgba(3, 93, 163, .05);
  color: rgb(3, 93, 163);
  border-color: rgb(3, 93, 163);
}



.button.outlined .icon {
  color: #999;
  margin-right: 5px;
  transition: all .1s;
}


.button.outlined:hover .icon {
  color: #035da3;
}

.button.light-blue {
  background-color: #187ac3;
  border-color: #187ac3;
}

.button.light-blue:hover {
  background-color: #156cac;
  border-color: #156cac;  
}

.button.bright-blue {
  background-color: #007cdd;
  border-color: #007cdd;
}

.button.bright-blue:hover {
  background-color: #008fff;
  border-color: #008fff;  
}

.button.gray {
  background-color: #4f4f4f;
  border-color: #4f4f4f;
}

.button.gray:hover {
  background-color: #424242;
  border-color: #424242;
}

.button.light-gray {
  background-color: #808080;
  border-color:     #808080;
}

.button.light-gray:hover {
  background-color: #999;
  border-color:     #999;
}

.button.red {
    background-color: #da2917;
    border-color:     #da2917;
}

.button.red:hover {
    background-color: #ff1800;
    border-color:     #ff1800;
}

.button.gold {
      background-color: #e5b010;
      border-color:     #e5b010;
}

.button.gold:hover {
    background-color: #ffbf00;
}

.button.orange {
      background-color: #f1592a;
      border-color: #f1592a;
}

.button.orange:hover {
    background-color: #f47c57;
}

.button.yellow-orange {
      background-color: #fca626;
      border-color: #fca626;
}

.button.yellow-orange:hover {
    background-color: #ec8f04;
}


.button.outlined.outlined-blue {
    border: 1px solid #035da3;
    color: #035da3;
}
.button.outlined.outlined-blue:hover {
    border: 1px solid #0071ca;
    color: #0071ca;
}

.button.outlined.outlined-light-blue {
    border: 1px solid rgb(24, 122, 195);
    color: rgb(24, 122, 195);
}
.button.outlined.outlined-light-blue:hover {
    background-color: rgba(0, 120, 209, .05);
    border: 1px solid rgb(0, 120, 209);
    color: rgb(0, 120, 209);
}

.button.outlined.outlined-white {
    background-color: rgba(255, 255, 255, .3);
    border-color: #fff;
    color: #fff;
}
.button.outlined.outlined-white:hover {
    background-color: rgba(255, 255, 255, .5);
    border-color: #fff;
}

.button.outlined.outlined-black {
    background-color: rgba(0, 0, 0, .3);
    border-color: #fff;
    color: #fff;
}
.button.outlined.outlined-black:hover {
    background-color: rgba(0, 0, 0, .5);
    border-color: #fff;
}

.button.outlined.outlined-red {
    background-color: #fff;
    border-color: #da2917;
    color: #da2917;
}
.button.outlined.outlined-red:hover {
    background-color: rgba(255, 24, 0, .07);
    border-color: rgba(255, 24, 0, 1);
    color: rgba(255, 24, 0, 1);

}



.button.close {
  background-color: #999;
  border-color: #999;
}

.button.close:hover {
  background-color: #aaa;
}


.button.xsm {
  padding: .4em .6em !important;
  font-size: 10px !important;
}

.button.sm {
  padding: .5em .75em !important;
  font-size: 11px !important;
}

.button.md {
  padding: .75em 1em !important;
  font-size: 12px !important;
}

.button.lg {
  font-size: 16px;
}

.button.xl {
  font-size: 19px;
}

.button.xxl {
  font-size: 21px;
}

.button.xxxl {
  font-size: 24px;
}


.button.wide {
  width: 100%;
  max-width: 100%;
  /*display: block;*/
}

.button.strong {
    font-weight: bolder;
}

.button-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -5px 0;
    padding: 0;
}

.button-list li {
    padding: 0 5px 0;
    flex: 1;
}

.button-list li .button {
    white-space: nowrap;
    width: 100%;
}


 h1 .button,
.h1 .button,
 h2 .button,
.h2 .button {
     vertical-align: middle;
 }


input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not(#yotpo-app input),
textarea {
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 3px;
    font-size: 16px; /*ios zooms in when font is less than 16 [rjb]*/
    height: 2.5em;
    padding: 8px 10px;
    outline: none;
    transition: all .2s;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]),
input.nice-select.open:not([type=checkbox]):not([type=radio]):not([type=button]) {
  border-color: #ccc;
  /*box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);*/
}


input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):focus,
textarea:active,
textarea.nice-select.open,
textarea:focus {
    border-color: #035da3;
    /*box-shadow: inset 0 0 3px rgb(1, 93, 163);*/
}

input[type=password] {
    font-family: monospace;
}


input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

input.sm:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]),
textarea.sm 
{
    padding: 5px 7px;
    font-size: 12px;
    border-radius: 4px;
}



textarea {
  width: 100%;
  height: 75px;
}

textarea.lg {
  height: 150px;
}

textarea.xl {
  height: 300px;
}




/*RJB why was this here? is causes issues with usability */
/*select.niceSelect {
  display: none !important; 
}*/

.nice-select {
  font-size: 16px;
  line-height: 40px; /* RJB should match text input height */
  height: 40px; /* RJB should match text input height */
  /*line-height: 30px;*/
  /*color: #2d2d2d;*/ /* RJB should match other input text color */
  border: none;
  border-radius: 3px;
}

.nice-select.disabled:before {
  color: #999;
  border-right: 1px solid #DDD;
}

.nice-select .list {
  margin-left: 0;
  padding: 0;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.nice-select .option {
  height: 30px;
  line-height: 30px;
  min-height: 30px;
}

.nice-select .option:hover {
  color: #FFF;
  background-color: #0071ca !important;
}

.nice-select .option.selected {
  color: #0071ca;
}

.nice-select .option.selected:hover {
  color: #FFF;
  background-color: #0071ca;
}

.form-group .nice-select {
  float: none;
  /*background-color: #fafafa;
  background: linear-gradient(0deg, rgba(204,204,204,1) 0%, rgba(221,221,221,1) 15%, rgba(255,255,255,1) 100%);*/
}

.checkbox-label {
    display: block;
    position: relative;
    margin: auto;
    cursor: pointer;
    clear: both;
    padding-left: 28px;
    line-height: 1.4;
    font-size: 14px;
}

.checkbox-label:hover {
  color: #2d2d2d;
}

.checkbox-label input {
  position: absolute;
  opacity: 0 !important;
  cursor: pointer;
}

.checkbox-label .checkbox-custom,
.checkbox-label .radio-custom {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 20px;
  width: 20px;
  /*background-color: transparent;*/
  background-color: #fff;
  border-radius: 3px;
  transition: all .2s ease-out;
  border: 1px solid #d7d7d7;
}

.checkbox-label .checkbox-custom {
    top: 50%;
    margin-top: -10px;
}

.checkbox-label .radio-custom {
  border-radius: 100%;
}

.checkbox-label input:checked ~ .checkbox-custom,
.checkbox-label input:checked ~ .radio-custom {
  background-color: #2687c8;
  transform: rotate(0deg) scale(1);
  opacity: 1;
  border: 1px solid #2687c8;
}

.checkbox-label .checkbox-custom::after,
.checkbox-label .radio-custom::after {
  position: absolute;
  content: "";
  left: 10px;
  top: 10px;
  height: 0px;
  width: 0px;
  border-radius: 3px;
  border: solid #FFF;
  border-width: 0 3px 3px 0;
  transform: rotate(0deg) scale(0);
  opacity: 1;
  transition: all .2s ease-out;
  z-index: 12;
}

.checkbox-label input:checked ~ .checkbox-custom::after,
.checkbox-label input:checked ~ .radio-custom::after,
.checkbox-label .aspNetDisabled + .checkbox-custom::after,
.checkbox-label .aspNetDisabled + .radio-custom::after {

  transform: rotate(45deg) scale(1);
  opacity: 1;
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  background-color: transparent;
  border-radius: 0;
  z-index: 12;
}

.checkbox-label input:checked ~ .radio-custom::after,
.checkbox-label .aspNetDisabled + .radio-custom::after {
  opacity: .9;
  left: 4px;
  top: 4px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 20px;
}

/* Tables
	========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 1.5em 0;
  width: 100%;
}

td,
th {
  padding: 0;
}

ul, ol {
  margin: 0 0 1.5em 1.5em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

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

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}


ul.plain,
ol.plain {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
}


@font-face {
  font-family: "opgi-icons";
  src: url("/OPGISources/fonts/opgi-icons/opgi-icons.eot");
  src: url("/OPGISources/fonts/opgi-icons/opgi-icons.eot?#iefix") format("embedded-opentype"), url("/OPGISources/fonts/opgi-icons/opgi-icons.woff") format("woff"), url("/OPGISources/fonts/opgi-icons/opgi-icons.ttf") format("truetype"), url("/OPGISources/fonts/opgi-icons/opgi-icons.svg#opgi-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "opgi-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "opgi-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-angle-right:before {
  content: "\61";
}

.icon-points:before {
  content: "\62";
}

.icon-price-match:before {
  content: "\66";
}

.icon-garage:before {
  content: "\64";
}

.icon-free-shipping:before {
  content: "\65";
}

.icon-clearance:before {
  content: "\63";
}

.icon-chatbubble:before {
  content: "\67";
}

.icon-twitter:before {
  content: "\68";
}


.icon-youtube-play:before {
    content: "\69";
}

.icon-youtube:before {
  content: "\6a";
}

.icon-rss:before {
  content: "\6b";
}

.icon-pinterest-p:before {
  content: "\6c";
}

.icon-instagram:before {
  content: "\6d";
}

.icon-facebook:before {
  content: "\6e";
}

.icon-star:before {
  content: "\6f";
}

.icon-envelope-o:before {
  content: "\70";
}

.icon-cart:before {
  content: "\72";
}

.icon-phone:before {
  content: "\73";
}

.icon-search:before {
  content: "t";
}

.icon-searchnav:before {
  content: "\74";
}

.icon-check:before {
  content: "\75";
}

.icon-thumbsup:before {
  content: "\76";
}

.icon-thumbsdown:before {
  content: "\77";
}

.icon-angle-left:before {
  content: "\78";
}

.icon-affirm:before {
  content: "\79";
}

.icon-down-open-mini:before {
  content: "\7a";
}

.icon-up-open-mini:before {
  content: "\41";
}

.icon-heart-o:before {
  content: "\42";
}

.icon-heart:before {
  content: "\43";
}

.icon-write:before {
  content: "\44";
}

.icon-question:before {
  content: "\45";
}

/* we need to refresh the opgi-font */
.icon-price-match-line:before {
    content: url(/Images/icons/price-match-outline.svg);
    filter: opacity(40%);
}

.icon-x-twitter:before {
    content: url(/Images/icons/twitter-x-outline.svg);
}

@supports (-moz-appearance:none) {
    .social .icon-x-twitter {
        margin-right: 15px;
    }
}

.icon-guarantee-line:before {
  content: "\47";
}

.icon-fitcheck:before {
  content: "\48";
}

.icon-expert-line:before {
  content: "\49";
}

.icon-box-outline:before {
  content: "\4a";
}

.icon-alert-lg:before {
  content: "\4b";
}

.icon-alert:before {
  content: "\4c";
}

.icon-answer:before {
  content: "\4d";
}

.icon-question-1:before {
  content: "\4e";
}

.icon-sliders:before {
  content: "\4f";
}

.icon-creditcard:before {
  content: "\50";
}

.icon-customer:before {
  content: "\51";
}

.icon-lock:before {
  content: "\52";
}

.icon-points-1:before {
  content: "\53";
}

.icon-question-2:before {
  content: "\54";
}

.icon-shippingbox:before {
  content: "\55";
}

.icon-history:before {
  content: "\58";
}

.icon-trash-o:before {
  content: "\56";
}

.icon-half-star:before {
  content: "\57";
}


/*removes thead anchor underline*/
a > i.icon::before {
    display: inline-block;
}

.alert {
  display: flex;
  flex-wrap: nowrap;
  min-height: 40px;
  margin-bottom:10px;
  align-content: center;
  border: 1px solid #187ac3;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 400;
  background-color: #eaf2f8;
  color: #035da3;
}

.alert.sm {
  font-size: 11px;
}

.alert.lg {
  font-size: 15px;
}

.alert.xl {
  font-size: 18px;
}

.alert:last-child {
  margin-bottom:0;
}

.alert .text {
  padding: 10px 15px;
  align-items: center;
  justify-content: center;
}

.alert .icon-holder {
  /*width: 40px;*/
  flex-shrink: 0;
  padding:0 10px;
  background-color: #187ac3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.alert .icon-holder .icon {
  color: #FFF;
  font-size: 20px;
  line-height: .7;
}

.alert.sm .icon-holder .icon {
  font-size: 15px;
}

.alert.lg .icon-holder .icon {
  font-size: 30px;
}

.alert.xl .icon-holder .icon {
  font-size: 45px;
}

.alert .text .header {
    font-size: 1.5em;
    font-weight: bold;
}

.alert .text .subheader {
    font-weight: bold;
}

.alert.warning .button {
    background-color: #eaa600;
    border-color: #bf8800;
}

.alert.warning select {
    border-color: #bf8800;
}

.alert.success {
  background-color: #e7f5ed;
  border-color: #28a745;
  color: #28a745;
}

.alert.success a {
  color: #28a745;
}

.alert.success .icon-holder {
  background-color: #28a745;
}

.alert.error {
  background-color: #ffe4e0;
  border-color: #da2917;
  color: #da2917;
}

.alert.error a {
  color: #da2917;
}

.alert.error .icon-holder {
  background-color: #da2917;
}

.alert.warning {
  background-color: #fdf6e9;
  border-color: #eaa600;
  color: #bf8800;
}

.alert.warning .icon-holder {
  background-color: #eaa600;
}

.alert.warning a {
    color: #bf8800;
}

.alert.info {
  background-color: #fafafa;
  border-color: #888;
  color: #444;
}

.alert.info .icon-holder {
  background-color: #888;
}

.alert ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.alert li {
  margin-bottom: .5em;
}

.alert li:last-child {
  margin-bottom: 0;
}



.emissions {
    color: #333;
    border: none;
    overflow: hidden;
}

.voluntary-product-labeling-program .emissions {
    font-size: 18px;
}


.emissions .icon-holder {
    padding: 10px;
}

.emissions .icon-holder b {
    display: inline-block;
    border-radius: 99px;
    text-align: center;
    line-height: 1.5em;
    width: 1.5em;
    height: 1.5em;
    background-color: #fff;
    font-size: 2em;
}

.emissions .text a {
    font-size: 75%;
    color: #888;
}

.emissions.epa-1 {
    background-color: rgba(136,204,0,.1);
    border-color: rgb(136,204,0);
}

.emissions.epa-1 .icon-holder {
    background-color: rgb(136,204,0);
    color: rgb(136,204,0);
}

.emissions.epa-2 {
    background-color: rgba(0,134,179,.1);
    border-color: rgb(0,134,179);
}

.emissions.epa-2 .icon-holder {
    background-color: rgb(0,134,179);
    color: rgb(0,134,179);
}

.emissions.epa-3 {
    background-color: rgba(242,182,0,.1);
    border-color: rgb(242,182,0);
}

.emissions.epa-3 .icon-holder {
    background-color: rgb(242,182,0);
    color: rgb(242,182,0);
}

.emissions.epa-4 {
    background-color: rgba(103,60,0,.1);
    border-color: rgb(103,60,0);
}

.emissions.epa-4 .icon-holder {
    background-color: rgb(103,60,0);
    color: rgb(103,60,0);
}

.voluntary-product-labeling-program.fancybox-content {
    width: 80%;
    margin-top: 40px;
}


body.iframe #breadcrumb {
    display: none;
}

#breadcrumb {
    width: 100%;
    background-color: #f3f3f3;
    font-size: 12px;
    white-space: nowrap;
    overflow-x: auto;
}

#breadcrumb.white-bg {
    background-color: #fff;
}

#breadcrumb div.container > div {
    padding: 10px 0;
}


#breadcrumb a {
    position: relative;
    margin-right: 10px;
    padding: 0 5px;
    color: #777;
    display: inline-block;
    text-decoration:none;
    border-radius: 6px;
}

#breadcrumb a:first-child {
    margin-left: -5px;
}


#breadcrumb a:after {
    position: absolute;
    content: 'a';
    display: inline-block;
    font-family: opgi-icons;
    width: 20px;
    font-size: 10px;
    text-align: center;
    color: #777;
}

#breadcrumb a:hover {
    color: #035da3;
    background-color: rgba(3, 93, 163, 0.1);
}

#breadcrumb .current {
    margin-left: 5px;
    color: #999;
    white-space: nowrap;
}

.site {
  overflow: hidden;
  transition: all .3s;
  position: relative;
  z-index: 10;
}

.search-open .site {
  padding-top: 50px;
}

.nav-open .site {
    margin: 0 250px 0 -250px !important;
}

@media screen and (min-width: 860px) {
  .nav-open .site {
    margin: 0 !important;
  }
  .search-open .site {
    padding-top: 0 !important;
  }
}

.container {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1240px;
  padding-right: 15px;
  padding-left: 15px;
}

/* removed because it ruins flexbox justify-content: space-between (RJB 2024/07/15)*/
/*.container:after {
  content: "";
  display: table;
  clear: both;
}*/

@media screen and (min-width: 440px) {
  .container {
    padding-right: 30px;
    padding-left: 30px;
  }
}


.header-promo-banner {
    display: flex;
    justify-content: center;
    background: #035da3;
    transition: opacity .3s;
    pointer-events: none;
    overflow: hidden;
}

.header-promo-banner:hover {
    opacity: .75;
}

a.header-promo-banner-link {
    display: inline-block;
    padding: 12px 12px 8px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    transition: opacity .3s;
    pointer-events: auto;
}

a.header-promo-banner-link > span {
    display: block;
}

a.header-promo-banner-link .promo-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: .25em;
}

a.header-promo-banner-link .promo-desc {
    line-height: 1;
    white-space: nowrap;
}


@media screen and (min-width: 600px) {
    a.header-promo-banner-link br {
        display: none;
    }
}

@media screen and (min-width: 860px) {
    a.header-promo-banner-link > span {
        display: inline-block;
    }

    a.header-promo-banner-link .promo-title {
        margin-right: 0.5em;
    }
}


a.header-promo-banner-link img {
    height: 24px;
    margin-top: -0.25em;
    margin-right: 0.25em;
    vertical-align: middle;
}



#ctl00_header {
  background: #FFF;
  position: relative;
}

.header-top {
  background: #1f1f1f;
  color: #dbdbdb;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  position: relative;
  display: none;
}

@media screen and (min-width: 440px) {
  .header-top {
    display: block;
  }
}


.header-top-nav {
  float: right;
  margin-right: 40px;
  display: none;
  position: relative;
  z-index: 140;
}

@media screen and (min-width: 860px) {
  .header-top-nav {
    display: block;
  }
}

.header-top-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
}

.header-top-nav ul li {
  display: block;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  transition-duration: 0.5s;
}

.header-top-nav ul li a {
  display: block;
  color: #ADA7A7;
  text-decoration: none;
  margin: 0;
  padding: 0 15px;
  font-weight: 400;
}

.header-top-nav ul li a:hover {
  color: #FFF;
}

.header-top-nav ul li a.new-hours {
    color: #fec600;
}

.header-top-nav ul li a.new-hours:hover {
    color: #fe8d00;
}


.header-top-nav ul li ul {
  background: #f3f3f3;
  visibility: hidden;
  opacity: 0;
  min-width: 5rem;
  position: absolute;
  margin-top: 1rem;
  left: 0;
  display: none;
  margin: 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  line-height: 1.5;
  padding: 5px 0;
}

.header-top-nav ul li ul:before {
  content: '';
  height: 0;
  width: 0;
  border-bottom: 6px solid #f3f3f3;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  top: -6px;
  left: 15px;
}

.header-top-nav ul li ul a {
  color: #2d2d2d;
  padding: 5px 15px;
  white-space: pre;
}

.header-top-nav ul li ul a:hover {
    color: #035da3;
    background-color: rgba(0,0,0,.05);
}

.header-top-nav ul li:hover > ul,
.header-top-nav ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

.header-top-nav ul li ul li {
  clear: both;
  width: 100%;
}

.header-phone {
  color: #FFF;
  font-size: 16px;
  float: right;
  position: relative;
  height: 40px;
  line-height: 40px;
}

/*.header-phone:after {
  content: '';
  display: block;
  height: 40px;
  width: 1000px;
  background: #035da3;
  position: absolute;
  left: 0px;
  top: 0;
  z-index: 1;
}*/

.header-phone a {
  color: #FFF;
  position: relative;
  z-index: 2;
  font-weight: bold;
  text-decoration: none;
}

.header-phone a .icon-phone {
  position: relative;
  top: 2px;
  transform: rotate(90deg);
  margin-right: 5px;
}

/*.header-phone .angle {
  height: 40px;
  width: 40px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: -40px;
  width: 40px;
}*/

/*.header-phone .angle:before {
  content: '';
  display: block;
  height: 100px;
  width: 100px;
  background: #035da3;
  position: absolute;
  left: 0;
  bottom: -2px;
  z-index: 2;
  transform: rotate(30deg);
  transform-origin: bottom left;
  border: 2px solid #035da3;
  outline: 1px solid #1f1f1f;
  outline-offset: -3px;
}*/

.header-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    column-gap: 20px;
    padding-top: 8px;
    padding-bottom: 15px;
}

@media screen and (min-width: 860px) {
  .header-main {
    flex-wrap: nowrap;
    height: 88px;
  }
}

.header-logo {
    display: inline-block;
    flex-shrink: 0;
    width: 91.42857142857143px;  /* haha!!! */ 
    height: 51.42857142857143px;  /* haha!!! */
    border-radius: 50%;
    overflow: hidden;
}

@media screen and (min-width: 440px) {
    .header-logo {
        width: 160px;
        height: 90px;
        margin-top: -40px;
    }
}

@media screen and (min-width: 860px) {
    .header-logo {
        /*margin-top: -30px;*/
    }
}

.as-seen-on {
    display: none;
}

@media screen and (min-width: 1100px) {
    .as-seen-on {
        display: block;
        width: 150px;
    }
}

.as-seen-on p {
    display: block;
    margin: 0;
    font-size: 10px;
    color: #757575;
    text-align: center;
}

.as-seen-on ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 20px;
    list-style-image: none;
    list-style-type: none;
}

.as-seen-on ul li {
    line-height: 1;
    margin: 0;
    padding: 0;
}

.as-seen-on ul li a {
    display: block;
    opacity: .3;
    transition: opacity .2s;
}

.as-seen-on ul li a img {
    max-height: 34px;
    max-width: 70px;
}

.as-seen-on ul li a:hover {
    opacity: 1;
}



#header-search {
    position: relative;
    display: flex;
    margin-top: 8px;
    width: 100%;
    order: 3;
    z-index: 130;
    transition: .3s transform;
}

@media screen and (min-width: 860px) {
    #header-search {
        max-width: 550px;
        order: unset;
        margin-top: 0;
    }
}

#header-search.fancybox-content {
    background: transparent;
    margin: 0;
    top: 60px;
    position: absolute;
    left: 0;
    padding: 10px;
    box-shadow: none;
}

#header-search.fancybox-content .fancybox-close-small {
  color: #FFF;
  position: fixed;
  height: 60px;
  width: 60px;
}

#header-search .search-form {
    display: flex;
    flex-grow: 1;
}

@media screen and (min-width: 860px) {
    #header-search .search-form {
        position: relative;
    }
}

#header-search .search-form input#tbAjaxSearch {
    flex-grow: 1;
    width: calc(100% - 60px);
    border-width: 1px 0 1px 1px;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
}


#header-search .search-form a.search-button {
    width: 60px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    font-size: 30px;
    margin: 0;
    text-align: center;
    border-radius: 0 6px 6px 0;
    font-family: opgi-icons;
}

#header-search .search-form a.search-button:hover .icon-search {
    display: inline-block;
    transform: rotate(0);
}
#header-search .search-form a.search-button:hover .icon-search {
    transform: rotate(-10deg);
}

#header-search.filter-highlight {
    box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    border-radius: 6px;
    z-index: 160;
    /*transform: scale(1.05);*/
}

#header-search.filter-highlight .search-form input {
    border-color: #fff;
}


#header-garage {
    position: relative;
}



#header-garage-button {
    display: flex;
    align-items: center;
    padding: 0 0 0 10px;
    height: 40px;
    background-color: #e5e5e5;
    border: 1px solid #cccccc;
    border-right-width: 0;
    border-radius: 6px 0 0 6px;
    font-size: 13px;
    text-align: center;
    line-height: 1.1;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-tap-highlight-color: transparent; /* remove highlight */
}


#header-garage-button-title {
    margin: 0 2px 0 0;
}

#header-garage-button-title span {
    display: block;
}

#header-garage-button .icon-holder {
    display: none;
    position: relative;
    line-height: 40px;
}

@media screen and (min-width: 330px) {
    #header-garage-button .icon-holder {
        display: initial;
    }
}



#header-garage-car-icon {
    padding-right: 8px;
    width: 90px;
    vertical-align: middle;
    opacity: 0.75;
    transition: 0.3s all;
}


#header-garage-add-car {
    width: 24px;
    height: 24px;
    line-height: 24px;
    right: 4px;
    top: 50%;
    margin-top: -12px;
    font-size: 22px;
    background-color: #035da3;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    position: absolute;
    z-index: 2;
    font-weight: bold;
}

#header-garage-button.garage-count-zero #header-garage-button-title {
    margin-right: 8px;
}

#header-garage-button .icon-up-open-mini::before,
#header-garage-button .icon-down-open-mini::before {
    display: inline-block;
    font-size: 24px;
    line-height: 40px;
}

#header-garage-button.active {
    background-color: #035da3;
    border-color: #035da3;
    color: #fff;
    border-bottom-left-radius: 0;
}

#header-garage-button.active #header-garage-add-car {
    color: #035da3;
    background-color: #fff;
}

#header-garage-button.active #header-garage-car-icon {
    opacity: 0.75;
    filter: invert();
}





@media screen and (max-width: 440px) {
    #header-garage-button.search-input-focus #header-garage-car-icon {
        padding-right: 0;
        width: 0;
        opacity: 0;
    }
}



#garage-popup {
    display: none;
    position: absolute;
    background: #FFF;
    border-top: 2px solid #035da3;
    z-index: 110;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    top: 100%;
    left: 0;
    right: 0;
    width: calc(100vw - 30px);
}


@media screen and (min-width: 600px) {
    #garage-popup {
        width: 450px;
        right: auto;
    }
}

#garage-popup.show {
    display: block;
}


#garage-popup .top {
    display: flex;
    justify-content: space-between;
    padding: 20px 20px;
    font-size: 12px;
    color: #A5A5A5;
    display: flex;
    align-items: center;
    line-height: 1.4;
}

#garage-popup .top a {
    border-color: #d3d3d3;
    font-weight: normal;
}


#garage-popup .top.history {
  border-top: 1px solid #eaebea;
}

#garage-popup .top.history .icon {
  top: 3px;
}

#garage-popup .top .icon {
  color: #2d2d2d;
  font-size: 30px;
  position: relative;
  margin-right: 15px;
  line-height: 1;
  top: 5px;
}

#garage-popup .top .text a {
    position: relative;
    display: inline-block;
    margin: 0 -10px;
    padding: 0px 10px;
    font-size: 16px;
    font-weight: bold;
    color: #2d2d2d;
    text-decoration: none;
    border-radius: 6px;
}

#garage-popup .top .text a:hover {
    color: #035da3;
    background-color: rgba(3, 93, 163, 0.1);
}

#garage-popup .vehicles {
    margin: 0;
    padding: 0;
    display: block;
    height: auto;
    overflow-y: auto;
    max-height: calc(100vh - 400px);
}

#garage-popup .vehicles li {
    width: 100%;
    position: relative;
    list-style: none;
}


#garage-popup .vehicles li .name {
    display: block;
    padding-left: 30px;
    color: #2d2d2d;
    height: 44px;
    line-height: 44px;
    font-size: 13px;
    text-decoration: none;
}

@media screen and (min-width: 440px) {
    #garage-popup .vehicles li .name {
        border-bottom: 1px solid #eee;
    }
}

#garage-popup .vehicles li:last-child .name {
    border-bottom: none;
}

#garage-popup .vehicles li .name span {
    display: none;
}

@media screen and (min-width: 440px) {
    #garage-popup .vehicles li .name span {
        display: inline;
    }
}

#garage-popup .vehicles li .name:hover {
    background-color: #e5eef6;
}


#garage-popup .vehicles li.vselected .name {
    font-weight: bold;
    color: #035da3;
}

#garage-popup .vehicles li.vselected:before {
    position: absolute;
    content: '';
    display: block;
    height: 7px;
    width: 7px;
    border-radius: 100%;
    background: #035da3;
    left: 14px;
    top: 50%;
    margin-top: -3.5px;
}

#garage-popup .vehicles li div {
    position: absolute;
    display: flex;
    column-gap: 10px;
    right: 30px;
    top: 7px;
}

#garage-popup .vehicles li .button {
    padding: 0 8px;
    height: 30px;
    line-height: 30px;
    font-weight: normal;
    font-size: 13px;
    border: 1px solid #035da3;
    background-color: #FFF;
    color: #035da3;
    opacity: 1
}

#garage-popup .vehicles li .button.garage-shop-now {
    color: #035da3;
    border-color: #035da3;
}

/*#garage-popup .vehicles li.vselected .button {
    color: #2d2d2d;
}*/

#garage-popup .vehicles li .name:hover + div .button,
#garage-popup .vehicles li div:hover .button {
    opacity: 1;
}

#garage-popup .vehicles li .name:hover + div .garage-shop-now,
#garage-popup .vehicles li .garage-shop-now:hover {
    background-color: #035da3;
    border-color: #035da3;
    color: #fff;
}

#garage-popup .vehicles li .garage-filter-search:hover {
    background-color: #0384a3;
    border-color: #0384a3;
    color: #fff;
}


@media screen and (min-width: 440px) {
    #garage-popup .vehicles li div {
        top: 8px;
    }

    #garage-popup .vehicles li .button {
        height: 26px;
        line-height: 26px;
        font-size: 11px;
        opacity: 0.33;
    }

}


#garage-popup .vehicles li .remove {
  font-size: 24px;
  color: #DDD;
  cursor: pointer;
  flex-shrink: 0;
}

#garage-popup .vehicles li .remove:hover {
  color: #da2917;
}

#garage-popup .vehicles.history .button {
  margin-right: 0;
}

#garage-popup .vehicles.history .button.save {
  margin-right: 5px;
  background: #f3f3f3;
}

#garage-popup .vehicles.history .button {
  margin-right: 0;
}

#garage-popup .vehicles.history .button.save {
  margin-right: 5px;
  background: #f3f3f3;
}

#garage-popup .bottom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 20px;
    font-size: 14px;
}

#garage-popup .bottom .empty {
  display: block;
  margin-right: auto;
  font-style: italic;
}

#garage-popup .bottom .clear {
  margin-right: auto;
}

#garage-popup .bottom .clear .icon {
  position: relative;
  top: 2px;
}

#garage-popup .bottom .clear:hover {
  color: #035da3;
}

#garage-popup .bottom .button {
  width: 48%;
}




.search-highlight-overlay {
	background-color: #000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	z-index: -1;
	cursor: pointer;
}



#search-popup {
    display: none;
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    z-index: 1000;
    width: 100%;
    max-height: 800px;
    overflow-y: auto;
    margin-top: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
}

@media screen and (min-width: 860px) {
    #search-popup {
        width: calc(100% - 60px);
    }
}

#search-popup-loading {
    display: none;
    position: absolute;
    right: 90px;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
}

#search-popup a {
    display: block;
    padding: 0 10px;
    color: #2d2d2d;
    text-decoration: none;
    transition: background-color .3s ;
}

#search-popup a:hover {
    background-color: rgba(5, 134, 234, .15)
}



.suggestion-column {
    /*width: 100%; 
    box-sizing: border-box;
    padding: 5px;*/ 
}

.suggestion-item {
    padding: 1px 5px 1px 5px;
    display: flex;
    align-items: center; 
    font-size: 11px;
}

.suggestion-item-keyword {
    /* margin: 0 -10px; */
    padding: 0 10px;
}

.suggestion-item-category {
    padding: 1px 5px 1px 5px;
    display: flex; 
    align-items: center;
    font-size: 11px;
}

.suggestion-items-brands {
    display: flex;
    margin: 0 5px;
}

.suggestion-item-brand {
    margin-right: 10px;
    width: calc(25% - 10px);
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    border-radius: 6px;
}


.suggestion-item-brand img {
    max-height: 55px;
    max-width: 60px;
    padding: 5px 0;
}

.suggestion-item-brand span {
    display: none
}

.suggestion-item-brand-anchor:hover {
    color: #035DA3;
    text-decoration: underline;
}

.suggestion-brand-text 
{
    display: inline;
    font-size: 10px;
    font-weight: 700;
    line-height: 0.6 !important;
}

.suggestion-item img {
    width: 80px;
    height: 80px;
    margin-right: 5px;
}

.suggestion-header {
    font-weight: 700;
    padding-left: 10px;
}

.suggestion-section {
    width: 100%;
    padding: 10px 0px;
    border-bottom: 1px solid #f3f3f3;
}

.suggestion-items-categories {
    /* display: flex; */
    flex-wrap: wrap;
    /* margin-right: -10px; */
    /* margin-left: -6px; */
}

a.suggestion-item-category {
    /* width: calc(50% - 10px); */
    /* margin-right: 10px; */
    /* margin-bottom: 2px; */
    padding: 5px 0px 5px 10px !important;
    /* border-radius: 6px; */
    background-color: #FFF;
    font-size: 12px;
    line-height: 1.1;
}


a.suggestion-item-product {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    padding: 5px 10px !important;
    /* margin: 0 -10px; */
}

.suggestion-section-view-all-results {
    padding: 0;
    border-bottom: none;
}

.suggestion-item-view-all-results {
    display: flex !important;
    padding: 10px !important;
    align-items: center;
}

.suggestion-item-view-all-results span {
    margin: 0 0.2em;
}

.suggestion-item-view-all-results i.icon.icon-search {
    font-size: 17px;
    top: 2px;
    position: relative;
}

/*.suggestion-item-view-all-results kbd {
    display: none;
}

@media screen and (min-width: 440px) {
    .suggestion-item-view-all-results kbd {
        display: inline-block;
    }
}*/

#search-popup kbd {
    font-size: 10px;
}


.product-image-container {
    width: 50px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px; 
}

.product-image-container img {
    max-width: 100%;
    max-height: 50px;
    display: block;
    height: auto;
    mix-blend-mode: multiply;
}

.product-text-container {
    /* display: flex; */
    flex: 1;
    line-height: 1;
    font-size: 12px;
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    overflow: hidden;
}

.product-name,
.product-price {
    line-height: 1.1;
}


.product-price {
    font-weight: bold;
}

/*
@media only screen and (max-width: 860px) {
  #header-search {
    position: fixed;
    top: 0;
    left: 10px;
    right: 10px;
    width: calc(100% - 20px); 
    max-width: calc(100% - 20px);
    box-sizing: border-box; 
  }
  
  #search-popup {
      width: calc(100% - 10px);
      max-width: 860px; 
  }
}*/








.header-features {
  float: right;
}

.header-features ul {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.header-features ul:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 440px) {
  .header-features ul {
    height: 44px;
  }
}

@media screen and (min-width: 860px) {
  .header-features ul {
    height: auto;
  }
}

.header-features ul li {
    margin: 0 0 0 18px;
    padding: 0;
    position: relative;
    line-height: 24px;
}

.header-features ul li:first-child {
    margin: 0;
}


.header-features ul li.search a {
  text-decoration: none;
  color: #2d2d2d;
  outline:none;
}

/*@media screen and (min-width: 860px) {
  .header-features ul li {
    margin: 0 0 0 30px;
  }
}*/

.header-features ul li a.link {
    display: flex;
    color: #2d2d2d;
    text-decoration: none;
    font-weight: 400;
    white-space: nowrap;
}

.header-features ul li a.link .icon-holder {
    display: flex;
    float: left;
    /*width: 28px;
    height: 28px;*/
    margin-right: 2px;
    position: relative;
}

.header-features ul li a.link .icon-holder img {
    opacity: 0.8;
    max-height: 24px;
    max-width: none;
}

.header-features ul li a.link .icon-holder .icon {
  display: block;
}

.header-features ul li a.link:hover {
  color: #035da3;
}

.header-features ul li a.link:hover .count {
  background: #035da3;
}

.header-features ul li a.link > span,
.header-features ul li a.link div > span {
    position: relative;
    display: none;
}


@media screen and (min-width: 860px) {
    .header-features ul li a.link > span {
        display: inline-block;
    }
    .header-features ul li a.link div > span {
        display: block;
    }
}

@media screen and (min-width: 860px) {
    .header-features .phone-handset,
    .header-features .account-bust {
        display: none;
    }
}

@media screen and (min-width: 860px) {
  .header-features ul .search,
  .header-features ul .nav {
    display: none;
  }
}

.header-features .free-catalogs {
    display: none;
}

@media screen and (min-width: 370px) {
    .header-features .free-catalogs {
        display: block;
    }
}



@media screen and (min-width: 860px) {
    .header-features .free-catalogs .icon-holder {
        padding: 2px;
    }
}


.header-features .icon-searchnav {
  font-size: 26px;
  position: relative;
  top: 2px;
}

.header-features .icon-cart {
  font-size: 24px;
  line-height: 1;
  position: relative;
  top: 1px;
}

.header-features .count,
.badge-count {
    background: #da2917;
    border-radius: 100%;
    color: #FFF;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    width: 18px;
    text-align: center;
    position: absolute;
    z-index: 2;
    top: -10px;
    right: -4px;
    font-weight: bold;
    opacity: 1;
    transition: 1s opacity;
}

.header-features .count.hide {
    opacity: 0;
}


.nav-toggle {
    height: 32px;
    width: 32px;
    right: 30px;
    border-radius: 50%;
    cursor: pointer;
}

.nav-open .nav-toggle {
    background: #fff;
    position: relative;
    top: 0;
    right: 0;
    z-index: 1000;
}

.nav-open .nav-toggle i, .nav-open .nav-toggle::before, .nav-open .nav-toggle::after {
  background: #2d2d2d !important;
}

.nav-toggle:hover i, .nav-toggle:hover::before, .nav-toggle:hover::after {
  background: #2d2d2d;
}

.nav-toggle i, .nav-toggle::before, .nav-toggle::after {
    position: absolute;
    height: 3px;
    width: 24px;
    background: #2d2d2d;
    left: 4px;
    transition: all .2s ease-in-out .1s, background .1s;
    border-radius: 6px;
}

.nav-toggle::before, .nav-toggle::after {
  content: '';
  transition: all .2s ease-in-out .3s, transform .2s ease-in-out .1s, background .1s;
}

.nav-toggle i {
  top: calc(50% - 1px);
}

.nav-open .nav-toggle i {
  opacity: 0;
  transition: all .2s ease-in-out .1s, background .1s;
}

.nav-toggle::before {
  top: 8px;
}

.nav-open .nav-toggle::before {
  transform: rotate(45deg);
  transition: all .2s ease-in-out .1s, transform .2s ease-in-out .3s, background .1s;
  top: 15px;
}

.nav-toggle::after {
  top: 22px;
}

.nav-open .nav-toggle::after {
  transform: rotate(-45deg);
  transition: all .2s ease-in-out .1s, transform .2s ease-in-out .3s, background .1s;
  top: 15px;
}





#garage-account .vehicles {
    padding: 0;
    margin: 0;
}

#garage-account .vehicles li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 16px 0;
  padding: 0;
  width: 100%;
  position: relative;
}


#garage-account .vehicles li .name {
  flex-grow: 1;
  color: #2d2d2d;
  line-height: 1.2;
  text-align: left;
  margin-right: 10px;
}

#garage-account .vehicles li.vselected {
    font-weight: bold;
}

#garage-account .vehicles li.vselected:before {
  background: #035da3;
}


#garage-account .vehicles li .button {
  margin-right: 10px;
  font-size: 12px;
  flex-shrink: 0;
}

#garage-account .vehicles li .remove {
  cursor: pointer;
  font-size: 30px;
  color: #dbdcdb;
  text-align: center;
  border: none;
  background: none;
  outline:none;
}

#garage-account .vehicles li .remove:hover {
  color: #da2917;
}


#ctl00_hlCart {
    position: relative;
}

#ctl00_hlCart.active {
    z-index: 200;
}

#cart-popup {
    display: none;
    background: #FFF;
    border-top: 2px solid #035da3;
    z-index: 200;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    top: 0;
    top: 100%;
    left: auto;
    width: calc(100vw - 30px);
    right: -50px;
    position: absolute;
    margin-top: 10px;
}

@media screen and (min-width: 440px) {
  #cart-popup {
    width: calc(100vw - 60px);
  }
}

@media screen and (min-width: 600px) {
    #cart-popup {
        width: 380px;
        position: absolute;
        right: -58px;
        left: auto;
        top: 100%;
        margin-top: 6px;
    }
}

@media screen and (min-width: 860px) {
    #cart-popup {
        right: -15px;
        margin-top: 12px;
    }
}

#cart-popup.show {
    display: block;
}

#cart-popup:before {
  content: '';
  display: block;
  height: 0;
  width: 0;
  border-bottom: 6px solid #035da3;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  top: -8px;
  right: 57px;
}

@media screen and (min-width: 600px) {
  #cart-popup:before {
    right: 65px;
  }
}

@media screen and (min-width: 860px) {
  #cart-popup:before {
    right: 50px;
  }
}

#cart-popup .top {
  padding: 10px 20px;
  color: #A5A5A5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eaebea;
  font-size: 13px;
}

#cart-popup .top .item-count {
  color: #999;
}

#cart-popup .top .clear {
  color: #2d2d2d;
  cursor: pointer;
}

#cart-popup .top .clear:hover {
  color: #035da3;
}

#cart-popup .cart-items {
    padding: 0;
    display: block;
    margin: 0;
    overflow-y: auto;
}

#cart-popup .cart-items,
#vehicleSavedAjaxID {
    max-height: 100px;
}

@media screen and (min-height: 500px) {
  #cart-popup .cart-items,
  #vehicleSavedAjaxID {
        max-height: 300px;
  }
}


@media screen and (min-height: 600px) {
  #cart-popup .cart-items,
  #vehicleSavedAjaxID {
        max-height: 400px;
  }
}

@media screen and (min-height: 700px) {
  #cart-popup .cart-items,
  #vehicleSavedAjaxID {
        max-height: 500px;
  }
}

@media screen and (min-height: 900px) {
  #cart-popup .cart-items,
  #vehicleSavedAjaxID {
        max-height: 600px;
  }
}



#cart-popup .cart-items tr:last-child td {
  border: none;
}

#cart-popup .cart-items td {
  border-bottom: 1px solid #eaebea;
}

#cart-popup .cart-items .image {
  width: 100px;
  padding: 10px;
}

#cart-popup .cart-items .image a {
  display: block;
  text-align:center;
}

#cart-popup .cart-items .image img {
    max-height:100px;
    mix-blend-mode: multiply;
}


#cart-popup .cart-items .content {
  padding: 0 15px 0 0;
}

#cart-popup .cart-items .content a.name {
  font-size: 12px;
  display: block;
  line-height: 1.4;
  color: #2d2d2d;
  text-decoration: none;
}

#cart-popup .cart-items .content a.name:hover {
  color: #035da3;
}

#cart-popup .cart-items .content .item-quantity {
  color: #999;
  font-size: 12px;
  margin-right: 10px;
}

#cart-popup .cart-items .content .price {
  font-size: 12px;
  color: #2d2d2d;
}

#cart-popup .cart-items .content .price .price-wrapper {
  display: inline-block;
}

#cart-popup .cart-items .remove {
  text-align: center;
  font-size: 24px;
  cursor: pointer;
  flex-shrink: 0;
  padding: 0 20px;
}

#cart-popup .cart-items .remove a {
  color: #DDD;
  text-decoration: none;
}

#cart-popup .cart-items .remove a:hover {
  color: #333;
}

#cart-popup .subtotal {
  border-top: 1px solid #eaebea;
  padding: 15px 20px 15px;
  font-size: 16px;
  text-align: center;
}

#cart-popup .subtotal strong {
  color: #2d2d2d;
}

#cart-popup .buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 20px 20px;
}

#cart-popup .buttons .button {
  display: block;
  flex-grow: 1;
  font-size: 14px;
}

#cart-popup .buttons .button:first-child {
  margin-right: 5px;
}

#cart-popup .buttons .button:last-child {
  margin-left: 5px;
}


#header-features-underlay {
    display: none;
    opacity: 0;
    position: fixed;
    z-index: 120;
    transition: all ease-out 1s;
    cursor: pointer;
}

#header-features-underlay.show {
    opacity: .6;
    display: block;
}

@media screen and (min-width: 600px) {
    #header-features-underlay.show:not(.filter-search-highlight) {
        display: none;
    }
}

#header-features-underlay.filter-search-highlight {
    z-index: 150;
}


body.checkout  {
    background-color: #f3f3f3;
}

.checkout-header {
  background: #FFF;
  font-size: 13px;
}

.checkout-header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 68px;
}

.checkout-header .checkout-logo {
  flex-grow: 1;
}

.checkout-header .checkout-logo a {
  display: block;
  width: 90px;
  position: relative;
  top: 3px;
  /*
			@include media(600px) {
				width: 110px;
				top: 14px;
			}
			*/
}

.checkout-header .header-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.checkout-header .header-features ul {
  height: auto;
}

.checkout-header .header-features .cart {
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
  border-left: 1px solid #e1e1e1;
}

@media screen and (min-width: 600px) {
  .checkout-header .header-features .cart {
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
  }
}

.checkout-header .header-features .cart a {
  text-decoration: none;
  color: #2d2d2d;
}

.checkout-header .support-line {
  font-weight: 400;
  line-height: 1.2;
  text-align: right;
  padding-left: 1em;
}

.checkout-header .support-line strong {
  color: #035da3;
  font-weight: normal;
}

.checkout-header .support-line span {
  display: none;
}

@media screen and (min-width: 600px) {
  .checkout-header .support-line span {
    display: inline;
  }
}

#site-nav {
  border-top: 1px solid #e3e4e3;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.055);
  height: 54px;
  display: none;
}

@media screen and (min-width: 860px) {
  #site-nav {
    display: block;
  }
}

#site-nav .container {
  position: initial;
}

#site-nav ul.nav {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
}

@media screen and (min-width: 1100px) {
  #site-nav ul.nav {
    max-width: 900px;
  }
}

#site-nav ul.nav li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#site-nav ul.nav li > span {
  color: #2d2d2d;
  display: block;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  height: 54px;
  line-height: 52px;
  cursor: default;
}

#site-nav ul.nav li.active {
  background: url('/images/nav-dropdown-arrow.png') bottom center no-repeat;
  background-size: auto 6px;
}

#site-nav ul.nav li.active span {
  color: #035da3;
}

#site-nav ul .dropdown {
  display: none;
  background: #FFF;
  border-top: 3px solid #035da3;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 100;
  padding: 30px 0;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
  list-style: none;
}

#site-nav ul .dropdown ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  list-style: none;
  list-style-image: none;
  list-style-type: none;
  z-index: 100;
}

#site-nav ul .dropdown li {
  background: none !important;
  list-style: none;
  margin: 0;
  padding: 0 60px 0 0;
  width: 33.333%;
}

@media screen and (min-width: 992px) {
  #site-nav ul .dropdown li {
    width: 25%;
  }
}

#site-nav ul .dropdown li a {
    cursor: pointer;
    display: flex;
    width: 100%;
    height: auto;
    font-size: 14px;
    line-height: 1.4;
    padding: 10px;
    justify-content: space-between;
    text-decoration: none;
    border-radius: 6px;
    transition: .3s background-color;
}

#site-nav ul .dropdown li a:hover {
    background-color: #f2f2f2;
}

#site-nav ul .dropdown li a:hover b {
  text-decoration: underline;
  color: #035da3;
}

#site-nav ul .dropdown li a:hover .desc span {
  color: #888;
  text-decoration: none;
}

#site-nav ul .dropdown li .image {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-content: center;
  overflow: hidden;
}

#site-nav ul .dropdown li .image img {
    align-self: center;
    mix-blend-mode: darken;
}

#site-nav ul .dropdown li .desc {
  width: calc(100% - 65px);
}

#site-nav ul .dropdown li .desc b {
  color: #2d2d2d;
  display: block;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 2px;
}

#site-nav ul .dropdown li .desc span {
  color: #888;
  display: block;
  font-size: 11px;
  width: 100%;
}

#site-nav .ask-an-expert {
  float: right;
  text-align: right;
  position: relative;
  height: 53px;
  margin-left: 30px;
  overflow: hidden;
  display: none;
  min-width: 180px;
}

@media screen and (min-width: 1100px) {
  #site-nav .ask-an-expert {
    display: block;
  }
}

#site-nav .ask-an-expert a {
  text-decoration: none;
}

#site-nav .ask-an-expert a:hover small {
  color: #035da3;
}

#site-nav .ask-an-expert img {
  height: 48px;
  width: auto;
  margin-top: 6px;
}

#site-nav .ask-an-expert .text {
  float: right;
  margin-left: 10px;
  margin-top: 9px;
}

#site-nav .ask-an-expert small {
  color: #444;
  display: block;
  font-size: 11px;
}

#site-nav .ask-an-expert strong {
  color: #035da3;
  display: block;
  font-size: 13px;
}

#site-nav .ask-an-expert .icon-chatbubble {
  margin-right: 2px;
}

.mobile-nav {
  position: fixed;
  width: 280px;
  bottom: 0;
  right: 0;
  top: 0;
  background: #1f1f1f;
  color: #FFF;
  margin: 0 -280px 0 0 !important;
  transition: all .3s;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 50;
}

.nav-open .mobile-nav {
  margin-right: 0 !important;
}

@media screen and (min-width: 1024px) {
  .nav-open .mobile-nav {
    margin: 0 -280px 0 0 !important;
  }
}

footer .newsletter {
  background: #035da3;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

footer .newsletter:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 768px) {
  footer .newsletter {
    flex-direction: row;
  }
}

footer .newsletter .text {
  color: #FFF;
  float: left;
  margin-bottom: 10px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  footer .newsletter .text {
    text-align: right;
    margin-bottom: 0;
    padding-right: 10px;
    width: 50%;
  }
}

footer .newsletter .text strong {
  font-size: 26px;
  line-height: 1.2;
  display: block;
}

footer .newsletter .text span {
  font-size: 14px;
  display: block;
}

footer .newsletter .form-holder {
  max-width: 350px;
  width: 100%;
}

@media screen and (min-width: 768px) {
  footer .newsletter .form-holder {
    width: 50%;
    float: left;
    padding-left: 10px;
  }
}

footer .newsletter .form {
  display: flex;
  margin: 0;
  padding: 0;
  position: relative;
  max-width: 350px;
  width: 100%;
}

footer .newsletter .form .icon {
  position: absolute;
  top: 9px;
  left: 13px;
  color: #AEAEAE;
}

footer .newsletter .form input:not([type=button]) {
  border-radius: 3px 0 0 3px !important;
  border: none !important;
  width: calc(100% - 100px);
  padding-left: 35px !important;
}

footer .newsletter .form input:not([type=button]):focus, footer .newsletter .form input:not([type=button]):active, footer .newsletter .form input.nice-select.open:not([type=button]) {
  background: #FFF;
}

footer .newsletter .form .button {
  border-radius: 0 6px 6px 0;
  width: 100px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  margin: 0;
  text-align: center;
  background-color: #002c4f;
  border-color: #002c4f;
}

footer .newsletter .form a:hover {
  background-color: #1f1f1f;
  border-color: #1f1f1f;
}

.footer-main {
  padding: 60px 0 0 0;
  font-size: 14px;
}

.footer-main .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (min-width: 992px) {
  .footer-main .container {
    flex-wrap: nowrap;
  }
}

.footer-main h6, .footer-main .h5 {
  margin: 0 0 5px 0;
  font-size: 16px;
}

.footer-main h6 a, .footer-main .h5 a {
  color: #035da3;
  text-decoration: none !important;
}

.footer-main h6 a .icon, .footer-main .h5 a .icon {
  position: relative;
  left: 0;
  top: 1px;
  transition: all .1s;
}

.footer-main h6 a:hover .icon, .footer-main .h5 a:hover .icon {
  left: 2px;
}

.footer-main ul {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
}

.footer-main ul li {
  margin: 0;
  padding: 5px 0 0 0;
}

@media screen and (min-width: 992px) {
  .footer-main ul li {
    padding: 8px 0 0 0;
  }
}

.footer-main a {
    display: inline-block;
    color: #696969;
    text-decoration: none;
    line-height: 1;
}

.footer-main a:hover {
  color: #035da3;
  text-decoration:underline;
}

.footer-main .footer-nav {
  width: 50%;
}

.footer-main .footer-nav.contact {
  line-height: 1.8;
  width: 100%;
}

@media screen and (min-width: 600px) {
  .footer-main .footer-nav {
    width: 33.333%;
  }
  .footer-main .footer-nav.contact {
    width: 33.333%;
  }
}

@media screen and (min-width: 992px) {
  .footer-main .footer-nav {
    width: auto;
  }
  .footer-main .footer-nav.contact {
    width: auto;
  }
}

.footer-main .catalog {
  order: 1;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 992px) {
  .footer-main .catalog {
    order: inherit;
    width: auto;
    display: flex;
    flex-direction: column;
  }
}

.footer-main .catalog h6, .footer-main .catalog .h5 {
  width: 100%;
}

.footer-main .catalog ul {
  columns: auto 2;
  column-gap: 15px;
}

@media screen and (min-width: 600px) {
  .footer-main .catalog ul {
    order: inherit;
    /*width: 50%;*/
  }
}

@media screen and (min-width: 992px) {
  .footer-main .catalog ul {
    width: 100%;
    /*float: none;*/
  }
}

.footer-main .catalog .catalog-img {
  max-width: 520px;
  margin: 0 auto;
}

@media screen and (min-width: 600px) {
  .footer-main .catalog .catalog-img {
    order: 2;
    align-self: flex-end;
    /*width: 50%;*/
  }
}

@media screen and (min-width: 992px) {
  .footer-main .catalog .catalog-img {
    float: none;
    margin: 0;
    width: auto;
  }
}

.footer-main .catalog .catalog-img img {
    /*display: block;*/
    vertical-align: top;
}

.footer-contact {
  border-top: 1px solid #e2e4e3;
  padding: 30px 0;
}

.footer-contact:after {
  content: "";
  display: table;
  clear: both;
}

.footer-contact .contact {
  font-size: 14px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 20px;
}

.footer-contact .contact:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 1040px) {
    .footer-contact .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

  .footer-contact .contact {
    margin-bottom: 0;
    float: left;
    text-align: left;
  }
}

.footer-contact .contact li {
  display: block;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .footer-contact .contact li {
    border-right: 1px solid #e2e4e3;
    display: inline-block;
    padding: 0 12px;
    /*line-height: 32px;*/
  }
  .footer-contact .contact li:first-child {
    border-right: none;
    padding-left: 0;
    padding-right: 0;
  }
  .footer-contact .contact li:last-child {
    border-right: none;
    padding-right: 0;
  }
}

@media screen and (min-width: 1040px) {
  .footer-contact .contact li {
    float: left;
  }
}

.footer-contact .social {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  white-space: nowrap;
}

.footer-contact .social:after {
  content: "";
  display: table;
  clear: both;
}


.footer-contact .social li {
  display: inline-block;
  margin: 0 0 0 6px;
  padding: 0;
}

@media screen and (min-width: 1040px) {
  .footer-contact .social li {
    margin: 0 0 0 12px;
  }
}

.footer-contact .social li a {
  background: #035da3;
  border-radius: 6px;
  color: #FFF;
  display: block;
  height: 32px;
  width: 32px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
}

.footer-contact .social li a:hover {
  background: #1f1f1f;
}

.footer-contact .social li a:hover i, .footer-contact .social li a:hover svg {
  transform: scale(1.2);
}

.footer-btm {
  background: #f3f3f3;
  color: #848484;
  font-size: 11px;
  padding: 30px 0;
  padding-bottom: 66px; /* added so footer elements aren't covered by the ADA & chat widgets */ 
}

.footer-btm .container {
  display: flex;
  align-items: center;
  flex-direction: column;
}

@media screen and (min-width: 1040px) {
  .footer-btm .container {
    flex-direction: row;
    justify-content: space-between;
  }
}

.footer-btm .copyright {
  text-align: center;
  margin-bottom: 20px;
}

.footer-btm .copyright span {
    white-space:nowrap;
}

@media screen and (min-width: 1040px) {
  .footer-btm .copyright {
    margin-bottom: 0;
  }
}

.footer-btm .copyright a {
  color: #848484;
}

.footer-btm .copyright a:hover {
  color: #035da3;
}

.footer-btm .security {
    display: flex;
}

@media screen and (min-width: 1040px) {
    .footer-btm .security {
    }
}

.footer-btm .security a {
    display: inline-block;
    margin-right: 18px;
}

.footer-btm .security a:last-of-type {
    margin-right: 0;
}


.footer-btm .security a:hover {
    top: -1px;
}


.footer-btm .security img {
  max-height: 30px;
}


.checkout-footer {
  background: #2a2a2a;
  color: #777;
  font-size: 11px;
  padding: 20px 0;
}

.checkout-footer a {
  color: #777;
  text-decoration: none;
  display: inline-block;
}

.checkout-footer a:hover {
  color: #CCC;
}

.checkout-footer .separator {
  display: inline-block;
  padding: 0 5px;
}

.checkout-footer .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .checkout-footer .container {
    flex-wrap: nowrap;
  }
}

.checkout-footer .copyright {
  flex-grow: 1;
}

.hero {
    padding: 60px 0;
    background: #888;
    background-image: url("/images/heroes/chevelle.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 10;
}

.hero h1, .hero .h1, .hero p {
    display: block;
    color: #FFF;
}

.hero h1, .hero .h1 {
  font-size: 36px;
  font-weight: 400;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .hero h1, .hero .h1 {
    font-size: 40px;
  }
}

.hero a {
  color: #FFF;
  text-decoration: underline;
}

.hero a:hover {
    text-decoration: none;
}

.hero .container {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
}


.vehSelect .nav {
    margin: 0;
    padding: 0;
    height: 32px;
    font-size: 16px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: center;
    column-gap: 2px;
    list-style: none;
}

    .vehSelect .nav li {
        margin: 0;
        padding: 6px 15px;
        font-weight: bold;
        background: rgba(222, 222, 222, .67);
        border-radius: 4px 4px 0 0;
        box-shadow: rgba(0, 0, 0, 0.25) 0px -3px 3px inset;
        cursor: pointer;
        transition: all .2s;
    }

        .vehSelect .nav li:hover {
            background: rgba(255, 255, 255, .67);
        }


        .vehSelect .nav li.active {
            padding: 8px 15px;
            background: rgba(255, 255, 255, .67);
            color: #000;
            box-shadow: none;
        }



.vehSelect .form {
    position: relative; /*added to fix chrome bug related to animated-fill-mode from animate.css [rjb]*/
    z-index: 10;        /*added to fix chrome bug related to animated-fill-mode from animate.css [rjb]*/
    display: flex;
    justify-content: space-between;
    background: rgba(255, 255, 255, .67);
    padding: 10px;
    border-radius: 6px;
}

@media screen and (min-width: 768px) {
    .vehSelect .form {
        justify-content: center;
    }

    .vehSelect.fixed .form {
        display: inline-flex;
    }
}

.vehSelect .select-holder {
    position: relative;
    width: 33%;
    /*margin-bottom: 5px;*/
    margin-right: 5px;
    height: 50px;
    flex-grow: 1;
}

.vehSelect .select-holder:last-of-type {
    margin-right: 0;
}

.vehSelect .select-holder-make {
    width: 30%;
}

.vehSelect .select-holder-model {
    width: 30%;
}

.vehSelect .select-holder-year {
    width: 20%;
}



@media screen and (min-width: 768px) {
    .vehSelect .select-holder {
        margin-bottom: 0;
        margin-right: 5px;
        width: 220px;
        flex-grow: 0;
    }

    .vehSelect .nice-select {
        padding-left: 40px;
    }

    .vehSelect .nice-select:before {
          color: #2d2d2d;
          font-size: 13px;
          content: '1';
          border-right: 1px solid #999;
          height: 20px;
          width: 30px;
          text-align: center;
          display: block;
          position: absolute;
          left: 0;
          top: 15px;
          line-height: 20px;
    }

    .vehSelect .nice-select.vehModel:before {
        content: '2';
    }

    .vehSelect .nice-select.vehYear:before {
        content: '3';
    }
}

.vehSelect select {
  /*display: none;*/
  text-indent:31px;
}

.vehSelect select,
.vehSelect .nice-select {
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    color: #2d2d2d;
    border: none;
    border-radius: 3px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}


.vehSelect select:disabled,
.vehSelect .nice-select.disabled {
  opacity:.6;
}

.vehSelect .select-holder.loading select,
.vehSelect .select-holder.loading .nice-select {
    opacity: 1 !important;
}

/*.vehSelect select,
.vehSelect .nice-select {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0em;
    transition: background-size .6s;
    transition-delay: .6s;
}

    .vehSelect select.loading,
    .vehSelect .nice-select.loading {
        background-size: 2.2em;
        background-image: url(/Images/loaders/oval-2D2D2D.svg);
    }
*/

.vehSelect .nice-select.open {
  box-shadow: 0 0 0 3px #035da3;
}

.vehSelect .nice-select .list {
  margin-left: 0;
  padding: 0;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.vehSelect .nice-select .option {
  height: 30px;
  line-height: 30px;
  min-height: 30px;
}

.vehSelect .nice-select .option:first-child {
    background: #FFF !important;
    color: #999 !important;
    font-weight: 400 !important;
    font-size: 12px;
    line-height: 36px;
    cursor: default; /* does not work because of pointer-events set to none */
    pointer-events: none;
}

.vehSelect .nice-select .option:hover {
  color: #FFF;
  background: #035da3;
}

.vehSelect .nice-select .option.selected {
  color: #035da3;
}

.vehSelect .nice-select .option.selected:hover {
  color: #FFF;
  background: #035da3;
}

.vehSelect .button {
    margin-left: 5px;
    flex-grow: 1;
    background-color: #da2917;
    border-color: #da2917;
    padding: 0;
    width: 10%;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    font-size: 15px;
}

@media screen and (min-width: 768px) {
    .vehSelect .button {
        width: 50px;
        flex-grow: 0;
    }
}

.vehSelect .button:hover {
  background-color: #c32515;
  border-color: #c32515;  
}


#vehicleModal.fancybox-content > .container {
    padding: 0;
}


.stars {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 13px;
}

.stars .front-stars {
  color: #eaa600;
  position: absolute;
  overflow: hidden;
  font-family: opgi-icons;
  top: 0;
}

.stars .back-stars {
  display: flex;
  position: relative;
  color: #DDD;
  font-family: opgi-icons;
}

.stars .count {
    color: #2d2d2d;
    font-size: 15px;
    position: relative;
    margin-top: 2px;
    margin-left: 6px;
}


a.stars {
  text-decoration: none;
}

a.stars:hover {
  text-decoration: none;
}

a.stars:hover .count {
  color: #035da3;
  text-decoration: underline;
}


.stars[title~="0"] .front-stars {
  width: 0%;
}

.stars[title~="0.0"] .front-stars {
  width: 0%;
}

.stars[title~="0.1"] .front-stars {
  width: 6%;
}

.stars[title~="0.2"] .front-stars {
  width: 7%;
}

.stars[title~="0.3"] .front-stars {
  width: 8%;
}

.stars[title~="0.4"] .front-stars {
  width: 9%;
}

.stars[title~="0.5"] .front-stars {
  width: 10%;
}

.stars[title~="0.6"] .front-stars {
  width: 11%;
}

.stars[title~="0.7"] .front-stars {
  width: 12%;
}

.stars[title~="0.8"] .front-stars {
  width: 13%;
}

.stars[title~="0.9"] .front-stars {
  width: 14%;
}

.stars[title~="1.0"] .front-stars {
  width: 19%;
}

.stars[title~="1.1"] .front-stars {
  width: 26%;
}

.stars[title~="1.2"] .front-stars {
  width: 27%;
}

.stars[title~="1.3"] .front-stars {
  width: 28%;
}

.stars[title~="1.4"] .front-stars {
  width: 29%;
}

.stars[title~="1.5"] .front-stars {
  width: 30%;
}

.stars[title~="1.6"] .front-stars {
  width: 31%;
}

.stars[title~="1.7"] .front-stars {
  width: 32%;
}

.stars[title~="1.8"] .front-stars {
  width: 33%;
}

.stars[title~="1.9"] .front-stars {
  width: 34%;
}

.stars[title~="2.0"] .front-stars {
  width: 40%;
}

.stars[title~="2.1"] .front-stars {
  width: 46%;
}

.stars[title~="2.2"] .front-stars {
  width: 47%;
}

.stars[title~="2.3"] .front-stars {
  width: 48%;
}

.stars[title~="2.4"] .front-stars {
  width: 49%;
}

.stars[title~="2.5"] .front-stars {
  width: 50%;
}

.stars[title~="2.6"] .front-stars {
  width: 51%;
}

.stars[title~="2.7"] .front-stars {
  width: 52%;
}

.stars[title~="2.8"] .front-stars {
  width: 53%;
}

.stars[title~="2.9"] .front-stars {
  width: 54%;
}

.stars[title~="3.0"] .front-stars {
  width: 60%;
}

.stars[title~="3.1"] .front-stars {
  width: 66%;
}

.stars[title~="3.2"] .front-stars {
  width: 67%;
}

.stars[title~="3.3"] .front-stars {
  width: 68%;
}

.stars[title~="3.4"] .front-stars {
  width: 69%;
}

.stars[title~="3.5"] .front-stars {
  width: 70%;
}

.stars[title~="3.6"] .front-stars {
  width: 71%;
}

.stars[title~="3.7"] .front-stars {
  width: 72%;
}

.stars[title~="3.8"] .front-stars {
  width: 73%;
}

.stars[title~="3.9"] .front-stars {
  width: 74%;
}

.stars[title~="4.0"] .front-stars {
  width: 80%;
}

.stars[title~="4.1"] .front-stars {
  width: 86%;
}

.stars[title~="4.2"] .front-stars {
  width: 87%;
}

.stars[title~="4.3"] .front-stars {
  width: 88%;
}

.stars[title~="4.4"] .front-stars {
  width: 89%;
}

.stars[title~="4.5"] .front-stars {
  width: 90%;
}

.stars[title~="4.6"] .front-stars {
  width: 91%;
}

.stars[title~="4.7"] .front-stars {
  width: 92%;
}

.stars[title~="4.8"] .front-stars {
  width: 93%;
}

.stars[title~="4.9"] .front-stars {
  width: 94%;
}

.stars[title~="5.0"] .front-stars {
  width: 100%;
}

.pagination {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  border-radius: 6px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 44px;
    margin-left: 5px;
    margin-bottom: 5px;
    line-height: 44px;
    color: #035da3;
    text-decoration: none;
    background-color: #FFF;
    border: 1px solid #eaebeb;
    border-radius: 6px;
    font-weight: 400;
}

.pagination > li > a.current 
{
   background-color: #025DA3;
   color: #fff;
   /*cursor: none;*/
}

.pagination > li > a.current:hover
{
   background-color: #025DA3;
   color: #fff;
}

.pagination > li > a i,
.pagination > li > span i {
  position: relative;
  top: 1px;
}

.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #034f8a;
  background-color: #e9ecef;
  border-color: #034f8a;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-radius: 6px 0 0 6px;
  font-size: 160%
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-radius: 0 6px 6px 0;
    font-size: 160%
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #FFF;
  cursor: default;
  background-color: #035da3;
  border-color: #035da3;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #6c757d;
  cursor: default;
  background-color: #FFF;
  border-color: #eaebeb;
}


.pagination-text {
    font-size: 14px;
}

.hero.vehicle-selector {
    padding: 30px 0;
}

#vehicle-select-wrap {
    width: 100%;
}

#vehicleModal p,
#vehicle-select-wrap p {
    margin: 0 0 15px; /* hardcoded to 15 pixels to stop shifting with "sticky" waypoint functionality */
}


@media screen and (min-width: 768px) {
    #vehicle-select-wrap {
        width: auto;
        height: 192px; /* hardcoded to stop shifting with "sticky" waypoint functionality */
    }

    .vehSelect {
        background: rgba(0,0,0,0.0);
        transition: background .4s;
    }

    .vehSelect.fixed {
          position: fixed;
          background: rgba(0,0,0,0.8);
          left: 0;
          right: 0;
          top: 0;
          z-index: 99;
          padding: 5px 0;
    }
}



#vehicleModal {
    position: relative;
    top: -223px;
    width: 100%;
    max-width: 100%;
    background: transparent;
    padding: 0;
    overflow: visible;
    box-shadow: none;
}

    #vehicleModal .vehSelect {
        padding: 10px;
        margin-top: -10px;
        background-color: rgba(0, 0, 0, 0.67);
        border-radius: 10px;
    }


#vehicleModal .container {
    display: flex;
    align-items: center;
    text-align: center;
}

#vehicleModal .h1 {
    color: #FFF;
    text-align: center;
    margin: 0;
    font-weight: 400;
    font-size: 36px;
}

    #vehicleModal p {
        color: #fff;
    }

#vehicleModal a {
    color: #fff;
    text-decoration: underline;
}

#vehicleModal .fancybox-close-small {
    color: #fff;
    padding: 0;
    top: 73px;
    right: 0;
    width: 40px;
    height: 40px;
    background-color: transparent;
}


@media screen and (min-width: 768px) {
    #vehicleModal {
        width: auto;
    }

    #vehicleModal .h1 {
        font-size: 40px;
    }
}



#catalogModal .form-group {
  display: block;
  margin-bottom: 5px;
}

#catalogModal .light-gray-bg .nice-select {
  background: #FFF;
}

#catalogModal .disclaimer {
  font-size: 12px;
  color: #999;
}

section {
  /*padding: 60px 0;*/
  padding: 40px 0;
  padding: 30px 0;
}

section.filtered-products,
section.cat-child {
  padding: 10px 0;
}

section.p-sm {
  padding: 20px 0;
}

section.white-bg {
  background: #FFF;
}

section.light-gray-bg {
  background: #f3f3f3;
}

section.blue-bg {
  background: #035da3;
  color: #FFF;
}

section.product-top {
    padding-top: 10px;
}

section .section-header {
  margin: 0 0 15px 0;
  width: 100%;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
}

section .section-header h1, section .section-header .h1 {
  margin: 0 0 5px 0;
  padding: 0;
  flex-grow: 1;
  width: 100%;
}

@media screen and (min-width: 992px) {
    section .section-header h1, section .section-header .h1 {
        width: auto;
    }
}

section .section-header h1 span, section .section-header .h1 span {
  font-weight: normal;
  display: inline-block;
}


section .section-header h3, section .section-header .h3 {
  font-size: 26px;
  margin: 0;
  padding: 0;
  flex-grow: 1;
}




section .section-header h3 span, section .section-header .h3 span,
section .section-header h4 span, section .section-header .h4 span {
  font-weight: normal;
  display: inline-block;
}

section .section-header img {
    height: 0.9em;
}

section .section-header .subtitle {
  font-size: 14px;
}

section .section-header .heading-model-year-fitment {
    font-size: 75%;
}

section .section-header .item-count {
    font-size: 50%;
    opacity: .67;
}

section .section-header a {
  font-size: 14px;
  font-weight: 400;
  text-decoration: none !important;
}

section .section-header a .icon {
  position: relative;
  left: 0;
  top: 1px;
  transition: all .1s;
}

section .section-header a:hover .icon {
  left: 2px;
}

/*@media screen and (min-width: 992px) {
    section .section-header h1 {
        width: 62%
    }
}*/

section .section-body {
  padding: 20px;
  margin: 0 0 15px 0;
  background: #fff;
}

@media screen and (min-width: 576px) {
    section .section-body {
      padding: 40px;
    }
}


section .section-body.width-half {
  padding: 40px 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  section .section-body.width-half {
    flex-direction: row;
    padding: 40px 20px;
  }
}

section .section-body.width-half div {
  margin: 10px 0;
  padding: 0;
  position: relative;
  width: 100%;
}

@media screen and (min-width: 768px) {
  section .section-body.width-half div {
    margin: 0 30px;
    width: 50%;
  }
}

.category-info-text {
    max-height: 6.5em;
    overflow-x: auto;
    overflow-y: hidden;

    column-width: 100vw;
    column-gap: 30px;
    column-fill: auto;

    -webkit-overflow-scrolling: touch;
}

.category-info-text {
    max-height: 6.5em;
    overflow-x: auto;
    overflow-y: hidden;

    column-width: 100vw;
    column-gap: 30px;
    column-fill: auto;

    -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 768px) {
    .category-info-text {
        max-height: none;
    }
}


.promo-banners .promo-title {
  color: #FFF;
  font-size: 26px;
  margin: 0;
  padding: 0;
}

.promo-banners .promo-desc {
  line-height: 1.4;
  margin: 20px 0;
}

.promo-banners .button {
    position: absolute;
    bottom: 20px;
    margin: 0;
    font-size: 12px;
    letter-spacing: .05em;
    text-shadow: none;
    z-index: 1;
}

.promo-banners.promo-banners-vehicles .promo-content {
    margin-top: 0;
    position: absolute;
    top: 5px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5), 0 0 10px rgba(0,0,0,1.0);
    text-transform: uppercase;
    font-size: 26px;
    font-family: "nexa-rust-sans-black-2", sans-serif;
    font-weight: 900;
    font-style: normal;
    white-space: nowrap;
}

.promo-banners.promo-banners-vehicles .button {
    bottom: 10px;
    background-color: rgba(0, 0, 0, .67);
    border-color: transparent;
}

.promo-banners.promo-banners-vehicles a:hover .button {
    background-color: rgba(0, 143, 255, 0.67);
}


.promo-banners .promo-bg {
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all .4s;
  opacity: 1;
  z-index: 0;
}

.promo-banners .promo-content {
    margin-top: -20px;
    position: relative;
    width: 100%;
    z-index: 2;
}

.promo-banners ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: -5px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .promo-banners ul {
    flex-direction: row;
  }
}

.promo-banners ul li {
  margin: 5px 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  text-align: center;
  border-radius: 8px;
  overflow: hidden;
  max-width: 400px;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .promo-banners ul li {
    margin: 0;
    padding: 5px;
    width: 33.333%;
  }
}

.promo-banners.promo-banners-col-4 ul {
    flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
    .promo-banners.promo-banners-col-4 ul li {
        width: 25%;
    }
}

.promo-banners ul li a {
  background: rgba(0,0,0,0.1);
  color: #FFF;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  height: 230px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  text-shadow: 0px 1px 1px #000;
  box-shadow: inset 1px 1px 20px rgba(0,0,0,0.2);
}

.promo-banners ul li a:hover {
    background: rgba(0,0,0,1);
}

.promo-banners ul li a:hover .promo-bg {
  transform: scale(1.1);
  opacity: .8;
}

.home-affirm {
  font-size: 16px;
  text-align: center;
}

.home-affirm img {
  height: 20px;
  margin-right: 10px;
  position: relative;
  top: 1px;
}


#car-model-tabs .nav {
    margin: 0;
}

/*    #car-model-tabs .nav ul li {
        position: relative;
        bottom: -3px;
        margin: 0;
        padding: 5px 15px 5px 15px;
        cursor: pointer;
    }

        #car-model-tabs .nav ul li.active {
            bottom: 0px;
            box-shadow: inset 0 -3px #035da3;
            opacity: 1;
        }

        #car-model-tabs .nav ul li:hover {
            bottom: 0px;
            box-shadow: inset 0 -3px #0071ca;
        }
*/
#car-model-tabs .category-items {
}

    #car-model-tabs .category-items ul {
        display: none;
        grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
        gap: 10px;
        margin: 0;
        padding: 0;
        padding: 20px 0;
    }

        #car-model-tabs .category-items ul.active {
            display: grid;
        }


#car-model-tabs ul li {
    list-style: none;
}

#car-model-tabs a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    padding: 8px 10px;
    background: #fff;
    border-radius: 6px;
    font-size: 12px;
    color: #2d2d2d;
    text-decoration: none;
}

    #car-model-tabs a:hover {
        top: -1px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }

#car-model-tabs .image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 44px;
    margin-right: 10px;
    overflow: hidden;
    mix-blend-mode: multiply;
}

#car-model-tabs .title {
    padding-top: 3px;
    display: flex;
    flex-direction: column;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    white-space: nowrap;
}

    #car-model-tabs .title span {
        font-weight: normal
    }


/*
    #website-impersonation-warning {
    border-radius: 4px;
    background: url('/Images/heroes/bg-cyber-security.jpg') center #002958;
    background-position: -666px center;
    background-size: 1180px;
    padding: 15px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 1.1;
    text-shadow: 0px 1px 0px #002958, 0 0 5px #002958;
}

@media (min-width: 992px) {
    #website-impersonation-warning {
        background-position: -450px center;
    }
}


    #website-impersonation-warning p {
        margin: 0 0 6px;
    }

    #website-impersonation-warning p:last-child {
        margin-bottom: 0;
    }


    #website-impersonation-warning a {
        color: #fff !important;
    }


        #website-impersonation-warning p.heading {
            font-size: 20px;
            font-weight: 900;
            text-transform: uppercase;
            line-height: 1;
            display: inline-flex;
            gap: 6px;
        }
*/


#affirm-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    min-height: 60px;
    padding: 0 10px;
    background-color: #fff;
    border-radius: 8px;
    font-size: 22px;
    font-weight: 200;
    white-space: nowrap;
    cursor: default !important;
    overflow: hidden;
}

#affirm-container::after {
    display: none;
    content: '';
    position: absolute;
    top: -150px;
    right: -580px;
    height: 1000px;
    width: 1000px;
    border: 40px solid #5252f5;
    border-radius: 1000px;
    opacity: 0.1;
}

#affirm-container .logo {
    flex-shrink: 0;
    text-align: center;
}

#affirm-container img {
    height: 35px;
    vertical-align: text-bottom;
}

#affirm-container .text span {
    margin-left: 0.5em;
    color: #5252f5;
}

#affirm-container a {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding: 0px 20px;
    height: 40px;
    line-height: 40px;
    background-color: #5252f5;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 10em;
    white-space: nowrap;
    z-index: 1;
}

#affirm-container a:hover {
    background-color: #6666ff;
}


#affirm-container .link {
    display: none;
}

#affirm-container .text span {
    display: none;
}

@media screen and (min-width: 768px) {

    #affirm-container::after {
        display: block;
    }

    #affirm-container img {
        padding: 0 40px;
    }

    #affirm-container .link {
        display: inline;
    }

}

@media screen and (min-width: 992px) {
    #affirm-container {
        justify-content: flex-start;
    }

    #affirm-container .text {
        width: 70%;
    }

    #affirm-container .text span {
        display: inline;
    }
}


.promo-banners.help-returns ul li a {
  text-shadow: none;
  font-size: 16px;
}

@media screen and (min-width: 992px) {
    .promo-banners.help-returns ul li a {
        padding: 10px 40px 0;
    }
}

.promo-banners.help-returns .promo-icon {
    height: 60px;
    margin-bottom: 20px;
}

.promo-banners.help-returns .promo-desc {
    margin: 10px 0;
}

section.help h3 {
    margin-bottom: 0.5em;
}

section.help h4 {
    margin-bottom: 0em;
}

.shop-brand .brand-slider {
  margin: 0 25px;
  padding: 0;
  position: relative;
  list-style: none;
  white-space: nowrap;
  overflow: hidden; /*help with FOUC*/
  min-height: 70px;
}

.shop-brand .brand-slider .slick-slide div {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    height: 70px;
    margin: 0 20px;
    text-align: center;
}

.shop-brand .brand-slider li.brand {
    display:inline-block;
    margin: 0px;
    padding: 0;
    max-height: 70px;
}

.shop-brand .brand-slider li.brand a {
  display: inline-block;
}

.shop-brand .brand-slider li.brand img {
  max-height: 70px;
  opacity: 0;
}

.shop-brand .brand-slider .slick-slide li.brand img {
    opacity: 1;
}


.home-reviews .reviews-slider {
  margin: 0;
  padding: 0;
}

.home-reviews .review {
  padding: 40px;
  margin: 0;
  display: flex !important;
  flex-direction: column;
}

@media screen and (min-width: 768px) {
  .home-reviews .review {
    flex-direction: row;
    margin-bottom: 0;
  }
}

.home-reviews .review-details {
  min-width: 280px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .home-reviews .review-details {
    margin-bottom: 0;
  }
}

.home-reviews .user-info {
  display: flex;
  font-size: 13px;
}

.home-reviews .user-info .avatar {
  width: 45px;
  border-radius: 100%;
  float: left;
  margin-right: 15px;
  position: relative;
}

.home-reviews .user-info .avatar img {
  border-radius: 100%;
  height: 45px;
  width: 45px;
}

.home-reviews .user-info .avatar .verified {
  position: absolute;
  top: 36px;
  left: 50%;
  margin-left: -8px;
  background: #1ac286;
  color: #FFF;
  font-size: 12px;
  height: 16px;
  line-height: 18px;
  width: 16px;
  overflow: hidden;
  text-align: center;
  border-radius: 100%;
}

.home-reviews .name {
  font-weight: bold;
  color: #035da3;
}

.home-reviews .name .verified {
  color: #C8C8C8;
  font-weight: normal;
}

.home-reviews .date {
  color: #C8C8C8;
}

.home-reviews .stars {
  margin-top: 2px;
  justify-content: flex-start;
}

.home-reviews .review-helpful {
  font-size: 14px;
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .home-reviews .review-helpful {
    margin-top: 0;
    position: absolute;
    bottom: 40px;
    left: 40px;
  }
}

.home-reviews .review-helpful a {
  text-decoration: none;
  display: inline-block;
  margin-left: 10px;
}

.home-reviews .review-helpful a .icon {
  color: #999999;
}

.home-reviews .review-helpful a:hover .icon {
  color: #035da3;
}

.home-reviews .review-helpful a .icon-thumbsdown {
  position: relative;
  top: 2px;
}

.home-reviews .review-content p:last-child {
  margin-bottom: 0;
}

.home-about {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

.home-about .media-holder {
  background: #f3f3f3;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

@media screen and (min-width: 900px) {
  .home-about .media-holder {
    padding-bottom: 0;
    width: 50%;
  }
}

.home-about .media-holder .media-item {
  background: #f3f3f3 center center no-repeat;
  background-size: cover;
  width: 50%;
  height: 50%;
  position: relative;
  padding-bottom: 30%;
}

@media screen and (min-width: 900px) {
  .home-about .media-holder .media-item {
    padding-bottom: 0;
  }
}

.home-about .media-holder .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #FFF;
  padding: 40px 10px 10px;
  font-size: 12px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
  font-weight: 400;
}

.home-about .content-holder {
  display: flex;
  justify-content: flex-end;
  padding: 30px;
  order: 2;
}

@media screen and (min-width: 900px) {
  .home-about .content-holder {
    padding: 60px 60px 60px 30px;
    width: 50%;
    order: inherit;
  }
}

@media screen and (min-width: 900px) {
  .home-about .content-holder .content {
    max-width: 520px;
  }
}

.home-awards {
  display: flex;
  padding: 0;
  flex-direction: column;
}

@media screen and (min-width: 900px) {
  .home-awards {
    flex-wrap: wrap;
    flex-direction: row;
  }
}

.home-awards .media-holder {
  background: #f3f3f3 url(/images/sema-awards.jpg) center center no-repeat;
  background-size: cover;
  padding-bottom: 70%;
}

@media screen and (min-width: 900px) {
  .home-awards .media-holder {
    padding-bottom: 0;
    width: 50%;
  }
}

.home-awards .content-holder {
  padding: 30px;
  display: flex;
  justify-content: flex-start;
}

@media screen and (min-width: 900px) {
  .home-awards .content-holder {
    padding: 60px 30px 60px 60px;
    width: 50%;
  }
}

@media screen and (min-width: 900px) {
  .home-awards .content-holder .content {
    max-width: 520px;
  }
}

.category-tabs .container {
  position: relative;
}

.category-tabs .nav {
  margin: 0 0 30px 0;
  padding: 0;
  position: relative;
}

.category-tabs .nav ul {
  box-shadow: inset 0 -1px #e2e3e3;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow: hidden;
  overflow-x: auto;
  overflow-y: hidden;
  height: 100%;
}

.category-tabs .nav ul::-webkit-scrollbar {
  display: none;
}

    .category-tabs .nav ul li {
        list-style: none;
        margin: 0;
        padding: 0 15px 10px 15px;
        white-space: nowrap;
        flex-grow: 1;
        text-align: center;
        height: 100%;
        cursor: pointer;
        transition: all .3s;
        user-select: none;
    }

.category-tabs .nav ul li:hover {
      color: #2d2d2d;
      text-shadow: -0.05ex 0 #2d2d2d, 0.05ex 0 #2d2d2d;
      box-shadow: inset 0 -3px #0071ca;
}

.category-tabs .nav ul li.active {
      color: #2d2d2d;
      text-shadow: -0.06ex 0 #2d2d2d, 0.06ex 0 #2d2d2d;
      box-shadow: inset 0 -3px #035da3;
}

.category-tabs ul {
  display: none;
}

.category-tabs ul.active {
  display: flex;
}

.home-social .icon-instagram {
  font-size: 16px;
  line-height: 1;
  position: relative;
  top: 3px;
  margin-right: 5px;
}

.home-social ul.insta-slider {
  display: flex !important;
  margin: 0 -4px;
  padding: 0;
}

.home-social ul.insta-slider .slick-slide {
  padding: 0 4px;
}

.home-social ul.insta-slider li {
  margin: 0;
  padding: 0;
}

.home-social ul.insta-slider a {
  color: #858585;
  display: block;
  text-decoration: none;
}

.home-social ul.insta-slider a:hover {
  color: #035da3;
}

.home-social ul.insta-slider .image {
  padding-top: 100%;
  background: #1f1f1f center center no-repeat;
  background-size: cover;
}

.home-social ul.insta-slider .desc {
  background: #FFF;
  font-size: 12px;
  text-align: center;
  padding: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.feature-bar {
  background: #035da3;
  padding: 30px 0 40px 0;
}

.feature-bar.alt {
  background: #FFF;
}

.feature-bar.alt2 {
  background: #f7fafc;
}


.feature-bar.alt .icon-holder {
  color: #035da3;
}

.feature-bar.alt .title {
  color: #2d2d2d;
}

.feature-bar.alt .desc {
  color: #2d2d2d;
}

.feature-bar.alt a:hover .icon-holder {
  color: #035da3;
}

.feature-bar.alt a:hover .title {
  color: #035da3;
}

.feature-bar a {
  color: #FFF;
  display: block;
  text-decoration: none;
}

.feature-bar a:hover .icon-angle-right {
  left: 3px;
}

.feature-bar a:hover .icon-holder {
  color: white;
}

.feature-bar a:hover .promo-desc {
  color: white;
}

.feature-bar .icon-angle-right {
  position: relative;
  top: 2px;
  left: 0;
  transition: all .1s;
}

.feature-bar .icon-holder {
  color: rgba(255, 255, 255, 0.75);
  transition: all .2s;
  height: 53px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
}

.feature-bar .icon-holder i {
  height: 100%;
  font-size: 50px;
  position: relative;
}

.feature-bar .icon-holder .icon-free-shipping {
  font-size: 54px;
}

.feature-bar .icon-holder .icon-clearance {
  font-size: 46px;
}

.feature-bar .icon-holder .icon-points {
  font-size: 40px;
  top: 5px;
}

.feature-bar .icon-holder .icon-gaurantee {
  font-size: 40px;
  top: 5px;
}

.feature-bar .title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 3px;
}

.feature-bar .desc {
  font-size: 12px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.75);
  transition: all .2s;
  max-width: 300px;
  margin: 0 auto;
}

.feature-bar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.feature-bar ul:after {
  content: "";
  display: table;
  clear: both;
}

.feature-bar ul li {
  margin: 0 0 30px 0;
  padding: 0 15px;
  text-align: center;
  width: 100%;
}

.feature-bar ul li:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .feature-bar ul li {
    /*width: 50%;*/
    width: 33.33%;
  }
}

@media screen and (min-width: 992px) {
  .feature-bar ul li {
    margin-bottom: 0;
    /*width: 25%;*/
    width: 33.33%;
  }
}

.feature-bar ul li.feature-bar-clearance,
#ctl00_aClearance {
    display: none;
}


.tiles {
  margin: 0 -5px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.tiles.slider {
    opacity:0;
    margin-bottom: 0;
    transition: opacity .5s ease-in-out .2s;
}

.tiles.slider.slick-initialized {
    opacity:1;
}

.tiles.slider.slick-initialized .slick-slide {
  display: flex !important;
}

.tiles.slider .slick-track {
  display: flex !important;
}

.tiles.slider .slick-slide {
  height: auto;
}

.tiles.slider .slick-slide > div {
  display: flex !important;
  width: 100%;
}

.tiles.slider .slick-slide li.tile {
  display: flex !important;
}

.tiles li {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    width: 50%;
    padding: 0 5px 10px;
}

@media screen and (min-width: 576px) {
  .tiles > li {
    width: 33.33%;
  }
}

@media screen and (min-width: 768px) {
  .tiles > li {
    width: 25%;
  }
}

@media screen and (min-width: 992px) {
  .tiles > li {
    width: 20%;
  }
}

.tiles li a {
    position: relative;
    display: block;
    text-decoration: none;
    background: #FFF;
    /*border-radius: 3px;*/
    position: relative;
    overflow: hidden;
    height: 100%;
}

.tiles li a:hover {
    top: -1px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.tiles li a:hover .title {
  text-decoration: underline;
}

.tiles    .part-banner,
.cart-kit .part-banner {
    background: #1a3861;
    display: block;
    font-size: 10px;
    font-weight: 900;
    color: #FFF;
    letter-spacing: .1em;
    transform: rotate(-45deg);
    height: 22px;
    line-height: 24px;
    width: 120px;
    text-align: center;
    position: absolute;
    top: 3px;
    left: -46px;
    cursor: default;
    z-index: 1;
}

.tiles    .sale-part,
.cart-kit .sale-part {
    background: #d92400;
}

.tiles    .kit-part,
.cart-kit .kit-part {
    background: #e54d00;
}

.tiles    .rebate-part,
.cart-kit .rebate-part {
    background: #28a745;
    top: 10px;
    left: -36px;
}

.tiles    .rebate-part.has-sale-part,
.cart-kit .rebate-part.has-sale-part {
    top: 21px;
    left: -29px;
}

.tiles .part-banner.new-part {
    right: -44px;
    left: auto;
    transform: rotate(45deg);
}


.tiles .image {
  padding: 15px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

@media screen and (min-width: 576px) {
  .tiles .image {
    height: 180px;
  }
}

.tiles .image img {
    max-height: 100%;
    transition: opacity .7s;
}

.tiles li a div.image {
    position: relative;
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: 70% auto !important;
}


.tiles .content {
  padding: 0 15px 15px;
}

.tiles .content .title {
  padding: 0;
  height: 52px;
  overflow: hidden;
}



.tiles .title {
  color: #2d2d2d;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 5px;
  padding: 0 15px 5px;
}

.tiles .title span.brand {
  display: block;
  font-weight: 700;
  opacity: .67;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tiles .tiles-dimension-options {
    font-size: 12px;
    color: #a7a7a7;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.tiles .stars {
  margin-bottom: 5px;
  justify-content: center;
  font-size: 15px;
}

.tiles .price {
    position: relative;
    display: inline-block;
    color: #2d2d2d !important;
    font-size: 19px;
    font-weight: 900;
    line-height: 1;
}

.tiles .price span {
}

.tiles .original-price {
}

.tiles .original-price::after {
    border-top: 2px solid rgba(217, 36, 0, .8);
    position: absolute;
    content: "";
    right: -3px;
    top: 45%;
    left: 5px;
    transform: rotate(-9deg);
}


.tiles .price-sale {
    line-height: 1.1;
}

.tiles .sale-price-text,
.price-details .sale-price-text {
    display: block;
    color: #d92413;
    font-weight: 900;    
}

.tiles .kit-price-text,
.price-details .kit-price-text {
    display: block;
    color: #e54d00;
    font-weight: 900;    
}

.price-details .sale-price-text {
    font-size: 16px;
}

.tiles .sale-price-promo-text,
.price-details .sale-price-promo-text {
    display: block;
    color: #545454;
    font-size: 12px;
    font-weight: 400;
}

.tiles .sale-price-promo-text > b,
.price-details .sale-price-promo-text > b {
    font-weight: 900;
    font-style: italic;
}


.tiles.sm > li {
  width: 33.333%;
  padding: 0 5px 10px;
}

@media screen and (min-width: 576px) {
  .tiles.sm > li {
    width: 25%;
  }
}

@media screen and (min-width: 768px) {
  .tiles.sm > li {
    width: 20%;
  }
}

@media screen and (min-width: 992px) {
  .tiles.sm > li {
    /*width: 16.666%;*/
    width: 14.25%;
  }
}


.tiles.sm .image {
    height: 100px;
}

.tiles.sm .content .title {
  height: 48px;
}


.tiles.sm .title {
  font-size: 13px;
}

.tiles.sm .title span.brand {
}


.tiles.sm .stars {
}

.tiles.sm .original-price {
  font-size: 14px;
}

.tiles.sm .original-price-v2 {
  font-size: 16px;
}

.tiles.sm .sale-price-text 
{
  font-size: 12px;
}

.tiles.sm .price {
  font-size: 16px;
}





.tiles.xsm > li {
  width: 25%;
  padding: 0 5px 10px;
}

@media screen and (min-width: 576px) {
  .tiles.xsm > li {
    width: 20%;
  }
}

@media screen and (min-width: 768px) {
  .tiles.xsm > li {
    width: 14.25%;
  }
}

@media screen and (min-width: 992px) {
  .tiles.xsm > li {
    width: 11.111%;
  }
}


.tiles.xsm .image {
    height: 100px;
}

.tiles.xsm .content .title {
  height: 46px;
}


.tiles.xsm .title {
  font-size: 11px;
}

.tiles.xsm .title span.brand {
}


.tiles.xsm .stars {
}

.tiles.xsm .original-price {
  font-size: 12px;
}

.tiles.xsm .original-price-v2 {
  font-size: 14px;
}

.tiles.xsm .sale-price-text 
{
  font-size: 11px;
}

.tiles.xsm .price {
  font-size: 14px;
}



@media screen and (min-width: 992px) {
    .categories.tiles.sm > li {
    width: 11.111%;
  }
}


.categories.tiles li a {
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    overflow: visible;
}

.categories.tiles li a:hover {
    box-shadow: none;
    /*top: auto;*/
}

.categories.tiles li a div.image {
    padding: 10px;
    width: 110px;
    height: 110px;
    background-color: #fff;
    border-radius: 50%;
    /*border: 2px solid transparent;*/
    transition: all .3s;
}

.categories.tiles li a:hover .image {
    /*border: 2px solid #0071ca;*/
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.categories.tiles li a .image img {
}

.categories.tiles li a .title {
    margin-top: 5px;
    padding: 0 10px 5px;
}

.categories.tiles li a:hover .title {
    color: #0071ca;
    text-decoration: none;
}



.tiles.newsletter li {
    width: 50%;
}

.tiles.newsletter .image {
    height: 180px;
    overflow: hidden;
    padding: 0;
    margin: 15px;
}

.tiles.newsletter .image img {
    max-width: unset;
}



@media screen and (min-width: 576px) {
    .tiles.newsletter li {
        width: 50%;
    }
}

@media screen and (min-width: 768px) {
    .tiles.newsletter li {
        width: 50%;
    }
}

@media screen and (min-width: 992px) {
    .tiles.newsletter li {
        width: 33.33%;
    }
}



.tiles.newsletter .content .title {
    padding: 0;
    height: 112px;
    overflow: hidden;
    line-height: 1.5;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tiles.newsletter .title b {
    font-size: 16px;
}

.tiles.how-tos .content .title {
    height: 40px;
}




.product-gallery {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-bottom: 0;
  /*height:580px;*/  /*try this later*/ 
}

@media screen and (min-width: 992px) {
  .product-gallery {
    flex-direction: row;
    margin-bottom: 30px;
  }
}

.product-gallery #thumbnails {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  order: 2;
  z-index: 1;
}

@media screen and (min-width: 992px) {
  .product-gallery #thumbnails {
    order: 1;
    flex-direction: column;
    /*width: 70px;*/
  }
}

.product-gallery #thumbnails li {
    cursor: pointer;
    margin: 0 6px 12px;
    padding: 0;
    list-style: none;
    max-width: 60px;
    position: relative;
}

@media screen and (min-width: 992px) {
    .product-gallery #thumbnails li.videoThumb {
        margin-bottom: 22px;
    }
}

.product-gallery #thumbnails li:not(.brand-logo) a {
    display:none;
}

@media screen and (min-width: 992px) {
    .product-gallery #thumbnails li:hover {
        /*outline: 1px solid #b3b3b3;*/
    }
}

#thumbnails .videoThumb {
    background: #000;
    height: 39px;
}


#thumbnails .videoThumb img {
    display: block;
    opacity: 0.666;
    transition: opacity .3s;
}

#thumbnails .videoThumb:hover img {
    opacity: 0.9;
}


.product-gallery .image {
  width:100%;
  margin: 0 0 15px 0;
  order: 1;
  overflow: hidden;
  position: relative;
}

@media screen and (min-width: 992px) {
  .product-gallery .image {
    align-self: center;
    margin: 0 0 0 20px;
    order: 2;
  }
}

.product-gallery .image a {
    cursor: zoom-in;
    display: flex;
    justify-content: center;
    text-align:center;
    filter: contrast(1.02); /* removes very light gray background on some part photos. remove once all old photos have been corrected */
}

.product-gallery .image a.item-multi-photos {
    height: calc(90vw - 30px);
}

@media screen and (min-width: 768px) {
  .product-gallery .image a {
    height: 450px;
  }

  .product-gallery .image a.item-multi-photos {
    height: 450px;
  }
}

.product-gallery img {
    /*object-fit: contain;*/
    object-fit: scale-down;
}

#ItemImageLink::after,
#thumbnails .videoThumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-image: url(/images/buttons/video-play.svg);
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity .3s
}

#ItemImageLink.video::after,
#thumbnails .videoThumb::after {
    opacity: .75;
}


#ItemImageLink.video:hover::after,
#thumbnails .videoThumb:hover::after {
    opacity: 1;
}

#thumbnails .videoThumb::after {
    background-size: 30px;
}

#photoInfo {
    display: none;
    padding: 0 .5em;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    line-height: 2em;
    position: absolute;
    bottom: 0;
    left: 40%;
    cursor: help;
    z-index: 1;
}


/*#thumbnails .videoThumb a::after
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    background-color: #000;
    opacity: .33;
    transition: opacity .3s;
}*/


#thumbnails li.videoThumb b {
    position: absolute;
    width: 100%;
    font-size: 10px;
    text-align: center;
    bottom: -15px;
}


@media screen and (min-width: 992px) {
  .product-gallery #thumbnails li {
    margin: 0 0 12px 0;
  }
}

.product-gallery #thumbnails li a img {
  display: block;
}

#product-brand-logo-wrapper {
    position: absolute;
    bottom: -20px;
    right: 15px; /*matches parent padding*/
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
}

@media screen and (min-width: 440px) {
    #product-brand-logo-wrapper {
        top: 0;
        bottom: auto;
        right: 0px;
    }
}

        #product-brand-logo-wrapper a {
            display: flex;
            background: rgba(255, 255, 255, .75);
            border-radius: 4px;
            margin: -6px -8px;
            padding: 6px 8px;
        }

            #product-brand-logo-wrapper a:hover {
                background: rgba(240, 240, 240, 1);
            }


        #product-brand-logo-wrapper img {
            max-height: 40px;
            max-width: 100px;
            object-fit: scale-down;
        }

        #product-brand-logo-wrapper a.brandLogo_restoparts img {
            max-height: 50px;
        }


    /*.fancybox-gallery .fancybox-bg {
  background: #FFF;
}

.fancybox-gallery.fancybox-is-open .fancybox-bg {
  opacity: 1;
}

.fancybox-gallery.fancybox-is-closing .fancybox-outer {
  opacity: 0;
}

.fancybox-gallery .fancybox-caption {
  background: transparent;
  color: #444;
}

.fancybox-gallery .fancybox-thumbs {
  background: #fafafa;
  left: 0;
  right: auto;
}

.fancybox-gallery.fancybox-show-thumbs .fancybox-inner {
  right: 0;
  left: 110px;
}

@media screen and (min-width: 576px) {
  .fancybox-gallery.fancybox-show-thumbs .fancybox-inner {
    left: 212px;
  }
}

.fancybox-gallery .fancybox-button--close {
  background: #035da3 !important;
  color: #FFF;
}

.fancybox-gallery .fancybox-thumbs__list a::before {
  border: 3px solid #035da3;
}

.fancybox-gallery .fancybox-button,
.fancybox-gallery .fancybox-navigation button:before {
  background: transparent;
}

.fancybox-gallery .fancybox-navigation button {
  color: #999 !important;
  padding: 10px;
}

.fancybox-gallery .fancybox-navigation button:hover {
  color: #035da3 !important;
}
*/

    .product-summary .brand,
    .product-summary .brand a {
        color: #888;
        font-size: 20px;
        font-weight: 400;
        margin: 0;
        text-decoration: none;
    }

        .product-summary .brand a:hover {
            color: #035da3;
        }


    .product-summary > .title {
        margin: 0 0 10px;
        font-size: 28px;
        line-height: 1.1;
    }

.product-summary .fitment {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 4px 10px;
    border: 1px solid #c6e2c0;
    border-radius: 3px;
    background-color: #ecf5ea;
    font-size: 12px;
    font-weight: bold;
    color: #278c27;
    line-height: 1;
}

    .product-summary .fitment .icon {
        margin-right: 5px;
        color: #278c27;
        position: relative;
        top: 1px;
        font-size: 15px;
    }

    .product-summary .fitment a {
        font-size: 11px;
        margin-left: 10px;
        font-weight: 400;
        color: #111;
        mix-blend-mode: color-burn;
    }

    .product-summary .fitment.fitment-false {
        border-color: #f3e17f;
        background-color: #fcf9e5;
        color: #3c3426;
    }

        .product-summary .fitment.fitment-false a {
            color: #0c0c0c;
        }

    .product-summary .fitment .icon-alert-lg {
        color: #eaa600;
    }

    #product-reviews-wrapper {
        margin: 0 0 10px;
        display: flex;
        align-items: center;
        height: 26px;
    }

    .product-summary .product-reviews {
        white-space: nowrap;
        line-height: 1;
    }

        .product-summary .product-reviews .stars {
            display: inline-flex;
            font-size: 20px;
        }

    .product-summary .reviews .stars {
        border-right: 1px solid #e4e4e4;
        padding-right: 15px;
        margin-right: 15px;
    }



    #product-info {
        margin: 10px 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        white-space: nowrap;
        font-size: 13px;
        color: #444;
    }

    @media screen and (min-width: 768px) {
        #product-info {
            width: 75%;
        }
    }

    #product-info > div {
        width: 50%;
    }

    #product-badges {
        margin: 10px 0;
        display: flex;
        column-gap: 20px;
    }

        #product-badges img {
            height: 25px;
        }

    #warranty-logo {
        opacity: 82%; /*match text color "black"*/
    }

    .product-summary .reviews .partno {
        font-size: 13px;
        /*padding: 3px 0 3px 0;*/
        margin-right: 3px;
        white-space: nowrap;
    }


    .dimension-options {
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: 10px 0 10px;
        border-radius: 3px;
        padding: 10px 0 5px 15px;
        background: #f3f3f3;
    }

        /*.dimension-options > div.dimension-wrap {
    width: 100%;
    margin-right: 15px;
}

@media screen and (min-width: 992px) {
    .dimension-options > div.dimension-wrap {
        width: 46%;
    }
}*/

        .dimension-options > div.dimension-wrap {
            clear: none;
            margin-right: 10px;
            margin-bottom: 10px;
            width: calc(100% - 15px);
        }


    @media screen and (min-width: 768px) {
        .dimension-options:not(.dimension-options-count-1) > div.dimension-wrap {
            width: calc(50% - 12px);
        }
    }

    .dimension-options .dimensions.nice-select {
        width: 100%;
    }

    .dimension-options {
    }

    .dimension-info-content {
        display: none;
    }

    /*.dimension-info-content img {
    margin-bottom: 1em;
}*/

    .dimension-options:after {
        content: "";
        display: table;
        clear: both;
    }

    .dimension-options .dimension-label-wrap {
        display: block;
        font-size: 12px;
        color: #2d2d2d;
    }

    .dimension-options a {
        font-size: 12px;
        text-decoration: none;
    }

    .dimension-options .nice-select .current {
        display: flex;
        overflow: hidden;
        align-items: baseline;
    }
    /*.dimension-options .nice-select .current small {
    display: none;
}*/

    .dimension-options .nice-select small {
        margin-left: 2em;
        opacity: 0.67;
        font-size: 11px;
        font-family: monospace;
        line-height: 1;
    }


    /* just for testing, not public */
    .dimension-options select.pre-selected-match,
    .dimension-options .nice-select.pre-selected-match {
        outline: 2px solid green;
    }

    /* just for testing, not public */
    .dimension-options select.pre-selected-no-match,
    .dimension-options .nice-select.pre-selected-no-match {
        outline: 2px solid red;
    }


    #RetailPriceID .strike {
        text-decoration: line-through;
    }

    #ProductPriceID.original-price {
        position: relative;
    }

        #ProductPriceID.original-price::after {
            border-top: 2px solid rgba(217, 36, 0, .8);
            position: absolute;
            content: "";
            right: -3px;
            top: 45%;
            left: 5px;
            transform: rotate(-9deg);
        }

    .product-summary .pricing {
        margin: 0 0 10px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: baseline;
    }

        .product-summary .pricing:after {
            content: "";
            display: table;
            clear: both;
        }

    #retail-save-wrap {
        display: flex;
        font-size: 13px;
        color: #888;
    }

    .product-summary .pricing div {
        /*height: 100%;*/
    }


    .product-summary .pricing .you-save {
        color: #888;
        margin-left: 10px;
    }

    .product-summary .pricing .line-break {
        width: 100%;
    }

    .product-summary .pricing .opgi-price {
        font-size: 34px;
        font-weight: 900;
        /*color: #035da3;*/
        color: #2d2d2d;
        margin-right: 10px;
        line-height: 1.0;
    }

    .product-summary .pricing sup {
        font-size: 50%;
        top: -0.7em
    }

    .product-summary .pricing .price-delimiter {
        display: none;
    }

    .product-summary .price-details {
        display: flex;
    }

    /*
.product-summary .pricing .strike {
    position: relative;
    color: #666;
}

.product-summary .pricing .strike::after {
    border-top: 2px solid #d92400;
    position: absolute;
    content: "";
    right: -3px;
    top: 45%;
    left: 5px;
    transform: rotate(-7deg);
}
*/

    #ProductPromotionID {
        margin: 2px 0 0 10px;
    }

    .product-summary .pricing .SalePrice {
        color: #d92400;
    }

    .product-summary .limited-time-offer {
        color: #d92400;
        font-weight: 900;
        font-size: 20px;
        line-height: 1.2;
        text-transform: uppercase;
    }

    .product-summary .unitIssue {
        font-size: 14px;
        vertical-align: text-top;
    }

    .product-summary .free-shipping {
        color: #28a745;
        font-weight: 900;
        position: relative;
        margin-left: 20px;
        padding-left: 20px;
        font-size: 18px;
        text-transform: uppercase;
    }

        .product-summary .free-shipping:before {
            position: absolute;
            content: 'u';
            font-family: opgi-icons;
            top: -3px;
            left: 0;
            font-size: 20px;
            text-transform: lowercase;
        }


    .price-deal-wrap, .kit-savings-wrap {
        display: flex;
        align-items: center;
        margin-left: 4px;
        padding: 0 6px;
        font-size: 15px;
        font-weight: 900;
        color: #888 !important;
        line-height: 0.85;
        text-decoration: none;
        /*text-transform: uppercase;*/
        border-radius: 6px;
    }

    a.price-deal-wrap:hover {
        background-color: #f3f3f3;
    }

    .price-deal-wrap img,
    .kit-savings-wrap img {
        margin-right: 4px;
        height: 22px;
    }

    .price-deal-wrap p,
    .kit-savings-wrap p {
        margin: 0;
    }

    .price-deal-wrap span,
    .kit-savings-wrap span {
        display: block;
    }

    .price-deal-title-2 {
        color: #d92400;
    }


    .tiles .price-deal-wrap {
        margin-left: 0;
        margin-top: 2px;
        font-size: 13px;
        justify-content: center;
    }

        .tiles .price-deal-wrap img {
            margin-left: -15px; /*try to center the text when icon exists*/
            height: 20px;
        }



    .kit-savings-title-1 {
        color: #e54d00;
    }

    .kit-savings-title-2 {
        font-weight: normal;
        font-size: 13px;
    }



    .quantity {
        border: 1px solid #d9d9d9;
        border-radius: 3px;
        position: relative;
        display: flex;
        height: 60px;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
    }

        .quantity input.quantity-input {
            background: transparent !important;
            height: 100%;
            border: none !important;
            margin: 0;
            padding: 0 !important;
            text-align: center;
            font-size: 18px;
            font-weight: bold;
            color: #2d2d2d;
            box-shadow: none;
            border: none;
            border-radius: 0;
            -webkit-appearance: none;
            -moz-appearance: textfield;
            box-shadow: none !important;
            width: 30px;
        }

        .quantity input.quantity,
        .quantity input.quantity[type=number] {
            background: transparent !important;
            height: 100%;
            border: none !important;
            margin: 0;
            padding: 0 !important;
            text-align: center;
            font-size: 18px;
            font-weight: bold;
            color: #2d2d2d;
            box-shadow: none;
            border: none;
            border-radius: 0;
            -webkit-appearance: none;
            -moz-appearance: textfield;
            box-shadow: none !important;
            width: 40px;
        }

        .quantity input::-webkit-inner-spin-button,
        .quantity input::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
            -moz-appearance: textfield;
        }

        .quantity .quantity-add,
        .quantity .quantity-sub {
            cursor: pointer;
            border: none;
            outline: none;
            background: transparent;
            display: flex;
            text-align: left;
            align-self: center;
            font-size: 24px;
            color: #999;
            line-height: 0.75;
            vertical-align: middle;
            width: 40px;
            height: 100%;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: center;
        }

            .quantity .quantity-add:hover,
            .quantity .quantity-sub:hover {
                color: #035da3;
                background-color: #f7f7f7;
            }

        .quantity .quantity-sub {
            text-align: right;
            /* padding-right: 5px; */
            /* padding-left: 15px; */
        }

        .quantity.sm {
            height: 40px;
        }

            .quantity.sm input.quantity-input {
                font-size: 14px;
                max-width: 22px;
            }

            .quantity.sm .quantity-add {
                padding-left: 0;
                padding-right: 5px;
            }

            .quantity.sm .quantity-sub {
                padding-left: 5px;
                padding-right: 0;
            }

    .stock-status {
        margin-bottom: 10px;
        min-height: 1.6em;
        color: #888;
        clear: both;
    }

        .stock-status strong {
            font-size: 15px;
        }

        .stock-status.success strong {
            color: #28a745;
        }

        .stock-status.error strong {
            color: #da2917;
        }

        .stock-status.warning strong {
            color: #eaa600;
        }

        .stock-status .icon-alert {
            font-size: 16px;
            position: relative;
            top: 2px;
        }

    .product-actions {
        display: flex;
        margin: 10px 0;
    }

        .product-actions .quantity {
            margin-right: 10px;
            /*border-radius: 3px 0 0 3px;*/
        }

        .product-actions .button {
            font-size: 18px;
            flex-flow: 1;
            width: 100%;
            padding-top: 0;
            padding-bottom: 0;
        }

        .product-actions.sm .button {
            font-size: 14px;
            white-space: nowrap;
        }

    .wishlist-holder .wishlist {
        display: inline-block;
        font-weight: 400;
        text-decoration: none;
        color: #444 !important;
        font-size: 14px;
        padding: 0 !important;
        border: none !important;
        background: none !important;
    }

        .wishlist-holder .wishlist:before {
            font-family: opgi-icons;
            position: relative;
            top: 1px;
            margin-right: 0;
        }

        .wishlist-holder .wishlist.color-change:before {
            content: 'C';
            color: #da2917 !important;
        }

        .wishlist-holder .wishlist input {
            margin-left: -1.5em;
            padding-left: 1.5em;
            background: none;
            border: none;
            box-shadow: none !important;
            outline: none !important;
        }

        .wishlist-holder .wishlist a {
            margin-left: -1.5em;
            padding-left: 1.5em;
            background: none;
            border: none;
            box-shadow: none !important;
            outline: none !important;
            color: #444 !important;
            text-decoration: none;
        }

            .wishlist-holder .wishlist a:hover {
                color: #da2917 !important;
            }

    .wishlist-holder .added a {
        color: #da2917 !important;
        pointer-events: none;
    }

    .wishlist-holder .add:before {
        content: 'B';
        display: inline-block;
        z-index: -1;
        pointer-events: none;
    }

    .wishlist-holder .wishlist:hover {
        color: #da2917 !important;
    }

        .wishlist-holder .wishlist:hover:before {
            content: 'C';
        }



    .product-affirm {
        height: 1.6em;
        font-size: 12px;
        margin: -5px 0 10px;
    }

        .product-affirm p {
            margin: 0;
        }

        .product-affirm img {
            height: 16px;
            margin-right: 6px;
        }

        .product-affirm a {
            text-decoration: none;
        }

            .product-affirm a .icon {
                color: #444;
            }

            .product-affirm a:hover .icon {
                color: #035da3;
            }



    .upsell-kit {
        display: block;
        margin: 30px 0 0 0;
        padding: 10px;
        font-size: 12px;
        text-decoration: none;
        border: 1px solid #ececec;
        border-radius: 3px;
    }

        .upsell-kit:hover {
            background: #f9f9f9;
        }

        .upsell-kit .heading {
            display: flex;
            align-items: center;
            column-gap: .3em;
            margin-bottom: 2px;
            font-size: 18px;
            font-weight: 700;
            line-height: 1;
            color: #e54d00;
        }

        .upsell-kit .heading img {
            height: 16px;
        }

        .upsell-kit .product {
            display: flex;
            align-items: flex-start;
        }

        .upsell-kit img.kit-upsell-photo {
            max-width: 100px;
            max-height: 80px;
            min-width: 10px;
            min-height: 10px;
            padding-right: 10px;
            object-fit: contain;
            mix-blend-mode: multiply;
        }

        .upsell-kit .title {
            margin: 0;
            line-height: 1.1;
            color: #2d2d2d;
        }

        .upsell-kit .stars {
            /*display: none;*/
            float: left;
            font-size: 12px;
            margin: -2px 0;
        }

        .upsell-kit .price {
            clear: both;
            font-weight: 900;
            color: #2d2d2d;
        }




    .product-expert {
        margin: 0 0 30px 0;
        padding: 0;
        list-style: none;
        border: 1px solid #ececec;
        border-radius: 3px;
    }

    @media screen and (min-width: 768px) {
        .product-expert {
            display: flex;
            flex-wrap: wrap;
        }
    }

    @media screen and (min-width: 992px) {
        .product-expert {
            display: block;
            margin: 0;
        }
    }

    .product-expert li {
        margin: 0;
        padding: 15px;
        display: flex;
        position: relative;
        align-items: center;
        align-content: center;
    }

    .product-expert a {
        text-decoration: none;
    }

    @media (min-width: 768px) and (max-width: 992px) {
        .product-expert li {
            width: 50%;
        }

            .product-expert li:nth-child(4):after {
                display: none;
            }
    }

    @media screen and (min-width: 992px) {
        .product-expert li {
            width: 100%;
        }

            .product-expert li:nth-child(4):after {
                display: block;
            }
    }

    .product-expert li:first-child {
        border-bottom: 1px solid #ececec;
        background: #f3f3f3;
        padding: 0 5px 0 10px;
        font-size: 14px;
        width: 100%;
        flex-grow: 1;
        line-height: 1;
        min-height: 61px;
    }

        .product-expert li:first-child > div {
            display: flex;
            align-items: center;
            align-content: center;
        }


        .product-expert li:first-child img {
            display: block;
            margin: 10px 10px 0 0;
            padding: 0;
            max-height: 50px;
            max-width: 50px;
            align-self: baseline;
            flex-shrink: 0;
        }

        .product-expert li:first-child strong {
            color: #035da3;
            font-weight: 700;
        }

        .product-expert li:first-child small {
            display: block;
            margin-bottom: 5px;
        }


        .product-expert li:first-child:after {
            display: none;
        }

    .product-expert li:nth-child(2) {
        padding-top: 20px;
    }

    .product-expert li:last-child {
        padding-bottom: 20px;
    }

        .product-expert li:last-child:after {
            display: none;
        }

    .product-expert li:after {
        content: '';
        display: block;
        height: 1px;
        position: absolute;
        bottom: 0px;
        left: 15px;
        right: 15px;
        background: #ececec;
    }

    .product-expert li .icon-holder {
        width: 80px;
        text-align: center;
    }

    .product-expert li .icon {
        font-size: 30px;
        color: #a5a6a5;
        position: relative;
        top: 2px;
    }

    .product-expert li .desc strong {
        display: block;
        font-size: 14px;
        line-height: 1.4;
    }

    .product-expert li .desc span {
        display: block;
        font-size: 13px;
        line-height: 1.4;
    }

    .product-nav {
        margin: 0 0 30px 0;
        padding: 0;
        position: relative;
    }

        .product-nav ul {
            box-shadow: inset 0 -1px #e2e3e3;
            margin: 0;
            padding: 0;
            display: flex;
            flex-wrap: nowrap;
            justify-content: flex-start;
            height: 100%;
        }

            .product-nav ul li {
                list-style: none;
                margin: 0;
                padding: 0;
                white-space: nowrap;
                text-align: center;
                cursor: pointer;
                font-weight: 700;
                color: #2d2d2d;
            }

                .product-nav ul li a {
                    color: #2d2d2d;
                    display: block;
                    padding: 0 10px 10px;
                    text-decoration: none;
                    font-size: 14px;
                }

    @media screen and (min-width: 350) {
        .product-nav ul li a {
            padding: 0 15px 10px;
            font-size: 16px;
        }
    }

    @media screen and (min-width: 768px) {
        .product-nav ul li a {
            padding: 0 30px 10px;
            font-size: 16px;
        }
    }

    .product-nav ul li a:hover {
        color: #035da3;
    }

    .product-nav ul li.active {
        box-shadow: inset 0 -3px #035da3;
        color: #2d2d2d;
    }

        .product-nav ul li.active:hover {
            color: #2d2d2d;
        }

    .product-nav .count {
        color: #9C9C9C;
        display: none;
    }

    @media screen and (min-width: 768px) {
        .product-nav .count {
            display: inline;
        }
    }

    .product-info-header {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        margin: 0 0 5px 0;
        flex-wrap: wrap;
        width: 100%;
    }

    h3 .count, .h3 .count {
        color: #9C9C9C;
    }

    .product-info-header h3, .product-info-header .h3 {
        font-size: 26px;
        margin: 0 0 5px 0;
        padding: 0;
        flex-grow: 1;
    }

    .product-info-header a {
        font-size: 14px;
        font-weight: 400;
        text-decoration: none !important;
    }

    .product-info-section {
        position: relative;
    }


    .smooth-scroll-hightlight-target {
        /*background-color: rgba(255, 250, 0, 0.25) !important;*/
        box-shadow: rgba(255, 250, 0, 0.5) 0px 0px 15px 15px !important;
        transition: box-shadow 0.5s ease;
    }


    .description span {
        white-space: pre-line;
    }

    #full-description {
        white-space: pre-line;
    }

    #details {
        margin: 0 0 60px 0;
    }


        #details h3 {
            margin: 2em 0 .5em;
            border-bottom: 1px solid #e2e3e3;
            width: 75%;
        }

    h3#brief-description {
        width: 100%;
        margin-top: 1em;
        border: none;
    }


    #details .technical {
        white-space: pre-line;
    }

    #details ul {
        margin-left: 0;
        padding-left: 0;
        list-style: inside square none;
    }

    #details-notes > ul {
        list-style-position: outside;
        list-style-type: square;
        margin-left: 1.2em;
        padding: 0;
    }

        #details-notes > ul li {
            margin-bottom: .5em;
            white-space: pre-line;
            line-height: 1.4em;
        }

    #additional-information {
        font-size: 13px;
    }

        #additional-information p {
            white-space: pre-line;
        }

    #kit-sub-components ul {
        list-style: none;
        max-height: 45vh;
        overflow-y: auto;
    }

        #kit-sub-components ul li {
            display: flex;
            align-items: center;
            margin-top: 8px;
            font-size: 14px;
        }

        #kit-sub-components ul .item-image {
            display: flex;
            flex-shrink: 0;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            margin-right: 10px;
            text-decoration: none;
            height: 50px;
            width: 50px;
            background: #f3f3f3;
            border-radius: 50%;
        }

            #kit-sub-components ul .item-image:hover {
                background-color: #cae8ff;
                /*box-shadow: 0 0 10px rgba(0, 0, 0, .3);*/
            }

            #kit-sub-components ul .item-image img {
                /*mix-blend-mode: darken;*/
                mix-blend-mode: multiply;
            }

            #kit-sub-components ul .item-image.grayscale img {
                filter: grayscale(1);
            }

    img.grayscale {
        filter: grayscale(1);
    }

    #kit-sub-components ul .item-info {
        display: flex;
        flex-direction: column;
    }

    #kit-sub-components ul .item-name {
        font-weight: normal;
        line-height: 1;
    }

    #kit-sub-components ul .item-quantity {
        font-style: normal;
        color: #999;
    }





    span.note-bullet {
        margin-left: 2em;
    }

    span.note-bullet-last {
        display: inline-block;
        margin-top: .5em;
    }

    span.note-colon {
        display: inline-block;
        margin-top: .5em;
        font-weight: 400;
    }



    #catalog-page-numbers {
        font-size: 14px;
    }

    @media screen and (min-width: 768px) {
        #catalog-page-numbers {
            width: 60%;
        }
    }


    #catalog-page-numbers li {
        display: flex;
    }

        #catalog-page-numbers li i {
            order: 1;
            padding-right: .2em;
        }

        #catalog-page-numbers li .page-number {
            order: 3;
            white-space: pre;
        }

        #catalog-page-numbers li::after {
            content: "";
            margin-bottom: .4em;
            border-bottom: 1px dotted;
            flex-grow: 1;
            order: 2;
            opacity: .5;
        }


    #details .prop65 {
        display: flex;
        align-content: center;
        align-items: center;
        border: 1px solid #e7e6e6;
        border-radius: 3px;
        padding: 10px 15px;
        margin: 0;
        clear: both;
    }

        #details .prop65 .icon-holder {
            text-align: center;
            flex-shrink: 0;
            padding: 0 15px 0 0;
        }

            #details .prop65 .icon-holder .icon {
                font-size: 42px;
                color: #dbdcdb;
                line-height: 1;
            }

        #details .prop65 .text {
            font-size: 11px;
        }


    #item-rebate-banner,
    .rebate-wrapper h6 {
        margin: 0;
        display: inline-block;
        height: 30px;
        color: #28a745;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        vertical-align: middle;
    }

        #item-rebate-banner .icon,
        .rebate-wrapper h6 .icon {
            font-size: 22px;
            vertical-align: middle;
        }


    .rebate-wrapper {
        padding: 25px 30px;
        margin: 0 0 30px;
        border: 1px solid #e7e6e6;
        border-radius: 3px;
        display: flex;
        justify-content: space-between;
        /*align-items: flex-start;*/
        align-items: center;
        flex-direction: column-reverse;
        text-align: center;
    }

    @media screen and (min-width: 992px) {
        .rebate-wrapper {
            align-items: center;
            flex-direction: row;
            text-align: left;
        }
    }

    .rebate-wrapper h5 {
        margin: 0;
        font-size: 25px;
    }

    .rebate-wrapper p {
        margin: 0 0 0.5em;
    }


    .rebate-expiration {
        font-size: 12px;
        color: #888;
    }

    .rebate-wrapper.rebate-expired {
        opacity: .67;
    }


        .rebate-wrapper.rebate-expired .rebate-expiration {
            color: #da2917;
            font-weight: bold;
        }

    .rebate-wrapper a.button {
        background-color: #28a745;
        border-color: #28a745;
        font-size: 12px;
    }

    .rebate-wrapper a.link-rebate {
        font-size: 12px;
        font-weight: bold;
    }

    .rebate-wrapper a.rebate-brand-logo {
        display: inline-block;
        margin: 0 0 10px;
        width: 120px;
    }

    @media screen and (min-width: 992px) {
        .rebate-wrapper a.rebate-brand-logo {
            margin: 0 0 0 30px;
        }
    }



    #fitment {
        margin: 60px 0 0;
    }


    #alsoFitsWrapper {
        display: block;
        max-height: 50vh;
        overflow-y: auto;
        margin-bottom: 1.5em;
        border: 1px solid #e6e6e6;
    }

    #alsoFits th {
        position: sticky;
        top: 0px;
        padding: 10px 5px;
        text-align: left;
        background: #e6e6e6;
        font-size: 14px;
        color: #000;
        z-index: 1;
    }

    @media screen and (min-width: 768px) {
        #alsoFits th {
            padding: 10px 15px;
        }
    }

    #alsoFits .year-make-model {
        width: 35% !important;
        vertical-align: baseline;
        border-right: 1px solid #e6e6e6;
    }

    #alsoFits th.year-make-model {
        white-space: nowrap;
    }


    #alsoFits .year-make-model strong {
        position: sticky;
        top: 4em;
    }


    #alsoFits td {
        padding: 5px;
        font-size: 12px;
    }

    @media screen and (min-width: 768px) {
        #alsoFits td {
            padding: 5px 15px;
            font-size: 13px;
        }
    }

    #alsoFits tbody:nth-child(even) {
        background: rgba(0,0,0,0.02);
    }


    #alsoFits tbody:hover td,
    #alsoFits tr:hover td {
        background: rgba(0, 113, 202, 0.1);
        color: #035da3;
    }

    #alsoFits td:hover {
        background: rgba(0, 113, 202, 0.15) !important;
    }


    /*
#alsoFits td.buick      { color:red;    }
#alsoFits td.cadillac   { color:orange; }
#alsoFits td.chevrolet  { color:green;  }
#alsoFits td.oldsmobile { color:blue;   }
#alsoFits td.pontiac    { color:purple; }
*/

.scroll-box-shadow {
    background:
        /* Shadow covers */
        linear-gradient(white 30%, rgba(255,255,255,0)),
        linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,
        /* Shadows */
        radial-gradient(farthest-side at 50%    0, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 0,
        radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
    background-repeat: no-repeat;
    background-color: white;
    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
    /* Opera doesn't support this in the shorthand */
    background-attachment: local, local, scroll, scroll;
}

.category-tabs .scroll-box-shadow-horizontal {
    background:
        /* Shadow covers (left & right fade) */
        linear-gradient(to right, #f3f3f3 30%, rgba(255,255,255,0)),
        linear-gradient(to left,  #f3f3f3 30%, rgba(255,255,255,0)) 100% 50%,
        /* Shadows (left & right) */
        radial-gradient(farthest-side at    0 50%, rgba(0,0,0,.2), rgba(0,0,0,0))    0 50%,
        radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)) 100% 50%;
    background-repeat: no-repeat;
    background-color: #f3f3f3;
    background-size: 40px 200%, 40px 200%, 20px 200%, 20px 200%;
    /* Opera doesn't support this in the shorthand */
    background-attachment: local, local, scroll, scroll;
}


.scroll-box-shadow-with-header {
    background:
        /* Shadow covers */
        linear-gradient(white 30%, rgba(255,255,255,0)) 0 42px,
        linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,
        /* Shadows */
        radial-gradient(farthest-side at 50%    0, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 42px,
        radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
    /* Opera doesn't support this in the shorthand */
    background-attachment: local, local, scroll, scroll;
}


    #item-chart .wrapper {
        overflow: auto;
    }


    #item-chart .chart-table {
        position: relative;
        font-size: 11px !important;
    }


    #item-chart .footnote {
        font-size: 10px;
    }


    #compcams.chart-table td:last-child {
        min-width: 30em;
        min-width: 75vw;
    }



    @media (min-width: 768px) {
        #compcams.chart-table td {
            white-space: normal;
        }

            #compcams.chart-table td:last-child {
                min-width: auto;
            }
    }


    #questions {
        margin: 60px 0;
    }

        #questions .ask-btn {
            float: right;
            font-weight: 700;
        }

        #questions h2 .count, #questions .h2 .count {
            color: #9C9C9C;
        }

        #questions .question-holder {
            border: 1px solid #ececec;
            border-radius: 3px;
            margin: 0 0 10px 0;
        }

        #questions .question {
            background: #f3f3f3;
            padding: 30px;
            display: flex;
            align-content: center;
            align-items: center;
            flex-direction: column;
        }

    @media screen and (min-width: 768px) {
        #questions .question {
            flex-direction: row;
        }
    }

    #questions .question .button {
        flex-shrink: 0;
        height: auto;
        margin: 15px 0 0 0;
    }

    @media screen and (min-width: 768px) {
        #questions .question .button {
            flex-direction: row;
            margin: 0 0 0 30px;
        }
    }

    #questions .answer {
        padding: 30px;
    }

    @media screen and (min-width: 768px) {
        #questions .answer {
            padding: 30px 60px;
        }
    }

    #questions .source {
        font-size: 13px;
        color: #A7A7A7;
    }

    #questions p {
        margin: 0;
    }

    #questions .more-questions {
        text-align: center;
    }

    #questions .view-more {
        font-size: 13px;
    }

    #reviews {
        margin: 0;
    }

        #reviews h2 .count, #reviews .h2 .count {
            color: #9C9C9C;
        }

        #reviews .reviews-header {
            background: #f3f3f3;
            border: 1px solid #ececec;
            border-bottom: 0;
            border-radius: 3px 3px 0 0;
            padding: 30px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-direction: column;
        }

    @media screen and (min-width: 768px) {
        #reviews .reviews-header {
            flex-direction: row;
        }
    }

    #reviews .reviews-header .stars {
        margin: 0 0 15px 0;
        flex-wrap: wrap;
        justify-content: center;
    }

    @media screen and (min-width: 768px) {
        #reviews .reviews-header .stars {
            justify-content: left;
            margin: 0;
            flex-wrap: nowrap;
        }
    }

    #reviews .reviews-header .stars .front-stars,
    #reviews .reviews-header .stars .back-stars {
        font-size: 24px;
        margin-right: 10px;
    }

    #reviews .reviews-header .stars span {
        font-size: 16px;
        color: #9F9F9F;
        position: relative;
        display: block;
    }

    #reviews .reviews-header .stars strong {
        font-size: 24px;
        color: #444;
    }

    #reviews .reviews {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #reviews .reviews li {
            border: 1px solid #ececec;
            border-bottom: 0;
            padding: 30px;
            margin: 0;
            display: flex !important;
            flex-direction: column;
            position: relative;
        }

    @media screen and (min-width: 768px) {
        #reviews .reviews li {
            flex-direction: row;
        }
    }

    #reviews .reviews li:last-child {
        border-radius: 0 0 3px 3px;
        border-bottom: 1px solid #ececec;
    }

    @media screen and (min-width: 768px) {
        #reviews .reviews li {
            flex-direction: row;
            margin-bottom: 0;
        }
    }

    #reviews .review-details {
        min-width: 280px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    @media screen and (min-width: 768px) {
        #reviews .review-details {
            margin-bottom: 0;
        }
    }

    #reviews .user-info {
        display: flex;
        font-size: 13px;
    }

        #reviews .user-info .avatar {
            width: 45px;
            border-radius: 100%;
            float: left;
            margin-right: 15px;
            position: relative;
        }

            #reviews .user-info .avatar img {
                border-radius: 100%;
                height: 45px;
                width: 45px;
            }

            #reviews .user-info .avatar .verified {
                position: absolute;
                top: 36px;
                left: 50%;
                margin-left: -8px;
                background: #1ac286;
                color: #FFF;
                font-size: 12px;
                height: 16px;
                line-height: 18px;
                width: 16px;
                overflow: hidden;
                text-align: center;
                border-radius: 100%;
            }

    #reviews .name {
        font-weight: bold;
        color: #035da3;
    }

        #reviews .name .verified {
            color: #C8C8C8;
            font-weight: normal;
        }

    #reviews .date {
        color: #C8C8C8;
    }

    #reviews .stars {
        margin-top: 2px;
        justify-content: flex-start;
    }

    #reviews .review-helpful {
        font-size: 14px;
        margin-top: 20px;
    }

    @media screen and (min-width: 768px) {
        #reviews .review-helpful {
            margin-top: 0;
            position: absolute;
            bottom: 40px;
            left: 40px;
        }
    }

    #reviews .review-helpful a {
        text-decoration: none;
        display: inline-block;
        margin-left: 10px;
    }

        #reviews .review-helpful a .icon {
            color: #999999;
        }

        #reviews .review-helpful a:hover .icon {
            color: #035da3;
        }

        #reviews .review-helpful a .icon-thumbsdown {
            position: relative;
            top: 2px;
        }

    #reviews .review-content p:last-child {
        margin-bottom: 0;
    }

    @media screen and (min-width: 768px) {
        .yotpo .yotpo-nav {
            width: 50%;
        }
    }

    #product-header {
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.055);
        background: #FFF;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        transform: translate(0, -200px);
        transition: all .4s;
        max-height: 200px;
        overflow: hidden;
        z-index: 100;
        box-shadow: 0 0 20px rgba(0,0,0,.25);
    }

        #product-header.sticky {
            transform: translate(0, 0);
        }

        #product-header .top {
            padding: 15px 0;
            border-bottom: 1px solid #f2f2f2;
            display: none;
        }

            #product-header .top .container {
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

    @media screen and (min-width: 992px) {
        #product-header .top {
            display: block;
        }
    }

    #product-header .bottom {
        padding-top: 10px;
    }

    #product-header .info {
        text-align: left;
        flex-grow: 1;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.2;
    }

        #product-header .info .brand {
            color: #888;
            display: block;
        }

        #product-header .info .title {
            color: #2d2d2d;
        }

        #product-header .info .opgi-price {
            color: #28a745;
            display: inline-block;
            margin-left: 15px;
        }

    #product-header .product-actions {
        width: 100%;
        max-width: 260px;
    }

    #product-header .product-image {
        height: 50px;
        margin-right: 15px;
    }

        #product-header .product-image img {
            max-height: 100%;
        }

    #product-header .product-nav {
        margin: 0;
    }

        #product-header .product-nav ul {
            box-shadow: none;
        }

            #product-header .product-nav ul li a {
                font-size: 14px;
            }

    .category-parent {
        padding-top: 30px;
    }

    @media screen and (min-width: 768px) {
        .category-parent .tiles {
            flex-wrap: nowrap;
            justify-content: space-between;
        }
    }

    .category-parent .tiles li {
        width: 33.33%;
    }

    @media screen and (min-width: 576px) {
        .category-parent .tiles li {
            width: 25%;
        }
    }

    @media screen and (min-width: 768px) {
        .category-parent .tiles li {
            width: 20%;
        }
    }

    @media screen and (min-width: 992px) {
        .category-parent .tiles li {
            width: auto;
        }
    }

    .category-parent .tiles a {
        border-radius: 0;
    }

        .category-parent .tiles a:hover {
            box-shadow: none;
        }

    .category-parent .tiles .image {
        margin-bottom: 10px;
        padding: 0;
        max-height: 130px;
    }

        .category-parent .tiles .image img {
            height: 300px;
        }

    .category-parent .tiles .title {
        padding: 0 5px;
        margin-bottom: 10px;
        font-size: 13px;
        font-weight: bold;
    }

    @media screen and (min-width: 768px) {
        .category-parent .tiles .title {
            margin-bottom: 0px;
        }
    }

    .filtered-products .section-header {
        align-items: center;
        /*align-items: flex-start;
    justify-content: flex-start;*/
    }

    .filtered-products .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }


    .filtered-products .filters {
        width: 250px;
        flex-shrink: 0;
        padding: 10px;
        margin: 0 0 0 -250px;
        transition: all .3s;
        background: #FFF;
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 999;
    }

    @media screen and (min-width: 992px) {
        .filtered-products .filters {
            position: relative;
            box-shadow: none;
            padding: 0 10px 0 0;
            background: transparent;
            display: block;
            margin: 0;
            z-index: unset;
            overflow-y: hidden;
            /*z-index: 0;*/
        }
    }

    .filtered-products .filters .close-btn {
        position: absolute;
        top: 5px;
        right: 15px;
        font-size: 24px;
        cursor: pointer;
        z-index: 100;
    }

        .filtered-products .filters .close-btn:hover {
            color: #035da3;
        }

    @media screen and (min-width: 992px) {
        .filtered-products .filters .close-btn {
            display: none;
        }
    }

    .product-filter-open .filtered-products .filters {
        margin: 0 0 0 0 !important;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.8);
    }

    .filtered-products .filters .button {
        /*margin-bottom: 10px;*/
    }

    .filtered-products .results {
        /*overflow: hidden;*/
        margin-right: -10px;
    }

    @media screen and (min-width: 992px) {
        .filtered-products .results {
            flex: 1;
        }
    }

    .filtered-products .tiles {
        width: 100%;
    }

        .filtered-products .tiles > li {
            width: 50%;
        }

    @media screen and (min-width: 576px) {
        .filtered-products .tiles > li {
            width: 50%;
        }
    }

    @media screen and (min-width: 768px) {
        .filtered-products .tiles > li {
            width: 33.33%;
        }
    }

    @media screen and (min-width: 992px) {
        .filtered-products .tiles > li {
            width: 33.33%;
        }
    }



    #brand-cross-sell {
        margin-top: 30px;
    }

        #brand-cross-sell .h3 {
            margin-bottom: 5px;
            font-size: 18px;
        }

        #brand-cross-sell ul {
            flex-wrap: nowrap;
        }

            #brand-cross-sell ul li {
                width: 33%;
            }

        #brand-cross-sell li a {
            padding: 10px;
            color: #9E9E9E;
        }

        #brand-cross-sell li > div {
            position: absolute;
            width: calc(100% - 10px);
            bottom: 0;
            font-size: 12px;
            color: #9E9E9E;
        }

            #brand-cross-sell li > div > span {
                padding: 0 6px;
                background-color: #fff;
            }

        #brand-cross-sell li.current-item a {
            outline: 1px solid #eee;
            pointer-events: none;
            cursor: default;
            top: 0;
            box-shadow: none;
        }

        #brand-cross-sell li a div.brand {
            height: 30px
        }

            #brand-cross-sell li a div.brand img {
                max-width: 80%;
                max-height: 80%;
            }

        #brand-cross-sell li a div.image {
            padding: 0;
            height: 80px;
        }

        #brand-cross-sell li a div.stars {
            margin: 0;
        }

        #brand-cross-sell li a div.price {
            font-size: 14px
        }





.nice-select.text-prefix {
    font-size: 13px;
    height: 32px;
    line-height: 32px;
}

    @media screen and (min-width: 576px) {
        .nice-select.text-prefix {
            padding-left: 45px;
            font-size: 13px;
        }
    }


    .nice-select.text-prefix:before {
    }

    .nice-select.page-size {
        margin-left: 10px;
    }

    @media screen and (min-width: 576px) {
        .nice-select.text-prefix:before {
            color: #888;
            height: 20px;
            width: 30px;
            text-align: center;
            display: block;
            position: absolute;
            left: 10px;
            top: 0;
            bottom: 0;
            /*line-height: 36px;*/
            line-height: 30px;
            font-size: 13px;
            font-weight: 400;
        }

        .nice-select.page-size {
            padding-left: 50px;
        }

            .nice-select.page-size:before {
                content: 'Items:';
            }

        .nice-select.sort-by:before {
            content: 'Sort:';
        }
    }

    .nice-select.sort-by {
        margin-left: 10px;
    }


    .nice-select .current {
        /*color: #888888;*/ /*rjb*/
        /*font-weight: 700;*/ /*rjb*/
    }


    .grid-view-properties {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    @media screen and (min-width: 992px) {
        .grid-view-properties {
            width: auto;
        }
    }

.grid-view-properties select {
    font-size: 13px;
    padding: 6px;
    height: 32px !important;
}


    .grid-view-properties > .pagination-text {
        font-size: 11px;
        color: #9E9E9E;
    }


    a.button-filter-clear {
        height: 32px;
        line-height: 30px;
        margin-bottom: 10px;
        padding: 0 12px;
        font-size: 13px !important;
        font-weight: 700 !important;
        border: 1px solid #d9d9d9;
        background-color: #FFF;
        color: #888;
    }

        a.button-filter-clear::after {
            content: '\00D7'; /*×*/
            font-size: 19px;
            padding-left: 5px;
            vertical-align: top;
            color: #f86a54;
            font-weight: 700;
        }

        a.button-filter-clear:hover {
            background: #fff;
            border-color: #2d2d2d;
            color: #2d2d2d;
        }

            a.button-filter-clear:hover::after {
                color: #da2917;
            }

    @media screen and (min-width: 992px) {
        a.button-filter-clear {
            margin-left: 10px;
            margin-bottom: 0;
        }
    }


    a.button-filter-clear span {
        font-weight: normal !important;
    }


    #product-filter-button {
        height: 32px;
        line-height: 30px;
        padding: 0 12px;
        margin-right: 10px;
        display: inline-block;
        font-size: 13px !important;
        flex-grow: 1;
    }

    @media screen and (min-width: 992px) {
        #product-filter-button {
            display: none;
        }
    }





    .filtered-products .active-filters {
        margin: -2px -4px 6px;
        padding: 0;
        list-style: none;
    }

        .filtered-products .active-filters:after {
            content: "";
            display: table;
            clear: both;
        }

        .filtered-products .active-filters li {
            float: left;
            margin: 2px 4px;
            padding: 2px 4px 2px 10px;
            background: #e3f2fb;
            border: 1px solid #cee6f6;
            border-radius: 200px;
            font-size: 13px;
            color: #4C7CA1;
        }

            .filtered-products .active-filters li span {
                display: inline-block;
                background: #FFF;
                cursor: pointer;
                height: 18px;
                width: 18px;
                border-radius: 100%;
                text-align: center;
                line-height: 18px;
                margin-left: 6px;
            }

                .filtered-products .active-filters li span:hover {
                    color: #da2917;
                }

    .filtered-products .pagination-holder {
        text-align: center;
        margin-top: 30px;
    }

    .filtered-products .filter-group {
        background-color: #FFF;
        margin-bottom: 10px;
        padding: 20px 20px 5px;
        border-top: 1px solid #dbdcdb;
        max-height: 300px;
        max-height: 30vh;
        overflow-y: auto;
    }

    @media screen and (min-width: 992px) {
        .filtered-products .filter-group {
            border: none;
            border-radius: 3px;
        }
    }

    .filtered-products .filter-group .title {
        font-size: 18px;
        font-weight: 900;
        position: sticky;
        background: #fff;
        /*background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 100%);*/
        color: #2d2d2d;
        top: -20px;
        line-height: 1;
        z-index: 1;
        padding: 15px 20px 10px;
        margin: -20px -20px 0px -20px;
    }

        .filtered-products .filter-group .title a {
            font-size: 13px;
            font-weight: normal;
            margin-left: .5em;
        }

    .filtered-products .filter-group ul a {
        color: #444;
        text-decoration: none;
        line-height: 1;
        font-size: 13px;
    }

    .filtered-products .filter-group ul .checkbox-label {
        display: flex;
        align-items: center;
        min-height: 20px;
        margin: -2px -2px -2px -0px;
        padding: 2px 2px 2px 28px;
        border-radius: 4px;
    }

        .filtered-products .filter-group ul .checkbox-label:not(.checkbox-label-disabled):hover {
            background-color: #f3f3f3;
        }


    .filtered-products .filter-group ul label a {
        color: #444;
        text-decoration: none;
    }

        .filtered-products .filter-group ul label a small::before {
            content: '('
        }

        .filtered-products .filter-group ul label a small::after {
            content: ')'
        }

        .filtered-products .filter-group ul label a .stars {
            display: inline-flex;
            font-size: 18px;
            vertical-align: middle;
        }

    .filtered-products .filter-group ul label:not(.checkbox-label-disabled):hover a .front-stars {
        filter: hue-rotate(180deg) brightness(0.9);
    }


    .filtered-products .filter-group ul label.checkbox-label-selected a {
        font-weight: bold;
    }

    .filtered-products .filter-group ul label.checkbox-label-disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .filtered-products .filter-group ul label:not(.checkbox-label-disabled):hover a {
        color: #2687c8;
    }

    .filtered-products .filter-group ul label:not(.checkbox-label-disabled):hover .checkbox-custom {
        border-color: #2687c8;
    }

    .filtered-products .filter-group ul {
        margin: 2px 0 0;
        padding: 0;
        list-style: none;
    }

        .filtered-products .filter-group ul li {
            margin: 0 0 10px;
            padding: 0;
        }

    .filtered-products .filter-group .form {
        margin: 15px 0;
    }

        .filtered-products .filter-group .form input {
            width: 100%;
        }

    .filtered-products .filter-group .load-brands-holder {
        text-align: center;
    }

        .filtered-products .filter-group .load-brands-holder .load-brands {
            display: inline-block;
            font-weight: 700;
            cursor: pointer;
            color: #035da3;
        }

            .filtered-products .filter-group .load-brands-holder .load-brands:hover {
                text-decoration: underline;
            }

    .filtered-products .filter-group.categories {
        border: none;
    }

    .filtered-products .filter-group.brands li:nth-child(n+6) {
        display: none;
    }

    .filtered-products .filter-group .stars {
        justify-content: flex-start;
    }

        .filtered-products .filter-group .stars .back-stars,
        .filtered-products .filter-group .stars .front-stars {
        }

    .cart-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }

    @media screen and (min-width: 992px) {
        .cart-container {
            flex-wrap: nowrap;
        }
    }

    .cart-container .cart-content {
        flex-grow: 1;
    }

    @media screen and (min-width: 992px) {
        .cart-container .cart-content {
            flex-grow: 1;
            width: 100%;
        }
    }

    .cart-container .cart-content .button-holder {
        text-align: right;
        margin-bottom: 60px;
    }

    .cart-container .cart-sidebar {
        width: 100%;
    }

    @media screen and (min-width: 992px) {
        .cart-container .cart-sidebar {
            flex-grow: 0;
            flex-shrink: 0;
            padding-left: 10px;
            width: 330px;
        }
    }

    .cart-content .button-holder {
        text-align: right;
    }

    .line-item-cart-buttons {
        float: right;
    }

        .line-item-cart-buttons .button {
            margin: 20px 0;
        }


    #cartTable {
        margin: 0 0 10px 0;
        max-width: 100%;
    }

        #cartTable .thead {
            background: #eee;
            color: #2d2d2d;
            font-size: 13px;
            font-weight: normal;
            display: none;
            padding-top: 15px;
            padding-bottom: 15px;
            padding: 15px 20px;
            max-width: 100%;
        }

            /*@media screen and (min-width: 768px) {
  #cartTable .thead {
    display: flex;
  }
}*/

            #cartTable .thead .productCol {
                text-align: left;
            }

            #cartTable .thead .quantityCol {
                text-align: center;
            }

        #cartTable .tbody {
            max-width: 100%;
        }

        #cartTable .tr {
            margin-bottom: 10px;
        }

            #cartTable .tr:last-of-type {
                margin-bottom: 0;
            }

        #cartTable .cart-kit {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #fff;
            position: relative;
            flex-wrap: wrap;
            padding: 20px 20px;
            max-width: 100%;
            overflow: hidden;
        }

        #cartTable.restrictions .cart-kit {
            padding: 0;
        }


        #cartTable .kit-items {
            margin: 0;
            width: 100%;
            font-size: 11px;
            position: relative;
        }

            #cartTable .kit-items td.kit-sku {
                padding-left: 10px;
            }

            #cartTable .kit-items td.kit-price {
                padding-right: 10px;
                text-align: right;
                display: none;
            }

    @media screen and (min-width: 576px) {
        #cartTable .kit-items td.kit-price {
            display: table-cell;
        }
    }


    #cartTable .kit-items.expand .kit-items-inner {
        margin: 0 10px;
        background-color: #fff;
        max-height: 114px;
        overflow-y: auto;
        position: relative;
        box-shadow: inset 0px 6px 6px -6px rgba(0, 0, 0, .5);
        -webkit-overflow-scrolling: touch;
        -webkit-transition: .5s;
        transition: .5s;
    }

        #cartTable .kit-items.expand .kit-items-inner.open {
            max-height: 50em;
        }

    .expand-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-top: -4px;
        border-radius: 100%;
        text-align: center;
        text-indent: -.015em;
        background-color: #fff;
        cursor: pointer;
        border: 1px solid #CCC;
        color: #ccc;
        font-size: 19px;
        line-height: 20px;
        vertical-align: middle;
        transition: all .2s;
    }

    #cartTable .expand-icon {
        display: none;
        width: 20px;
        height: 20px;
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin-left: -10px;
        z-index: 1;
    }


    .expand-icon:hover {
        color: #035da3;
        border-color: #035da3;
    }

    .expand-icon .icon {
        line-height: 10px;
        display: inline-block;
    }



    #cartTable .kit-items .kit-items-table {
        margin: 0;
    }

    #cartTable .kit-items td {
        border-top: 1px solid #f0eff0;
        padding: 5px;
    }

        #cartTable .kit-items td.stock-status-cart {
            white-space: nowrap;
        }

        #cartTable .kit-items td.ship-size-cart {
            position: relative;
            text-align: center;
        }

    #cartTable .kit-items .success {
        color: #28a745;
        text-align: center;
    }

    #cartTable .kit-items .error {
        color: #da2917;
        text-align: center;
    }

    #cartTable .kit-items .warning {
        color: #eaa600;
        text-align: center;
    }

    #cartTable.mini {
        padding-top: 40px;
        /* border-top: 30px solid #f3f3f3; */
        margin-bottom: 0;
        background-color: #f3f3f3;
    }

        #cartTable.mini .tr {
            /*padding: 20px;*/
        }

    @media screen and (min-width: 768px) {
        #cartTable.mini .quantityCol {
            text-align: center;
        }
    }

    #cartTable .td {
        border: none;
        font-size: 12px;
    }

        #cartTable .td.success {
            color: #28a745;
        }

        #cartTable .td.error {
            color: #da2917;
        }

        #cartTable .td.warning {
            color: #eaa600;
        }




    #cartTable .quantityCol .quantity-remove {
        display: block;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        border: none;
        outline: none;
        padding: 0;
        width: 24px;
        height: 28px;
        background-color: #999;
        -webkit-mask: url('/Images/icons/trash-can.svg') no-repeat center / contain;
        mask: url('/Images/icons/trash-can.svg') no-repeat center / contain;
        -webkit-mask-size: 75%;
        mask-size: 75%;
    }

        #cartTable .quantityCol .quantity-remove:hover {
            background-color: #da2917;
        }

    /*#cartTable .quantityCol .quantity-remove.loading {
        background-color: #da2917;
        animation-duration: 2s;
        animation-name: spin-y;*/
    /*animation-duration: 0.8s;
        animation-name: pulse;*/
    /*animation-iteration-count: infinite;
        animation-timing-function: linear;
    }*/



    @media screen and (min-width: 768px) {
        #cartTable.wishlist .productCol {
            width: calc(100% - 400px);
        }
    }

    #cartTable .productCol {
        flex-grow: 1;
        /*padding-left: 15px;*/
        padding-bottom: 10px;
        width: 100%;
    }

    @media screen and (min-width: 768px) {
        #cartTable .productCol {
            /*padding-right: 30px;*/
            padding-bottom: 0;
            /*width: auto;*/
            width: calc(100% - 270px);
        }
    }

    #cartTable .productCol .holder {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
    }

    #cartTable .productCol .image {
        width: 90px;
        height: 90px;
        display: flex;
        margin-right: 20px;
        flex-grow: 0;
        flex-shrink: 0;
        justify-content: center;
        align-content: center;
        overflow: hidden;
    }

        #cartTable .productCol .image:hover {
            opacity: 0.8;
        }

    .cart-product-thumbnail-wrapper {
        display: flex;
        align-items: center;
    }

    #cartTable .productCol .image span.cart-product-thumbnail {
        display: flex;
    }

    #cartTable .productCol .image img {
        align-self: center;
        display: block;
        min-width: 1px;
    }

    #cartTable .productCol .content {
        flex-shrink: 1;
        max-width: 100%;
        align-self: center;
        /*margin-right: 20px;*/
    }

    #cartTable .productCol .title {
        display: inline-block;
        width: 100%;
        color: #2d2d2d;
        font-size: 15px;
        font-weight: 500;
        line-height: 1.2;
        text-decoration: none;
        text-decoration-color: #fff;
    }

        #cartTable .productCol .title:hover {
            text-decoration: underline;
            text-decoration-color: #d9d9d9;
        }


    @media screen and (min-width: 768px) {
        #cartTable .productCol .title {
            font-size: 18px;
        }
    }

    #cartTable .productCol .attributes a {
    }

    #cartTable .productCol .attributes > div {
        /*margin-right: 15px;*/
        white-space: nowrap;
    }

    #cart-popup .kit-savings {
        display: none;
    }

    #cartTable .productCol .attributes .kit,
    #cartTable .kit-savings {
        display: inline-block;
        color: #FFF;
        background: #015da3;
        padding: 2px 6px 0;
        margin-top: -2px;
        font-size: 12px;
        white-space: nowrap;
    }

    #cartTable .productCol .attributes .kit {
        display: none;
    }

    #cartTable .productCol .attributes .stock.success {
        color: #28a745;
    }

    #cartTable .productCol .attributes .stock.error {
        color: #da2917;
    }

    #cartTable .productCol .attributes .stock.warning {
        color: #eaa600;
    }

    #cartTable .productCol .attributes .free-shipping a {
        color: #28a745;
        font-weight: 700;
        /*position: relative;*/
        /*padding-left: 18px;*/
    }

    /*#cartTable .productCol .attributes .free-shipping:before {
    position: absolute;
    content: 'u';
    font-family: opgi-icons;
    top: -0.25em;
    left: 0;
    font-size: 16px;
}*/

    .free-shipping,
    .free-shipping-excluded,
    .additional-handling,
    .ground-shipping-only {
        cursor: help;
    }


    #cartTable .quantityCol {
        display: flex;
        flex-direction: row-reverse;
        flex-grow: 1;
        justify-content: flex-end;
        align-items: center;
        column-gap: 6px;
        text-align: left;
        padding-right: 20px;
    }

    @media screen and (min-width: 768px) {
        #cartTable .quantityCol {
            padding-right: 0px;
            /*width: 90px;*/
            flex-grow: 0;
            flex-shrink: 0;
            flex-direction: row;
        }
    }

    #cartTable .quantityCol.td {
        font-weight: 700;
        font-size: 14px;
    }

    #cartTable .quantityCol .quantity,
    #cartTable .quantityCol .quantity-read-only {
        width: 90px;
        text-align: center;
    }

    @media screen and (min-width: 768px) {
        #cartTable .quantityCol .quantity {
            margin: auto;
        }
    }

    #cartTable .quantityCol .quantity quantity-input[type=number] {
        font-size: 14px;
    }

    #cartTable .quantityCol .qty-label {
        display: inline-block;
    }

    @media screen and (min-width: 768px) {
        #cartTable .quantityCol .qty-label {
            display: none;
        }
    }

    #cartTable .order-discount-item {
        pointer-events: none;
    }

        #cartTable .order-discount-item .attributes,
        #cartTable .order-discount-item .free-shipping,
        #cartTable .order-discount-item .price-details,
        #cartTable .order-discount-item .quantityro {
            display: none !important;
        }

        #cartTable .order-discount-item .image {
            height: 53px;
        }

        #cartTable .order-discount-item .productCol .title {
            color: #d92400;
            font-weight: 700;
        }

        #cartTable .order-discount-item .priceCol .price {
            color: #d92400;
        }

        #cartTable .order-discount-item .priceCol {
            position: absolute;
            right: 20px;
        }

    @media screen and (min-width: 768px) {
        #cartTable .order-discount-item .priceCol {
            position: relative;
            right: auto;
        }
    }


    /*
#cartTable .quantityCol span {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  #cartTable .quantityCol span {
    display: none;
  }
}


@media screen and (min-width: 768px) {
  #cartTable .quantityCol {
    padding-right: 0px;
    width: 100px;
    flex-grow: 0;
    flex-shrink: 0;
  }
}


#cartTable .quantityCol .niceSelect {
  float: right;
}

#cartTable .quantityCol .niceSelect span {
  display: block !important;
}

@media screen and (min-width: 768px) {
  #cartTable .quantityCol .niceSelect {
    float: left;
  }
}
*/

    #cartTable .priceCol {
        text-align: right;
    }

    @media screen and (min-width: 768px) {
        #cartTable .priceCol {
            width: 120px;
            flex-grow: 0;
            flex-shrink: 0;
        }
    }

    #cartTable .priceCol .price {
        color: #2d2d2d;
        font-weight: 900;
        font-size: 18px;
        line-height: 1;
    }

    #cartTable .addCol {
        flex-grow: 0;
        flex-shrink: 0;
        width: 130px;
        text-align: right;
    }

    #cartTable .priceCol .price > span.price-backorder {
        opacity: 0.5;
    }

    #cartTable .tr.on-sale .priceCol .price > span {
        color: #d92400;
    }

    #cartTable .tr.item-free .priceCol .price > span {
        color: #d92400;
        font-size: 133%;
    }

    #cartTable .tr.item-free .priceCol .price-wrapper {
        display: none;
    }



    /***********************/
    /* ship via line items */
    /***********************/
    #cartTable.shipment-items {
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

        #cartTable.shipment-items .tbody {
            display: flex;
            flex-wrap: wrap;
        }

        #cartTable.shipment-items .tr {
            margin: 0 15px 10px 0;
        }


        #cartTable.shipment-items .cart-kit {
            padding: 0;
            overflow: initial;
        }

        #cartTable.shipment-items .part-banner {
            display: none;
        }

        #cartTable.shipment-items .productCol,
        #cartTable.shipment-items .productCol .image {
            padding: 0;
            margin: 0;
            width: 60px;
            height: 60px;
        }

            #cartTable.shipment-items .productCol a {
                cursor: default;
                pointer-events: none;
            }


            #cartTable.shipment-items .productCol .content,
            #cartTable.shipment-items .td.quantityCol,
            #cartTable.shipment-items .kit-items {
                display: none;
            }




    #cartTable .cart-product-badges {
        display: none;
    }

    #shipping-method .cart-product-badges {
        position: absolute;
        display: inline-flex !important;
        top: 0px;
        left: -3px;
        line-height: 1;
    }


    .ship-badge {
        display: inline-block;
        white-space: nowrap;
    }

        .ship-badge::before {
            content: '?';
            display: inline-block;
            margin-top: -5px;
            margin-right: 3px;
            width: 30px;
            height: 18px;
            line-height: 18px;
            background-color: #fff;
            border: 1px solid rgba(0, 0, 0, 0.5);
            color: rgba(0, 0, 0, 0.666);
            font-size: 11px;
            text-align: center;
            vertical-align: middle;
            border-radius: 99px;
            overflow: hidden;
            text-decoration: none;
            transition: all ease-in-out .3s;
        }

    #cartTable .ship-badge::before {
        width: 26px;
        height: 16px;
        line-height: 16px;
        font-size: 10px;
    }


    /*.ship-badge.ship-badge-md::before {
    margin-top: -4px;
    width:  24px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
}*/

    .ship-badge-free-ground::before {
        content: 'u';
        background-color: #28a745;
        border-color: #28a745;
        color: #fff;
        font-family: 'opgi-icons';
        font-size: 15px;
        text-indent: -1px;
    }

    .ship-badge-free-ground:hover::before {
        background-color: #13c53c !important;
        border-color: #13c53c !important;
    }

    /*.ship-badge-md.ship-badge-free-ground::before {
    font-size: 14px;
    text-indent: -1px;
}*/


    .ship-badge-standard::before {
        content: 'ST';
        /*background-color: rgba(0, 34, 102, 0.75);*/
    }

    .ship-badge-oversize-1::before {
        content: 'OS1';
    }

    .ship-badge-oversize-2::before {
        content: 'OS2';
    }

    .ship-badge-oversize-3::before {
        content: 'OS3';
    }

    .ship-badge-view-kit-item-sizes::before {
        content: 'KIT';
    }

    .ship-badge-truck-freight::before {
        content: 'OS4';
        /*background-color: #7f5b00;*/
    }

    .ship-badge-ground-only::before {
        content: 'GSO';
        /*background-color: #cd0046;*/
    }

    a.ship-badge:hover::before {
        background-color: #ccc;
    }



    .cart-summary {
        background: #FFF;
        margin-bottom: 2px;
    }

        .cart-summary .heading {
            padding: 30px;
            border-bottom: 1px solid #f3f3f3;
        }

            .cart-summary .heading h3, .cart-summary .heading .h3 {
                margin: 0 0 5px;
            }

        .cart-summary .sub-heading {
            display: flex;
            justify-content: space-between;
            font-size: 12px;
        }

        .cart-summary .cart-totals {
            margin: 10px 0 0;
            padding: 0 30px;
            list-style: none;
            color: #2d2d2d;
            font-size: 14px;
        }

            .cart-summary .cart-totals .success {
                color: #28a745;
            }

            .cart-summary .cart-totals .error {
                color: #da2917;
            }

            .cart-summary .cart-totals .warning {
                color: #eaa600;
            }

            .cart-summary .cart-totals > li {
                margin: 0;
                padding: 10px;
                border-bottom: 1px solid #f3f3f3;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

                .cart-summary .cart-totals > li.shipping-info {
                    display: block;
                }

                .cart-summary .cart-totals > li:last-child {
                    border-bottom: none;
                }

            .cart-summary .cart-totals .total {
                font-size: 16px;
                color: #035da3;
            }

    .shipping-info-group {
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 12px;
        line-height: 1;
    }


        /*.shipping-info-group > li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px 10px;
    font-size: 12px;
    line-height: 1;
}*/

        .shipping-info-group tr.shipping-info-group-total td {
            font-size: 14px;
        }

            .shipping-info-group tr.shipping-info-group-total td.price-final {
                font-weight: 700;
            }

        .shipping-info-group td {
            text-align: left;
        }

            .shipping-info-group td:first-child {
                text-align: left;
                width: 9em;
            }

            .shipping-info-group td:last-child {
                text-align: right;
            }

        /*.shipping-info-group > li > div:first-child {
    width: 53%;
    white-space: nowrap;
}*/

        .shipping-info-group .ship-badge {
            margin-top: -2px;
            margin-right: 5px;
        }

    a.tool-tip-lightbox {
        color: inherit;
        text-decoration-color: #00d9d9;
        text-decoration-line: underline;
        text-decoration-style: dotted;
    }

        a.tool-tip-lightbox:hover {
            color: #00a6a6;
            text-decoration-style: solid;
        }


    .shipping-info-group .price-original {
        position: relative;
        display: none;
    }

        .shipping-info-group .price-original::after {
            border-top: 2px solid rgba(217, 36, 0, .8);
            position: absolute;
            content: "";
            right: -3px;
            top: 45%;
            left: 5px;
            transform: rotate(-9deg);
        }

    .shipping-info-group th {
        padding: 0 0 8px;
        color: #aaa;
        font-size: 11px;
        font-weight: normal;
        white-space: nowrap;
    }

        .shipping-info-group th:last-child {
            text-align: right;
        }

    .shipping-info-detail td {
        padding: 0 0 8px;
        white-space: nowrap;
    }

    .shipping-info-detail .price-original {
        display: none;
    }

    .shipping-info .price-free,
    .shipping-info-detail .price-free {
        font-weight: 900;
        font-size: 16px;
        color: #28a745;
        text-transform: uppercase;
    }

    .shipping-info-detail .price-free {
        font-size: 15px;
    }

    /*.shipping-info-detail td:first-child {
    padding-left: 10px;
    width: 47%;
}*/

    /*.shipping-info-detail td:last-child {
    padding-right: 10px;
}*/

    .shipping-info-total {
        display: flex;
        justify-content: space-between;
    }

    .shipping-info-detail-toggle {
        cursor: pointer;
    }

    .cart-summary .button-holder {
        padding: 20px 30px 30px;
    }

    #promo-box > div {
        justify-content: space-between;
    }


    #promo-box .tb-sales-campaign {
        flex-grow: 1;
        padding: .5em .75em !important;
        border-right: 0;
        border-radius: 3px 0 0px 3px;
        font-size: 12px;
    }

        #promo-box .tb-sales-campaign::placeholder {
            color: #aaa;
        }

        #promo-box .tb-sales-campaign:focus::placeholder {
            color: #eee;
        }


    #promo-box .btn-sales-campaign {
        border-radius: 0 3px 3px 0;
        padding: .5em .75em !important;
        font-size: 12px;
        font-weight: normal;
    }

    .sub-heading.promo-display {
        color: #888;
        justify-content: flex-start;
    }

    .promo-display b {
        margin-left: 0.5em;
        color: #317bc5;
    }

    .promo-display .remove {
        position: relative;
        top: -1px;
        padding: 0;
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 24px;
        color: #bbb;
        text-align: center;
        background: none;
        border: none;
        outline: none;
    }

        .promo-display .remove:hover {
            color: #da2917;
        }


    .cart-summary .neg {
        color: #045DA3;
    }

    .cart-sidebar .alt-payments {
        background: #FFF;
        padding: 20px 30px;
    }

        .cart-sidebar .alt-payments .button {
            display: flex;
            justify-content: center;
            align-content: center;
            margin: 10px 0;
            padding-top: 1.25em;
            padding-bottom: 1.25em;
            color: #2d2d2d;
            font-size: 14px;
            font-weight: 400;
        }

        .cart-sidebar .alt-payments .paypal img {
            max-height: 16px;
            margin-left: 5px;
        }

        .cart-sidebar .alt-payments .affirm img {
            max-height: 16px;
            margin-right: 5px;
            position: relative;
            top: -2px;
        }

        .cart-sidebar .alt-payments .affirm-text {
            min-height: 19px;
            font-size: 12px;
            color: #888;
            text-align: center;
            white-space: nowrap;
        }

            .cart-sidebar .alt-payments .affirm-text a {
                color: #888;
                /* text-decoration: none; */
            }

                .cart-sidebar .alt-payments .affirm-text a:hover {
                    color: #035da3;
                }

    .points {
        background: transparent;
        padding: 20px 0 10px;
        text-align: center;
        font-size: 13px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 400;
    }

        .points .icon-points,
        .points .icon-points-1 {
            color: #eaa600;
            font-size: 24px;
            margin-right: 5px;
            margin-bottom: -6px;
        }

        .points a {
            color: #888;
            text-decoration: none;
            font-size: 12px;
        }

            .points a:hover {
                color: #035da3;
            }

        .points .loyalty-level {
            color: #eaa600;
            font-size: 1.1em;
            font-weight: 900;
            text-transform: uppercase;
            line-height: 0.8;
            margin-right: 3px;
        }


    .cart-sidebar .trust {
        display: flex;
        padding: 20px 20px;
        justify-content: space-around;
        column-gap: 10px;
    }

        .cart-sidebar .trust a img {
            max-height: 40px;
            opacity: .85;
        }

        .cart-sidebar .trust a:hover img {
            opacity: 1;
            filter: saturate(2);
        }


    .checkout-steps .steps {
        max-width: 400px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        font-size: 11px;
        font-weight: 400;
        position: relative;
    }

    @media screen and (min-width: 340px) {
        .checkout-steps .steps {
            font-size: 12px;
        }
    }

    .checkout-steps .steps .step {
        position: relative;
        z-index: 3;
        color: #d9d9d9;
    }

    .checkout-steps .steps .active {
        color: #999;
    }

        .checkout-steps .steps .active .icon-holder {
            border-color: #035da3;
            background: #035da3;
        }

            .checkout-steps .steps .active .icon-holder .icon {
                color: #FFF;
            }

    .checkout-steps .steps .current {
        color: #035da3;
    }

        .checkout-steps .steps .current .icon-holder {
            transform: scale(1.2);
        }

    .checkout-steps .steps .icon-holder {
        background: #f3f3f3;
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 40px;
        border: 2px solid #d8d7d8;
        border-radius: 100%;
        text-align: center;
        margin: 0px auto 5px;
    }

        .checkout-steps .steps .icon-holder .icon {
            color: #d9d9d9;
        }

    .checkout-steps .steps:before, .checkout-steps .steps:after {
        content: '';
        display: block;
        border-bottom: 2px dashed #d9d9d9;
        position: absolute;
        top: 20px;
        left: 30px;
        right: 50%;
    }

    .checkout-steps .steps:after {
        right: 30px;
        left: 50%;
    }

    .checkout-steps .steps.on-step2:before {
        border-bottom: 2px solid #035da3;
    }

    .checkout-steps .steps.on-step3:before, .checkout-steps .steps.on-step3:after {
        border-bottom: 2px solid #035da3;
    }

    .checkout-content {
        background: #FFF;
        width: 100%;
        flex-grow: 1;
        /*padding-bottom: 60px;*/
        padding-bottom: 40px;
        margin-bottom: 30px;
    }

    .checkout-row {
        padding: 15px 20px;
    }

    @media screen and (min-width: 768px) {
        .checkout-row {
            /*padding: 15px 100px;*/
            /*padding: 15px 80px;*/
            padding: 15px 40px;
        }
    }

    .checkout-row.heading {
        /*padding-top: 30px;*/
    }

    .checkout-row.border-bottom {
        border-bottom: 1px solid #f1f1f1;
        padding-bottom: 30px;
        margin-bottom: 10px;
    }

    .checkout-row.border-top {
        border-top: 1px solid #f1f1f1;
        padding-top: 30px;
        /*margin-top: 10px;*/
    }

    .customer-type {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        gap: 15px;
    }

    @media screen and (min-width: 768px) {
        .customer-type {
            flex-direction: row;
        }
    }

    .customer-type .option {
        display: flex;
        flex-direction: column;
        border: 1px solid #d2d2d2;
        border-radius: 6px;
        cursor: pointer;
        font-size: 16px;
        line-height: 1.2;
        padding: 15px 20px;
        position: relative;
        width: 100%;
    }

        .customer-type .option small {
            font-size: 12px;
            opacity: .75;
            font-weight: normal;
        }


    @media screen and (min-width: 768px) {
        .customer-type .option {
        }
    }

    .customer-type .option:hover {
        color: #2d2d2d;
        border: 1px solid #999;
    }

    .customer-type .option.active {
        cursor: default;
        border-color: transparent;
        border: 2px solid #035da3;
        padding: 14px 19px; /*needed to offset border width change*/
        font-weight: 700;
        color: #2d2d2d;
    }

    .customer-type .option:before {
        opacity: 0;
        content: 'u';
        background: #035da3;
        height: 0;
        width: 0;
        font-size: 23px;
        line-height: 30px;
        text-align: center;
        vertical-align: middle;
        border-radius: 100%;
        position: absolute;
        right: 35px;
        top: 50%;
        margin-top: 0;
        font-family: opgi-icons;
        color: rgba(255,255,255,0);
        transform: rotate(180deg);
        transition: all .3s ease-out;
    }


    .customer-type .option.active:before {
        right: 20px;
        margin-top: -15px;
        height: 30px;
        width: 30px;
        color: rgba(255,255,255,1);
        opacity: 1;
        transform: rotate(360deg);
    }

    .form-group {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        flex-direction: column;
        flex-wrap: wrap;
    }

    @media screen and (min-width: 768px) {
        .form-group {
            flex-direction: row;
            flex-wrap: nowrap;
        }
    }

    .form-group .label-group {
        width: 100%;
        text-align: left;
        font-size: 12px;
        line-height: 1.1;
        flex-grow: 1;
    }

    @media screen and (min-width: 768px) {
        .form-group .label-group {
            margin-bottom: 0;
            width: 160px;
            padding-right: 10px;
            text-align: right;
            flex-grow: 0;
            flex-shrink: 0;
        }
    }

    .form-group .label-group label {
        text-align: right;
    }

    .form-group .label-group small,
    .form-group .label-group .finePrint,
    .form-group .label-group .ErrorMessage,
    .form-group .label-group .required {
        white-space: nowrap;
    }


    .form-group .input-group {
        flex-grow: 1;
        width: 100%;
        position: relative;
    }

    .form-group input:not([type=checkbox]):not([type=radio]):not([type=button]) {
        width: 100%;
    }

    .form-group .nice-select {
        width: 100%;
    }

    .form-group .password-forgot {
        font-size: 13px;
        flex-shrink: 0;
        display: inline-block;
        margin: 10px 0;
    }


    .password-toggle-group input[type=text] {
        font-family: monospace;
    }

    .password-toggle-group input::-ms-reveal,
    .password-toggle-group input::-ms-clear {
        display: none;
    }

    .password-toggle-button {
        position: absolute;
        top: 1px;
        right: 1px;
        height: calc(2.5em - 2px);
        width: calc(2.5em - 2px);
        padding: 8px 10px;
        background-color: rgba(0,0,0,0);
        background-image: url('/Images/icons/eye-open.svg'), url(/Images/icons/eye-closed.svg); /* preload closed eye */
        background-size: 26px 16px, 26px 16px;
        background-position: center center, -99em -99em;
        background-repeat: no-repeat, no-repeat;
        border: none;
        border-radius: 0 3px 3px 0;
        font-size: 16px;
        text-indent: -99em;
        overflow: hidden;
        opacity: 0;
        transition: all 0.3s;
    }

        .password-toggle-button.show {
            opacity: .67;
        }


        .password-toggle-button:hover {
            background-color: rgba(0,0,0,0.1);
        }


        .password-toggle-button.password-toggle-button-show {
            background-image: url(/Images/icons/eye-closed.svg), url('/Images/icons/eye-open.svg'); /* keeping two images stops duplication during css transition */
        }


    label .required {
        color: #da2917;
        font-size: 12px;
        position: relative;
        top: -3px;
        margin-left: 1px;
    }

    #sameAsShippingRadios .checkbox-label {
        float: left;
        clear: none;
        margin-right: 30px;
        margin-bottom: 5px;
    }


    .create-account,
    .join-newsletter {
        border: 1px solid #d2d2d2;
        border-radius: 6px 6px 0 0;
        padding: 30px;
    }

        .create-account .checkbox-label,
        .join-newsletter .checkbox-label {
            font-size: 16px;
            font-weight: 700;
            color: #2d2d2d;
        }

            .create-account .checkbox-label small,
            .join-newsletter .checkbox-label small {
                color: #444;
                display: block;
                font-size: 12px;
                font-weight: normal;
                padding-top: 2px;
            }


    .create-account-points {
        border: 1px solid #d2d2d2;
        border-top: none;
        border-radius: 0 0 6px 6px;
        background: #f3f3f3;
        padding: 10px;
        font-size: 13px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #2d2d2d;
    }

        .create-account-points .icon {
            color: #eaa600;
            font-size: 24px;
            position: relative;
            top: 3px;
            margin-right: 10px;
        }

    .checkout-row.buttons {
        text-align: right;
    }

        .checkout-row.buttons .terms {
            margin-top: 20px;
            text-align: center;
            font-size: 12px;
            color: #888888;
        }

            .checkout-row.buttons .terms a {
                color: #888888;
                text-decoration: underline;
            }

                .checkout-row.buttons .terms a:hover {
                    color: #035da3;
                }



    .shipping-options .shipvia-group {
        position: relative;
        display: flex;
        flex-flow: row wrap;
        /* background-color: #fafafa; */
        margin-bottom: 10px;
        padding: 20px 0px 10px;
    }

        .shipping-options .shipvia-group.no-group {
            /*flex-flow: column nowrap;*/
            padding-top: 10px;
        }


        .shipping-options .shipvia-group h4 {
            position: absolute;
            top: 2px;
            left: 0;
            font-size: 14px;
        }

        .shipping-options .shipvia-group > div,
        .emission-restriction-options .group > div {
            padding: 5px;
            width: 100%;
        }

        .shipping-options .shipvia-group.no-group > div {
            /*width: 100%;*/
        }


    .shipping-options .checkbox-label,
    .emission-restriction-options .checkbox-label {
        border: 1px solid #fafafa;
        border-radius: 6px;
        background: #fafafa center;
        padding: 10px 15px;
        min-height: 50px;
        height: 100%;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #2d2d2d;
        margin: 0;
        font-weight: 400;
        transition: all .5s;
        user-select: none;
    }

    @media screen and (min-width: 1200px) {
        .shipping-options .shipvia-group > div {
            width: 50%;
        }
    }


    .shipping-options .checkbox-label:hover {
        border-color: #2687c8;
    }


    .shipping-options .checkbox-label.active {
        background-color: #d5e4f3;
        border-color: #d5e4f3;
        cursor: default;
    }

    .shipping-options .checkbox-label .image {
        display: none;
        height: 16px;
        width: auto;
        margin-right: 8px;
        align-content: center;
        transition: opacity .5s;
    }

    @media screen and (min-width: 390px) {
        .shipping-options .checkbox-label .image {
            display: flex;
        }
    }

    .shipping-options .checkbox-label .image img {
        max-height: 100%;
    }



    .shipping-options .checkbox-label .image.shipvia-company-ups {
        height: 24px;
    }


    .shipping-options .checkbox-label .days {
        display: none;
    }



    .shipping-options .checkbox-label .method {
        flex-grow: 1;
        white-space: nowrap;
        line-height: 1;
        /*text-overflow: ellipsis;
    overflow: hidden;*/
    }

    @media screen and (min-width: 390px) {
        .shipping-options .checkbox-label .method span {
            display: none;
        }
    }


    .shipping-options .checkbox-label .price {
        font-size: 16px;
        /*margin-left: 10px;*/
        text-align: right;
    }

    .shipping-options label.ship-promo span.ship-free {
        color: #28a745;
        font-size: 18px;
        font-weight: 700;
        line-height: 0.4;
    }

    .shipping-options .ship-price-original {
        position: relative;
        /*display: inline-block;*/
        display: none;
        margin-right: 15px;
    }

        .shipping-options .ship-price-original::after {
            border-top: 2px solid rgba(217, 36, 0, .8);
            position: absolute;
            content: "";
            right: -3px;
            top: 45%;
            left: 5px;
            transform: rotate(-9deg);
        }

    .ship-price-save-banner {
        /*display: inline-block;*/
        display: none;
        height: 18px;
        line-height: 18px;
        border-radius: 2px;
        background-color: #28a745;
        padding: 0 15px;
        text-align: center;
        color: #fff;
        font-size: 13px;
        font-weight: 900;
        text-transform: uppercase;
    }

    .shipping-info-group .ship-price-save-banner {
        margin: 6px 0 2px;
        /*padding: 0 30px;*/
        width: 100%;
    }

    .shipping-options .ship-price-save-banner {
        position: absolute;
        top: -9px;
        right: 15px;
    }


    .shipping-options label.ship-promo.active {
        /*border-color: #28a745;*/
        background-color: #cfe9cf;
    }


        .shipping-options label.ship-promo.active .radio-custom {
            background-color: #28a745;
            border-color: #28a745;
        }


    .shipping-options .checkbox-label .radio-custom,
    .emission-restriction-options .checkbox-label .radio-custom {
        position: relative;
        margin-right: 10px;
        flex-shrink: 0;
        display: none;
    }

    @media screen and (min-width: 390px) {
        .shipping-options .checkbox-label .radio-custom,
        .emission-restriction-options .checkbox-label .radio-custom {
            display: inline-block;
        }
    }



    .horizontal-rule-text {
        display: block;
        overflow: hidden;
        text-align: center;
    }

        .horizontal-rule-text::before,
        .horizontal-rule-text::after {
            background-color: #eee;
            content: "";
            display: inline-block;
            height: 1px;
            position: relative;
            vertical-align: middle;
            width: 30%;
        }

        .horizontal-rule-text::before {
            right: 0.5em;
            margin-left: -50%;
        }

        .horizontal-rule-text::after {
            left: 0.5em;
            margin-right: -50%;
        }



    .shipping-options .ship-via-promo {
        color: #28a745;
        font-weight: bolder;
    }

        .shipping-options .ship-via-promo.active {
            border-color: #28a745;
            /*background-color: #e7f5ed;*/
            background-color: #f3faf6;
        }

            .shipping-options .ship-via-promo.active .radio-custom {
                background-color: #28a745;
                border-color: #28a745;
            }




    .ship-size-help-container {
        margin-bottom: 40px;
        font-size: 14px;
    }

        .ship-size-help-container ul {
            list-style: none;
            /*margin-left: 0;*/
            padding-left: 0;
        }

            .ship-size-help-container ul li {
                line-height: 1.2;
                margin-bottom: 0.6em;
            }

            .ship-size-help-container ul .ship-badge {
                margin-top: -4px;
            }


        .ship-size-help-container dl {
            display: flex;
            flex-direction: column;
            column-gap: 25px;
            row-gap: 25px;
            margin: 0;
        }

        .ship-size-help-container .ship-free-text {
            color: #28a745;
            font-weight: 900;
        }

        .ship-size-help-container .ship-flat-rate-text {
            color: #0071ca;
            font-weight: 900;
        }

    @media screen and (min-width: 600px) {
        .ship-size-help-container dl {
            flex-direction: row;
        }

            .ship-size-help-container dl > div {
                flex-grow: 1;
                max-width: 33.33%;
            }
    }


    .ship-size-help-container h2 {
        margin: 0 0 8px;
        font-size: 22px;
    }



        .ship-size-help-container h2 span {
            display: block;
            font-size: 18px;
            font-weight: 400;
            opacity: 0.75;
        }

    @media screen and (min-width: 600px) {
        .ship-size-help-container h2 span {
            display: inline;
        }
    }

    .ship-size-help-container h2 i {
        font-weight: 400;
        font-style: normal;
    }


    .ship-size-help-container h3 {
        margin-bottom: 8px;
    }

        .ship-size-help-container h3 span {
            display: block;
            font-weight: 400;
            opacity: 0.75;
        }

    @media screen and (min-width: 600px) {
        .ship-size-help-container h3 span {
            display: inline;
        }
    }



    .ship-size-help-container dt {
        background-color: #f9f9f9;
        padding: 5px 15px 2px;
        font-size: 16px;
        color: #2d2d2d;
    }

        .ship-size-help-container dt img {
            height: 14px;
            opacity: .8;
        }


        .ship-size-help-container dt span {
            font-weight: 400;
        }


    .ship-size-help-container dd {
        margin: 0;
        padding: 8px 15px 0;
    }

    .ship-size-help-container .horizontal-rule-text {
        font-style: italic;
    }


        .ship-size-help-container .horizontal-rule-text::before,
        .ship-size-help-container .horizontal-rule-text::after {
            width: 20%;
        }

        .ship-size-help-container .horizontal-rule-text::before {
            margin-left: -100%;
        }


    /*
.verify-address .label-group label {
    color: #bf8800;
}


.verify-address select {
    border-color: #eaa600 !important;
    background: linear-gradient(0deg, rgba(234, 166, 0, 0.4) 0%, rgba(234, 166, 0, 0.15) 15%, rgba(255,255,255,1) 100%) !important;
}


.verify-address input {
    border-color: #eaa600 !important;
    background-color: #fefcf8 !important;
    box-shadow: inset 0 0 3px rgba(234, 166, 0, .5) !important;
}
*/

    .button.verify-address,
    .Button.verify-address {
        background-color: #eaa600;
        border-color: #bf8800;
    }

        .button.verify-address:hover,
        .Button.verify-address:hover {
            background-color: #bf8800 !important;
            border-color: #bf8800 !important;
        }



    .user-address {
        font-size: 13px;
    }

        .user-address a {
            color: #ADADAD;
            text-decoration: underline;
            display: inline-block;
            margin-left: 10px;
        }

            .user-address a:hover {
                color: #035da3;
            }

    .shipping-desc {
        color: #2d2d2d;
        font-size: 12px;
    }

    .shipping-notes label {
        display: block;
        width: 100%;
        color: #2d2d2d;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .redeemfbp .active {
        background: #187ac3;
        border-color: #187ac3;
        color: #FFF;
    }

    .payment-methods {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        justify-content: space-between;
    }

    @media screen and (min-width: 600px) {
        .payment-methods {
            flex-wrap: nowrap;
        }
    }

    .payment-methods li {
        border: 1px solid #d7d7d7;
        flex-grow: 1;
        text-align: center;
        padding: 10px 5px;
        font-size: 12px;
        cursor: pointer;
        font-weight: 400;
        display: flex;
        align-items: center;
        line-height: 1.2;
        text-align: center;
        justify-content: center;
        white-space: nowrap;
        border-radius: 6px;
        margin: 2px;
        min-width: 24%;
    }

        .payment-methods li a {
            text-decoration: none;
            color: #444;
        }

    @media screen and (min-width: 600px) {
        .payment-methods li {
            font-size: 14px;
            border-right: none;
            border-radius: 0;
            min-width: 0;
            margin: 0;
        }

            .payment-methods li:first-child {
                border-radius: 6px 0 0 6px;
            }

            .payment-methods li:last-child {
                border-radius: 0 6px 6px 0;
                border-right: 1px solid #d7d7d7;
            }
    }

    .payment-methods li:hover {
        background: #f3f3f3;
    }

    .payment-methods li.active {
        background: #187ac3;
        border-color: #187ac3;
        color: #FFF;
    }

    .cc-expiration-date .niceSelect {
        float: left;
        margin-right: 15px;
        clear: none;
        background: #f3f3f3;
        margin-bottom: 5px;
    }

    @media screen and (min-width: 400px) {
        .cc-expiration-date .niceSelect {
            width: 140px;
        }
    }

    .cc-expiration-date .niceSelect .option {
        line-height: 25px;
        height: auto;
        min-height: 0;
    }

        .cc-expiration-date .niceSelect .option:first-child {
            display: none;
        }

    .cc-secure {
        font-size: 12px;
        /*padding-bottom: 10px;*/
    }


    .credit-card-logos img {
        max-height: 22px;
        margin-left: 4px;
    }


    @media screen and (min-width: 992px) {
        .credit-card-logos {
            float: right;
        }
    }

    .form-group.cc-security input:not([type=checkbox]):not([type=radio]):not([type=button]) {
        width: 140px;
    }

    .gift-card-form {
        border: 1px solid #d7d7d7;
        border-radius: 3px;
        padding: 30px;
    }

        .gift-card-form input:not([type=checkbox]):not([type=radio]):not([type=button]) {
            width: 100%;
            margin-bottom: 15px;
        }

        .gift-card-form label {
            display: block;
            width: 100%;
            color: #2d2d2d;
            font-size: 14px;
            margin-bottom: 5px;
        }

    .what-next {
        margin: 0 0 2em;
        padding: 0;
        list-style: none;
    }

        .what-next li {
            margin: 0 0 15px 0;
            padding: 0 0 0 40px;
            position: relative;
            font-size: 16px;
            font-weight: 400;
        }

            .what-next li:before {
                content: 'H';
                font-family: opgi-icons;
                display: block;
                color: #28a745;
                position: absolute;
                font-size: 18px;
                left: 10px;
                top: -1px;
            }

    .confirmation-section {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    @media screen and (min-width: 500px) {
        .confirmation-section {
            flex-direction: row;
        }
    }

    .confirmation-section .section {
        padding: 20px 30px 30px;
        border-top: 1px solid #f1f1f1;
        font-size: 13px;
    }

    @media screen and (min-width: 768px) {
        .confirmation-section .section {
            width: 50%;
            padding: 20px 40px 30px;
        }

            .confirmation-section .section.shipping-address {
                border-right: 1px solid #f1f1f1;
            }
    }

    .confirmation-section .section h3, .confirmation-section .section .h3 {
        margin-bottom: 10px;
    }

    .confirmation-section .section.comments {
        width: 100%;
    }

    .confirmation-section .section.notes {
        padding-top: 40px;
        padding-bottom: 40px;
        width: 100%;
        font-size: 12px;
        color: #2d2d2d;
    }

    .confirmation-section .section.shipping-method img, .confirmation-section .section.payment-info img {
        max-height: 25px;
    }

    .section.shipping-method .container-header-title {
        font-size: inherit;
        color: inherit;
        margin: 5px 0 0;
    }

    .sendFormRow.shipment-wrapper {
        margin-bottom: 20px;
    }

    .tracking-information {
        display: inline-block;
        margin-right: 5px;
    }

    label.tracking-description,
    span.tracking-shipped-date {
        display: none;
    }



    ul.additional-catalogs {
        margin: 0 -5px;
        padding: 0;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
    }

        ul.additional-catalogs li {
            margin: 0;
            padding: 0;
            width: 33.333%;
        }

    @media screen and (min-width: 768px) {
        ul.additional-catalogs li {
            width: 12.5%;
        }
    }

    @media screen and (min-width: 992px) {
        ul.additional-catalogs.additional-catalogs-count-7 li {
            width: calc(100% / 7);
        }

        ul.additional-catalogs.additional-catalogs-count-8 li {
            width: calc(100% / 8);
        }

        ul.additional-catalogs.additional-catalogs-count-9 li {
            width: calc(100% / 9);
        }

        ul.additional-catalogs.additional-catalogs-count-10 li {
            width: calc(100% / 10);
        }

        ul.additional-catalogs.additional-catalogs-count-11 li {
            width: calc(100% / 11);
        }

        ul.additional-catalogs.additional-catalogs-count-12 li {
            width: calc(100% / 12);
        }

        ul.additional-catalogs.additional-catalogs-count-13 li {
            width: calc(100% / 13);
        }
    }

    ul.additional-catalogs li a {
        margin: 5px;
        display: block;
        transition: all .3s;
    }

        ul.additional-catalogs li a img {
            display: block;
        }

    @media screen and (min-width: 768px) {

        ul.additional-catalogs li a:hover {
            transform: scale(1.25);
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
        }
    }

    .fancybox-content {
        overflow: visible !important;
    }




#pnlAddToCartVehicleSelect {
    margin-top: -230px;
    padding: 0;
    width: 100%;
    max-width: 100%;
}

    @media screen and (min-width: 440px) {
        #pnlAddToCartVehicleSelect {
            width: auto;
        }
    }

#pnlAddToCartVehicleSelect .fancybox-close-small {
    top: 0;
    background-color: transparent;
}


    #check-fitment-wrap {
        position: relative;
        padding: 30px 10px;
        background-color: #035da3;
    }


    @media screen and (min-width: 440px) {
        #check-fitment-wrap {
            padding: 30px;
        }
    }


    #check-fitment-wrap .title {
        text-align: center;
        font-size: 1.5em;
        font-weight: bold;
        color: #fff;
    }

    #fitment-result-wrap {
        padding: 30px
    }

    #fitment-result-message {
        line-height: 1.2;
    }

    .button-container {
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: column;
    }

        .button-container .button {
            flex-grow: 1;
            margin-bottom: 10px;
            margin-right: 10px;
            width: 100%;
            white-space: nowrap;
        }

    @media (min-width: 768px) {
        .button-container {
            flex-direction: row;
        }

            .button-container .button {
                margin-bottom: 0;
                margin-right: 20px;
            }

                .button-container .button:last-child {
                    margin-right: 0;
                }
    }

    .fitment-nowrap {
        white-space: nowrap;
        width: 240px;
    }

    .button-container .button:last-child {
        margin-right: 0;
    }

    .fancybox-header-fitment-fit .title {
        color: #317BC5;
        text-align: center;
        font-size: 1.5em;
        font-weight: bold;
    }

    .fancybox-header-fitment-nofit .title {
        color: #da2917;
        text-align: center;
        font-size: 1.5em;
        font-weight: bold;
    }

    #select-vehicle-loading {
        display: none;
        position: absolute;
        top: 10px;
        left: 43%;
    }








    select.niceSelect {
        opacity: 0; /* noscript tag in header set opacity to 1 */
        height: 40px;
    }

    .nice-select {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        background-color: #fff;
        border-radius: 0.25rem;
        border: solid 1px #d9d9d9;
        box-sizing: border-box;
        clear: both;
        cursor: pointer;
        display: block;
        float: left;
        font-family: inherit;
        font-size: 16px;
        font-weight: normal;
        outline: none;
        padding-left: 12px;
        padding-right: 30px;
        position: relative;
        text-align: left !important;
        transition: all 0.2s ease-in-out;
        user-select: none;
        white-space: nowrap;
        width: auto;
    }

        .nice-select:hover {
            border-color: #dbdbdb;
        }

        .nice-select:active, .nice-select.open, .nice-select:focus {
            border-color: #999;
        }

        .nice-select:after {
            border-bottom: 1px solid #999;
            border-right: 1px solid #999;
            content: '';
            display: block;
            height: 5px;
            margin-top: -4px;
            pointer-events: none;
            position: absolute;
            right: 12px;
            top: 50%;
            transform-origin: 66% 66%;
            transform: rotate(45deg);
            transition: all 0.15s ease-in-out;
            width: 5px;
        }

        .nice-select.open:after {
            transform: rotate(-135deg);
        }

        .nice-select.open .list {
            opacity: 1;
            pointer-events: auto;
            transform: scale(1) translateY(0);
        }

        .nice-select.disabled {
            border-color: #ededed;
            color: #999;
            pointer-events: none;
        }

            .nice-select.disabled:after {
                border-color: #cccccc;
            }

        .nice-select.wide {
            width: 100%;
        }

            .nice-select.wide .list {
                left: 0 !important;
                right: 0 !important;
            }

        .nice-select.right {
            float: right;
        }

            .nice-select.right .list {
                left: auto;
                right: 0;
            }

        .nice-select.small {
            font-size: 12px;
            height: 36px;
            line-height: 34px;
        }

            .nice-select.small:after {
                height: 4px;
                width: 4px;
            }

            .nice-select.small .option {
                line-height: 34px;
                min-height: 34px;
            }

        .nice-select .list {
            background-color: #fff;
            box-sizing: border-box;
            margin-top: 4px;
            opacity: 0;
            overflow: hidden;
            max-height: 21em;
            overflow-y: auto;
            padding: 0;
            pointer-events: none;
            position: absolute;
            top: 100%;
            left: 0;
            transform-origin: 50% 0;
            transform: scale(0.75) translateY(calc(-1 * (2.25rem + 2px) / 2));
            transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
            z-index: 9;
            -webkit-overflow-scrolling: touch;
        }

            .nice-select .list:hover .option:not(:hover) {
                background-color: transparent !important;
            }

        .nice-select .option {
            cursor: pointer;
            font-weight: 400;
            line-height: calc(2.25rem + 2px);
            list-style: none;
            min-height: calc(2.25rem + 2px);
            outline: none;
            padding-left: 12px;
            padding-right: 12px;
            text-align: left;
            transition: all 0.2s;
            display: flex;
            justify-content: space-between;
            align-items: baseline;
        }

            .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
                background-color: #f6f6f6;
            }

            .nice-select .option.selected {
                font-weight: bold;
            }

            .nice-select .option.disabled {
                background-color: transparent;
                color: #999;
                cursor: default;
            }

    .no-csspointerevents .nice-select .list {
        display: none;
    }

    .no-csspointerevents .nice-select.open .list {
        display: block;
    }

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

    .slick-list {
        position: relative;
        overflow: hidden;
        display: block;
        margin: 0;
        padding: 0;
        padding: 0 20px 0 0;
    }

        .slick-list:focus {
            outline: none;
        }

        .slick-list.dragging {
            cursor: pointer;
            cursor: hand;
        }

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

    .slick-track {
        position: relative;
        left: 0;
        top: 0;
        display: block;
        /*margin-left: auto;*/ /* disabled margins to allow left align when less items than slidesToShow */
        /*margin-right: auto;*/ /* disabled margins to allow left align when less items than slidesToShow */
    }

        .slick-track:before, .slick-track:after {
            content: "";
            display: table;
        }

        .slick-track:after {
            clear: both;
        }

    .slick-loading .slick-track {
        visibility: hidden;
    }

    .slick-slide {
        float: left;
        height: 100%;
        min-height: 1px;
        display: none;
    }

    [dir="rtl"] .slick-slide {
        float: right;
    }

    .slick-slide img {
        display: block;
    }

    .slick-slide.slick-loading img {
        display: none;
    }

    .slick-slide.dragging img {
        pointer-events: none;
    }

    .slick-initialized .slick-slide {
        display: block;
    }

    .slick-loading .slick-slide {
        visibility: hidden;
    }

    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }

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

    /* Slider */
    .slick-loading .slick-list {
        background: #fff url("/images/ajax-loader.gif") center center no-repeat;
    }

    /* Icons */
    /* Arrows */
    .slick-prev,
    .slick-next {
        position: absolute;
        display: block;
        height: 20px;
        width: 20px;
        line-height: 0px;
        font-size: 0px;
        cursor: pointer;
        background: transparent;
        color: transparent;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0;
        border: none;
        outline: none;
    }

        .slick-prev:hover,
        .slick-next:hover {
            outline: none;
            background: transparent;
            color: transparent;
        }

            .slick-prev:hover:before,
            .slick-next:hover:before {
                opacity: 1;
            }

        .slick-prev.slick-disabled:before,
        .slick-next.slick-disabled:before {
            opacity: 0.25;
        }

        .slick-prev:before,
        .slick-next:before {
            position: relative;
            left: -3px;
            font-family: "opgi-icons";
            font-size: 24px;
            line-height: 1;
            color: #000;
            opacity: .25;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

    .slick-prev {
        left: -25px;
    }

    [dir="rtl"] .slick-prev {
        left: auto;
        right: -25px;
    }

    .slick-prev:before {
        content: "x";
    }

    [dir="rtl"] .slick-prev:before {
        content: "a";
    }

    .slick-next {
        right: -25px;
    }

    [dir="rtl"] .slick-next {
        left: -25px;
        right: auto;
    }

    .slick-next:before {
        content: "a";
        left: -1px;
    }

    [dir="rtl"] .slick-next:before {
        content: "x";
    }

    /* Dots */
    .slick-dotted.slick-slider {
        margin-bottom: 30px;
    }

    .slick-dots {
        position: absolute;
        /*bottom: -35px;*/
        list-style: none;
        display: block;
        text-align: center;
        padding: 0;
        margin: 0;
        width: 100%;
    }

        .slick-dots li {
            position: relative;
            display: inline-block;
            height: 30px;
            width: 30px;
            margin: 0 2px;
            padding: 0;
            border-radius: 100%;
        }

            .slick-dots li button {
                border: 0;
                background: transparent;
                cursor: pointer;
                display: block;
                height: 30px;
                width: 30px;
                outline: none;
                line-height: 0px;
                font-size: 0px;
                color: transparent;
                padding: 0px;
                cursor: pointer;
            }

                .slick-dots li button:hover, .slick-dots li button:focus {
                    outline: none;
                }

                    .slick-dots li button:hover:before, .slick-dots li button:focus:before {
                        opacity: 1;
                    }

                .slick-dots li button:before {
                    position: absolute;
                    top: 33%;
                    left: 36%;
                    content: '';
                    display: block;
                    width: 10px;
                    height: 10px;
                    border-radius: 100%;
                    line-height: 20px;
                    text-align: center;
                    background: black;
                    opacity: 0.25;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                }

            .slick-dots li.slick-active button:before {
                background: #035da3;
                opacity: 0.75;
            }

    body.compensate-for-scrollbar {
        overflow: hidden;
        margin-right: 0 !important;
    }

    .item-suggestions ul.tiles {
        margin-bottom: 17px; /*match slick slider with dots*/
        height: 280px;
        overflow: hidden;
    }

    @media screen and (min-width: 576px) {
        .item-suggestions ul.tiles {
            height: 250px;
        }
    }


    .item-suggestions ul.tiles.slick-initialized {
        overflow: initial;
    }

    .item-suggestions.item-suggestions-fallback h3 {
        color: #035da3;
    }


    #listrak-item-suggestions-add-to-cart {
        padding: 20px 0px 1px;
        margin: 20px -22px -24px;
    }

        #listrak-item-suggestions-add-to-cart .price,
        #listrak-item-suggestions-add-to-cart .price-sale {
            display: none;
        }

    @media screen and (max-width: 576px) {
        #listrak-item-suggestions-add-to-cart .item-suggestions ul.tiles {
            height: 230px;
        }
    }


    @media screen and (min-width: 576px) {
        #listrak-item-suggestions-add-to-cart {
            padding: 40px 15px 4px;
            margin: 40px -44px -44px;
        }
    }



    #RRRelatedProductsSection {
        min-height: 361px;
    }

    .fancybox-active {
        height: auto;
    }

    .fancybox-is-hidden {
        left: -9999px;
        margin: 0;
        position: absolute !important;
        top: -9999px;
        visibility: hidden;
    }

    .fancybox-container {
        -webkit-backface-visibility: hidden;
        height: 100%;
        left: 0;
        outline: none;
        position: fixed;
        -webkit-tap-highlight-color: transparent;
        top: 0;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        transform: translateZ(0);
        width: 100%;
        z-index: 999;
    }

        .fancybox-container * {
            box-sizing: border-box;
        }

    .fancybox-outer,
    .fancybox-inner,
    .fancybox-bg,
    .fancybox-stage {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .fancybox-outer {
        -webkit-overflow-scrolling: touch;
        overflow-y: auto;
    }

    .fancybox-bg {
        background: #000;
        opacity: 0;
        transition-duration: inherit;
        transition-property: opacity;
        transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
    }

    .fancybox-white .fancybox-bg {
        background: #fff;
    }


    .fancybox-is-open .fancybox-bg {
        opacity: .5;
        transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    }

    .fancybox-infobar,
    .fancybox-toolbar,
    .fancybox-caption,
    .fancybox-navigation .fancybox-button {
        direction: ltr;
        opacity: 0;
        position: absolute;
        transition: opacity .25s ease, visibility 0s ease .25s;
        visibility: hidden;
        z-index: 99997;
    }

    .fancybox-show-infobar .fancybox-infobar,
    .fancybox-show-toolbar .fancybox-toolbar,
    .fancybox-show-caption .fancybox-caption,
    .fancybox-show-nav .fancybox-navigation .fancybox-button {
        opacity: 1;
        transition: opacity .25s ease 0s, visibility 0s ease 0s;
        visibility: visible;
    }

    .fancybox-infobar {
        color: #ccc;
        font-size: 13px;
        -webkit-font-smoothing: subpixel-antialiased;
        height: 44px;
        left: 0;
        line-height: 44px;
        min-width: 44px;
        mix-blend-mode: difference;
        padding: 0 10px;
        pointer-events: none;
        top: 0;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .fancybox-toolbar {
        right: 0;
        top: 0;
    }

    .fancybox-stage {
        direction: ltr;
        overflow: visible;
        transform: translateZ(0);
        z-index: 99994;
    }

    .fancybox-is-open .fancybox-stage {
        overflow: hidden;
    }

    .fancybox-slide {
        -webkit-backface-visibility: hidden;
        /* Using without prefix would break IE11 */
        display: none;
        height: 100%;
        left: 0;
        outline: none;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        padding: 22px;
        position: absolute;
        text-align: center;
        top: 0;
        transition-property: transform, opacity;
        white-space: normal;
        width: 100%;
        z-index: 99994;
    }

    @media screen and (min-width: 576px) {
        .fancybox-slide {
            padding: 44px;
        }
    }


    .fancybox-slide::before {
        content: '';
        display: inline-block;
        font-size: 0;
        height: 100%;
        vertical-align: middle;
        width: 0;
    }

    .fancybox-is-sliding .fancybox-slide,
    .fancybox-slide--previous,
    .fancybox-slide--current,
    .fancybox-slide--next {
        display: block;
    }

    .fancybox-slide--image {
        overflow: hidden;
        padding: 44px 0;
    }

        .fancybox-slide--image::before {
            display: none;
        }

    .fancybox-slide--html {
        padding: 6px;
    }

    .fancybox-content {
        background: #fff;
        display: inline-block;
        margin: 44px 0 0;
        /*max-width: 100%;*/
        max-width: 95%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        padding: 22px;
        position: relative;
        text-align: left;
        vertical-align: middle;
        border-radius: 3px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    }

    @media screen and (min-width: 576px) {
        .fancybox-content {
            padding: 44px;
            max-width: 800px;
        }
    }


    .fancybox-slide--image .fancybox-content {
        animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
        -webkit-backface-visibility: hidden;
        background: transparent;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        left: 0;
        max-width: none;
        overflow: visible;
        padding: 0;
        position: absolute;
        top: 0;
        -ms-transform-origin: top left;
        transform-origin: top left;
        transition-property: transform, opacity;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        z-index: 99995;
    }

    .fancybox-can-zoomOut .fancybox-content {
        cursor: zoom-out;
    }

    .fancybox-can-zoomIn .fancybox-content {
        cursor: zoom-in;
    }

    .fancybox-can-swipe .fancybox-content,
    .fancybox-can-pan .fancybox-content {
        cursor: -webkit-grab;
        cursor: grab;
    }

    .fancybox-is-grabbing .fancybox-content {
        cursor: -webkit-grabbing;
        cursor: grabbing;
    }

    .fancybox-container [data-selectable='true'] {
        cursor: text;
    }

    .fancybox-image,
    .fancybox-spaceball {
        background: transparent;
        border: 0;
        height: 100%;
        left: 0;
        margin: 0;
        max-height: none;
        max-width: none;
        padding: 0;
        position: absolute;
        top: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 100%;
    }

    .fancybox-spaceball {
        z-index: 1;
    }

    .fancybox-slide--video .fancybox-content,
    .fancybox-slide--map .fancybox-content,
    .fancybox-slide--pdf .fancybox-content,
    .fancybox-slide--iframe .fancybox-content {
        height: 100%;
        overflow: visible;
        padding: 0;
        width: 100%;
    }

    .fancybox-slide--video .fancybox-content {
        background: #000;
    }

    .fancybox-slide--map .fancybox-content {
        background: #e5e3df;
    }

    .fancybox-slide--iframe .fancybox-content {
        background: #fff;
    }

    .fancybox-video,
    .fancybox-iframe {
        background: transparent;
        border: 0;
        display: block;
        height: 100%;
        margin: 0;
        overflow: hidden;
        padding: 0;
        width: 100%;
    }

    /* Fix iOS */
    .fancybox-iframe {
        left: 0;
        position: absolute;
        top: 0;
    }

    .fancybox-error {
        background: #fff;
        cursor: default;
        max-width: 400px;
        padding: 40px;
        width: 100%;
    }

        .fancybox-error p {
            color: #444;
            font-size: 16px;
            line-height: 20px;
            margin: 0;
            padding: 0;
        }

    /* Buttons */
    .fancybox-button {
        background: rgba(30, 30, 30, 0.6);
        border: 0;
        border-radius: 0;
        box-shadow: none;
        cursor: pointer;
        display: inline-block;
        height: 44px;
        margin: 0;
        padding: 10px;
        position: relative;
        transition: color .2s;
        vertical-align: top;
        visibility: inherit;
        width: 44px;
    }

        .fancybox-button,
        .fancybox-button:visited,
        .fancybox-button:link {
            color: #ccc;
        }

            .fancybox-button:hover {
                color: #fff;
            }

            .fancybox-button:focus {
                outline: none;
            }

            .fancybox-button.fancybox-focus {
                outline: 1px dotted;
            }

            .fancybox-button[disabled],
            .fancybox-button[disabled]:hover {
                color: #888;
                cursor: default;
                outline: none;
            }

            /* Fix IE11 */
            .fancybox-button div {
                height: 100%;
            }

            .fancybox-button svg {
                display: block;
                height: 100%;
                overflow: visible;
                position: relative;
                width: 100%;
            }

                .fancybox-button svg path {
                    fill: currentColor;
                    stroke-width: 0;
                }

    .fancybox-button--play svg:nth-child(2),
    .fancybox-button--fsenter svg:nth-child(2) {
        display: none;
    }

    .fancybox-button--pause svg:nth-child(1),
    .fancybox-button--fsexit svg:nth-child(1) {
        display: none;
    }

    .fancybox-progress {
        background: #ff5268;
        height: 2px;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -ms-transform-origin: 0;
        transform-origin: 0;
        transition-property: transform;
        transition-timing-function: linear;
        z-index: 99998;
    }

    /* Close button on the top right corner of html content */
    .fancybox-close-small {
        opacity: .8;
        padding: 8px;
        position: absolute;
        right: 0px;
        top: -44px;
        z-index: 401;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

        .fancybox-close-small:hover {
            color: #fff;
            opacity: 1;
        }

        .fancybox-close-small svg {
            -webkit-transition: all .3s;
            transition: all .3s;
        }

        .fancybox-close-small:hover svg {
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

    /*.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}
*/
    .fancybox-slide--image.fancybox-is-scaling .fancybox-content {
        overflow: hidden;
    }

    .fancybox-is-scaling .fancybox-close-small,
    .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
        display: none;
    }


    .fancybox-slide.cart-item-attribute > div {
        max-width: 600px;
    }






    /* Navigation arrows */
    .fancybox-navigation .fancybox-button {
        background-clip: content-box;
        height: 100px;
        opacity: 0;
        position: absolute;
        top: calc(50% - 50px);
        width: 70px;
    }

        .fancybox-navigation .fancybox-button div {
            padding: 7px;
        }

    .fancybox-navigation .fancybox-button--arrow_left {
        left: 0;
        left: env(safe-area-inset-left);
        padding: 31px 26px 31px 6px;
    }

    .fancybox-navigation .fancybox-button--arrow_right {
        padding: 31px 6px 31px 26px;
        right: 0;
        right: env(safe-area-inset-right);
    }

    /* Caption */
    .fancybox-caption {
        background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
        bottom: 0;
        color: #eee;
        font-size: 14px;
        font-weight: 400;
        left: 0;
        line-height: 1.5;
        padding: 75px 44px 25px 44px;
        pointer-events: none;
        right: 0;
        text-align: center;
        z-index: 99996;
    }

    .fancybox-caption--separate {
        margin-top: -50px;
    }

    .fancybox-caption__body {
        max-height: 50vh;
        overflow: auto;
        pointer-events: all;
    }

    .fancybox-caption a,
    .fancybox-caption a:link,
    .fancybox-caption a:visited {
        color: #ccc;
        text-decoration: none;
    }

        .fancybox-caption a:hover {
            color: #fff;
            text-decoration: underline;
        }

    /* Loading indicator */
    .fancybox-loading {
        animation: fancybox-rotate 1s linear infinite;
        background: transparent;
        border: 4px solid #888;
        border-bottom-color: #fff;
        border-radius: 50%;
        height: 50px;
        left: 50%;
        margin: -25px 0 0 -25px;
        opacity: .7;
        padding: 0;
        position: absolute;
        top: 50%;
        width: 50px;
        z-index: 99999;
    }

    @keyframes fancybox-rotate {
        100% {
            transform: rotate(360deg);
        }
    }

    /* Transition effects */
    .fancybox-animated {
        transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
    }

    /* transitionEffect: slide */
    .fancybox-fx-slide.fancybox-slide--previous {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    .fancybox-fx-slide.fancybox-slide--next {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    .fancybox-fx-slide.fancybox-slide--current {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    /* transitionEffect: fade */
    .fancybox-fx-fade.fancybox-slide--previous,
    .fancybox-fx-fade.fancybox-slide--next {
        opacity: 0;
        transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    }

    .fancybox-fx-fade.fancybox-slide--current {
        opacity: 1;
    }

    /* transitionEffect: zoom-in-out */
    .fancybox-fx-zoom-in-out.fancybox-slide--previous {
        opacity: 0;
        transform: scale3d(1.5, 1.5, 1.5);
    }

    .fancybox-fx-zoom-in-out.fancybox-slide--next {
        opacity: 0;
        transform: scale3d(0.5, 0.5, 0.5);
    }

    .fancybox-fx-zoom-in-out.fancybox-slide--current {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }

    /* transitionEffect: rotate */
    .fancybox-fx-rotate.fancybox-slide--previous {
        opacity: 0;
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }

    .fancybox-fx-rotate.fancybox-slide--next {
        opacity: 0;
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    .fancybox-fx-rotate.fancybox-slide--current {
        opacity: 1;
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    /* transitionEffect: circular */
    .fancybox-fx-circular.fancybox-slide--previous {
        opacity: 0;
        transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    }

    .fancybox-fx-circular.fancybox-slide--next {
        opacity: 0;
        transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    }

    .fancybox-fx-circular.fancybox-slide--current {
        opacity: 1;
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    }

    /* transitionEffect: tube */
    .fancybox-fx-tube.fancybox-slide--previous {
        transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
    }

    .fancybox-fx-tube.fancybox-slide--next {
        transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
    }

    .fancybox-fx-tube.fancybox-slide--current {
        transform: translate3d(0, 0, 0) scale(1);
    }

    /* Styling for Small-Screen Devices */
    @media all and (max-height: 576px) {
        .fancybox-slide {
            padding-left: 6px;
            padding-right: 6px;
        }

        .fancybox-slide--image {
            padding: 6px 0;
        }

        .fancybox-close-small {
            right: -6px;
        }

        .fancybox-slide--image .fancybox-close-small {
            background: #4e4e4e;
            color: #f2f4f6;
            height: 36px;
            opacity: 1;
            padding: 6px;
            right: 0;
            top: 0;
            width: 36px;
        }

        .fancybox-caption {
            padding-left: 12px;
            padding-right: 12px;
        }
    }

    /* Share */
    .fancybox-share {
        background: #f4f4f4;
        border-radius: 3px;
        max-width: 90%;
        padding: 30px;
        text-align: center;
    }

        .fancybox-share h1, .fancybox-share .h1 {
            color: #222;
            font-size: 35px;
            font-weight: 700;
            margin: 0 0 20px 0;
        }

        .fancybox-share p {
            margin: 0;
            padding: 0;
        }

    .fancybox-share__button {
        border: 0;
        border-radius: 3px;
        display: inline-block;
        font-size: 14px;
        font-weight: 700;
        line-height: 40px;
        margin: 0 5px 10px 5px;
        min-width: 130px;
        padding: 0 15px;
        text-decoration: none;
        transition: all .2s;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        white-space: nowrap;
    }

        .fancybox-share__button:visited,
        .fancybox-share__button:link {
            color: #fff;
        }

        .fancybox-share__button:hover {
            text-decoration: none;
        }

    .fancybox-share__button--fb {
        background: #3b5998;
    }

        .fancybox-share__button--fb:hover {
            background: #344e86;
        }

    .fancybox-share__button--pt {
        background: #bd081d;
    }

        .fancybox-share__button--pt:hover {
            background: #aa0719;
        }

    .fancybox-share__button--tw {
        background: #1da1f2;
    }

        .fancybox-share__button--tw:hover {
            background: #0d95e8;
        }

    .fancybox-share__button svg {
        height: 25px;
        margin-right: 7px;
        position: relative;
        top: -1px;
        vertical-align: middle;
        width: 25px;
    }

        .fancybox-share__button svg path {
            fill: #fff;
        }

    .fancybox-share__input {
        background: transparent;
        border: 0;
        border-bottom: 1px solid #d7d7d7;
        border-radius: 0;
        color: #5d5b5b;
        font-size: 14px;
        margin: 10px 0 0 0;
        outline: none;
        padding: 10px 15px;
        width: 100%;
    }

    /* Thumbs */
    .fancybox-thumbs {
        background: #FFF;
        bottom: 0;
        display: none;
        margin: 0;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        padding: 2px 2px 4px 2px;
        position: absolute;
        right: 0;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        top: 0;
        width: 212px;
        z-index: 99995;
    }

    .fancybox-thumbs-x {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .fancybox-show-thumbs .fancybox-thumbs {
        display: block;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 212px;
    }

    .fancybox-thumbs__list {
        font-size: 0;
        height: 100%;
        list-style: none;
        margin: 0;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0;
        position: absolute;
        position: relative;
        white-space: nowrap;
        width: 100%;
    }

    .fancybox-thumbs-x .fancybox-thumbs__list {
        overflow: hidden;
    }

    .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
        width: 7px;
    }

    .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
        background: #fff;
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }

    .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
        background: #2a2a2a;
        border-radius: 10px;
    }

    .fancybox-thumbs__list a {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background-color: rgba(0, 0, 0, 0.1);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        cursor: pointer;
        float: left;
        height: 75px;
        margin: 2px;
        max-height: calc(100% - 8px);
        max-width: calc(50% - 4px);
        outline: none;
        overflow: hidden;
        padding: 0;
        position: relative;
        -webkit-tap-highlight-color: transparent;
        width: 100px;
    }

        .fancybox-thumbs__list a::before {
            border: 6px solid #ff5268;
            bottom: 0;
            content: '';
            left: 0;
            opacity: 0;
            position: absolute;
            right: 0;
            top: 0;
            transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            z-index: 99991;
        }

        .fancybox-thumbs__list a:focus::before {
            opacity: .5;
        }

        .fancybox-thumbs__list a.fancybox-thumbs-active::before {
            opacity: 1;
        }

    /* Styling for Small-Screen Devices */
    @media all and (max-width: 576px) {
        .fancybox-thumbs {
            width: 110px;
        }

        .fancybox-show-thumbs .fancybox-inner {
            right: 110px;
        }

        .fancybox-thumbs__list a {
            max-width: calc(100% - 10px);
        }
    }

    .fancybox-inline {
        display: none;
    }


    /* OPGI ADDED */

    .datagrid-table th {
        border: 1px solid #ececec;
        padding: 10px 5px;
        text-align: left;
        background: #f3f3f3;
        font-size: 110%;
    }

    @media screen and (min-width: 768px) {
        .datagrid-table th {
            padding: 10px 15px;
        }
    }

    .datagrid-table td {
        border: 1px solid #ececec;
        padding: 5px;
    }

    @media screen and (min-width: 768px) {
        .datagrid-table td {
            padding: 5px 15px;
        }
    }

    .datagrid-table a {
        /*font-weight: 400;*/
    }

    .datagrid-table tr:hover {
        background: rgba(3, 93, 163, 0.05);
    }

    .datagrid-table .cell-align-right {
        text-align: right;
    }

    /*@media screen and (max-width: 576px) {
    .datagrid-header {
        display: none !important;
    }

    .datagrid-table tr {
        display: flex;
        flex-wrap: wrap;
    }

        .datagrid-table tr td {
            width: 100%;
        }

    .datagrid-table td {
        border: none;
    }

    .sendForm {
        padding: 15px;
    }
}*/

    .all-content {
        font-size: 14px;
        text-align: left;
    }

    input.button .add-to-cart {
        transition: all .1s;
        border: none;
        display: inline-block;
        outline: none;
        border-radius: 6px;
        color: #fff;
        line-height: 1;
        padding: 1em 1.50em 1em 1.50em;
        appearance: none;
        cursor: pointer;
        text-align: center;
        background-color: #035da3;
        color: #FFF;
        font-weight: 700;
        font-size: 20px !important;
        font-family: "Roboto", sans-serif;
        text-decoration: none !important;
        align-items: center;
    }

    .button.find-similar {
        padding: 20px 0;
        width: 60%;
    }

    /******* SCROLL TO TOP BEGIN ********/
    #scroll-top {
        display: block;
        position: fixed;
        width: 35px;
        height: 35px;
        bottom: 5px;
        right: -40px;
        z-index: 10001;
        overflow: hidden;
        text-indent: -10000px;
        background: #888;
        border: 1px solid #666;
        color: #FFF;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0px 10px 10px -10px #c2c2c2;
        box-shadow: 0px 10px 10px -10px #c2c2c2;
        opacity: 0.3;
    }

        #scroll-top, #scroll-top:hover, #scroll-top:active, #scroll-top:focus {
            text-decoration: none;
        }

            #scroll-top.visible {
                right: 5px;
                -webkit-transition: right .5s;
                -moz-transition: right .5s;
                transition: right .5s;
            }

            #scroll-top:before {
                font-family: opgi-icons;
                content: 'A';
                top: -8px;
                font-size: 30px;
                color: #FFF;
                position: absolute;
                margin: auto;
                display: block;
                width: 100%;
                height: 100%;
                text-indent: 0;
                text-align: center;
                font-weight: bold;
            }

            #scroll-top:hover, #scroll-top:active, #scroll-top:focus {
                color: #FFF;
                opacity: 1;
            }
    /******* SCROLL TO TOP END ********/

    .hidden {
        display: none !important;
    }

    .invisible {
        visibility: hidden !important;
    }

    .cookie-notification-wrapper {
        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
        z-index: 10010;
    }

    .cookie-notification-box {
        background-color: #333;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        line-height: normal;
        text-transform: none;
        color: #fff;
        opacity: .9;
    }

    .cookie-notification-message {
        display: inline-block;
        font-size: 12px;
        vertical-align: middle;
        max-width: 800px;
    }

        .cookie-notification-message a {
            color: #fff;
        }

    .cookie-notification-box .button {
        margin-top: 0px;
        margin-left: 15px;
        background-color: #111;
        border-color: #000;
    }

    /* BRAND PAGE */
    #pickBrand {
        margin: 0 0 30px;
    }

        #pickBrand .brand-list ul {
            margin: -10px;
            padding: 0;
            list-style: none;
            min-height: 148px;
        }


        #pickBrand .brand-filter > ul > li > a {
            text-align: center;
            width: 2.4em;
        }

        #pickBrand .brand-list li > a {
            display: block;
            position: relative;
            height: 0;
            padding-top: 100%;
            -webkit-transition: all 0.25s ease-out;
            -moz-transition: all 0.25s ease-out;
            -o-transition: all 0.25s ease-out;
            transition: all 0.25s ease-out;
        }


            #pickBrand .brand-list li > a > span {
                color: #aaa;
                position: absolute;
                width: 100%;
                left: 0;
                bottom: 5px;
                font-size: 12px;
                line-height: 0.9;
                -webkit-transition: color 0.25s ease-out;
                -moz-transition: color 0.25s ease-out;
                -o-transition: color 0.25s ease-out;
                transition: color 0.25s ease-out;
            }



        #pickBrand img {
            max-height: 80%;
            max-width: 80%;
            width: auto;
            height: auto;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
        }

            #pickBrand img.brandLogoSquarish {
                height: auto;
                max-width: 50%;
            }


        #pickBrand .brand-filter {
            padding: 0;
            margin: 0;
            margin-bottom: 30px;
        }

            #pickBrand .brand-filter ul {
                justify-content: inherit;
            }

            #pickBrand .brand-filter a.filter {
                font-size: 15px;
                font-weight: bold;
                margin-right: 20px;
                text-decoration: none;
            }


    /* END BRAND PAGE */


    .exp-month, .exp-year {
        width: 48%;
        float: left;
    }

    .exp-month {
        margin-right: 4%;
    }

    @media screen and (min-width: 992px) {
        .exp-month, .exp-year {
            width: 28%;
        }
    }

    .link-button {
        background: none !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        font: inherit;
        cursor: pointer;
        color: #ADADAD;
        text-decoration: underline;
        display: inline-block;
        margin-left: 10px;
    }

        .link-button:hover {
            color: #035da3;
        }


    /* Temporary popup from existing stylesheet */
    .popupControl {
        background-color: #AAD4FF;
        /*position:absolute;*/
        visibility: hidden;
        border-style: solid;
        border-color: Black;
        border-width: 2px;
    }

    .modalBackground {
        display: none;
        overflow: hidden;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        background-color: rgba(0,0,0,.5);
        position: fixed;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        width: 100%;
        height: 100%;
        z-index: 10000;
    }

    div.ModalPrompt {
        border-radius: 6px;
        width: 98%;
        max-width: 100%;
        z-index: 14000;
        background: #fff;
        padding: 0;
        position: fixed;
        top: 50%;
        left: 50%;
        /* bring your own prefixes */
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    }

    @media (min-width: 768px) {
        div.ModalPrompt {
            /*width: auto;*/
            min-width: 500px;
            max-width: 900px;
        }
    }

    .modal-container .checkoutContainer .sendFormFullWidth {
        padding: 0;
    }

    .modal-container .checkoutContainer .sendFormContainer {
        /*padding: 10px;*/
        background: transparent;
        -webkit-box-shadow: 0 0 0px rgba(0,0,0,.0);
        box-shadow: 0 0 0px rgba(0,0,0,.0);
    }

    .modal-container .checkoutContainer {
        margin: 0;
    }

    div.prompt-margin {
        margin: 0 0 0 0;
    }

    div.prompt-overflow {
        padding: 0;
        height: 90%;
        max-height: 400px;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translateZ(0);
        fixedContentPos: true;
    }

    div.prompt-overflow-width {
        overflow-x: auto;
    }

    div.prompt-overflow.prompt-overflow-width {
        padding-right: 8px;
    }

    div.prompt-overflow .sendFormRow {
        margin: 0;
    }

    div.CloseLink {
        cursor: pointer;
        font-size: 40px;
        text-transform: uppercase;
        letter-spacing: .05em;
        color: #000;
        opacity: .5;
        line-height: 40px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 40px;
        height: 40px;
        text-decoration: none;
        z-index: 15000;
    }

        div.CloseLink:hover {
            opacity: 1;
        }

    .ModalPrompt.modal-alert {
        background: transparent;
        padding: 0;
    }

        .ModalPrompt.modal-alert div.CloseLink {
            color: #eaa600;
        }

    #ctl00_mPageContent_addToCart_pnlContent {
        overflow: hidden;
    }

    /* end temporary popup from existing stylesheet */


    .label-input-blocks .form-group {
        display: block;
        /*margin-bottom: 5px;*/
        margin-bottom: 10px;
    }

    .label-input-blocks .label-group {
        width: auto;
        text-align: left;
        padding-right: 0;
    }


    .label-input-blocks select {
        width: 100%;
        border-color: #ccc;
        font-size: 16px;
    }

    .label-input-blocks .disclaimer {
        font-size: 12px;
        color: #999;
    }

    /*Help/company section*/
    .help-column {
        display: inline-flex;
        flex-direction: column;
        vertical-align: top;
        width: auto;
        padding-right: 40px;
    }

        .help-column h3 {
            /*background-color:#f1f1f1;*/
        }

    /****for FAQ page in help section****/
    #faq div {
        border-bottom: 1px solid #ddd;
    }

        #faq div div {
            padding: 0 20px;
        }


    #faq h3 {
        margin: 0 !important;
        padding: 1em 0;
        cursor: pointer;
        transition: all .3s;
    }

        #faq h3:hover,
        #faq h3.show {
            background-color: #f3f3f3;
        }

        #faq h3 span {
            display: inline-block;
            margin: 0 .5em;
            transition: all .3s;
        }

        #faq h3 span {
            width: 0;
            height: 0;
            border-top: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 5px solid transparent;
            border-left: 5px solid #888;
        }

        #faq h3.show span {
            transform: rotate(90deg);
        }

    #faq dl {
        margin: 0;
        margin-left: 2em;
        margin-top: 0.5em;
    }

    #faq dd {
        margin-left: 0;
    }

    #faq dl dt span {
        margin-left: -1.2em;
        color: #006ea6;
        font-weight: bold;
    }

    #faq dl dd span {
        margin-left: -1.2em;
        color: #cc2c00;
        font-weight: bold;
    }


    .help-page #sideNavigation {
        width: 100%;
    }

    @media screen and (min-width: 992px) {
        .help-page #sideNavigation {
            width: auto;
        }
    }

    .help-page .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }


    .help-page-container .content-container {
        /*overflow: hidden;*/
    }

    @media screen and (min-width: 992px) {
        .help-page-container .content-container {
            flex: 1;
        }
    }

    .help-page .table-of-contents {
        margin-bottom: 20px;
        width: 100%;
    }

    @media screen and (min-width: 992px) {
        .help-page .table-of-contents {
            margin-right: 10px;
            width: 330px;
        }
    }


    .help-page .table-of-contents-content {
        padding: 20px;
        background-color: #fff;
        font-size: 14px;
    }

    .help-page .table-of-contents-group {
        margin-bottom: 20px;
    }

        .help-page .table-of-contents-group:last-of-type {
            margin-bottom: 0;
        }

        .help-page .table-of-contents-group .title {
            font-size: 18px;
            font-weight: 900;
            position: sticky;
            color: #2d2d2d;
        }

        .help-page .table-of-contents-group ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .help-page .table-of-contents-group ul li {
                margin-bottom: 0.5em;
            }


    .help-page .content-title {
        font-size: 28px;
        background: #dde3e6;
        margin: -20px -20px 30px;
        padding: 15px 20px;
    }


    @media screen and (min-width: 576px) {
        .help-page .content-title {
            margin: -40px -40px 30px;
            padding: 15px 40px;
        }
    }




    /******* START YOTPO FRONT PAGE OVERRIDES ********/
    .yotpo-reviews-carousel .carousel-display-wrapper {
        padding: 0 !important;
    }

        .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel {
            padding-top: 0 !important;
            width: 100% !important;
            left: auto !important;
        }

            .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .single-carousel {
                display: block;
                margin: 0 !important;
                padding: 5px;
                width: 100%;
            }

    @media screen and (min-width: 576px) {
        .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .single-carousel {
            width: 100%;
        }
    }

    @media screen and (min-width: 768px) {
        .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .single-carousel {
            width: 50%;
        }
    }

    @media screen and (min-width: 992px) {
        .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .single-carousel {
            width: 33%;
        }
    }

    .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .single-carousel .product-image-container .y-carousel-product-image {
        border: none !important;
    }

    .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .small-version {
        border-radius: 3px;
        border: 2px solid #f3f3f3;
        padding: 20px;
        margin: 0;
        width: 100% !important;
        max-height: 240px;
    }

        .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .small-version .right-side {
            width: 60% !important;
        }

    .yotpo-reviews-carousel .carousel-display-wrapper .scroller {
        width: auto !important;
    }

    .y-slider-container .y-slide-left-animations {
        overflow: hidden;
        max-height: 254px;
    }

    #carousel-top-panel {
        display: none;
    }

    .label-with-tooltip .carousel-tool-tip {
        display: none;
    }

    .home-social {
        height: 300px; /*help with FOUC*/
    }

    @media screen and (min-width: 576px) {
        .home-social {
            height: 330px; /*help with FOUC*/
        }
    }

    .yotpo-pictures-widget .yotpo-slider-wrapper {
        max-width: 100% !important;
    }

    .yotpo .yotpo-review .yotpo-main {
        margin-left: 0 !important;
    }

    @media screen and (min-width: 576px) {
        .yotpo .yotpo-review .yotpo-main {
            margin-left: 53px !important;
        }
    }

    /******* END YOTPO FRONT PAGE OVERRIDES ********/
    #frequent-buyer-rewards {
        margin-left: 5%
    }

        #frequent-buyer-rewards tr td {
            line-height: 1.6;
            width: 30%
        }

            #frequent-buyer-rewards tr td span {
                text-decoration: line-through #ff7819;
            }

        #frequent-buyer-rewards tr th {
            text-align: left;
        }

    .freeShipUpsell {
        padding: 0 0 0 20px;
        border: 1px solid #EEE;
        margin-bottom: 10px;
    }

    .popupButtonGroup {
        float: right;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .select-address {
        float: left;
        width: 100%;
    }

        .select-address select {
            width: 100%;
        }

    .show-address {
        width: 100%;
        float: left;
        margin-top: 20px;
        padding: 20px;
        border-radius: 0.25rem;
        border: solid 1px #e8e8e8;
        overflow-wrap: break-word;
    }

    /*
.nosave 
{
  pointer-events: none;
  cursor: default;
  background: #EEE !important;
  margin-right: 27px !important;
}
*/

    /******* START OPGI CHECKOUT ********/

    .link-forgot-password {
        margin-bottom: 30px;
    }

    /******* END OPGI CHECKOUT ********/



    /******* START OPGI ACCOUNT ********/

    .links-account a {
        display: block;
    }


    .account-page input[type="checkbox"],
    .account-page input[type="radio"] {
        margin-right: 0.5em;
    }


    .account-page .section-header {
        align-items: center;
        justify-content: flex-start;
    }

    .account-page #product-filter-button {
        margin: 10px 0 0 0;
    }

    .filtered-products .filter-group.first {
        border: none;
    }

    .account-page .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }


    .account-page-container .content-container {
        /*overflow: hidden;*/
        width: 100%;
    }

    @media screen and (min-width: 992px) {
        .account-page-container .content-container {
            flex: 1;
        }
    }


    .account-page-container fieldset {
        border: none;
        margin: 0;
        padding: 0;
    }



    .address-book-list-item {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: .5em;
    }

    .address-book-buttons.button-list {
        margin-top: .5em;
    }

    @media screen and (min-width: 768px) {
        .address-book-list-item {
            flex-direction: row;
            align-items: center;
        }

        .address-book-buttons.button-list {
            margin-top: 0;
        }
    }


    .sendFormRow.width-half,
    .container-header {
        display: flex;
        flex-direction: column;
        /*justify-content: space-between;*/
    }

    @media screen and (min-width: 768px) {
        .sendFormRow.width-half,
        .container-header {
            flex-direction: row;
        }
    }

    .sendFormRow.width-half > div,
    .container-header > div {
        margin: 0 0 10px;
        position: relative;
        width: 100%;
        /*outline:1px solid #ccc;*/
    }

    @media screen and (min-width: 768px) {
        .sendFormRow.width-half > div {
            width: 49%;
        }

        .container-header > div {
            width: auto;
        }
    }

    .checkoutContainer {
        background: #FFF;
        margin-bottom: 10px;
        padding: 20px;
    }

    @media screen and (min-width: 576px) {
        .checkoutContainer {
        }
    }

    @media screen and (min-width: 992px) {
        .checkoutContainer,
        .sendFormElement {
            border: none;
            border-radius: 3px;
        }
    }

    @media screen and (min-width: 576px) {
        .sendFormRow {
            margin-bottom: 40px;
        }

            .sendFormRow:last-child {
                margin-bottom: 0;
            }
    }

    .container-header-title {
        font-size: 18px;
        font-weight: 900;
        color: #2d2d2d;
        /*line-height: 1;*/
        margin-bottom: 5px;
    }

        .container-header-title .linkSmall {
            font-size: 12px;
            font-weight: normal;
        }

    .address-read-only .label-group {
        font-weight: 400;
    }

    @media screen and (min-width: 768px) {
        .address-read-only .label-group {
            width: 100px;
        }
    }


    .account-page-container .datagrid-table {
        font-size: 13px;
    }

    #product-filter-button-container.sticky {
        position: fixed;
        top: 0;
        left: 0;
        padding: 0 15px 10px;
        width: 100%;
        background-color: #f3f3f3;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.055);
        z-index: 1;
    }

    @media (min-width: 576px) {
        #product-filter-button-container.sticky {
            position: inherit;
        }
    }

    .ErrorMessage {
        margin: 0 1em;
        color: #da2917 !important;
        /*white-space:nowrap;*/
    }

    span.validation-error {
        font-size: 80%;
        font-weight: bolder;
        color: #da2917 !important;
    }

    .ValidationSummary {
        color: #da2917;
        font-weight: 700;
        padding: 10px;
        margin: 2px 2px 2px 2px;
    }

    .edit,
    .button-cart-table .Button {
        border: 1px solid #ddd;
        background: #f7f8f8;
        border-radius: 3px;
        vertical-align: top;
        font-weight: 400;
        color: inherit;
        outline: none;
        transition: all .2s;
        -webkit-appearance: none;
        -moz-appearance: textfield;
    }

    .float-right .Button {
        margin-left: 10px;
    }


    .edit:hover:not(:disabled),
    .button-cart-table .Button:hover:not(:disabled) {
        border-color: #999;
    }

    .edit.small {
        padding: 10px;
        font-size: 13px;
    }


    @media screen and (min-width: 768px) {
        .edit.small {
            margin-left: 10px;
            padding: 4px 8px;
            font-size: 11px;
        }
    }

    .edit:hover {
        border-color: #aaa;
    }

    .no-button {
        border: none !important;
        background: none !important;
        padding: 0 !important
    }

    .button:disabled,
    .Button:disabled:not(.no-button),
    .button.disabled {
        opacity: .5;
        cursor: not-allowed;
    }

    /******* END OPGI ACCOUNT ********/

    /******* START OPGI VEHICLE POPUP ********/
    .vehicle-select-popup {
        max-width: 730px !important;
        /*max-height: 540px !important;*/
    }

    /******* END OPGI POPUP ********/








    /******* CART POPUP ************/
    #add2cartAjaxPopup,
    #wishlist-popup {
        max-width: calc(100% - 20px);
    }

    @media screen and (min-width: 992px) {
        #add2cartAjaxPopup,
        #wishlist-popup {
            max-width: 800px;
        }
    }



    #popCartWrap {
        padding: 40px;
    }

    #popCartTop,
    #popWishTop {
        display: flex;
        flex-wrap: wrap;
        margin: 0 0 30px;
        align-items: center;
        justify-content: space-between;
    }

    @media screen and (min-width: 768px) {
        #popCartTop,
        #popWishTop {
            flex-wrap: nowrap;
            margin: 0;
        }
    }

    .popCartImg {
        width: 100%;
        margin: 0 0 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    @media screen and (min-width: 768px) {
        .popCartImg {
            width: 50%;
            margin: 0;
        }
    }

    .popCartImg img {
        max-height: 150px;
        max-width: 300px;
    }

    @media screen and (min-width: 576px) {
        .popCartImg img {
            max-height: 200px;
            max-width: 300px;
        }
    }


    #popCartTop .content-holder,
    #popWishTop .content-holder {
        display: flex;
        justify-content: flex-start;
        text-align: center;
    }

    @media screen and (min-width: 768px) {
        #popCartTop .content-holder,
        #popWishTop .content-holder {
            padding: 10px;
            text-align: left;
        }
    }

    @media screen and (min-width: 768px) {
        #popCartTop .content-holder .content,
        #popWishTop .content-holder .content {
            max-width: 520px;
        }
    }

    #popCartTop p.h1,
    #popWishTop p.h1 {
        margin: 0 0 10px;
        font-size: 22px;
        line-height: 1.1;
        max-height: 3.3em;
        overflow: hidden;
    }

    #popCartTop p.h2,
    #popWishTop p.h2 {
        margin: 20px 0 15px;
        font-size: 1.9em;
        line-height: 1.0;
        color: #035da3;
    }



    #popAjaxCartButtons {
        flex-direction: row;
    }

        #popAjaxCartButtons .button {
            margin-bottom: 0;
        }

    /*#popAjaxCartButtons .button:last-child {
    margin-right: 0;
}*/


    #popCartTop .points {
        justify-content: center;
        font-size: 20px;
        margin: 0;
        padding: 0;
    }

    @media screen and (min-width: 768px) {
        #popCartTop .points {
            justify-content: flex-start;
        }
    }

    .ModalPrompt section {
        display: none;
    }


    @media (min-width: 576px) {
        .ModalPrompt section {
            display: block;
            margin: 0;
        }
    }

    #addToCartRR {
        min-height: 330px;
    }


    .float-left {
        float: left;
    }

    .float-right {
        float: right;
    }

    @media all and (max-width: 440px) {
        a.float-left,
        a.float-right,
        img.float-left,
        img.float-right,
        blockquote.float-left,
        blockquote.float-right {
            float: none;
            width: 100% !important;
            max-width: 100% !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
    }


    /******* END CART POPUP ************/


/********FREE CATALOG **************/
#free-catalog-cover-image {
    box-shadow: 4px 10px 15px 0px rgba(0,0,0,.25)
}

#free-catalog-cover-badge {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: -20px;
    left: -20px;
    width: 80px;
    height: 80px;
    line-height: 1;
    border-radius: 99em;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    box-shadow: 2px 5px 8px 0px rgba(0,0,0,.25);
    background: #B6359C;
    background: linear-gradient(0deg, rgba(182, 53, 156, 1) 0%, rgba(239, 10, 106, 1) 100%);
    transform: rotate(-30deg);
}

#free-catalog-cover-badge small {
    font-size: 50%;
}

#free-catalogs-group {
    row-gap: 30px;
    flex-direction: row-reverse;
}

    #free-catalogs-group .free-catalog-option {
        border: 1px solid rgba(31, 161, 166, .25);
        padding: 20px 20px 10px;
        text-align: center;
    }

    #free-catalogs-group .free-catalog-option {
        border-color: rgba(3, 93, 163, .25);
    }

    #free-catalogs-group .free-catalog-header {
        margin: -20px -20px 0;
        padding: 10px;
        background-color: rgba(31, 161, 166, .1);
        border-bottom: 1px solid rgba(31, 161, 166, .25);
    }

    #free-catalog-physical .free-catalog-header {
        background-color: rgba(3, 93, 163, .1);
        border-bottom: 1px solid rgba(3, 93, 163, .25);
    }


    #free-catalogs-group .free-catalog-header h3 {
        display: flex;
        justify-content: center;
        column-gap: 7px;
        font-size: 24px;
        text-transform: uppercase;
    }

        #free-catalogs-group .free-catalog-header h3 img {
            max-height: 24px;
            filter: invert(55%) sepia(26%) saturate(1191%) hue-rotate(134deg) brightness(90%) contrast(89%);
        }

    #free-catalog-physical .free-catalog-header h3 img {
        filter: invert(24%) sepia(99%) saturate(972%) hue-rotate(179deg) brightness(101%) contrast(102%);
    }

    #free-catalogs-group .free-catalog-header h3 {
        /*margin: 0 0 5px;*/
        margin: 0;
    }

    #free-catalogs-group .free-catalog-header h4 {
        margin: 0;
        opacity: .8;
    }


    #free-catalogs-group .free-catalog-option h5 {
        margin: .75em 0 0.5em;
        font-size: 18px;
    }

    #free-catalog-physical h3,
    #free-catalog-physical h5 {
        color: rgba(3, 93, 163, 1);
    }

    #free-catalog-digital h3,
    #free-catalog-digital h5 {
        color: rgba(31, 161, 166, 1);
    }

    #free-catalogs-group .free-catalog-option p {
        margin: 0 0 .75em;
    }

    #free-catalogs-group .button {
        font-weight: 400;
        white-space: nowrap;
    }

        #free-catalogs-group .button b {
            text-transform: uppercase;
        }

#free-catalogs-group .button {
    font-size: 15px;
}

#free-catalog-digital .button {
    border-color: rgba(31, 161, 166, 1);
    background-color: rgba(31, 161, 166, 1);
}

        #free-catalog-digital .button:hover {
            border-color: rgba(26, 189, 195, 1);
            background-color: rgba(26, 189, 195, 1);
        }

    #free-catalog-physical .free-catalog-option h5 {
        border-color: rgba(31, 161, 166, 1);
        background-color: rgba(31, 161, 166, 1);
    }



    /********END FREE CATALOG *********/




    .strikeout {
        line-height: .2em;
        position: relative;
    }

        .strikeout::after {
            border-bottom: 0.20em solid #ff7819;
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 40%;
        }

    .freeShipUpsell {
        padding: 0 0 0 20px;
        border: 1px solid #EEE;
        margin-bottom: 10px;
    }

    /*History page*/
    .history-cover {
        height: 400px;
        width: 940px;
        position: relative;
    }

    .history-content {
        height: 370px;
        position: relative;
    }

    #slider {
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        padding: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        -ms-overflow-style: none;
    }

        #slider ol {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }

            #slider ol:before {
                content: '';
                display: inline-block;
                width: 42%;
            }

            #slider ol:after {
                content: '';
                display: inline-block;
                width: 100%;
            }

        #slider li {
            text-decoration: none;
            text-transform: uppercase;
            font-size: 24px;
            opacity: 0.75;
            display: inline-block;
            cursor: pointer;
            text-align: center;
            width: 200px;
            overflow: hidden;
        }

            #slider li span {
                font-size: 10px;
            }

            #slider li.active {
                font-weight: bold;
                text-align: center;
                opacity: 1;
                border-bottom: 3px solid;
                border-top: 3px solid;
            }

                #slider li.active span {
                    font-size: 16px;
                    font-weight: bold;
                }

            #slider li p {
                display: none;
            }

    .lines {
        border-top: dotted 2px #ffffff;
        position: absolute;
        bottom: 22px;
        width: 100%;
        opacity: 0.3;
    }

    #info {
        overflow: hidden;
        padding: 0;
        height: 300px;
        max-width: 80%;
        position: absolute;
        top: 50px;
        left: 95px;
    }

        #info ol {
            list-style-type: none;
            padding: 0 !important;
            width: 20240px;
        }

        #info li {
            display: inline;
            width: 780px;
            margin-right: 100px;
            float: left;
        }

            #info li p {
                margin: 0;
            }

            #info li img {
                float: left;
                margin-right: 15px;
            }

    #backbtn img {
        position: absolute;
        top: 70px;
        left: 70px;
        opacity: 0.3;
    }

        #backbtn img:hover {
            opacity: 0.75;
            cursor: pointer;
        }

    #startbtn img {
        position: absolute;
        top: 140px;
        left: 70px;
        opacity: 0.3;
    }

        #startbtn img:hover {
            opacity: 0.75;
            cursor: pointer;
        }

    #forwardbtn img {
        position: absolute;
        top: 70px;
        right: 70px;
        opacity: 0.3;
    }

        #forwardbtn img:hover {
            opacity: 0.75;
            cursor: pointer;
        }

    #endbtn img {
        position: absolute;
        top: 140px;
        right: 70px;
        opacity: 0.3;
    }

        #endbtn img:hover {
            opacity: 0.75;
            cursor: pointer;
        }

    SPAN.leadingLetter {
        color: #3c5f91;
        float: left;
        font-size: 96px;
        font-weight: 700;
        line-height: 76px;
        padding-right: 10px;
    }

    /*End of history*/
    /*Contact us page*/
    #ContactUs div input, #ContactUs div select, #ContactUs div textarea {
        width: 100%;
        margin: 0 0 10px;
    }



    .InfoMessage {
        background-color: #cce2ed;
        border-color: #b2d3e4;
        list-style-position: inside;
        text-transform: uppercase;
        padding: 5px 10px;
        text-align: center;
    }
    /*end of contact us*/


    .validateWarningRequired {
        color: #c00;
    }

    INPUT.validation-error,
    SELECT.validation-error,
    DIV.nice-select.validation-error,
    TEXTAREA.validation-error {
        border-color: #c00 !important;
        background-color: #ffd9d9 !important;
    }

        INPUT.validation-error::placeholder,
        SELECT.validation-error::placeholder,
        DIV.nice-select.validation-error,
        TEXTAREA.validation-error::placeholder {
            color: #c00 !important;
        }

    SELECT.validation-error {
        /*background: linear-gradient(0deg, rgb(204, 9, 16, .5) 0%, rgb(204, 9, 16, .4) 15%, rgb(204, 9, 16, .1) 100%) !important;*/
        background-color: #ffd9d9 !important;
    }


    /*vehicle landing page*/
    .vehicleYearList {
        margin: 0 !important;
        padding: 0 !important;
    }

        .vehicleYearList li {
            width: 20%;
            float: left;
            list-style: none;
        }

        .vehicleYearList a {
            padding: 8px 0;
            display: block;
            background-color: #fff;
            border-color: #ddd;
            color: #2d2d2d;
            position: relative;
            overflow: hidden;
            height: 100%;
            line-height: 1.6em;
            font-size: 14px;
        }

            .vehicleYearList a:hover {
                background-color: #fff;
                border-color: #ddd;
                color: #2d2d2d;
            }


    .vehicleLandingLeft {
        float: none;
        display: block;
        margin: 10px auto;
    }

    .vehicleLandingRight {
        float: none;
        display: block;
        margin: 10px auto;
    }

    @media screen and (min-width: 576px) {
        .vehicleYearList li {
            width: 10%;
            float: left;
        }

        .vehicleLandingLeft {
            float: left;
            margin-right: 10px;
        }

        .vehicleLandingRight {
            float: right;
            margin-left: 10px;
        }

        .vehicleLandingClear {
            clear: both;
        }

        .vehicleLandingBanners {
            padding: 0 !important;
        }
    }

    .tell-us-about-your-car h3 {
        text-transform: capitalize;
    }

    /******** BUTTON LOADING ANIMATION *********/
    .loader {
        position: relative;
    }

    .loader-wrap {
        position: relative;
    }


        .button.loading,
        .loader-wrap.loading > .button {
            cursor: wait;
            /*pointer-events:  none;*/
        }

            .button.loading.loading-text-slide,
            .loader-wrap.loading.loading-text-slide > .button {
                text-indent: -1em;
                padding-right: 2.5em;
            }


        .loader-wrap.loading > select {
            cursor: wait;
            pointer-events: none;
            background-image: none;
        }

    .loader-wrap-button {
        font-size: 13px; /* needs to match .button font-size */
    }


    .button.loader::after,
    .loader-wrap::after,
    .tiles li a.loader div.image::after,
    .pagination > li a.loader::after,
    .brand-list .tiles li a.loader::after,
    .shipping-options .checkbox-label.loader::after,
    #cartTable .quantity::after,
    #search-popup .suggestion-items a.loader::after,
    section .section-header.loader h3::after,
    section .section-header.loader .h3::after,
    .select-holder::after {
        content: " ";
        display: inline-block;
        position: absolute;
        opacity: 0;
        transition: opacity .5s;
        transition-delay: 0.1s;
    }

    .button.loader.loading::after,
    .loader-wrap.loading::after,
    .tiles li a.loading div.image::after,
    .pagination > li a.loading::after,
    .brand-list .tiles li a.loading::after,
    .shipping-options .checkbox-label.loading::after,
    #cartTable .quantity.loading::after,
    #search-popup .suggestion-items a.loading::after,
    section .section-header.loading h3::after,
    section .section-header.loading .h3::after,
    .select-holder.loading::after {
        top: 50%;
        left: 50%;
        margin-top: -1.4em;
        margin-left: -1.4em;
        width: 2.8em;
        height: 2.8em;
        box-sizing: border-box;
        transform-origin: center;
        transform: translateZ(0) scale(0.5);
        backface-visibility: hidden;
        opacity: 0.75;
        cursor: wait !important;
        border-radius: 50%;
        border-color: rgba(255, 255, 255, .25);
        border: 0.4em solid color-mix(in srgb, currentColor 50%, transparent 50%);
        border-top-color: currentColor;
        pointer-events: none;
        animation: loading-spin 1s linear 0s infinite;
    }

    .loader-wrap.loading.loader-wrap-select::after {
        left: auto;
        right: 1.2em;
        margin-top: -0.9em;
        margin-left: -0.9em;
        width: 1.8em;
        height: 1.8em;
        border-width: 0.3em;
    }

    #search-popup .suggestion-items:not(.suggestion-item-brand) a.loading::after {
        left: auto;
        right: 1em;
        margin-top: -0.7em;
        margin-left: -0.7em;
        width: 1.4em;
        height: 1.4em;
        border-width: 0.3em;
    }

    .tiles li a.loading div.image img {
        opacity: 0.5;
    }

    .tiles li a.loading div.image::after,
    .brand-list .tiles li a.loading::after {
        margin-top: -55px;
        margin-left: -55px;
        width: 110px;
        height: 110px;
        color: #2d2d2d;
        mix-blend-mode: multiply;
        border-width: 5px;
    }



    #cartTable .quantity.loading::after {
        right: 50%;
        margin-right: -0.8em;
    }

    #cartTable .quantity.loading > * {
        opacity: 0;
        cursor: wait !important;
    }

    .loader-wrap-button.loading::after {
        color: #fff;
    }

    .loader-wrap-outlined.loading::after {
        color: #888;
    }


    #header-search .search-form a.search-button.loading .icon-search {
        font-size: 0;
        opacity: 0;
    }


    #header-search .search-form a.search-button::after {
        font-size: 11px;
    }

    .pagination > li a.loading {
    }


    .shipping-options .checkbox-label.loading > .price {
        opacity: 0;
    }

    section .section-header.loading h3::after,
    section .section-header.loading .h3::after {
        margin: 0 0 0 0.3em;
        width: 1em;
        height: 1em;
        border-width: .2em;
        top: auto;
        left: auto;
        opacity: .25;
    }

    .select-holder.loading::after {
        border-width: 0.3em;
    }

    @keyframes loading-spin {
        0% {
            /*animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297);*/
            transform: rotate(0);
        }

        100% {
            transform: rotate(360deg);
        }
    }
    /* hack so iOS Mobile Safari will alter properties when click event changes class */
    @supports (font: -apple-system-body) and (-webkit-appearance: none) {
        .button.loader.loading-text-slide,
        .loader-wrap.loading-text-slide > .button {
            transition: none 0s;
        }
    }

    .remove.loading {
        animation-duration: 2s;
        animation-name: spin;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    .wishlist.add.loading::before {
        content: 'C';
        color: #da2917;
        animation: heartbeat 1s infinite;
    }



    @keyframes spin-y {
        from {
            transform: rotateY(0deg);
        }

        to {
            transform: rotateY(360deg);
        }
    }


    @keyframes spin {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }


    @keyframes heartbeat {
        0% {
            transform: scale( 1.0 );
        }

        40% {
            transform: scale( 1.5 );
        }

        60% {
            transform: scale( 1.0 );
        }

        80% {
            transform: scale( 1.5 );
        }

        100% {
            transform: scale( 1.0 );
        }
    }


    .element-overlay {
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.6;
        z-index: 999;
        cursor: wait;
    }

    .element-overlay-dark {
        background-color: #000;
    }


    .element-overlay::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        height: 200px;
        width: 200px;
        margin-top: -100px;
        margin-left: -100px;
        background: url(/images/loaders/oval-2D2D2D.svg) center no-repeat;
        background-size: contain;
    }

    .element-overlay.element-overlay-body::after {
        position: fixed;
    }

    @media screen and (min-width: 992px) {
        .element-overlay {
            background-size: 15%;
        }
    }


    /*end of vehicle landing page*/



    /*form fields css*/
    @media screen and (min-width: 576px) {
        .formGroupLeft, .formGroupRight {
            width: 100%;
        }
    }

    @media screen and (min-width: 768px) {
        .formGroupLeft {
            width: 47.5%;
            margin-right: 30px;
            float: left;
        }

        .formGroupRight {
            width: 47.5%;
            float: left;
        }
    }
    /*end of form fields css*/

    /*CatalogPreOrder*/
    @media screen and (min-width: 576px) {
        #preOrderCatalogsContainer {
            background-image: url(/Images/Expansions/CadillacExpansion-background-landing.jpg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            height: 550px;
        }

        #preOrderCatalogs {
            position: absolute;
            top: 315px;
            left: 44px;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            list-style: none;
            width: 84%;
            padding: 0 !important;
            margin: 0 !important;
        }

            #preOrderCatalogs a {
                max-width: 100px;
                margin: 0 auto;
            }
    }

    @media screen and (min-width: 768px) {
        #preOrderCatalogsContainer {
            height: 775px;
        }

        #preOrderCatalogs {
            top: 440px;
            left: 46px;
            width: 88%;
        }

            #preOrderCatalogs a {
                max-width: 140px;
            }
    }

    @media screen and (min-width: 992px) {
        #preOrderCatalogsContainer {
            height: 992px;
        }

        #preOrderCatalogs {
            top: 560px;
            left: 60px;
            width: 88%;
        }

            #preOrderCatalogs a {
                max-width: 180px;
            }
    }

    @media screen and (min-width: 1200px) {
        #preOrderCatalogsContainer {
            height: 1200px;
        }

        #preOrderCatalogs {
            top: 685px;
            left: 60px;
            width: 90%;
        }

            #preOrderCatalogs a {
                max-width: 220px;
            }
    }
    /*end of CatalogPreOrder*/

    /*Catalog Expansion*/
    #ExpansionContainer {
        padding: 0 !important;
    }

        #ExpansionContainer .expdiv {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }

        #ExpansionContainer a {
            margin: 0 auto 20px;
            max-width: 80%;
        }

    @media screen and (min-width: 576px) {
        #ExpansionContainer a {
            max-width: 100%;
        }
    }
    /*end of catatlog expansion*/

    /* stock status */

    #stockStatusWrap {
        position: relative;
        margin: 0;
        padding: 0;
    }

    .stockStatus {
        position: relative;
        margin: 0;
        padding: 0;
    }

        .stockStatus DT {
            display: inline-block;
            margin-right: .5em;
            font-weight: 700;
            height: 20px;
            line-height: 20px;
        }

            .stockStatus DT.outStock {
                /*    color: #555; */
                color: #d92400;
            }

            .stockStatus DT.inStock {
                color: #0dbf00;
            }

            .stockStatus DT.lowStock {
                color: #d92400;
            }

            .stockStatus DT.kitStock {
                color: #555;
            }

            .stockStatus DT.discontinued {
                color: #d92400;
            }

            .stockStatus DT img {
                vertical-align: sub;
                margin: 0 .2em 0 0;
            }

            .stockStatus DT.selectOption img {
            }


            .stockStatus DT.inStock img {
                background-color: #0dbf00;
            }

            .stockStatus DT.outStock img {
                background-color: #d92400;
            }

            .stockStatus DT.lowStock img {
                /*background-color:#555;*/
                background-color: #d92400;
            }

            .stockStatus DT.discontinued img {
                background-color: #d92400;
            }

        .stockStatus DD {
            display: inline-block;
            margin: 0;
            font-size: 13px;
            color: #888;
        }

            .stockStatus DD.outStock {
                display: block;
            }


        .stockStatus DT.dropShip + DD {
            display: none; /*waiting to hear back from DL*/
        }


    .stockStatusLoading {
        position: absolute;
        top: 0;
        left: 0;
        width: 31px;
        height: 31px;
        display: none;
        background-image: url(/js/colorbox/images/loading.gif);
        background-position: center;
        background-repeat: no-repeat;
        z-index: 10;
    }
    /* end stock status */

    /* pair set */
    #pair-set-save {
        align-content: center;
        border: 1px solid #187ac3;
        border-radius: 5px;
        font-size: 13px;
        font-weight: 400;
        background: #eaf2f8;
        color: #035da3;
    }

        #pair-set-save .title {
            display: flex;
            flex-wrap: nowrap;
            padding: 0px 15px;
            background: #187ac3;
            color: #FFF;
            font-size: 18px;
        }

        #pair-set-save a {
            color: #035da3;
        }

        #pair-set-save .icon-holder {
            width: 30px;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            #pair-set-save .icon-holder .icon {
                font-size: 30px;
                line-height: 1;
            }

        #pair-set-save .text {
            padding: 10px 15px;
            align-items: center;
            justify-content: center;
            flex-grow: 1;
        }

        #pair-set-save ul {
            margin: 15px;
            padding: 0;
            list-style: none;
        }

        #pair-set-save li {
            margin-bottom: .5em;
        }

        #pair-set-save a {
            text-decoration: none;
        }

            #pair-set-save a:hover {
                text-decoration: underline;
            }

        #pair-set-save .price {
            font-weight: 900;
        }

    /* end pair set */

    /*!
 * CUSTOM CLASSES FOR CSS ANIMATION LIBRARY
 * animate.css -http://daneden.me/animate
 */
    .animate__animated.animate__delay-0_1s {
        -webkit-animation-delay: .1s;
        animation-delay: .1s
    }

    .animate__animated.animate__delay-0_2s {
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }

    .animate__animated.animate__delay-0_3s {
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }

    .animate__animated.animate__delay-0_4s {
        -webkit-animation-delay: .4s;
        animation-delay: .4s
    }

    .animate__animated.animate__delay-0_5s {
        -webkit-animation-delay: .5s;
        animation-delay: .5s
    }

    .animate__animated.animate__delay-0_6s {
        -webkit-animation-delay: .6s;
        animation-delay: .6s
    }

    .animate__animated.animate__delay-0_7s {
        -webkit-animation-delay: .7s;
        animation-delay: .7s
    }

    .animate__animated.animate__delay-0_8s {
        -webkit-animation-delay: .8s;
        animation-delay: .8s
    }

    .animate__animated.animate__delay-0_9s {
        -webkit-animation-delay: .9s;
        animation-delay: .9s
    }

    .animate__shakeSmallX {
        -webkit-animation-name: shakeSmallX;
        animation-name: shakeSmallX;
    }

    @-webkit-keyframes shakeSmallX {
        from, to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        10%, 30%, 50%, 70%, 90% {
            -webkit-transform: translate3d(-3px, 0, 0);
            transform: translate3d(-3px, 0, 0);
        }

        20%, 40%, 60%, 80% {
            -webkit-transform: translate3d(3px, 0, 0);
            transform: translate3d(3px, 0, 0);
        }
    }

    @keyframes shakeSmallX {
        from, to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        10%, 30%, 50%, 70%, 90% {
            -webkit-transform: translate3d(-3px, 0, 0);
            transform: translate3d(-3px, 0, 0);
        }

        20%, 40%, 60%, 80% {
            -webkit-transform: translate3d(3px, 0, 0);
            transform: translate3d(3px, 0, 0);
        }
    }

    .animate__animated {
        /* hack for chrome regarding animation-fill-mode and z-indexing issues (7/3/19 rjb) */
        z-index: 1;
        /*-webkit-animation-fill-mode:none! important;
    animation-fill-mode:none! important;*/
    }


    .order-number {
        opacity: .5;
    }





    .promotion-not-found-wrapper {
        padding: 20px 0;
        height: 600px;
        background-image: url('/images/heroes/promotion-expired-gold-chevelle-portrait-bg.jpg');
    }

    @media (min-width: 576px) {
        .promotion-not-found-wrapper {
            height: 420px;
            background-image: url('/images/heroes/promotion-expired-gold-chevelle-landscape-bg.jpg');
            background-position-x: 35%;
        }
    }

    @media (min-width: 992px) {
        .promotion-not-found-wrapper {
            background-position-x: 50%;
        }
    }

    .promotion-not-found-wrapper > .container {
        justify-content: flex-end;
        flex-direction: column;
    }

    @media (min-width: 576px) {
        .promotion-not-found-wrapper > .container {
            justify-content: flex-start;
            flex-direction: row;
            padding-left: 5%;
        }
    }

    .promotion-not-found-text {
        display: flex;
        flex-direction: column;
        align-items: center;
        cursor: default;
    }

        .promotion-not-found-text h1,
        .promotion-not-found-text h2,
        .promotion-not-found-text h3 {
            margin: 7px 0;
            color: #fff;
            text-transform: uppercase;
            line-height: .9;
            white-space: nowrap;
        }

        .promotion-not-found-text h1 {
            font-size: 59px;
            font-weight: 900;
            color: #ffcf0f;
        }

            .promotion-not-found-text h1 span {
                display: block;
                font-size: 47px;
            }

        .promotion-not-found-text h2 {
            font-size: 30px;
        }

        .promotion-not-found-text h3 {
            font-size: 18px;
        }

        .promotion-not-found-text input {
            width: 13em;
            border: none !important;
            border-radius: 3px 0 0 3px !important;
        }

        .promotion-not-found-text a {
            font-size: 20px;
            padding: .5em 1em;
            border-radius: 0 6px 6px 0;
            color: #594432;
            background-color: #ffcf0f;
            border: none;
        }

            .promotion-not-found-text a:hover {
                color: #000000;
                background-color: #d9b00d;
            }

        .promotion-not-found-text p.small {
            font-size: 11px;
        }









    /* Start Sponsorship opportunities */

    .showsponsorcheckbox {
        padding: 6px 6px 6px 10px;
        background-color: #f3f3f3;
        display: unset !important;
    }

        .showsponsorcheckbox .checkbox input {
            float: none !important;
            clear: none !important;
            width: unset !important;
        }

        .showsponsorcheckbox .checkbox label {
            margin: 0 40px 0 5px !important;
        }

    #newsletterForm label {
        display: block;
        margin: 6px 0 0;
        text-align: left;
    }

    #catalogRequestWrap input[type=text],
    #catalogRequestWrap input[type=email],
    #catalogRequestWrap select, #newsletterForm input[type=text],
    #newsletterForm input[type=email],
    #newsletterForm select {
        padding-left: 4px;
        border: 1px solid #999999;
        height: 20px;
        width: 190px;
    }

    #catalogRequestWrap select {
        height: 24px;
        width: 200px;
    }


    #newsletterForm input[type=text],
    #newsletterForm input[type=email],
    #newsletterForm input[type=tel],
    #newsletterForm input[type=number],
    #newsletterForm select,
    #newsletterForm textarea {
        height: 30px;
        width: 95%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    #newsletterForm textarea {
        height: 73px;
    }

    #newsletterForm label {
        font-weight: bold;
        margin-top: 1em;
    }

    #newsletterForm INPUT[type=checkbox] {
        float: left;
        clear: both;
        vertical-align: top;
    }

    #newsletterForm LABEL {
        display: inline-block;
    }

        #newsletterForm LABEL > B {
            float: left;
            margin-left: .5em;
            margin-bottom: 1.5em;
        }
    /*  End Sponsorship opportunities */

    /*catalogs landing page*/
    @media screen and (min-width: 576px) {
        .free-catalogs .tiles li {
            width: 50%;
        }
    }

    @media screen and (min-width: 762px) {
        .free-catalogs .tiles li {
            width: 33%;
        }
    }

    @media screen and (min-width: 992px) {
        .free-catalogs .tiles li {
            width: 25%;
        }
    }
    /*End catalogs landing page*/
    /*  End Sponsorship opportunities */

    .popup-video {
        display: none;
        max-width: 1100px;
    }

    #videoid {
        width: 960px;
        height: 540px;
    }

    #noscript-warning {
        width: 100%;
        padding: .3em .5em;
        background: #c00;
        text-align: center;
        font-size: 13px;
        color: #fff;
        overflow: auto;
        transition: none;
    }


    .site-warning {
        width: 100%;
        padding: .3em .5em;
        background: #ffff8d;
        text-align: center;
        font-size: 13px;
        color: #694538;
        overflow: auto;
        transition: none;
    }


    .show-more-show-less .show-less-link,
    .show-more-show-less .show-more-text {
        display: none
    }

    .show-more-show-less.expanded .show-more-link {
        display: none;
    }

    .show-more-show-less.expanded .show-less-link,
    .show-more-show-less.expanded .show-more-text {
        display: inline;
    }

    .show-more-link, .show-less-link {
        color: #694538;
        white-space: nowrap;
        float: right;
    }





    /* Mobile right nav open */
    #mobile-right-nav {
        float: right;
        position: absolute;
        top: 5px;
        right: 30px;
        display: none;
        text-decoration: none;
        font-size: 14px;
    }

    .mobile-nav-content ul {
        padding: 0;
        margin: 0;
    }

    ul.dropdown {
        padding-left: 20px;
    }

    .mobile-nav-content a {
        text-decoration: none;
        display: block;
        padding: 10px;
        border-bottom: 1px solid #f1f1f1;
        font-weight: bold;
    }

    .mobile-nav-content ul.dropdown a {
        font-weight: normal;
    }

    .mobile-nav-content ul li {
        list-style-type: none;
    }

    .right-nav-show {
        display: block !important;
    }

    .mobile-nav-content {
    }

    .fbp-atag {
        border: 1px solid #d7d7d7;
        flex-grow: 1;
        text-align: center;
        padding: 10px 5px;
        font-size: 14px;
        cursor: pointer;
        font-weight: 400;
        display: flex;
        align-items: center;
        line-height: 1.2;
        text-align: center;
        justify-content: center;
        white-space: nowrap;
        border-radius: 6px;
        margin: 2px;
        text-decoration: none;
        width: 230px;
        color: #444;
    }

    /*.fbp-atag:hover
{
    display: block;

    height: 35px;
    background: #5ea6db;
    text-align: center;
    border-radius: 5px;
    color: white;
    font-weight: bold;    
}*/

    .fbp-form {
        margin-top: 10px;
        border: 1px solid #d7d7d7;
        border-radius: 3px;
        padding: 10px 30px 20px 30px;
    }

        .fbp-form .remove {
            text-align: center;
            font-size: 14px;
            cursor: pointer;
            padding: 0 5px;
            border-radius: 3px;
            color: #DA2918;
        }

        .fbp-form .msg {
            display: block;
            margin-top: 10px;
            color: #045DA3;
        }

    .fbpList {
        margin-top: 10px;
        display: block;
    }

    .fbpWrap {
        height: 40px;
    }

    .inactiveLink {
        pointer-events: none;
        cursor: default;
    }

    #clockdiv {
        clear: both;
        float: none;
        margin-bottom: 20px;
        text-align: center;
    }

        #clockdiv > div {
            width: 23%;
            display: inline-block;
            margin: 0;
        }

        #clockdiv div > span {
            font-size: 30px;
        }

    .smalltext {
        margin: 5px 0;
        padding: 5px;
        font-size: 8px;
        border: solid 2px;
    }

    .finePrint {
        font-size: 75%;
    }

    @media (min-width: 440px) {
        #clockdiv div > span {
            font-size: 36px;
        }

        .smalltext {
            font-size: 12px;
        }
    }

    @media (min-width: 576px) {
        #clockdiv div > span {
            font-size: 40px;
        }

        .smalltext {
            font-size: 16px;
        }
    }

    @media (min-width: 768px) {
        #clockdiv > div {
            width: 20%;
        }
    }

    @media (min-width: 992px) {
        #clockdiv > div {
            width: 16%;
        }
    }

    @media (min-width: 1200px) {
        #clockdiv > div {
            width: 12%;
        }
    }


    caption {
        caption-side: bottom;
    }

    table.striped {
        background-color: #fff;
    }


        table.striped TH {
            background-color: #f3f3f3;
            border: 1px solid #e3e3e3;
            padding: 4px 6px;
            color: #000;
            font-size: 13px;
            text-align: left;
        }

        table.striped TD {
            padding: 6px;
            border: 1px solid #f1f1f1;
            border-top: 0 none;
            font-size: 12px;
            -webkit-transition: background-color .3s;
            transition: background-color .3s
        }

        table.striped TR:nth-child(odd) TD {
            background-color: #fcfcfc;
        }

        table.striped TR:nth-child(even) TD {
            background-color: #fff;
        }

        table.striped TD:last-child {
            text-align: left;
        }

        table.striped TR:hover TD,
        table.striped TR.current TD {
            background-color: #e5f6ff;
            color: #000;
        }


    table.debug {
        background-color: #fff;
        font-family: monospace;
        font-size: 11px;
    }

        table.debug::before {
            content: 'for testing only';
            /*display: table-caption;*/
            display: none;
            caption-side: top;
            background-color: rgba(0, 150, 136, 1);
            color: #fff;
            text-align: center;
            font-weight: bold;
            text-transform: uppercase;
        }

        table.debug tbody {
            display: none;
        }

        table.debug TH {
            background-color: rgba(0, 150, 136, 0.33);
            border: 1px solid rgba(0, 150, 136, 0.33);
            padding: 4px;
            color: #000;
            font-size: 12px;
            text-align: left;
        }

        table.debug TD {
            padding: 4px;
            border: 1px solid rgba(0, 150, 136, .25);
            border-top: 0 none;
            -webkit-transition: background-color .3s;
            transition: background-color .3s
        }

        table.debug TR:nth-child(odd) TD {
            background-color: rgba(0, 150, 136, 0.1);
        }

        table.debug TR:nth-child(even) TD {
            background-color: #fff;
        }

        table.debug TD:last-child {
            text-align: left;
        }

        table.debug TR:hover TD,
        table.debug TR.current TD {
            background-color: rgba(255, 235, 59, 0.9);
            color: #000;
        }

        table.debug caption {
            background-color: rgba(0, 150, 136, 1);
            border-radius: 10px 10px 0px 0px;
            color: #fff;
            text-align: center;
            font-weight: bold;
            caption-side: top;
            cursor: pointer;
        }


    span.debug {
        display: inline-block;
        background-color: rgba(0, 150, 136, 0.3);
        font-family: monospace;
        color: rgb(0, 73, 66);
        text-align: center;
        border-radius: 0.8em;
        padding: .1em .5em;
        font-size: .8em;
        position: relative;
    }

        span.debug::before {
            content: 'debug';
            position: absolute;
            bottom: 1.7em;
            left: 0.7em;
            color: rgba(0, 150, 136, 1);
            font-size: 0.7em;
            font-weight: bold;
            text-transform: uppercase;
        }



    .cart-message {
        margin-bottom: 20px;
    }



    #modelYearNote h2 {
        font-size: 30px;
        margin-bottom: .5em;
        border-bottom: 2px solid #ddd;
    }

    #modelYearNote h3 {
        font-size: 24px;
        margin: 3em 0 .5em;
        border-bottom: 2px solid #ddd;
    }

    #modelYearNote {
        /*user-select: none;*/ /* disabled 3/2026 RJB */
    }

        #modelYearNote ul {
            margin-left: 0;
        }

            #modelYearNote ul ul {
                list-style: circle;
            }

        #modelYearNote p + ul {
            margin-top: -1.5em;
        }





    #email-signup-popup-wrapper {
        padding: 40px;
        background: #e2a93a center bottom no-repeat url('/images/email-popup/email-signup-popup-bg-chevelle-emblem-trunk-mobile.jpg');
        background-size: cover;
    }

        #email-signup-popup-wrapper .fancybox-button {
            color: #fff;
        }

    #email-signup-popup-box {
        display: none;
    }

    #email-signup-popup-box-sms {
        display: block;
    }

    .pop-up-box {
        width: auto;
        text-align: center;
        color: #fff;
        text-shadow: 0 0px 15px rgb(111, 76, 0), 0 0px 15px rgb(111, 76, 0);
    }

        .pop-up-box .h2 {
            margin: 0;
            font-size: 24px;
            line-height: .9;
            font-weight: 400;
            color: #fff;
        }

        .pop-up-box .h1 {
            margin: 8px 0;
            font-size: 70px;
            font-weight: 900;
            line-height: .9;
            text-transform: uppercase;
            color: #fff;
        }

            .pop-up-box .h1 span {
                display: block;
                margin: 4px 0 0;
                font-weight: 700;
                font-size: 32px;
            }

        .pop-up-box .h3 {
            margin: 10px 0 0;
            font-size: 16px;
            line-height: .9;
            font-weight: 400;
            color: #fff;
        }

        .pop-up-box p {
            margin: 12px 0 0;
            font-size: 20px;
            line-height: 1.2;
        }

        .pop-up-box a {
            white-space: nowrap;
            width: 350px;
        }

        .pop-up-box .popup-sign-up {
            margin: 30px auto 0;
            font-size: 30px;
            text-transform: uppercase;
            text-shadow: none;
            opacity: .97;
        }

        .pop-up-box .popup-no-thanks {
            margin: 8px auto 0;
            border-width: 2px;
            font-size: 24px;
            font-weight: 400;
            color: #fff;
            text-shadow: 0 3px 3px rgba(0, 0, 0, .5);
        }

        .pop-up-box p.small {
            margin: 20px auto 0;
            font-size: 14px;
            text-shadow: 0px 3px 6px rgba(0,0,0,1), 0px 1px 6px rgba(0,0,0,1), 0px -1px 6px rgba(0,0,0,1), 1px 0px 6px rgba(0,0,0,1), -1px 0px 6px rgba(0,0,0,1);
        }

            .pop-up-box p.small a {
                color: #fff;
            }

    @media screen and (min-width: 768px) {
        #email-signup-popup-wrapper {
            width: 550px;
            height: 500px;
            background-image: url('/images/email-popup/email-signup-popup-bg-chevelle-hood-pin-desktop.jpg');
            background-position-x: left;
            background-size: auto;
        }

        #email-signup-popup-box {
            display: block;
        }

        #email-signup-popup-box-sms {
            display: none;
        }

        .pop-up-box {
            margin-bottom: 140px;
        }

            .pop-up-box .h2 {
                margin: -10px 0 0;
            }

            .pop-up-box .h1 {
                font-size: 80px;
            }

            .pop-up-box p {
                font-size: 17px;
            }

                .pop-up-box p.small {
                    width: 360px;
                    text-shadow: 0px 2px 3px rgba(0, 0, 0, 1), 0px 1px 1px rgba(0, 0, 0, 1);
                    font-size: 12px;
                }
    }







    /* Zendesk Chat Web Widget (Zopim)
	========================================================================== */

    .chat-click-open {
        cursor: pointer;
        transition: all 1s;
    }

        .chat-click-open.chat-offline {
            cursor: not-allowed;
        }

            .chat-click-open.chat-offline img {
                opacity: .5;
            }

            .chat-click-open.chat-offline strong {
                opacity: .75;
            }

        .chat-click-open .offline {
            display: none;
        }

        .chat-click-open.chat-not-loaded {
            opacity: 0 !important;
        }

        .chat-click-open.chat-offline .offline {
            display: block;
        }

        .chat-click-open.chat-offline .online {
            display: none;
        }

    .cancel-order-btn {
        width: 100% !important;
        padding-right: 30px;
    }

    #alert-signup a.button span {
        white-space: nowrap;
        font-weight: 400;
    }


    #out-off-stock-fancybox h1 {
        margin: 0;
        color: #035da3;
    }

    #out-off-stock-fancybox h2 {
        margin: 0;
    }


    #out-off-stock-fancybox input[type="email"] {
        width: 100%;
        margin-bottom: .5em;
    }


    #out-off-stock-messages {
        margin: .5em 0 0;
        min-height: 1.6em
    }

    #out-off-stock-success,
    #out-off-stock-error {
        display: none;
        margin: 0;
        font-weight: bold;
        color: #28a745;
    }

    #out-off-stock-error {
        color: #da2917
    }


    .dimension {
        margin-bottom: 5px;
    }

    /* product return */
    .policy .note {
        display: flex;
        align-content: center;
        align-items: top;
        padding: 10px 15px;
    }

    .policy .icon-holder .icon-alert {
        color: #000;
        font-size: 25px;
        line-height: .7;
        padding-right: 10px;
    }

    .policy .note strong {
        display: block;
    }


    .cart-summary.return-items {
    }



    #search-orders {
        display: flex;
        width: 100%;
        margin-top: 10px;
        white-space: nowrap;
    }

    @media screen and (min-width: 992px) {
        #search-orders {
            width: auto;
        }
    }

    #search-orders > input[type=text] {
        width: 100%;
    }

    #return-by-date {
        text-align: center;
    }

    .return-item-selected {
        padding: 10px 30px;
    }

    .return-confirm {
        margin: 0 0 2em;
        padding: 0;
        list-style: none;
    }

        .return-confirm li {
            margin: 0 0 15px 0;
            padding: 0 0 0 40px;
            position: relative;
            font-size: 16px;
            font-weight: 400;
        }

            .return-confirm li:before {
                content: 'H';
                font-family: opgi-icons;
                display: block;
                color: #28a745;
                position: absolute;
                font-size: 18px;
                left: 10px;
                top: -1px;
            }

    .over45days {
        margin: 10px 0 0 20px;
        color: Red;
    }

    .rborder {
        border: 1px solid #FF0000;
    }

    .err-cont {
        color: #FF0000;
    }

    #err-cont-id {
        display: none;
    }

    .refund-summary {
    }

        .refund-summary table tr td.r {
            text-align: right;
        }

    .options-select table tr td {
        padding: 5px;
    }


    /* Product return */
    .order-list-return {
        border: 1px solid #D9D9D9;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    .order-list-header {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #D9D9D9;
        background-color: #f3f3f3;
        font-size: 12px;
    }

        .order-list-header > div {
            padding: 10px 14px;
        }

            .order-list-header > div:last-child {
                text-align: right;
            }

    .order-list-main {
        display: flex;
        flex-direction: column;
        padding: 20px;
        overflow: auto;
    }

    .order-list-header > div.status {
        display: none;
    }


    @media (min-width: 768px) {
        .order-list-main {
            flex-direction: row;
        }

        .order-list-header > div.status {
            display: table-cell;
        }
    }


    .order-list-heading {
        margin-left: 4px;
        margin-bottom: -1em;
        font-weight: bold;
        font-size: 20px;
    }

    .order-list-sub {
        flex-grow: 1;
    }

    .order-list-actions {
        width: 100%;
        margin: 20px 0 10px;
    }

        .order-list-actions > .button {
            white-space: nowrap;
        }

    @media (min-width: 768px) {
        .order-list-actions {
            width: 25%;
            margin: 0;
        }
    }


    .order-list-actions > a {
        margin-top: 0.5em;
    }


    .order-list-item {
        display: flex;
        margin-top: 30px;
        overflow: auto;
    }


    .order-list-thumbnail {
    }

        .order-list-thumbnail a {
            width: 80px;
            height: auto;
            max-height: 80px;
            margin-right: 20px;
            display: flex;
            flex-grow: 0;
            flex-shrink: 0;
            justify-content: center;
            align-content: center;
            overflow: hidden;
        }

    .order-list-item-name {
        margin-left: 10px;
    }

    .order-list-item-actions {
        display: none;
        margin-top: 10px;
    }


    #cartTable .cart-kit-return {
        align-items: flex-start;
    }

    @media screen and (min-width: 992px) {
        #cartTable .cart-kit.cart-kit-return {
            flex-wrap: nowrap;
        }
    }


    .cart-kit-return .price {
        font-weight: bold;
    }

    .return-header {
        margin-left: 20px;
    }

    .return-address {
        margin-left: 40px;
    }

    .cart-return-reason {
        width: 270px;
    }

    @media screen and (min-width: 992px) {
        #cart-return-reason {
            width: 100%;
        }
    }


    @media screen and (max-width: 500px) {
        .checkbox-return-select {
            position: absolute;
            top: 10px;
            left: 10px;
        }
    }

    .cart-return-reason input[type="file"] {
        width: 100%;
    }

    .return-item-call {
        width: 100%;
        font-weight: bold;
        margin: 20px 0 0 40px;
        color: Red;
    }

    .questionList {
        width: 100%;
        margin-top: 10px;
    }

    .questionChoiceList {
        width: 100%
    }

    #cartTable .kit-items.expand.return-items {
        font-size: 16px;
    }

    #cartTable .kit-items.return-items > .kit-items-inner {
        max-height: 100%;
        padding: 20px 40px;
    }

    .return-options {
        margin-top: 10px;
    }

    .return-item-restocking {
        font-style: italic;
        text-align: center;
    }

    a.order-detail-link {
        white-space: nowrap;
    }

        a.order-detail-link:hover {
            text-decoration: underline;
        }

    .print-label {
        width: 100%;
        padding: 0 20px 20px 20px;
        border: 1px solid #d9d9d9;
    }

    .return-confirm-tbl {
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .return-confirm-thumbnail {
        width: 60px;
        padding-right: 20px;
    }

    .return-confirm-item-name {
        width: 300px;
        vertical-align: top;
    }

    .return-confirm-item-label {
        vertical-align: top;
        width: 200px;
        padding-left: 20px;
    }

    .no-item-div {
        margin-left: 30px;
        font-size: 60px;
    }

    .return-comment {
    }

    .return-shipping-total {
        color: #035da3;
        font-weight: bold;
    }

    .return-customer-pay {
        color: #035da3;
        font-weight: bold;
    }

    #returnItemImages {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

        #returnItemImages > img {
            width: 33.33%;
            padding: 10px 5px;
        }


    .return-image-thumbmail {
        border: 1px solid #EEE;
        padding: 10px;
        margin: 5px 0 5px 0;
    }

    .return-item-upload-image-wrap {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }


    .return-item-upload-image img {
        max-width: 50%;
        padding: 10px;
        max-height: 100px;
    }


    .package-header {
        width: 100%;
        background: #D9D9D9;
        padding: 10px 0 10px 10px;
        color: #2D2D2D;
    }

    .return-package {
        margin-bottom: 30px;
    }

    @media all and (min-width: 576px) {
        #archived-newsletter {
            background: #A8A8A8;
            padding: 20px;
        }
    }


    #archived-newsletter table {
        margin: 0;
    }

    /*#archived-newsletter img {
    max-width: revert;
}*/




    .blur-background {
        -webkit-filter: blur(5px);
        -ms-filter: blur(5px);
        filter: blur(5px);
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        -webkit-transform: translate3d(0,0,0);
    }

    /* Set credit card type icons */
    .cc-icon {
        position: absolute;
        width: 34px;
        height: 22px;
        top: 50%;
        right: 10px;
        margin-top: -11px;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .visa {
        background-image: url('/images/icons/visa.png')
    }

    .mastercard {
        background-image: url('/images/icons/mastercard.png')
    }

    .amex {
        background-image: url('/images/icons/amex.png')
    }

    .discover {
        background-image: url('/images/icons/discover.png')
    }

    /* End Set credit card type icons */

    .fbpLoading {
        display: block;
        width: 100px;
        background-image: url('/Images/loaders/typing-dark.svg') !important;
        background-repeat: no-repeat;
    }


    /* HotJar */
    div[class$="MinimizedWidgetMiddle__right"] {
        transform: translateY(-50%) scale(.75) !important;
        transform-origin: right center;
    }


    /*#RRRelatedProductsSection {
    display: block !important;
    min-height: 360px;
}*/

    /*#price-match-wrap {
    margin-top: 10px;
    font-size: 12px;
    color: #888;
}*/

    /*@media screen and (min-width: 860px) {
    #price-match-wrap {
        margin-top: 0;
        border-left: 1px solid #e4e4e4;
        padding-left: 15px;
        margin-left: 15px;
    }
}*/

    #price-match-link {
        /*display: inline-flex;
    height: 20px;
    align-items: center;
    vertical-align: bottom;
    column-gap: 1px;
    margin-right: 10px;
    color: #035da3;
    font-weight: 700;*/
    }

    .price-match-pending,
    .price-match-approved {
        color: #035da3;
        font-weight: 700;
    }

    /*
#price-match-link .icon-price-match:before {
    font-size: 32px;
    display: inline-block;
    transform: rotate(25deg);
    margin-top: -10px;
    transition: transform .125s;
}

#price-match-link:hover .icon-price-match:before {
    transform: rotate(15deg);
}


#price-match-link:hover .icon::before {
    text-decoration: none !important;
}
*/

    #price-match-box .icon-holder {
        font-size: 400%;
        line-height: 70%;
        margin-left: -10px;
        margin-top: -10px;
    }




    label.price-match-error {
        font-size: 12px;
        color: red;
    }

    div.pac-container {
        z-index: 99999999999 !important;
    }



    .admin-debug-info-grid-item {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 5px 10px;
        padding: 0;
        list-style: none;
        border: #06FF03 solid 4px;
        background: rgba(0, 0, 0, 1);
        font: 11px Consolas, Courier, Monaco, monospace;
        color: #06FF03;
        opacity: 0.9;
        z-index: 10;
    }

        .admin-debug-info-grid-item.admin-debug-info-top {
            animation: .5s ease-in-out forwards swingTop;
        }


        .admin-debug-info-grid-item.admin-debug-info-bottom {
            animation: .5s ease-in-out forwards swingBottom;
        }

    @keyframes swingTop {
        from {
            top: 98%;
            transform: translateY(-100%);
        }

        to {
            transform: translateY(0);
            top: 0;
        }
    }

    @keyframes swingBottom {
        from {
            transform: translateY(0);
            top: 0;
        }

        to {
            top: 98%;
            transform: translateY(-100%);
        }
    }



    .admin-debug-info-grid-item li {
        margin: 0;
        padding: 4px 6px;
        white-space: pre-wrap;
        text-align: left;
        width: 100%;
        transition: all .3s;
    }

        .admin-debug-info-grid-item li:nth-child(even) {
            background-color: rgba(255, 255, 255, .1);
        }

        .admin-debug-info-grid-item li:hover {
            background-color: rgba(0, 130, 255, .5) !important;
            color: #fff !important;
        }

    /*
  EGIFT CARD CSS
*/
    /**** .CloseLink shrunk all close buttons, not good. (rjb) ****/
    /*.CloseLink { font-size: 16px !important; }*/
    .modalBackground table tr td {
        padding: 2px;
    }

    .modalBackground .button-cart {
        margin-bottom: 10px;
    }

    .personalization-wrapper {
        width: 100%;
        padding: 20px 20px 0 20px !important;
        background: #f3f3f3;
        border-radius: 3px;
    }

        .personalization-wrapper table tr td {
            padding: 2px;
        }

    .options {
        /*padding: 10px 20px 10px 20px !important;*/
    }

    .udf-input-read-only-wrapper ul.edit-button {
        display: none;
    }

    .udf-input-read-only-wrapper ul {
        padding: 5px 0 0 0;
    }

        .udf-input-read-only-wrapper ul .udf-input-label {
            font-weight: bold;
        }

    .cart-edit-personalization {
        margin-top: 5px;
        margin-bottom: 5px;
        font-weight: bold;
        color: #035DA3;
        border: 1px solid #035DA3;
        border-radius: 6px;
    }

        .cart-edit-personalization:hover {
            color: #F37528;
            border: 1px solid #F37528;
        }

    .modal-outer-box {
        background: #FF0000;
    }

    .message-display-popup .alert .text {
        margin: 20px !important;
        font-size: 16px !important;
    }


    .udf-input-table .Label {
        white-space: nowrap;
        text-align: left;
        padding-right: 5px;
    }

    .udf-input-table input {
        width: 100%;
    }

    .udf-input-table tr.Theme {
        display: none !important;
    }

    .udf-input-read-only-wrapper ul li.Theme {
        display: none !important;
    }

    div.gcGallery {
        flex-direction: column !important;
    }

    .gcNumberLB {
        width: 100%;
        padding-top: 20px;
    }

    .gcPinLB {
        width: 100%;
        padding-top: 20px;
    }

    .gcBalanceMessage {
        font-size: 16px;
        font-weight: 500;
    }


    /****** WARRANTY POLICY TAB ******/
    #warranty .warranty-info {
        font-size: 12px;
    }

    .warranty-info .warranty-icon {
        float: left;
        margin: 0 2em 0.5em 0;
        max-height: 50px;
    }


    /****** JQUERY UI AUTOCOMPLETE OVERRIDES ******/
    .ui-widget-content.ui-autocomplete {
        padding: 0px;
        background: #fff;
        border: none;
        /*border-top: 2px solid #035da3;*/
        /*z-index: 110;*/
        box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
        font-family: inherit;
        font-size: 16px;
    }

    .ui-menu.ui-autocomplete > .ui-menu-item {
        list-style-image: none;
    }

        .ui-menu.ui-autocomplete > .ui-menu-item > .ui-menu-item-wrapper {
            margin: 0;
            padding: 4px 11px;
            width: 100%;
            list-style-image: none;
            cursor: pointer;
        }

    .ui-state-active, .ui-widget-content.ui-autocomplete .ui-state-active, .ui-widget-header .ui-state-active {
        border: none;
        background: #0071ca;
        color: #fff;
    }


    .affirm-description .affirm-modal-trigger {
        display: none;
    }


    .payment-method-description {
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        font-size: 13px;
        line-height: 1.5;
    }

    .payment-method-logo {
        margin: -15px 0 10px;
        height: 32px;
    }

    #affirm-processing-message {
        margin-top: 15px;
        margin-bottom: -40px;
        font-weight: normal;
    }



    .wishlist-item-image {
        display: flex;
        margin-right: 20px;
        justify-content: center;
        overflow: hidden;
        align-content: center;
        flex-grow: 0;
        flex-shrink: 0;
        width: auto;
    }

    .wishlist-image {
        align-self: center;
        display: block;
        min-width: 1px;
    }


    .wishlist-btn-wrap {
        display: grid;
        border-radius: 20px;
        border: 1px solid #d9d9d9;
        position: relative;
        padding: 30px 14px;
        max-height: 150px;
        margin-top: 20px;
    }

    .view-wishlist-btn, .cont-wishlist-btn {
        padding: 10px 20px;
        font-size: 14px;
        cursor: pointer;
        text-decoration: none;
        display: block;
        width: 100%;
        margin: 0 auto;
        transition: background-color 0.3s ease-in-out;
    }

    .view-wishlist-btn {
        background-color: #f8f9fa;
        color: inherit;
        margin-bottom: 15px;
    }

        .view-wishlist-btn a {
            text-decoration: none;
        }

    .cont-wishlist-btn {
        background-color: #007bff;
    }


    .view-wishlist-btn:hover {
        background-color: #e2e6ea;
        color: black;
    }

    .cont-wishlist-btn:hover {
        background-color: #0056b3;
    }


    .wishlist-holder {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        min-height: 1.7em; /* stops page render repaint */
    }

    .wishlist-hr {
        height: 1.5px;
        margin: 15px 0;
    }

    .wishlist-item-image img {
        object-fit: cover;
        max-width: 300px;
    }

    .wishlist-holder .content .attributes {
        width: 100%;
        font-size: 13px;
    }

    @media screen and (min-width: 576px) {
        .wishlist-item-image img {
            max-height: 200px;
        }
    }

    @media (max-width: 992px) {

        .wishlist-form {
            flex-direction: column;
        }
    }

    @media (max-width: 768 px) {
        .wishlist-item-name {
            margin-top: 10px;
        }
    }

    @media (max-width: 576px) {
        .wishlist-item-image img {
            max-height: 100px;
        }
    }


    .progress {
        position: relative;
        background-color: #d1d5db;
        border-radius: 99px;
        padding: 0.25rem;
        z-index: 10;
    }

    .progress-bar {
        height: 30px;
        align-items: center;
        display: flex;
        justify-content: center;
        background-color: #3b82f6;
        background-color: #0071ca;
        color: #fff;
        border-radius: 99px;
        padding: 0.125rem;
    }

    .progress-bar-striped {
        background-image: linear-gradient(-45deg, rgba(255,255,255,.05) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.05) 50%, rgba(255,255,255,.05) 75%, transparent 75%, transparent 100% );
        background-size: 1rem 1rem;
        background-position: 0% 50%
    }

    .progress-moved .progress-bar {
        width: 100%;
        animation-duration: 8s, 16s;
        animation-timing-function: ease, linear;
        animation-delay: 0s, 8s;
        animation-iteration-count: 1, infinite;
        -webkit-animation-name: progress-bar-animation-4-steps, progress-bar-background;
        animation-name: progress-bar-animation-4-steps, progress-bar-background;
    }


    @-webkit-keyframes progress-bar-animation-4-steps {
        0% {
            width: 0%;
        }

        15% {
            width: 25%;
        }

        20% {
            width: 25%;
        }

        40% {
            width: 50%;
        }

        45% {
            width: 50%;
        }

        65% {
            width: 75%;
        }

        70% {
            width: 75%;
        }

        100% {
            width: 100%;
        }
    }

    @keyframes progress-bar-animation-4-steps {
        0% {
            width: 0%;
        }

        15% {
            width: 25%;
        }

        20% {
            width: 25%;
        }

        40% {
            width: 50%;
        }

        45% {
            width: 50%;
        }

        65% {
            width: 75%;
        }

        70% {
            width: 75%;
        }

        100% {
            width: 100%;
        }
    }

    @-webkit-keyframes progress-bar-animation {
        to {
            width: 0%;
        }

        from {
            width: 100%;
        }
    }

    @keyframes progress-bar-animation {
        to {
            width: 0%;
        }

        from {
            width: 100%;
        }
    }


    @keyframes progress-bar-background {
        from {
            background-position: 100% 50%;
        }

        to {
            background-position: 0% 50%;
        }
    }


    .disabled-link {
        pointer-events: none;
        color: #035DA3;
        cursor: default;
        text-decoration: none;
    }

    .brand-banner-panel {
        position: relative;
        width: 100%;
        background-color: #e3e3e3;
        overflow: hidden;
    }

    .brand-banner-image {
        width: 100%;
        height: 120px;
        display: block;
        object-fit: cover;
    }

    .brand-banner-image-missing {
        filter: blur(10px) grayscale(0);
        mix-blend-mode: multiply;
        opacity: 0.33;
    }

    .brand-logo-position-wrapper {
        margin-left: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100% - 30px);
        max-width: 1240px;
    }

    .brand-logo-container {
        width: 80px;
        height: 80px;
        margin-left: auto;
        margin-right: auto;
        top: 1px;
        background-color: white;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    }

    .brand-logo-image {
        max-width: 80%;
        max-height: 80%;
    }

    @media (min-width: 992px) {
        .brand-banner-image {
            height: 160px;
        }

        .brand-logo-position-wrapper {
            margin-left: 30px;
        }

        .brand-logo-container {
            width: 100px;
            height: 100px;
            margin-left: 0px;
            position: relative;
        }
    }

    #DigitalDetailSection {
        margin-top: 60px;
    }

    .digital-detail-title {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        margin: 0 0 5px 0;
        flex-wrap: wrap;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 14px;
    }

    .digital-detail-asset {
        list-style-type: none;
        padding: 0;
        font-size: 14px;
        font-weight: normal;
    }

        .digital-detail-asset li {
            margin-bottom: 10px;
        }

            .digital-detail-asset li a {
                color: #035DA3;
            }

            .digital-detail-asset li .digital-detail-title {
                font-weight: bold;
            }

            .digital-detail-asset li .digital-detail-file li {
                list-style-type: none;
            }

                .digital-detail-asset li .digital-detail-file li::before {
                    content: "\2014";
                    color: #007bff;
                    display: inline-block;
                    width: 1em;
                    margin-left: -1em;
                    font-size: 1.2em;
                }

                .digital-detail-asset li .digital-detail-file li a {
                    color: #007bff;
                    text-decoration: underline;
                }