/*

	NORMALIZE

------------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

@font-face {
  font-family: "jmicons";
  src: url("../css/fonts/jmicons/icons.eot");
  src: url("../css/fonts/jmicons/icons.eot?#iefix") format("embedded-opentype"), url("../css/fonts/jmicons/icons.woff2") format("woff2"), url("../css/fonts/jmicons/icons.woff") format("woff"), url("../css/fonts/jmicons/icons.ttf") format("truetype"), url("../css/fonts/jmicons/icons.svg#jmicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "jmicons";
    src: url("../css/fonts/jmicons/icons.svg#jmicons") format("svg");
  }
}
[data-icon]:before {
  content: attr(data-icon);
}

[data-icon]:before,
.icon-arrow-left:before,
.icon-arrow-right:before,
.icon-flag:before,
.icon-pallet:before,
.icon-social-facebook:before,
.icon-social-instagram:before,
.icon-x-thick:before,
.icon-x-thin:before {
  display: inline-block;
  font-family: "jmicons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.icon-arrow-left:before {
  content: "\f108";
}

.icon-arrow-right:before {
  content: "\f100";
}

.icon-flag:before {
  content: "\f105";
}

.icon-pallet:before {
  content: "\f104";
}

.icon-social-facebook:before {
  content: "\f102";
}

.icon-social-instagram:before {
  content: "\f103";
}

.icon-x-thick:before {
  content: "\f106";
}

.icon-x-thin:before {
  content: "\f107";
}

/*

    GLOBAL

------------------------------------------------------------------*/
body {
  background-color: #181818;
  font-family: "Roboto Condensed", sans-serif;
}

button {
  border: 0;
  outline: 0;
  padding: 0;
  -webkit-appearance: none;
  cursor: pointer;
}

hr {
  border: 0;
  outline: 0;
  display: block;
}

.hr--carbon-fiber {
  height: 1px;
  background-color: white;
  margin: 0 0 3em;
}

.h1--carbon-fiber {
  color: white;
  margin: 0 auto 0.5em;
  font-size: 36px;
}
@media (min-width: 760px) {
  .h1--carbon-fiber {
    font-size: 52px;
  }
}
@media (min-width: 975px) {
  .h1--carbon-fiber {
    font-size: 70px;
    margin-bottom: 0.25em;
  }
}
@media (min-width: 1600px) {
  .h1--carbon-fiber {
    font-size: 3.5vw;
  }
}

img + .h1--carbon-fiber {
  margin-top: 0.5em;
}

h2 {
  font-size: 7.5vw;
  margin: 0 0 0.5em;
  line-height: 1;
}
@media (min-width: 975px) {
  h2 {
    font-size: 3.5vw;
  }
}

.h2--carbon-fiber {
  color: white;
  margin: 0 auto 3em;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}
@media (min-width: 760px) {
  .h2--carbon-fiber {
    font-size: 19px;
    margin-bottom: 2em;
    font-weight: 300;
  }
}
@media (min-width: 975px) {
  .h2--carbon-fiber {
    font-size: 26px;
  }
}
@media (min-width: 1600px) {
  .h2--carbon-fiber {
    font-size: 1.5vw;
  }
}
.h2--carbon-fiber a {
  color: #0390c5;
  font-style: normal;
  -webkit-transition: color 0.075s linear;
  transition: color 0.075s linear;
}
.h2--carbon-fiber a:hover {
  color: #04b5f7;
}

h3 {
  margin: 0;
  font-family: "Roboto", sans-serif;
  line-height: 1.5;
  font-size: 14px;
}
@media (min-width: 760px) {
  h3 {
    font-size: 16px;
  }
}
@media (min-width: 975px) {
  h3 {
    font-size: 14px;
  }
}
@media (min-width: 1600px) {
  h3 {
    font-size: 1vw;
  }
}

p {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 3em;
}
@media (min-width: 760px) {
  p {
    font-size: 16px;
  }
}
@media (min-width: 975px) {
  p {
    font-size: 14px;
  }
}
@media (min-width: 1600px) {
  p {
    font-size: 1vw;
  }
}
p a {
  color: #0390c5;
}

.main--carbon-fiber {
  background: url(../img/global/carbon-fiber-bg-tile-dark.png) repeat-x top;
}

sup {
  font-size: 25%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -2.25em;
}

.site-dimmer {
  position: fixed;
  top: 0;
  left: -9999px;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition: opacity 0.075s linear, left 0s 0.075s;
  transition: opacity 0.075s linear, left 0s 0.075s;
}

.site-dimmer--show {
  left: 0;
  opacity: 1;
  -webkit-transition: opacity 0.075s linear;
  transition: opacity 0.075s linear;
}

.fixed-shade-for-header {
  display: none;
}
@media (min-width: 975px) {
  .fixed-shade-for-header {
    display: block;
    height: 10vw;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(60%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0) 100%);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 80;
    pointer-events: none;
  }
}
@media (min-width: 1600px) {
  .fixed-shade-for-header {
    height: 10vw;
  }
}

.btn {
  background-color: #0390c5;
  color: white;
  font-size: 18px;
  text-decoration: none;
  padding: 1em 3em;
  margin: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.075s linear;
  transition: background-color 0.075s linear;
}
@media (min-width: 1600px) {
  .btn {
    font-size: 1.125vw;
  }
}
.btn .icon-arrow-right {
  font-size: 0.5em;
  margin-left: 2em;
  margin-right: -0.25em;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn:hover {
  background-color: #03a2de;
}
.btn:hover .icon-arrow-right {
  -webkit-transform: translateX(0.5em);
          transform: translateX(0.5em);
}

.custom-select {
  position: relative;
  border: 1px solid #3e3f40;
  padding: 15px;
}
.custom-select:after {
  content: "";
  position: absolute;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  top: 50%;
  right: 12px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 9px solid black;
  border-bottom: 7px solid transparent;
  pointer-events: none;
}
@media (min-width: 1600px) {
  .custom-select:after {
    border-width: 0.47vw 0.37vw 0.37vw 0.37vw;
    right: 0.63vw;
  }
}

.custom-select__select {
  position: absolute;
  width: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  height: 100%;
  -webkit-appearance: menulist-button;
}

.custom-select__readout {
  pointer-events: none;
  white-space: nowrap;
  font-weight: bold;
}
@media (min-width: 1600px) {
  .custom-select__readout {
    font-size: 1vw;
  }
}

.custom-select--light-on-dark {
  border-color: white;
}
.custom-select--light-on-dark:after {
  border-top-color: white;
}
.custom-select--light-on-dark .custom-select__readout {
  color: white;
}

.standard-input {
  margin-bottom: 30px;
}

.standard-input--error {
  border-color: red;
}

.standard-input--disabled {
  pointer-events: none;
  opacity: 0.25;
}

.standard-input__label, .custom-input__label, .custom-select__label {
  font-size: 15px;
  color: white;
  font-family: "Roboto", sans-serif;
  display: inline-block;
  padding-bottom: 0.75em;
  position: relative;
  z-index: 1;
}
@media (min-width: 1600px) {
  .standard-input__label, .custom-input__label, .custom-select__label {
    font-size: 0.9375vw;
  }
}

.standard-input__input {
  background-color: #363636;
  width: 100%;
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0.75em 0.675em;
  color: white;
  font-weight: 300;
  font-size: 20px;
}
@media (min-width: 1600px) {
  .standard-input__input {
    font-size: 1.25vw;
  }
}

.custom-checkbox--error .custom-checkbox__label {
  color: red;
}

.custom-checkbox__input {
  display: none;
}

.custom-checkbox__label {
  cursor: pointer;
  position: relative;
  padding-left: 30px;
  display: block;
  text-align: left;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
}
@media (min-width: 1600px) {
  .custom-checkbox__label {
    font-size: 0.875vw;
    padding-left: 1.875vw;
  }
}
.custom-checkbox__label:before {
  content: "";
  -webkit-transition: background 0.075s linear;
  transition: background 0.075s linear;
  display: block;
  text-align: center;
  font-size: 14px;
  position: absolute;
  top: -2px;
  left: 0;
  width: 20px;
  height: 20px;
  background: white;
  color: black;
  font-weight: 700;
  line-height: 1;
  padding: 4px;
}
@media (min-width: 1600px) {
  .custom-checkbox__label:before {
    font-size: 0.875vw;
    top: -0.125vw;
    width: 1.25vw;
    height: 1.25vw;
    padding: 0.25vw;
  }
}
.custom-checkbox__label a {
  color: #0390c5;
  text-decoration: underline;
  -webkit-transition: color 0.075s linear;
  transition: color 0.075s linear;
}
.custom-checkbox__label a:hover {
  color: #04b5f7;
}

.custom-checkbox__input:checked + .custom-checkbox__label:before {
  content: url(../img/global/custom-checkbox-x.svg);
}

.custom-checkbox__input[disabled] + .custom-checkbox__label {
  opacity: 0.4;
}

.custom-radio {
  margin-bottom: 30px;
}

.custom-radio--error .custom-radio__label {
  color: red;
}

.custom-radio__input {
  display: none;
}

.custom-radio__label {
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  display: block;
  text-align: left;
  font-size: 14px;
  margin-left: 5px;
}
@media (min-width: 1600px) {
  .custom-radio__label {
    font-size: 0.875vw;
    margin-left: 0.3125vw;
    padding-left: 1.5625vw;
  }
}
.custom-radio__label:before {
  content: "";
  -webkit-transition: background-color 0.075s linear;
  transition: background-color 0.075s linear;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  background-color: white;
  border-radius: 100%;
  border: 2px solid white;
}
@media (min-width: 1600px) {
  .custom-radio__label:before {
    width: 0.875vw;
    height: 0.875vw;
    border-width: 0.125vw;
  }
}

.custom-radio__input:checked + .custom-radio__label:before {
  background-color: #0390c5;
}

.custom-radio__input[disabled] + .custom-radio__label {
  opacity: 0.4;
}

.custom-input {
  position: relative;
  margin-bottom: 30px;
}

.custom-input--error {
  border-color: red;
}

.custom-input--disabled {
  pointer-events: none;
  opacity: 0.25;
}

.custom-input__input {
  background: #181818;
  width: 100%;
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0.875em 1em 0.675em;
  color: white;
  font-weight: 300;
  font-size: 20px;
}
@media (min-width: 1600px) {
  .custom-input__input {
    font-size: 1.25vw;
  }
}

.custom-input__file-input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  height: 54px;
}
@media (min-width: 1600px) {
  .custom-input__file-input {
    height: 3.375vw;
  }
}
.custom-input__file-input:focus + label strong, .custom-input__file-input.has-focus + label strong, .custom-input__file-input + label:hover strong {
  background-color: #ccc;
}

.custom-input__file-input-label {
  width: 100%;
  background-color: #363636;
  color: white;
  font-weight: 300;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.custom-input__file-input-label span {
  width: 100%;
  font-size: 18px;
  color: white;
  height: 52px;
  padding: 0.875em 1em 0.675em 130px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
  margin-right: 0;
}
@media (min-width: 1600px) {
  .custom-input__file-input-label span {
    height: 3.325vw;
    font-size: 1.125vw;
    padding-left: 8.125vw;
  }
}
.custom-input__file-input-label strong {
  font-size: 16px;
  color: black;
  font-weight: 300;
  background-color: white;
  display: inline-block;
  padding: 3px 8px;
  position: absolute;
  top: 50%;
  left: 1em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 1600px) {
  .custom-input__file-input-label strong {
    font-size: 1vw;
    padding: 0.1875vw 0.5vw;
  }
}

.no-js .custom-input__file-input-label {
  display: none;
}

@media screen and (max-width: 50em) {
  .custom-input__file-input + label strong {
    display: block;
  }
}
.custom-input__file-input-info-btn {
  border: 1px solid white;
  background-color: #0390c5;
  color: white;
  width: 1.5em;
  height: 1.5em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
  font-family: arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  -webkit-transform: translateY(-0.125em);
          transform: translateY(-0.125em);
  margin-left: 5px;
  cursor: pointer;
  position: relative;
}
@media (min-width: 1600px) {
  .custom-input__file-input-info-btn {
    font-size: 0.625vw;
  }
}

.custom-input__file-input-info-bubble {
  display: none;
  position: absolute;
  top: 200%;
  text-align: center;
  font-weight: normal;
  width: 250px;
  background-color: #0390c5;
  padding: 0.5em 1em;
  border-radius: 10px;
  font-size: 12px;
  -webkit-box-shadow: 0 0 20px rgb(0, 0, 0);
          box-shadow: 0 0 20px rgb(0, 0, 0);
  left: calc(50% - 125px);
}
@media (min-width: 1600px) {
  .custom-input__file-input-info-bubble {
    top: 1.5vw;
  }
}
.custom-input__file-input-info-bubble:after {
  content: "";
  position: absolute;
  top: -14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border: 9px solid transparent;
  border-bottom: 7px solid #0390c5;
}

.no-touch .custom-input__file-input-info-btn:hover .custom-input__file-input-info-bubble,
.no-touch .custom-input__file-input-info-btn:focus .custom-input__file-input-info-bubble,
.custom-input__file-input-info-bubble--show {
  display: block;
}

.content-wrapper {
  padding-left: 25px;
  padding-right: 25px;
}
@media (min-width: 975px) {
  .content-wrapper {
    padding-left: 7.3vw;
    padding-right: 7.3vw;
  }
}

.content-wrapper--carbon-fiber {
  color: white;
  margin: 0 auto 90px;
  padding-top: 120px;
}
@media (min-width: 760px) {
  .content-wrapper--carbon-fiber {
    padding-top: 150px;
  }
}
@media (min-width: 975px) {
  .content-wrapper--carbon-fiber {
    max-width: calc(1270px + 14.6vw);
    padding-top: 190px;
  }
}
@media (min-width: 1600px) {
  .content-wrapper--carbon-fiber {
    padding-top: 11.7vw;
  }
}
.content-wrapper--carbon-fiber p {
  line-height: 2;
}
@media (min-width: 975px) {
  .content-wrapper--carbon-fiber p {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .content-wrapper--carbon-fiber p {
    font-size: 18px;
  }
}
@media (min-width: 1600px) {
  .content-wrapper--carbon-fiber p {
    font-size: 1vw;
  }
}
.content-wrapper--carbon-fiber > img:first-child {
  margin: 0 auto 2em;
}

header {
  background-color: white;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
@media (min-width: 975px) {
  header {
    height: auto;
    background-color: transparent;
    padding-top: 0;
  }
}

.header__menu-btn {
  overflow: hidden;
  height: 12vw;
  border-right: 1px solid #eee;
  width: 92px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: white;
  -webkit-tap-highlight-color: transparent;
  padding-bottom: 4px;
  z-index: 1;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
@media (min-width: 975px) {
  .header__menu-btn {
    height: 86px;
    width: 138px;
    left: auto;
    right: 0;
    bottom: auto;
    top: 0;
    border-right: 0;
  }
}
@media (min-width: 1600px) {
  .header__menu-btn {
    height: 7.125vw;
    width: 11.5vw;
  }
}

.no-touch .header__menu-btn:hover {
  -webkit-box-shadow: 0 0 80px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 80px rgba(0, 0, 0, 0.1) inset;
}

.header__menu-btn-txt-wrapper {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  position: relative;
  z-index: 1;
}
@media (min-width: 1600px) {
  .header__menu-btn-txt-wrapper {
    font-size: 0.875vw;
  }
}

.header__menu-btn-menu-txt {
  color: #0390c5;
  -webkit-transition: all 0.125s 0.125s;
  transition: all 0.125s 0.125s;
}

.header__menu-btn-exit-txt {
  color: #0390c5;
  -webkit-transition: all 0.125s;
  transition: all 0.125s;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -5px);
          transform: translate(-50%, -5px);
  opacity: 0;
}

.header__burger-lines {
  -webkit-transition: height 0.125s;
  transition: height 0.125s;
  height: 14px;
  width: 34px;
  margin: 3px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 1;
}
@media (min-width: 975px) {
  .header__burger-lines {
    height: 19px;
    width: 38px;
    margin-top: 7px;
  }
}
@media (min-width: 1600px) {
  .header__burger-lines {
    height: 1.5vw;
    width: 2.5vw;
    margin-top: 0.4375vw;
  }
}
.header__burger-lines:before, .header__burger-lines:after {
  opacity: 0;
  content: "";
  display: block;
  height: 0;
  background-color: white;
  width: 80px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: width 0.15s, height 0.15s, opacity 0.2 linear;
  transition: width 0.15s, height 0.15s, opacity 0.2 linear;
}
@media (min-width: 1600px) {
  .header__burger-lines:before, .header__burger-lines:after {
    width: 5vw;
  }
}
.header__burger-lines:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.header__burger-line {
  background-color: black;
  height: 2px;
  width: 100%;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
@media (min-width: 975px) {
  .header__burger-line {
    height: 3px;
  }
}
@media (min-width: 1600px) {
  .header__burger-line {
    height: 0.25vw;
  }
}

.header__checkers {
  position: absolute;
  top: calc(50% - 3px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  width: 133px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  pointer-events: none;
}
@media (min-width: 975px) {
  .header__checkers {
    width: 230px;
  }
}
@media (min-width: 1600px) {
  .header__checkers {
    width: 14.375vw;
  }
}
.header__checkers > div {
  width: 17px;
  height: 17px;
  background-color: #181818;
  opacity: 0;
}
@media (min-width: 975px) {
  .header__checkers > div {
    background-color: rgba(0, 0, 0, 0);
  }
}
@media (min-width: 1600px) {
  .header__checkers > div {
    width: 1.0625vw;
    height: 1.0625vw;
  }
}
.header__checkers > div:nth-child(even) {
  background-color: #333;
}

.header__menu-btn--exit {
  background-color: #181818;
  -webkit-transition: background-color 0.15s 0.1s linear;
  transition: background-color 0.15s 0.1s linear;
  border-bottom: 1px solid #333;
}
@media (min-width: 975px) {
  .header__menu-btn--exit {
    border-left: 1px solid #333;
  }
}
.header__menu-btn--exit .header__burger-lines {
  height: 22px;
}
@media (min-width: 1600px) {
  .header__menu-btn--exit .header__burger-lines {
    height: 1.375vw;
  }
}
.header__menu-btn--exit .header__menu-btn-menu-txt {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  opacity: 0;
  -webkit-transition: all 0.125s;
  transition: all 0.125s;
}
@media (min-width: 1600px) {
  .header__menu-btn--exit .header__menu-btn-menu-txt {
    -webkit-transform: translateY(-0.3125vw);
            transform: translateY(-0.3125vw);
  }
}
.header__menu-btn--exit .header__menu-btn-exit-txt {
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  opacity: 1;
  -webkit-transition: all 0.125s 0.8s;
  transition: all 0.125s 0.8s;
}
.header__menu-btn--exit .header__burger-lines {
  -webkit-transition: height 0.125s 0.25s;
  transition: height 0.125s 0.25s;
}
.header__menu-btn--exit .header__burger-lines:before, .header__menu-btn--exit .header__burger-lines:after {
  opacity: 1;
  width: 30px;
  -webkit-transition: width 0.25s 0.5s, height 0.25s 0.5s, opacity 0.75s 0.5s linear;
  transition: width 0.25s 0.5s, height 0.25s 0.5s, opacity 0.75s 0.5s linear;
  height: 2px;
}
@media (min-width: 1600px) {
  .header__menu-btn--exit .header__burger-lines:before, .header__menu-btn--exit .header__burger-lines:after {
    width: 1.875vw;
    height: 0.175vw;
  }
}
.header__menu-btn--exit .header__burger-line {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  opacity: 0;
}
@media (min-width: 1600px) {
  .header__menu-btn--exit .header__burger-line {
    -webkit-transform: translateX(-1.25vw);
            transform: translateX(-1.25vw);
  }
}
.header__menu-btn--exit .header__burger-line--top {
  -webkit-transition: all 0.125s 0.2s;
  transition: all 0.125s 0.2s;
}
.header__menu-btn--exit .header__burger-line--mid {
  -webkit-transition: all 0.15s 0.05s;
  transition: all 0.15s 0.05s;
}
.header__menu-btn--exit .header__burger-line--bot {
  -webkit-transition: all 0.125s 0.15s;
  transition: all 0.125s 0.15s;
}
@media (max-width: 975px) {
  .header__menu-btn--exit .header__checkers > div {
    opacity: 1;
    background-color: #181818;
  }
  .header__menu-btn--exit .header__checkers > div:nth-child(1), .header__menu-btn--exit .header__checkers > div:nth-child(2), .header__menu-btn--exit .header__checkers > div:nth-child(3), .header__menu-btn--exit .header__checkers > div:nth-child(4), .header__menu-btn--exit .header__checkers > div:nth-child(5), .header__menu-btn--exit .header__checkers > div:nth-child(6), .header__menu-btn--exit .header__checkers > div:nth-child(7) {
    -webkit-transition: opacity 0.1s 0.275s linear, background-color 0.5s 0.375s linear;
    transition: opacity 0.1s 0.275s linear, background-color 0.5s 0.375s linear;
  }
  .header__menu-btn--exit .header__checkers > div:nth-child(8), .header__menu-btn--exit .header__checkers > div:nth-child(9), .header__menu-btn--exit .header__checkers > div:nth-child(10), .header__menu-btn--exit .header__checkers > div:nth-child(11), .header__menu-btn--exit .header__checkers > div:nth-child(12), .header__menu-btn--exit .header__checkers > div:nth-child(13), .header__menu-btn--exit .header__checkers > div:nth-child(14) {
    -webkit-transition: opacity 0.1s 0.3s linear, background-color 0.5s 0.4s linear;
    transition: opacity 0.1s 0.3s linear, background-color 0.5s 0.4s linear;
  }
  .header__menu-btn--exit .header__checkers > div:nth-child(15), .header__menu-btn--exit .header__checkers > div:nth-child(16), .header__menu-btn--exit .header__checkers > div:nth-child(17), .header__menu-btn--exit .header__checkers > div:nth-child(18), .header__menu-btn--exit .header__checkers > div:nth-child(19), .header__menu-btn--exit .header__checkers > div:nth-child(20), .header__menu-btn--exit .header__checkers > div:nth-child(21) {
    -webkit-transition: opacity 0.1s 0.325s linear, background-color 0.5s 0.425s linear;
    transition: opacity 0.1s 0.325s linear, background-color 0.5s 0.425s linear;
  }
  .header__menu-btn--exit .header__checkers > div:nth-child(22), .header__menu-btn--exit .header__checkers > div:nth-child(23), .header__menu-btn--exit .header__checkers > div:nth-child(24), .header__menu-btn--exit .header__checkers > div:nth-child(25), .header__menu-btn--exit .header__checkers > div:nth-child(26), .header__menu-btn--exit .header__checkers > div:nth-child(27), .header__menu-btn--exit .header__checkers > div:nth-child(28) {
    -webkit-transition: opacity 0.1s 0.35s linear, background-color 0.5s 0.45s linear;
    transition: opacity 0.1s 0.35s linear, background-color 0.5s 0.45s linear;
  }
  .header__menu-btn--exit .header__checkers > div:nth-child(29), .header__menu-btn--exit .header__checkers > div:nth-child(30), .header__menu-btn--exit .header__checkers > div:nth-child(31), .header__menu-btn--exit .header__checkers > div:nth-child(32), .header__menu-btn--exit .header__checkers > div:nth-child(33), .header__menu-btn--exit .header__checkers > div:nth-child(34), .header__menu-btn--exit .header__checkers > div:nth-child(35) {
    -webkit-transition: opacity 0.1s 0.375s linear, background-color 0.5s 0.475s linear;
    transition: opacity 0.1s 0.375s linear, background-color 0.5s 0.475s linear;
  }
  .header__menu-btn--exit .header__checkers > div:nth-child(36), .header__menu-btn--exit .header__checkers > div:nth-child(37), .header__menu-btn--exit .header__checkers > div:nth-child(38), .header__menu-btn--exit .header__checkers > div:nth-child(39), .header__menu-btn--exit .header__checkers > div:nth-child(40), .header__menu-btn--exit .header__checkers > div:nth-child(41), .header__menu-btn--exit .header__checkers > div:nth-child(42) {
    -webkit-transition: opacity 0.1s 0.4s linear, background-color 0.5s 0.5s linear;
    transition: opacity 0.1s 0.4s linear, background-color 0.5s 0.5s linear;
  }
  .header__menu-btn--exit .header__checkers > div:nth-child(43), .header__menu-btn--exit .header__checkers > div:nth-child(44), .header__menu-btn--exit .header__checkers > div:nth-child(45), .header__menu-btn--exit .header__checkers > div:nth-child(46), .header__menu-btn--exit .header__checkers > div:nth-child(47), .header__menu-btn--exit .header__checkers > div:nth-child(48), .header__menu-btn--exit .header__checkers > div:nth-child(49) {
    -webkit-transition: opacity 0.1s 0.425s linear, background-color 0.5s 0.525s linear;
    transition: opacity 0.1s 0.425s linear, background-color 0.5s 0.525s linear;
  }
  .header__menu-btn--exit .header__checkers > div:nth-child(50), .header__menu-btn--exit .header__checkers > div:nth-child(51), .header__menu-btn--exit .header__checkers > div:nth-child(52), .header__menu-btn--exit .header__checkers > div:nth-child(53), .header__menu-btn--exit .header__checkers > div:nth-child(54), .header__menu-btn--exit .header__checkers > div:nth-child(55), .header__menu-btn--exit .header__checkers > div:nth-child(56), .header__menu-btn--exit .header__checkers > div:nth-child(57), .header__menu-btn--exit .header__checkers > div:nth-child(58), .header__menu-btn--exit .header__checkers > div:nth-child(59), .header__menu-btn--exit .header__checkers > div:nth-child(60), .header__menu-btn--exit .header__checkers > div:nth-child(61), .header__menu-btn--exit .header__checkers > div:nth-child(62), .header__menu-btn--exit .header__checkers > div:nth-child(63), .header__menu-btn--exit .header__checkers > div:nth-child(64), .header__menu-btn--exit .header__checkers > div:nth-child(65), .header__menu-btn--exit .header__checkers > div:nth-child(66), .header__menu-btn--exit .header__checkers > div:nth-child(67), .header__menu-btn--exit .header__checkers > div:nth-child(68), .header__menu-btn--exit .header__checkers > div:nth-child(69), .header__menu-btn--exit .header__checkers > div:nth-child(70), .header__menu-btn--exit .header__checkers > div:nth-child(71), .header__menu-btn--exit .header__checkers > div:nth-child(72), .header__menu-btn--exit .header__checkers > div:nth-child(73), .header__menu-btn--exit .header__checkers > div:nth-child(74), .header__menu-btn--exit .header__checkers > div:nth-child(75), .header__menu-btn--exit .header__checkers > div:nth-child(76), .header__menu-btn--exit .header__checkers > div:nth-child(77), .header__menu-btn--exit .header__checkers > div:nth-child(78), .header__menu-btn--exit .header__checkers > div:nth-child(79), .header__menu-btn--exit .header__checkers > div:nth-child(80), .header__menu-btn--exit .header__checkers > div:nth-child(81), .header__menu-btn--exit .header__checkers > div:nth-child(82), .header__menu-btn--exit .header__checkers > div:nth-child(83), .header__menu-btn--exit .header__checkers > div:nth-child(84), .header__menu-btn--exit .header__checkers > div:nth-child(85), .header__menu-btn--exit .header__checkers > div:nth-child(86), .header__menu-btn--exit .header__checkers > div:nth-child(87), .header__menu-btn--exit .header__checkers > div:nth-child(88), .header__menu-btn--exit .header__checkers > div:nth-child(89), .header__menu-btn--exit .header__checkers > div:nth-child(90), .header__menu-btn--exit .header__checkers > div:nth-child(91), .header__menu-btn--exit .header__checkers > div:nth-child(92), .header__menu-btn--exit .header__checkers > div:nth-child(93), .header__menu-btn--exit .header__checkers > div:nth-child(94), .header__menu-btn--exit .header__checkers > div:nth-child(95), .header__menu-btn--exit .header__checkers > div:nth-child(96), .header__menu-btn--exit .header__checkers > div:nth-child(97), .header__menu-btn--exit .header__checkers > div:nth-child(98), .header__menu-btn--exit .header__checkers > div:nth-child(99), .header__menu-btn--exit .header__checkers > div:nth-child(100), .header__menu-btn--exit .header__checkers > div:nth-child(101), .header__menu-btn--exit .header__checkers > div:nth-child(102), .header__menu-btn--exit .header__checkers > div:nth-child(103), .header__menu-btn--exit .header__checkers > div:nth-child(104), .header__menu-btn--exit .header__checkers > div:nth-child(105), .header__menu-btn--exit .header__checkers > div:nth-child(106), .header__menu-btn--exit .header__checkers > div:nth-child(107), .header__menu-btn--exit .header__checkers > div:nth-child(108), .header__menu-btn--exit .header__checkers > div:nth-child(109), .header__menu-btn--exit .header__checkers > div:nth-child(110), .header__menu-btn--exit .header__checkers > div:nth-child(111), .header__menu-btn--exit .header__checkers > div:nth-child(112), .header__menu-btn--exit .header__checkers > div:nth-child(113), .header__menu-btn--exit .header__checkers > div:nth-child(114), .header__menu-btn--exit .header__checkers > div:nth-child(115), .header__menu-btn--exit .header__checkers > div:nth-child(116), .header__menu-btn--exit .header__checkers > div:nth-child(117), .header__menu-btn--exit .header__checkers > div:nth-child(118), .header__menu-btn--exit .header__checkers > div:nth-child(119), .header__menu-btn--exit .header__checkers > div:nth-child(120), .header__menu-btn--exit .header__checkers > div:nth-child(121), .header__menu-btn--exit .header__checkers > div:nth-child(122), .header__menu-btn--exit .header__checkers > div:nth-child(123), .header__menu-btn--exit .header__checkers > div:nth-child(124), .header__menu-btn--exit .header__checkers > div:nth-child(125), .header__menu-btn--exit .header__checkers > div:nth-child(126), .header__menu-btn--exit .header__checkers > div:nth-child(127), .header__menu-btn--exit .header__checkers > div:nth-child(128), .header__menu-btn--exit .header__checkers > div:nth-child(129), .header__menu-btn--exit .header__checkers > div:nth-child(130), .header__menu-btn--exit .header__checkers > div:nth-child(131), .header__menu-btn--exit .header__checkers > div:nth-child(132), .header__menu-btn--exit .header__checkers > div:nth-child(133), .header__menu-btn--exit .header__checkers > div:nth-child(134), .header__menu-btn--exit .header__checkers > div:nth-child(135), .header__menu-btn--exit .header__checkers > div:nth-child(136), .header__menu-btn--exit .header__checkers > div:nth-child(137), .header__menu-btn--exit .header__checkers > div:nth-child(138), .header__menu-btn--exit .header__checkers > div:nth-child(139), .header__menu-btn--exit .header__checkers > div:nth-child(140), .header__menu-btn--exit .header__checkers > div:nth-child(141), .header__menu-btn--exit .header__checkers > div:nth-child(142), .header__menu-btn--exit .header__checkers > div:nth-child(143), .header__menu-btn--exit .header__checkers > div:nth-child(144), .header__menu-btn--exit .header__checkers > div:nth-child(145), .header__menu-btn--exit .header__checkers > div:nth-child(146), .header__menu-btn--exit .header__checkers > div:nth-child(147), .header__menu-btn--exit .header__checkers > div:nth-child(148), .header__menu-btn--exit .header__checkers > div:nth-child(149), .header__menu-btn--exit .header__checkers > div:nth-child(150), .header__menu-btn--exit .header__checkers > div:nth-child(151), .header__menu-btn--exit .header__checkers > div:nth-child(152), .header__menu-btn--exit .header__checkers > div:nth-child(153), .header__menu-btn--exit .header__checkers > div:nth-child(154), .header__menu-btn--exit .header__checkers > div:nth-child(155), .header__menu-btn--exit .header__checkers > div:nth-child(156), .header__menu-btn--exit .header__checkers > div:nth-child(157), .header__menu-btn--exit .header__checkers > div:nth-child(158), .header__menu-btn--exit .header__checkers > div:nth-child(159), .header__menu-btn--exit .header__checkers > div:nth-child(160), .header__menu-btn--exit .header__checkers > div:nth-child(161), .header__menu-btn--exit .header__checkers > div:nth-child(162), .header__menu-btn--exit .header__checkers > div:nth-child(163) {
    display: none;
  }
}
@media (min-width: 975px) {
  .header__menu-btn--exit .header__checkers > div {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0);
  }
  .header__menu-btn--exit .header__checkers > div:nth-child(1), .header__menu-btn--exit .header__checkers > div:nth-child(2), .header__menu-btn--exit .header__checkers > div:nth-child(3), .header__menu-btn--exit .header__checkers > div:nth-child(4), .header__menu-btn--exit .header__checkers > div:nth-child(5), .header__menu-btn--exit .header__checkers > div:nth-child(6), .header__menu-btn--exit .header__checkers > div:nth-child(7), .header__menu-btn--exit .header__checkers > div:nth-child(8), .header__menu-btn--exit .header__checkers > div:nth-child(9), .header__menu-btn--exit .header__checkers > div:nth-child(10), .header__menu-btn--exit .header__checkers > div:nth-child(11), .header__menu-btn--exit .header__checkers > div:nth-child(12) {
    -webkit-transition: opacity 0.05s 0.275s linear, background-color 0.25s 0.325s linear;
    transition: opacity 0.05s 0.275s linear, background-color 0.25s 0.325s linear;
  }
  .header__menu-btn--exit .header__checkers > div:nth-child(13), .header__menu-btn--exit .header__checkers > div:nth-child(14), .header__menu-btn--exit .header__checkers > div:nth-child(15), .header__menu-btn--exit .header__checkers > div:nth-child(16), .header__menu-btn--exit .header__checkers > div:nth-child(17), .header__menu-btn--exit .header__checkers > div:nth-child(18), .header__menu-btn--exit .header__checkers > div:nth-child(19), .header__menu-btn--exit .header__checkers > div:nth-child(20), .header__menu-btn--exit .header__checkers > div:nth-child(21), .header__menu-btn--exit .header__checkers > div:nth-child(22), .header__menu-btn--exit .header__checkers > div:nth-child(23), .header__menu-btn--exit .header__checkers > div:nth-child(24) {
    -webkit-transition: opacity 0.05s 0.2875s linear, background-color 0.25s 0.3375s linear;
    transition: opacity 0.05s 0.2875s linear, background-color 0.25s 0.3375s linear;
  }
  .header__menu-btn--exit .header__checkers > div:nth-child(25), .header__menu-btn--exit .header__checkers > div:nth-child(26), .header__menu-btn--exit .header__checkers > div:nth-child(27), .header__menu-btn--exit .header__checkers > div:nth-child(28), .header__menu-btn--exit .header__checkers > div:nth-child(29), .header__menu-btn--exit .header__checkers > div:nth-child(30), .header__menu-btn--exit .header__checkers > div:nth-child(31), .header__menu-btn--exit .header__checkers > div:nth-child(32), .header__menu-btn--exit .header__checkers > div:nth-child(33), .header__menu-btn--exit .header__checkers > div:nth-child(34), .header__menu-btn--exit .header__checkers > div:nth-child(35), .header__menu-btn--exit .header__checkers > div:nth-child(36) {
    -webkit-transition: opacity 0.05s 0.3s linear, background-color 0.25s 0.35s linear;
    transition: opacity 0.05s 0.3s linear, background-color 0.25s 0.35s linear;
  }
  .header__menu-btn--exit .header__checkers > div:nth-child(37), .header__menu-btn--exit .header__checkers > div:nth-child(38), .header__menu-btn--exit .header__checkers > div:nth-child(39), .header__menu-btn--exit .header__checkers > div:nth-child(40), .header__menu-btn--exit .header__checkers > div:nth-child(41), .header__menu-btn--exit .header__checkers > div:nth-child(42), .header__menu-btn--exit .header__checkers > div:nth-child(43), .header__menu-btn--exit .header__checkers > div:nth-child(44), .header__menu-btn--exit .header__checkers > div:nth-child(45), .header__menu-btn--exit .header__checkers > div:nth-child(46), .header__menu-btn--exit .header__checkers > div:nth-child(47), .header__menu-btn--exit .header__checkers > div:nth-child(48) {
    -webkit-transition: opacity 0.05s 0.3125s linear, background-color 0.25s 0.3625s linear;
    transition: opacity 0.05s 0.3125s linear, background-color 0.25s 0.3625s linear;
  }
  .header__menu-btn--exit .header__checkers > div:nth-child(49), .header__menu-btn--exit .header__checkers > div:nth-child(50), .header__menu-btn--exit .header__checkers > div:nth-child(51), .header__menu-btn--exit .header__checkers > div:nth-child(52), .header__menu-btn--exit .header__checkers > div:nth-child(53), .header__menu-btn--exit .header__checkers > div:nth-child(54), .header__menu-btn--exit .header__checkers > div:nth-child(55), .header__menu-btn--exit .header__checkers > div:nth-child(56), .header__menu-btn--exit .header__checkers > div:nth-child(57), .header__menu-btn--exit .header__checkers > div:nth-child(58), .header__menu-btn--exit .header__checkers > div:nth-child(59), .header__menu-btn--exit .header__checkers > div:nth-child(60) {
    -webkit-transition: opacity 0.05s 0.325s linear, background-color 0.25s 0.375s linear;
    transition: opacity 0.05s 0.325s linear, background-color 0.25s 0.375s linear;
  }
  .header__menu-btn--exit .header__checkers > div:nth-child(61), .header__menu-btn--exit .header__checkers > div:nth-child(62), .header__menu-btn--exit .header__checkers > div:nth-child(63), .header__menu-btn--exit .header__checkers > div:nth-child(64), .header__menu-btn--exit .header__checkers > div:nth-child(65), .header__menu-btn--exit .header__checkers > div:nth-child(66), .header__menu-btn--exit .header__checkers > div:nth-child(67), .header__menu-btn--exit .header__checkers > div:nth-child(68), .header__menu-btn--exit .header__checkers > div:nth-child(69), .header__menu-btn--exit .header__checkers > div:nth-child(70), .header__menu-btn--exit .header__checkers > div:nth-child(71), .header__menu-btn--exit .header__checkers > div:nth-child(72) {
    -webkit-transition: opacity 0.05s 0.3375s linear, background-color 0.25s 0.3875s linear;
    transition: opacity 0.05s 0.3375s linear, background-color 0.25s 0.3875s linear;
  }
  .header__menu-btn--exit .header__checkers > div:nth-child(73), .header__menu-btn--exit .header__checkers > div:nth-child(74), .header__menu-btn--exit .header__checkers > div:nth-child(75), .header__menu-btn--exit .header__checkers > div:nth-child(76), .header__menu-btn--exit .header__checkers > div:nth-child(77), .header__menu-btn--exit .header__checkers > div:nth-child(78), .header__menu-btn--exit .header__checkers > div:nth-child(79), .header__menu-btn--exit .header__checkers > div:nth-child(80), .header__menu-btn--exit .header__checkers > div:nth-child(81), .header__menu-btn--exit .header__checkers > div:nth-child(82), .header__menu-btn--exit .header__checkers > div:nth-child(83), .header__menu-btn--exit .header__checkers > div:nth-child(84) {
    -webkit-transition: opacity 0.05s 0.35s linear, background-color 0.25s 0.4s linear;
    transition: opacity 0.05s 0.35s linear, background-color 0.25s 0.4s linear;
  }
  .header__menu-btn--exit .header__checkers > div:nth-child(85), .header__menu-btn--exit .header__checkers > div:nth-child(86), .header__menu-btn--exit .header__checkers > div:nth-child(87), .header__menu-btn--exit .header__checkers > div:nth-child(88), .header__menu-btn--exit .header__checkers > div:nth-child(89), .header__menu-btn--exit .header__checkers > div:nth-child(90), .header__menu-btn--exit .header__checkers > div:nth-child(91), .header__menu-btn--exit .header__checkers > div:nth-child(92), .header__menu-btn--exit .header__checkers > div:nth-child(93), .header__menu-btn--exit .header__checkers > div:nth-child(94), .header__menu-btn--exit .header__checkers > div:nth-child(95), .header__menu-btn--exit .header__checkers > div:nth-child(96) {
    -webkit-transition: opacity 0.05s 0.3625s linear, background-color 0.25s 0.4125s linear;
    transition: opacity 0.05s 0.3625s linear, background-color 0.25s 0.4125s linear;
  }
  .header__menu-btn--exit .header__checkers > div:nth-child(97), .header__menu-btn--exit .header__checkers > div:nth-child(98), .header__menu-btn--exit .header__checkers > div:nth-child(99), .header__menu-btn--exit .header__checkers > div:nth-child(100), .header__menu-btn--exit .header__checkers > div:nth-child(101), .header__menu-btn--exit .header__checkers > div:nth-child(102), .header__menu-btn--exit .header__checkers > div:nth-child(103), .header__menu-btn--exit .header__checkers > div:nth-child(104), .header__menu-btn--exit .header__checkers > div:nth-child(105), .header__menu-btn--exit .header__checkers > div:nth-child(106), .header__menu-btn--exit .header__checkers > div:nth-child(107), .header__menu-btn--exit .header__checkers > div:nth-child(108) {
    -webkit-transition: opacity 0.05s 0.375s linear, background-color 0.25s 0.425s linear;
    transition: opacity 0.05s 0.375s linear, background-color 0.25s 0.425s linear;
  }
  .header__menu-btn--exit .header__checkers > div:nth-child(109), .header__menu-btn--exit .header__checkers > div:nth-child(110), .header__menu-btn--exit .header__checkers > div:nth-child(111), .header__menu-btn--exit .header__checkers > div:nth-child(112), .header__menu-btn--exit .header__checkers > div:nth-child(113), .header__menu-btn--exit .header__checkers > div:nth-child(114), .header__menu-btn--exit .header__checkers > div:nth-child(115), .header__menu-btn--exit .header__checkers > div:nth-child(116), .header__menu-btn--exit .header__checkers > div:nth-child(117), .header__menu-btn--exit .header__checkers > div:nth-child(118), .header__menu-btn--exit .header__checkers > div:nth-child(119), .header__menu-btn--exit .header__checkers > div:nth-child(120) {
    -webkit-transition: opacity 0.05s 0.3875s linear, background-color 0.25s 0.4375s linear;
    transition: opacity 0.05s 0.3875s linear, background-color 0.25s 0.4375s linear;
  }
  .header__menu-btn--exit .header__checkers > div:nth-child(121), .header__menu-btn--exit .header__checkers > div:nth-child(122), .header__menu-btn--exit .header__checkers > div:nth-child(123), .header__menu-btn--exit .header__checkers > div:nth-child(124), .header__menu-btn--exit .header__checkers > div:nth-child(125), .header__menu-btn--exit .header__checkers > div:nth-child(126), .header__menu-btn--exit .header__checkers > div:nth-child(127), .header__menu-btn--exit .header__checkers > div:nth-child(128), .header__menu-btn--exit .header__checkers > div:nth-child(129), .header__menu-btn--exit .header__checkers > div:nth-child(130), .header__menu-btn--exit .header__checkers > div:nth-child(131), .header__menu-btn--exit .header__checkers > div:nth-child(132) {
    -webkit-transition: opacity 0.05s 0.4s linear, background-color 0.25s 0.45s linear;
    transition: opacity 0.05s 0.4s linear, background-color 0.25s 0.45s linear;
  }
  .header__menu-btn--exit .header__checkers > div:nth-child(133), .header__menu-btn--exit .header__checkers > div:nth-child(134), .header__menu-btn--exit .header__checkers > div:nth-child(135), .header__menu-btn--exit .header__checkers > div:nth-child(136), .header__menu-btn--exit .header__checkers > div:nth-child(137), .header__menu-btn--exit .header__checkers > div:nth-child(138), .header__menu-btn--exit .header__checkers > div:nth-child(139), .header__menu-btn--exit .header__checkers > div:nth-child(140), .header__menu-btn--exit .header__checkers > div:nth-child(141), .header__menu-btn--exit .header__checkers > div:nth-child(142), .header__menu-btn--exit .header__checkers > div:nth-child(143), .header__menu-btn--exit .header__checkers > div:nth-child(144) {
    -webkit-transition: opacity 0.05s 0.4125s linear, background-color 0.25s 0.4625s linear;
    transition: opacity 0.05s 0.4125s linear, background-color 0.25s 0.4625s linear;
  }
  .header__menu-btn--exit .header__checkers > div:nth-child(145), .header__menu-btn--exit .header__checkers > div:nth-child(146), .header__menu-btn--exit .header__checkers > div:nth-child(147), .header__menu-btn--exit .header__checkers > div:nth-child(148), .header__menu-btn--exit .header__checkers > div:nth-child(149), .header__menu-btn--exit .header__checkers > div:nth-child(150), .header__menu-btn--exit .header__checkers > div:nth-child(151), .header__menu-btn--exit .header__checkers > div:nth-child(152), .header__menu-btn--exit .header__checkers > div:nth-child(153), .header__menu-btn--exit .header__checkers > div:nth-child(154), .header__menu-btn--exit .header__checkers > div:nth-child(155), .header__menu-btn--exit .header__checkers > div:nth-child(156) {
    -webkit-transition: opacity 0.05s 0.425s linear, background-color 0.25s 0.475s linear;
    transition: opacity 0.05s 0.425s linear, background-color 0.25s 0.475s linear;
  }
  .header__menu-btn--exit .header__checkers > div:nth-child(157), .header__menu-btn--exit .header__checkers > div:nth-child(158), .header__menu-btn--exit .header__checkers > div:nth-child(159), .header__menu-btn--exit .header__checkers > div:nth-child(160), .header__menu-btn--exit .header__checkers > div:nth-child(161), .header__menu-btn--exit .header__checkers > div:nth-child(162), .header__menu-btn--exit .header__checkers > div:nth-child(163) {
    -webkit-transition: opacity 0.05s 0.4375s linear, background-color 0.25s 0.4875s linear;
    transition: opacity 0.05s 0.4375s linear, background-color 0.25s 0.4875s linear;
  }
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .header__logo-link-wrapper {
    width: 211px;
    height: 34px;
  } /* IE11 */
}
.header__logo {
  height: 6vw;
  width: auto;
}
@media (min-width: 975px) {
  .header__logo {
    height: 34px;
  }
}
@media (min-width: 1600px) {
  .header__logo {
    height: 3vw;
  }
}

.header__logo-color {
  fill: black;
}
@media (min-width: 975px) {
  .header__logo-color {
    fill: white;
  }
}

.header__logo-divider {
  display: none;
}
@media (min-width: 975px) {
  .header__logo-divider {
    display: block;
    position: absolute;
    top: 3vw;
    left: 22vw;
    width: auto;
    height: 2.2vw !important;
  }
}

.header__tagline {
  display: none;
}
@media (min-width: 975px) {
  .header__tagline {
    display: block;
    position: absolute;
    top: 4.1vw;
    left: 24vw;
    font-size: 1vw;
    color: white;
    margin: 0;
    line-height: 1;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media (min-width: 1600px) {
  .header__tagline {
    font-size: 0.75vw;
  }
}

.header__cart-btn {
  height: 12vw;
  border-left: 1px solid #eee;
  overflow: hidden;
  width: 92px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: white;
  padding-top: 10px;
  -webkit-transition: background-color 0.075s;
  transition: background-color 0.075s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
}
@media (min-width: 975px) {
  .header__cart-btn {
    height: 86px;
    width: 138px;
    left: auto;
    right: 0;
    top: 86px;
    bottom: auto;
    border-top: 1px solid #cccccc;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
}
@media (min-width: 1600px) {
  .header__cart-btn {
    height: 7.125vw;
    width: 11.5vw;
    top: 7.125vw;
  }
}

.header__cart-btn--open {
  background-color: #181818;
  cursor: inherit;
}
.header__cart-btn--open .header__cart-icon-wrapper {
  color: white;
}
@media (min-width: 975px) {
  .header__cart-btn--open {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    border-color: transparent;
    width: 32vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 45px 0 24px;
  }
  .header__cart-btn--open .header__cart-label {
    color: white;
    font-weight: 300;
    font-size: 18px;
    white-space: nowrap;
  }
  .header__cart-btn--open .header__cart-label--items {
    display: none;
  }
  .header__cart-btn--open .header__cart-label--summary {
    display: inline;
  }
  .header__cart-btn--open .header__cart-label-reserved-question {
    display: block;
    color: #787878;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    margin-top: 8px;
  }
  .header__cart-btn--open .header__cart-btn-close-icon {
    border-radius: 100%;
    background-color: #3e3f40;
    display: block;
    width: 48px;
    height: 48px;
    position: relative;
    line-height: 0;
    -webkit-transition: background-color 0.075s linear;
    transition: background-color 0.075s linear;
  }
  .header__cart-btn--open .header__cart-btn-close-icon i {
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 24px;
  }
  .header__cart-btn--open .header__cart-btn-close-icon:hover {
    background-color: #666;
  }
}
@media (min-width: 1600px) {
  .header__cart-btn--open {
    padding: 0 4.125vw 0 1.25vw;
  }
  .header__cart-btn--open .header__cart-label {
    font-size: 1.45vw;
  }
  .header__cart-btn--open .header__cart-label-reserved-question {
    font-size: 1vw;
  }
  .header__cart-btn--open .header__cart-btn-close-icon {
    width: 3.25vw;
    height: 3.25vw;
  }
  .header__cart-btn--open .header__cart-btn-close-icon i {
    font-size: 1.5vw;
  }
  .header__cart-btn--open .header__cart-icon-wrapper {
    margin-bottom: 0;
    margin-top: 0.75vw;
  }
}

@media (min-width: 975px) {
  .header__cart-btn--hide {
    display: none;
  }
}

.no-touch .header__cart-btn:hover {
  -webkit-box-shadow: 0 0 80px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 80px rgba(0, 0, 0, 0.1) inset;
}

.header__cart-icon-wrapper {
  position: relative;
}
@media (min-width: 975px) {
  .header__cart-icon-wrapper {
    font-size: 22px;
  }
}
@media (min-width: 1600px) {
  .header__cart-icon-wrapper {
    font-size: 1.75vw;
    margin-bottom: 0.5vw;
  }
}

.header__cart-quantity {
  position: absolute;
  top: calc(50% - 7px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 18px;
  font-weight: bold;
}
@media (min-width: 975px) {
  .header__cart-quantity {
    font-size: 24px;
    top: calc(50% - 10px);
  }
}
@media (min-width: 1600px) {
  .header__cart-quantity {
    font-size: 2vw;
    top: calc(50% - 0.825vw);
  }
}

.header__cart-label {
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  line-height: 0.925;
  color: #0390c5;
  padding: 0 20px;
  pointer-events: none;
}
@media (min-width: 975px) {
  .header__cart-label {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .header__cart-label {
    font-size: 0.875vw;
  }
}

.header__cart-label--summary {
  display: none;
}

.header__cart-label-reserved-question {
  display: none;
  text-decoration: none;
}
.header__cart-label-reserved-question:hover {
  text-decoration: underline;
}

.header__cart-btn-close-icon {
  display: none;
  cursor: pointer;
}

.header__rightside-desktop-links {
  display: none;
}
@media (min-width: 975px) {
  .header__rightside-desktop-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 90;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 1.75vw;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
  }
}
@media (min-width: 1600px) {
  .header__rightside-desktop-links {
    gap: 1.5vw;
  }
}

.header__rightside-desktop-links--hide {
  opacity: 0;
  pointer-events: none;
}

.header__rightside-text-link {
  color: white;
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
  -webkit-transition: 0.075s linear;
  transition: 0.075s linear;
}
.header__rightside-text-link:hover {
  color: #0390c5;
}
@media (min-width: 1600px) {
  .header__rightside-text-link {
    font-size: 0.875vw;
  }
}

.header__rightside-divider {
  background-color: #0390c5;
  width: 1px;
  height: 20px;
  opacity: 0.4;
}
@media (min-width: 1600px) {
  .header__rightside-divider {
    height: 1.2vw;
  }
}

.header__rightside-social-link {
  color: white;
  font-size: 20px;
  text-decoration: none;
  display: inline-block;
  -webkit-transition: 0.075s linear;
  transition: 0.075s linear;
}
.header__rightside-social-link:hover {
  color: #0390c5;
}
@media (min-width: 1600px) {
  .header__rightside-social-link {
    font-size: 1.2vw;
  }
}

.header__social-icon-img {
  height: 1.5vh !important;
  width: auto;
  -webkit-transition: all 0.075s linear;
  transition: all 0.075s linear;
  display: block;
}
.header__social-icon-img:hover {
  -webkit-filter: brightness(0) saturate(100%) invert(51%) sepia(76%) saturate(4975%) hue-rotate(170deg) brightness(93%) contrast(98%);
          filter: brightness(0) saturate(100%) invert(51%) sepia(76%) saturate(4975%) hue-rotate(170deg) brightness(93%) contrast(98%);
}

.drawer {
  position: fixed;
  top: 21vw;
  right: 0;
  width: 100%;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  height: calc(100% - 21vw);
  background: -webkit-gradient(linear, left top, left bottom, from(#181818), to(rgba(0, 0, 0, 0.8)));
  background: linear-gradient(to bottom, #181818 0%, rgba(0, 0, 0, 0.8) 100%);
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 0;
  z-index: 90;
}
@media (min-width: 975px) {
  .drawer {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    top: 0;
    width: 32vw;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #181818), color-stop(60%, rgba(0, 0, 0, 0.7)));
    background: linear-gradient(to bottom, #181818 5%, rgba(0, 0, 0, 0.7) 60%);
  }
}

.drawer__profile-link-flexer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6.25vw 6.25vw 0 6.25vw;
  height: 17.25vw;
}
@media (min-width: 760px) {
  .drawer__profile-link-flexer {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 5vw 6.25vw 0 6.25vw;
    height: 11vw;
  }
}
@media (min-width: 975px) {
  .drawer__profile-link-flexer {
    height: 86px;
    border-bottom: 1px solid #333;
  }
}
@media (min-width: 1600px) {
  .drawer__profile-link-flexer {
    height: 7.125vw;
  }
}

.drawer__profile-link {
  color: #0390c5;
  padding: 2.5vw 0;
  font-weight: 400;
  width: 40.625vw;
  text-align: center;
  background: #333;
  line-height: 1;
  font-size: 6vw;
  text-decoration: none;
}
@media (min-width: 760px) {
  .drawer__profile-link {
    font-size: 3vw;
    width: 22vw;
    margin-right: 4vw;
    padding: 1.5vw 0;
  }
}
@media (min-width: 975px) {
  .drawer__profile-link {
    display: none;
  }
}

.drawer__nav {
  height: calc(100% - 29.75vw);
  padding: 0 6.25vw;
  margin-top: 6.25vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 760px) {
  .drawer__nav {
    height: calc(100% - 23.5vw);
    margin-top: 5vw;
  }
}
@media (min-width: 975px) {
  .drawer__nav {
    padding: 0;
    margin: 3vw 40px 0;
    height: auto;
    max-height: calc(100% - 86px - 7vw) !important;
  }
}
@media (min-width: 1600px) {
  .drawer__nav {
    max-height: calc(100% - 14.125vw) !important;
    margin: 3vw 2.5vw 0;
  }
}
.drawer__nav .simplebar-scrollbar {
  right: 22px;
}
.drawer__nav .simplebar-scrollbar:before {
  background-color: #666;
}
@media (min-width: 975px) {
  .drawer__nav .simplebar-scrollbar {
    right: 0;
  }
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .drawer__nav {
    height: 100%;
  } /* IE11 */
}
.drawer__nav-link, .drawer__nav-header, .drawer__subnav-link {
  color: white;
  font-size: 5vw;
  display: block;
  text-decoration: none;
  font-weight: bold;
  display: block;
  padding: 1.75vw 0;
}
@media (min-width: 760px) {
  .drawer__nav-link, .drawer__nav-header, .drawer__subnav-link {
    font-size: 3vw;
    padding: 1vw 0;
  }
}
@media (min-width: 975px) {
  .drawer__nav-link, .drawer__nav-header, .drawer__subnav-link {
    font-size: 1.5vw;
    padding: 0.75vw 0;
  }
}

.drawer__nav-link {
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s;
}
.drawer__nav-link:hover {
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}

.drawer__nav-header {
  color: #888;
}

.drawer__subnav-link {
  font-size: 4.25vw;
  font-weight: 400;
  padding: 1.5vw 4vw;
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s;
}
.drawer__subnav-link:hover {
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}
@media (min-width: 760px) {
  .drawer__subnav-link {
    font-size: 2.5vw;
    padding: 1vw 2vw;
  }
}
@media (min-width: 975px) {
  .drawer__subnav-link {
    font-size: 1.35vw;
    padding: 0.5vw 2vw;
  }
}

.drawer__subnav-link--last {
  padding-bottom: 4vw;
}
@media (min-width: 760px) {
  .drawer__subnav-link--last {
    padding-bottom: 3vw;
  }
}
@media (min-width: 975px) {
  .drawer__subnav-link--last {
    padding-bottom: 1.5vw;
  }
}

.drawer__nav-link--active {
  color: #0390c5;
}

.drawer--show {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
@media (min-width: 975px) {
  .drawer--show {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.drawer__questions {
  margin: 15vw auto 0;
  font-size: 4vw;
  text-align: center;
  color: white;
}
@media (min-width: 760px) {
  .drawer__questions {
    margin-top: 14vw;
    font-size: 2vw;
  }
}
@media (min-width: 975px) {
  .drawer__questions {
    margin-top: 6vw;
    font-size: 1.25vw;
  }
}

.drawer__questions-phone-link {
  color: white;
}

.drawer__bottom-blue {
  margin: 3vw 0 0;
  background-color: #0390c5;
  display: block;
  height: 7px;
}
@media (min-width: 760px) {
  .drawer__bottom-blue {
    margin-top: 2vw;
  }
}
@media (min-width: 975px) {
  .drawer__bottom-blue {
    margin-top: 1vw;
  }
}

.drawer__cart-header {
  display: none;
}

.drawer__cart-flexer {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 975px) {
  .drawer__cart-flexer {
    height: calc(100% - 172px);
    margin-top: 172px;
  }
}
@media (min-width: 1600px) {
  .drawer__cart-flexer {
    height: calc(100% - 14.25vw);
    margin-top: 14.25vw;
  }
}

.drawer__cart-items-scroller {
  background-color: #ddd;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media (min-width: 975px) {
  .drawer__cart-items-scroller {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.drawer__cart-summary {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding: 28px;
}
@media (min-width: 975px) {
  .drawer__cart-summary {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (min-width: 1600px) {
  .drawer__cart-summary {
    padding: 1.875vw;
  }
}

.drawer__cart-subtotal {
  color: white;
  font-weight: 300;
  font-size: 14px;
}
.drawer__cart-subtotal strong {
  font-weight: 700;
  display: block;
  color: #0390c5;
  font-size: 24px;
  margin-top: 4px;
}
@media (min-width: 760px) {
  .drawer__cart-subtotal strong {
    font-size: 30px;
  }
}
@media (min-width: 1600px) {
  .drawer__cart-subtotal strong {
    font-size: 1.5vw;
    margin-top: 0.025vw;
  }
}
@media (min-width: 1600px) {
  .drawer__cart-subtotal {
    font-size: 1.125vw;
  }
}

.drawer__reserve-btn {
  background-color: #0390c5;
  color: white;
  font-size: 16px;
  padding: 10px 20px;
  font-weight: 700;
  margin-top: 10px;
  -webkit-transition: background-color 0.075s linear;
  transition: background-color 0.075s linear;
}
.drawer__reserve-btn:hover {
  background-color: #03a2de;
}
@media (min-width: 975px) {
  .drawer__reserve-btn {
    font-size: 18px;
    padding: 15px 40px;
  }
}
@media (min-width: 1600px) {
  .drawer__reserve-btn {
    font-size: 1.25vw;
    padding: 1vw 3vw;
  }
}

.drawer__cart-questions {
  color: #747474;
  font-size: 14px;
  font-weight: 700;
  margin-top: 12px;
}
.drawer__cart-questions a {
  color: #747474;
}
@media (min-width: 1600px) {
  .drawer__cart-questions {
    font-size: 0.875vw;
    margin-top: 0.75vw;
  }
}

.drawer__cart-btn-close-icon {
  border-radius: 100%;
  background-color: #3e3f40;
  display: block;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 20px;
  right: 22px;
  line-height: 0;
  -webkit-transition: background-color 0.075s linear;
  transition: background-color 0.075s linear;
}
.drawer__cart-btn-close-icon i {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 24px;
}
@media (min-width: 975px) {
  .drawer__cart-btn-close-icon {
    display: none;
  }
}

.drawer__item-flexer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 25px;
  border-bottom: 1px solid #d7d7d7;
  background-color: white;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
}
@media (min-width: 760px) {
  .drawer__item-flexer {
    padding: 25px 50px;
  }
}
@media (min-width: 975px) {
  .drawer__item-flexer {
    padding: 20px 25px;
  }
}
@media (min-width: 1600px) {
  .drawer__item-flexer {
    padding: 1.25vw 1.5vw;
  }
}

.drawer__item-img-wrapper {
  padding-right: 25px;
  line-height: 0;
}
@media (min-width: 760px) {
  .drawer__item-img-wrapper {
    padding-right: 50px;
  }
}
@media (min-width: 975px) {
  .drawer__item-img-wrapper {
    padding-right: 25px;
  }
}
@media (min-width: 1600px) {
  .drawer__item-img-wrapper {
    padding-right: 1.5vw;
  }
}

.drawer__item-img {
  max-width: 19vw;
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s;
}
.drawer__item-img:hover {
  -webkit-transform: scale(1.025);
          transform: scale(1.025);
}
@media (min-width: 975px) {
  .drawer__item-img {
    max-width: 80px;
  }
}
@media (min-width: 1600px) {
  .drawer__item-img {
    max-width: 5vw;
  }
}

.drawer__item-txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 25px;
}

.drawer__item-title {
  text-transform: uppercase;
  font-size: 19px;
  margin: 0;
}
.drawer__item-title a {
  text-decoration: none;
  color: #181818;
}
.drawer__item-title a:hover {
  text-decoration: underline;
}
@media (min-width: 760px) {
  .drawer__item-title {
    font-size: 30px;
  }
}
@media (min-width: 975px) {
  .drawer__item-title {
    font-size: 20px;
  }
}
@media (min-width: 1600px) {
  .drawer__item-title {
    font-size: 1.25vw;
  }
}

.drawer__item-subtitle {
  text-transform: uppercase;
  font-size: 15px;
  margin: 0;
  color: #acacac;
}
@media (min-width: 760px) {
  .drawer__item-subtitle {
    font-size: 20px;
  }
}
@media (min-width: 975px) {
  .drawer__item-subtitle {
    font-size: 17px;
  }
}
@media (min-width: 1600px) {
  .drawer__item-subtitle {
    font-size: 1vw;
  }
}

.drawer__item-quantity-area {
  margin: 8px 0 12px;
  white-space: nowrap;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (min-width: 760px) {
  .drawer__item-quantity-area {
    font-size: 15px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1600px) {
  .drawer__item-quantity-area {
    font-size: 1vw;
    margin: 0.5vw 0 1.25vw;
  }
}

.drawer__item-quantity-minus, .drawer__item-quantity-plus {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 6px;
  position: relative;
  background-color: #e9e9e9;
  -webkit-transition: background-color 0.075s linear;
  transition: background-color 0.075s linear;
}
@media (min-width: 760px) {
  .drawer__item-quantity-minus, .drawer__item-quantity-plus {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
}
@media (min-width: 1600px) {
  .drawer__item-quantity-minus, .drawer__item-quantity-plus {
    width: 1.875vw;
    height: 1.875vw;
    margin-right: 0.625vw;
  }
}
.drawer__item-quantity-minus:hover, .drawer__item-quantity-plus:hover {
  background-color: #ddd;
}
.drawer__item-quantity-minus:before, .drawer__item-quantity-minus:after, .drawer__item-quantity-plus:before, .drawer__item-quantity-plus:after {
  content: "";
  display: block;
  width: 12px;
  height: 1px;
  background-color: black;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (min-width: 760px) {
  .drawer__item-quantity-minus:before, .drawer__item-quantity-minus:after, .drawer__item-quantity-plus:before, .drawer__item-quantity-plus:after {
    width: 16px;
    height: 1px;
  }
}
@media (min-width: 1600px) {
  .drawer__item-quantity-minus:before, .drawer__item-quantity-minus:after, .drawer__item-quantity-plus:before, .drawer__item-quantity-plus:after {
    width: 1vw;
  }
}
.drawer__item-quantity-minus:after, .drawer__item-quantity-plus:after {
  height: 12px;
  width: 1px;
}
@media (min-width: 760px) {
  .drawer__item-quantity-minus:after, .drawer__item-quantity-plus:after {
    width: 1px;
    height: 16px;
  }
}
@media (min-width: 1600px) {
  .drawer__item-quantity-minus:after, .drawer__item-quantity-plus:after {
    height: 1vw;
  }
}

.drawer__item-quantity-minus:after {
  display: none;
}

.drawer__item-price {
  margin: 0;
  font-size: 20px;
}
@media (min-width: 760px) {
  .drawer__item-price {
    font-size: 24px;
  }
}
@media (min-width: 975px) {
  .drawer__item-price {
    font-size: 18px;
  }
}
@media (min-width: 1600px) {
  .drawer__item-price {
    font-size: 1.125vw;
  }
}

.drawer__item-remove-btn {
  text-align: center;
  font-size: 12px;
  background-color: #e9e9e9;
  padding: 8px 6px 6px;
  -webkit-transition: background-color 0.075s linear;
  transition: background-color 0.075s linear;
  line-height: 1;
}
.drawer__item-remove-btn:hover {
  background-color: #ddd;
}
.drawer__item-remove-btn i {
  display: block;
  font-size: 22px;
  margin-bottom: 3px;
}
@media (min-width: 760px) {
  .drawer__item-remove-btn i {
    margin-bottom: 7px;
  }
}
@media (min-width: 975px) {
  .drawer__item-remove-btn i {
    font-size: 18px;
  }
}
@media (min-width: 1600px) {
  .drawer__item-remove-btn i {
    font-size: 1.125vw;
    margin-bottom: 0.25vw;
  }
}
@media (min-width: 760px) {
  .drawer__item-remove-btn {
    font-size: 14px;
    padding: 10px 8px 8px;
  }
}
@media (min-width: 975px) {
  .drawer__item-remove-btn {
    font-size: 12px;
    padding: 8px 6px 6px;
  }
}
@media (min-width: 1600px) {
  .drawer__item-remove-btn {
    font-size: 0.75vw;
    padding: 0.5vw 0.375vw 0.375vw;
  }
}

footer {
  color: white;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
  padding-bottom: 40px;
}
@media (min-width: 975px) {
  footer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 7.3vw 40px;
  }
}

.footer__copyright {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  font-size: 9px;
  color: #acacac;
}
@media (min-width: 975px) {
  .footer__copyright {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    font-size: 12px;
    min-width: 20%;
    text-align: left;
  }
}
.footer__copyright strong {
  font-weight: 300;
  color: white;
}

.footer__jacksonmg-link-wrapper {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media (min-width: 975px) {
  .footer__jacksonmg-link-wrapper {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.footer__jacksonmg-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid #0390c5;
  padding: 15px 25px;
  line-height: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer__jacksonmg-link strong {
  font-weight: 700;
  color: #0390c5;
}

.footer__jacksonmg-link-txt {
  color: white;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 9px;
  display: inline-block;
  background: red;
  background-color: #181818;
  padding: 17px 15px;
  margin: -17px;
}
@media (min-width: 975px) {
  .footer__jacksonmg-link-txt {
    font-size: 12px;
  }
}
.footer__jacksonmg-link-txt:hover {
  text-decoration: underline;
}

.footer__social-links {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px auto 35px;
}
@media (min-width: 975px) {
  .footer__social-links {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    min-width: 20%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: auto;
  }
}

.footer__social-link {
  color: white;
  font-size: 20px;
  text-decoration: none;
  display: inline-block;
  -webkit-transition: 0.075s linear;
  transition: 0.075s linear;
  margin: 0 20px;
}
.footer__social-link:hover {
  color: #0390c5;
}
@media (min-width: 1600px) {
  .footer__social-link {
    font-size: 1.2vw;
  }
}
.footer__social-link:first-child {
  margin-left: 0;
}
.footer__social-link:last-child {
  margin-right: 0;
}

.footer__social-divider {
  background-color: white;
  width: 1px;
  height: 20px;
  opacity: 0.4;
}
@media (min-width: 1600px) {
  .footer__social-divider {
    height: 1.2vw;
  }
}

.footer__social-icon-img {
  height: 20px !important;
}

.header__site-alert {
  display: block;
  width: 100%;
  background-color: #0390c5;
  color: #FFF;
  text-align: center;
  padding: 1em 12vw;
  font-family: "Roboto", sans-serif;
  font-size: 3vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 9vw;
}
@media (min-width: 975px) {
  .header__site-alert {
    font-size: 1vw;
    height: auto;
  }
}

.header__logo-and-social {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 0;
  height: 12vw;
}
@media (min-width: 975px) {
  .header__logo-and-social {
    width: calc(100% - 138px);
    background-color: black;
    padding: 1vw 2.3vw 1vw 7.6vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: auto;
  }
}
@media (min-width: 1600px) {
  .header__logo-and-social {
    width: calc(100% - 11.5vw);
  }
}

/*

    HOME

------------------------------------------------------------------*/
.content-wrapper--home-hero {
  padding: 30vw 15px 2vw;
}
@media (min-width: 975px) {
  .content-wrapper--home-hero {
    padding-top: 11.5vw;
    padding-bottom: 11vw;
  }
}
@media (min-width: 1600px) {
  .content-wrapper--home-hero {
    padding-top: 10vw;
  }
}

.home__hero {
  background: #181818 url(../img/home/home__hero--phone.jpg) no-repeat center top;
  background-size: 100% auto;
  color: white;
}
@media (min-width: 975px) {
  .home__hero {
    background: #181818 url(../img/home/home__hero--desktop.jpg) no-repeat center top;
    background-size: 100% auto;
    min-height: 73.4vw;
  }
}
@media (min-width: 1600px) {
  .home__hero {
    background: #181818 url(../img/home/home__hero--widescreen.jpg) no-repeat center top -2vw;
    background-size: 100% auto;
  }
}

.home__h1 {
  margin: 0 0 0.5em;
  font-size: 10vw;
  line-height: 1.125;
  font-weight: 400;
  text-align: center;
}
@media (min-width: 975px) {
  .home__h1 {
    font-size: 7vw;
    padding-left: 2vw;
    margin-left: -3vw;
  }
}
@media (min-width: 1600px) {
  .home__h1 {
    font-size: 6vw;
  }
}

.home__h3 {
  text-align: center;
  font-size: 4.5vw;
  margin: 0;
}
@media (min-width: 760px) {
  .home__h3 {
    font-size: 4vw;
  }
}
@media (min-width: 975px) {
  .home__h3 {
    font-size: 3vw;
  }
}
@media (min-width: 1600px) {
  .home__h3 {
    font-size: 2.5vw;
  }
}

.home__hero-p {
  margin-top: 45vw;
  text-align: center;
}
@media (min-width: 760px) {
  .home__hero-p {
    margin-top: 42vw;
  }
}
@media (min-width: 975px) {
  .home__hero-p {
    margin-top: 0;
    padding: 0 8vw;
    font-size: 1.4vw;
  }
}
@media (min-width: 1600px) {
  .home__hero-p {
    font-size: 1.2vw;
    padding: 0 12vw;
  }
}

.home__hero-btn-flexer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
@media (min-width: 975px) {
  .home__hero-btn-flexer {
    margin-top: 27vw;
  }
}
@media (min-width: 1600px) {
  .home__hero-btn-flexer {
    margin-top: 33vw;
  }
}

.home__hero-col {
  width: calc(50% - 10px);
  text-align: center;
}
@media (min-width: 760px) {
  .home__hero-col {
    width: 42.5vw;
  }
}

.home__hero-divider {
  display: none;
}
@media (min-width: 760px) {
  .home__hero-divider {
    display: block;
    width: 1px;
    height: 150%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.75)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    left: 50%;
    top: -25%;
  }
}
@media (min-width: 975px) {
  .home__hero-divider {
    height: 250%;
    top: -50%;
  }
}

.btn--home {
  width: 100%;
  white-space: nowrap;
}
@media (max-width: 760px) {
  .btn--home {
    padding-left: auto;
    padding-right: auto;
    font-size: 15px;
  }
  .btn--home i {
    display: none;
  }
}
@media (min-width: 760px) {
  .btn--home {
    width: 94%;
  }
}
@media (min-width: 975px) {
  .btn--home {
    width: auto;
  }
}

.home__second-promo {
  padding: 9.3vw 7.8vw;
  color: white;
  background: url("../img/home/home__panel-wheels--mobile.jpg") no-repeat center center;
  background-size: cover;
  margin: 10vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  aspect-ratio: 1.05;
}
@media (min-width: 975px) {
  .home__second-promo {
    padding: 5vw 62vw 4vw 4vw;
    margin: 4vw 4vw 6vw;
    background: url("../img/home/home__panel-wheels--desktop.jpg") no-repeat center left;
    background-size: cover;
    aspect-ratio: auto;
  }
  .home__second-promo h2 {
    margin: 0 2vw 0 0;
  }
  .home__second-promo .btn {
    padding: 0.75em 1em;
  }
}
.home__second-promo p {
  margin-bottom: 1.5em;
}
@media (min-width: 975px) {
  .home__second-promo p {
    margin: 1em 0 2em;
  }
}

.home__third-promo {
  padding: 9.3vw 7.8vw;
  color: white;
  background: url("../img/home/home__panel-pitbox--mobile.jpg") no-repeat center center;
  background-size: cover;
  margin: 10vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  aspect-ratio: 1.05;
}

@media (min-width: 975px) {
  .home__third-promo {
    padding: 5vw 62vw 4vw 4vw;
    margin: 4vw 4vw 6vw;
    background: url("../img/home/home__panel-pitbox--desktop.jpg") no-repeat center left;
    background-size: cover;
    aspect-ratio: auto;
  }
  .home__third-promo h2 {
    margin: 0 2vw 0 0;
  }
  .home__third-promo .btn {
    padding: 0.75em 1em;
  }
}
.home__third-promo p {
  margin-bottom: 1.5em;
}

@media (min-width: 975px) {
  .home__third-promo p {
    margin: 1em 0 2em;
  }
}
.term-pit-box .category__main {
  background: url(../img/category/category__pitbox--mobile.jpg) no-repeat center top 50px;
  background-size: 100% auto;
  color: white;
}

.term-pit-box .category__main {
  background-position: center top;
}

.term-pit-box .category__main {
  background: url(../img/category/category__pitbox--desktop.jpg) no-repeat center top;
  background-size: 100% auto;
  text-align: center;
}

.category__filter-group--single-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 1160px) {
  .category__filter-group--single-brand {
    width: 380px;
  }
}
@media (min-width: 1360px) {
  .category__filter-group--single-brand {
    width: 100%;
  }
}
.home__events {
  background-color: white;
  text-align: center;
  padding: 50px 0 80px;
}
@media (min-width: 760px) {
  .home__events {
    padding: 80px 0 120px;
  }
}
@media (min-width: 975px) {
  .home__events {
    padding: 8vw 0 10vw;
  }
}
@media (min-width: 1600px) {
  .home__events {
    padding: 10vw;
  }
}

.home__events-h2 {
  margin-bottom: 0.125em;
}

.home__events-table {
  margin-top: 30px;
  border-top: 1px solid #707070;
  margin-bottom: 80px;
}
@media (max-width: 760px) {
  .home__events-table {
    display: block;
  }
}
@media (min-width: 760px) {
  .home__events-table {
    margin-top: 70px;
  }
}
@media (max-width: 760px) {
  .home__events-table td {
    display: block;
  }
}
@media (min-width: 760px) {
  .home__events-table td {
    border-bottom: 1px solid #707070;
  }
}
.home__events-table td:last-child {
  border-bottom: 1px solid #707070;
}

.home__events-img-cell {
  padding: 60px 15px 25px;
}
@media (min-width: 760px) {
  .home__events-img-cell {
    padding: 30px 20px 30px 0;
  }
}
@media (min-width: 1600px) {
  .home__events-img-cell {
    padding-right: 50px;
  }
}
.home__events-img-cell img {
  height: 18vw;
}
@media (min-width: 760px) {
  .home__events-img-cell img {
    height: auto;
    max-width: 150px;
    max-height: 150px;
  }
}

.home__events-date-cell {
  font-size: 14px;
  margin-bottom: 0.5em;
  font-family: "Roboto", sans-serif;
}
.home__events-date-cell p {
  margin: 0;
}
@media (min-width: 760px) {
  .home__events-date-cell {
    padding-right: 20px;
  }
}
@media (min-width: 1600px) {
  .home__events-date-cell {
    padding-right: 50px;
  }
}

.home__events-description-cell {
  text-align: left;
}
@media (min-width: 760px) {
  .home__events-description-cell {
    padding-top: 30px;
    padding-bottom: 10px;
  }
}
.home__events-description-cell p {
  margin-bottom: 20px;
}
.home__events-description-cell h3 {
  text-align: center;
  margin-bottom: 0.325em;
}
@media (min-width: 760px) {
  .home__events-description-cell h3 {
    text-align: left;
  }
}

.home__events-btn-cell {
  padding-bottom: 40px;
}
@media (min-width: 760px) {
  .home__events-btn-cell {
    padding: 30px 0 30px 20px;
  }
}
@media (min-width: 1600px) {
  .home__events-btn-cell {
    padding-left: 50px;
  }
}
.home__events-btn-cell .btn {
  width: 90%;
  padding: 0.5em 3em;
  margin-bottom: 20px;
}
@media (min-width: 760px) {
  .home__events-btn-cell .btn {
    font-size: 14px;
    padding: 1em 1.25em;
    white-space: nowrap;
    margin-bottom: 10px;
    width: 100%;
  }
  .home__events-btn-cell .btn:last-child {
    margin-bottom: 0;
  }
}

.home__instagram {
  color: white;
  text-align: center;
  padding: 50px 0 80px;
}
@media (min-width: 760px) {
  .home__instagram {
    padding: 80px 0 120px;
  }
}
@media (min-width: 975px) {
  .home__instagram {
    padding: 8vw 0 10vw;
  }
}
@media (min-width: 1600px) {
  .home__instagram {
    padding: 10vw;
  }
}

.home__instagram-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
  margin-bottom: 80px;
}
@media (min-width: 760px) {
  .home__instagram-grid {
    margin-top: 70px;
  }
}

.home__instagram-cell {
  line-height: 0;
  width: calc(50vw - 33px);
  height: calc(50vw - 33px);
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .home__instagram-cell {
    width: calc(50vw - 25px);
    height: calc(50vw - 25px);
  }
}
@media (min-width: 975px) {
  .home__instagram-cell {
    width: 20.9vw;
    height: 20.9vw;
  }
}
@media (min-width: 975px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 975px) and (-o-min-device-pixel-ratio: 3/2), (min-width: 975px) and (min--moz-device-pixel-ratio: 1.5), (min-width: 975px) and (min-device-pixel-ratio: 1.5) {
  .home__instagram-cell {
    width: 21.35vw;
    height: 21.35vw;
  }
}
@media (min-width: 1600px) {
  .home__instagram-cell {
    width: 16.1vw;
    height: 16.1vw;
  }
}
.home__instagram-cell img {
  width: 100%;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.home__instagram-cell img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/*

    CATEGORY

------------------------------------------------------------------*/
.category__main {
  background: url(../img/category/category__main--mobile.jpg) no-repeat center top 50px;
  background-size: 100% auto;
  color: white;
}
@media (min-width: 760px) {
  .category__main {
    background-position: center top;
  }
}
@media (min-width: 975px) {
  .category__main {
    background: url(../img/category/category__main--desktop.jpg) no-repeat center top;
    background-size: 100% auto;
    text-align: center;
  }
}

.category__content-wrapper {
  padding-top: 90vw;
  padding-bottom: 20vw;
}
@media (min-width: 760px) {
  .category__content-wrapper {
    padding-top: 80vw;
    padding-bottom: 10vw;
  }
}
@media (min-width: 975px) {
  .category__content-wrapper {
    padding-top: 27vw;
    padding-bottom: 0;
  }
}

.category__h1 {
  margin: 0 0 0.5em;
  font-size: 15vw;
  line-height: 1;
}
@media (min-width: 975px) {
  .category__h1 {
    font-size: 6.25vw;
    margin-bottom: 0.325em;
  }
}

.category__p {
  margin-right: auto;
}
@media (min-width: 760px) {
  .category__p {
    max-width: 70vw;
  }
}
@media (min-width: 975px) {
  .category__p {
    max-width: 45vw;
    margin-left: auto;
  }
}
@media (min-width: 1600px) {
  .category__p {
    max-width: 35vw;
  }
}

@media (min-width: 760px) {
  .category__h3 {
    display: none;
  }
}

@media (min-width: 1160px) {
  .category__filter-group-flexer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.category__filter-group-flexer {
  margin-top: 20px;
  color: black;
  font-family: "Roboto", sans-serif;
}
@media (min-width: 1160px) {
  .category__filter-group-flexer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.category__filter-group {
  background-color: white;
  margin-bottom: 20px;
}
@media (min-width: 760px) {
  .category__filter-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (min-width: 760px) {
  .category__filter-group--brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 1160px) {
  .category__filter-group--brand {
    width: 380px;
  }
}
@media (min-width: 1360px) {
  .category__filter-group--brand {
    width: 40%;
  }
}

.category__filter-label {
  background-color: #f0f0f0;
  padding: 15px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 760px) {
  .category__filter-label {
    font-size: 18px;
    padding: 0 2vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    width: 95px;
  }
}
@media (min-width: 975px) {
  .category__filter-label {
    font-size: 15px;
  }
}
@media (min-width: 1160px) {
  .category__filter-label {
    width: auto;
  }
}
@media (min-width: 1600px) {
  .category__filter-label {
    font-size: 1vw;
  }
}

.category__brand-filter-flexer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 15px;
  height: 50px;
}
@media (min-width: 760px) {
  .category__brand-filter-flexer {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    height: 100%;
  }
}

.category__brand-filter {
  font-size: 18px;
  font-weight: 300;
  padding: 7px 5px 0;
  border-bottom: 7px solid transparent;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.075s linear;
  transition: all 0.075s linear;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  line-height: 1;
}
.category__brand-filter:hover {
  border-bottom-color: #ccc;
}
@media (min-width: 975px) {
  .category__brand-filter {
    font-size: 15px;
  }
}
@media (min-width: 1600px) {
  .category__brand-filter {
    font-size: 1vw;
    padding-top: 0.5vw;
    border-bottom-width: 0.5vw;
  }
}

.category__brand-filter--active {
  border-bottom-color: #0390c5;
  font-weight: 700;
}
.category__brand-filter--active:hover {
  border-bottom-color: #0390c5;
}

@media (min-width: 1160px) {
  .category__filter-group--size {
    width: calc(100% - 392px);
  }
}
@media (min-width: 1360px) {
  .category__filter-group--size {
    width: calc(60% - 12px);
  }
}

.category__size-filter-flexer {
  padding: 15px;
}
@media (min-width: 760px) {
  .category__size-filter-flexer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 1.5vw 2vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.category__size-filter-flexer > div {
  margin-bottom: 0;
}
@media (min-width: 1160px) {
  .category__size-filter-flexer {
    padding: 1vw 2vw;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 20px;
    text-align: left;
  }
  .category__size-filter-flexer > div {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .category__size-filter-flexer > .tire-filters {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 0 0.5em 0.35em;
    font-size: 0.75vw;
  }
}

.category__size-filter {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 10px;
}
@media (min-width: 760px) {
  .category__size-filter {
    margin-right: 2vw;
  }
}
.category__size-filter:last-child {
  margin-bottom: 0;
}
@media (min-width: 760px) {
  .category__size-filter:last-child {
    margin-right: 0;
  }
}

@media (min-width: 1160px) {
  .category__size-filter--width {
    -webkit-box-flex: 1.25;
        -ms-flex: 1.25;
            flex: 1.25;
  }
}
@media (min-width: 1360px) {
  .category__size-filter--width {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media (min-width: 1460px) {
  .category__size-filter--width {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

@media (min-width: 1160px) {
  .category__size-filter--ar {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
}
@media (min-width: 1360px) {
  .category__size-filter--ar {
    -webkit-box-flex: 1.25;
        -ms-flex: 1.25;
            flex: 1.25;
  }
}
@media (min-width: 1460px) {
  .category__size-filter--ar {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

@media (min-width: 1160px) {
  .category__size-filter--diameter {
    -webkit-box-flex: 2.5;
        -ms-flex: 2.5;
            flex: 2.5;
  }
}
@media (min-width: 1360px) {
  .category__size-filter--diameter {
    -webkit-box-flex: 1.5;
        -ms-flex: 1.5;
            flex: 1.5;
  }
}
@media (min-width: 1460px) {
  .category__size-filter--diameter {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.category__search-result-count {
  margin: 2em auto;
  text-align: center;
  font-weight: 300;
  font-size: 18px;
  color: #ddd;
}

.category__tire-search-results {
  margin-bottom: 50px;
}
@media (min-width: 760px) {
  .category__tire-search-results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 13px;
  }
}
@media (min-width: 975px) {
  .category__tire-search-results {
    margin-bottom: 100px;
  }
}

.tire-search-result {
  background: -webkit-gradient(linear, left top, left bottom, from(#0053ba), color-stop(35%, #0171bf), to(#0390c5));
  background: linear-gradient(to bottom, #0053ba 0%, #0171bf 35%, #0390c5 100%);
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  color: white;
  text-decoration: none;
  display: block;
}
@media (min-width: 760px) {
  .tire-search-result {
    width: calc(50% - 10px);
    margin-bottom: 40px;
  }
}
@media (min-width: 975px) {
  .tire-search-result {
    width: calc(33.33% - 10px);
  }
}
@media (min-width: 1600px) {
  .tire-search-result {
    width: calc(25% - 10px);
  }
}

.tire-search-result__logo-bg {
  background: url(../img/category/tire-search-result__logo-bg.png) no-repeat left top;
  background-size: 100% auto;
  width: 92%;
  height: 0;
  padding-top: 31.14%;
  position: relative;
}

.tire-search-result__logo-img-positioner {
  position: absolute;
  top: 18%;
  left: 6.5%;
  width: 37%;
  height: 22%;
  text-align: left;
}
.tire-search-result__logo-img-positioner img, .tire-search-result__logo-img-positioner svg {
  max-width: 100%;
  max-height: 100%;
}

.tire-search-result__grey-bg {
  position: absolute;
  background-color: #292929;
  width: 101%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: skewY(-19.7deg);
          transform: skewY(-19.7deg);
  -webkit-transition: -webkit-transform 1.75s cubic-bezier(0.065, 0.985, 0.215, 0.995);
  transition: -webkit-transform 1.75s cubic-bezier(0.065, 0.985, 0.215, 0.995);
  transition: transform 1.75s cubic-bezier(0.065, 0.985, 0.215, 0.995);
  transition: transform 1.75s cubic-bezier(0.065, 0.985, 0.215, 0.995), -webkit-transform 1.75s cubic-bezier(0.065, 0.985, 0.215, 0.995);
}

.tire-search-result__view-tire-link {
  position: absolute;
  bottom: 0;
  right: 8%;
  font-weight: 300;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  white-space: nowrap;
  -webkit-transform: translateY(-130%);
          transform: translateY(-130%);
}
.tire-search-result__view-tire-link i {
  font-size: 0.4em;
  margin-left: 1em;
}

.tire-search-result__content {
  position: relative;
  padding: 0 13.5% 36% 13.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
}

.tire-search-result__hidden-tire-name {
  position: absolute;
  width: 73%;
  opacity: 0;
  bottom: 100%;
  pointer-events: none;
  -webkit-transform: translateY(-1em);
          transform: translateY(-1em);
  -webkit-transition: opacity 0.1s linear, -webkit-transform 1s linear;
  transition: opacity 0.1s linear, -webkit-transform 1s linear;
  transition: transform 1s linear, opacity 0.1s linear;
  transition: transform 1s linear, opacity 0.1s linear, -webkit-transform 1s linear;
  margin: 0;
  text-align: center;
}

.tire-search-result__tire-img-wrapper {
  line-height: 0;
  height: 0;
  position: relative;
  width: 100%;
  -webkit-transition: all 2s cubic-bezier(0.065, 0.985, 0.215, 0.995);
  transition: all 2s cubic-bezier(0.065, 0.985, 0.215, 0.995);
  z-index: 1;
  height: calc((100vw - 70px) * 1 * 0.73 * 1.1);
}
@media (min-width: 760px) {
  .tire-search-result__tire-img-wrapper {
    height: calc((100vw - 70px) * 0.5 * 0.73 * 1.1);
  }
}
@media (min-width: 975px) {
  .tire-search-result__tire-img-wrapper {
    height: calc((100vw - 70px) * 0.3333 * 0.73 * 1.1);
  }
}
@media (min-width: 1600px) {
  .tire-search-result__tire-img-wrapper {
    height: calc((100vw - 70px) * 0.25 * 0.73 * 1.1);
  }
}

.tire-search-result__tire-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
}

.tire-search-result__tire-name {
  font-size: 24px;
  margin: 2em 0 0.5em;
  padding: 0.75em 0;
  line-height: 1;
  border-top: 3px solid white;
  border-bottom: 1px solid white;
}

.tire-search-result__tire-model {
  color: #0390c5;
}

.tire-search-result__tire-snippet {
  font-size: 14px;
  font-family: "Roboto Condensed", sans-serif;
  margin-bottom: 0;
}

.tire-search-result__content-txt {
  -webkit-transition: all 1.5s cubic-bezier(0.065, 0.985, 0.215, 0.995), opacity 0.15s linear;
  transition: all 1.5s cubic-bezier(0.065, 0.985, 0.215, 0.995), opacity 0.15s linear;
}

.no-touch .tire-search-result:hover .tire-search-result__grey-bg {
  -webkit-transform: translateY(-100%) skewY(-19.7deg) translateZ(1000px);
          transform: translateY(-100%) skewY(-19.7deg) translateZ(1000px);
}
.no-touch .tire-search-result:hover .tire-search-result__hidden-tire-name {
  opacity: 1;
  -webkit-transition: all 2s cubic-bezier(0.065, 0.985, 0.215, 0.995), opacity 0.5s linear;
  transition: all 2s cubic-bezier(0.065, 0.985, 0.215, 0.995), opacity 0.5s linear;
}
.no-touch .tire-search-result:hover .tire-search-result__content-txt {
  opacity: 0;
}

/* Internet Explorer 10+, Microsoft Edge Browser */
_:-ms-lang(x), .tire-search-result__grey-bg, .tire-search-result__tire-img-wrapper {
  -ms-transition: transform 0.5s;
  transition: transform 0.5s;
}

/*

    PRODUCT

------------------------------------------------------------------*/
.product__copy-area {
  color: white;
}

.product__copy-area--1 {
  margin: 90px 0 40px;
}
@media (min-width: 760px) {
  .product__copy-area--1 {
    margin-top: 134px;
  }
}
@media (min-width: 975px) {
  .product__copy-area--1 {
    margin-left: 38%;
    padding-right: 178px;
  }
}
@media (min-width: 1600px) {
  .product__copy-area--1 {
    margin-top: 11.7vw;
    padding-right: 14vw;
  }
}

.product__racer-pricing-available {
  border-bottom: 3px solid white;
  font-family: "Roboto Condensed", sans-serif;
}
.product__racer-pricing-available span {
  background-color: #0a6d93;
  display: inline-block;
  padding: 0.5em 1em;
}

.product__h1 {
  font-size: 36px;
  margin: 20px 0 40px;
}
@media (min-width: 760px) {
  .product__h1 {
    font-size: 60px;
  }
}
@media (min-width: 975px) {
  .product__h1 {
    font-size: 4vw;
  }
}

.product__copy-area--2 {
  position: relative;
}
@media (max-width: 760px) {
  .product__copy-area--2 {
    min-height: auto !important;
  }
}
@media (min-width: 760px) {
  .product__copy-area--2 {
    padding-left: calc(50% + 25px);
  }
}
@media (min-width: 975px) {
  .product__copy-area--2 {
    padding-left: 7.3vw;
    margin-left: 38%;
    min-height: auto !important;
  }
}

.product__tire-select {
  width: 160px;
}
@media (min-width: 760px) {
  .product__tire-select {
    width: 170px;
  }
}
@media (min-width: 1600px) {
  .product__tire-select {
    width: 10vw;
  }
}

.product__size-and-price-flexer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product__size-and-price-divider {
  min-height: 51px;
  width: 1px;
  background-color: #777;
  margin: 0 20px;
}
@media (min-width: 975px) {
  .product__size-and-price-divider {
    margin: 0 30px;
  }
}

.product__price {
  font-size: 32px;
  margin: 0;
}
@media (min-width: 760px) {
  .product__price {
    font-size: 36px;
  }
}

.product__item-quantity-area {
  margin: 20px 0 40px;
  white-space: nowrap;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-weight: 300;
}
@media (min-width: 1600px) {
  .product__item-quantity-area {
    font-size: 1vw;
    margin: 1vw 0 1.25vw;
  }
}
.product__item-quantity-area strong {
  display: inline-block;
  margin-left: 0.3em;
}

.product__item-quantity-minus, .product__item-quantity-plus {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  position: relative;
  background-color: #e9e9e9;
  -webkit-transition: background-color 0.075s linear;
  transition: background-color 0.075s linear;
}
.product__item-quantity-minus:hover, .product__item-quantity-plus:hover {
  background-color: #bbb;
}
@media (min-width: 1600px) {
  .product__item-quantity-minus, .product__item-quantity-plus {
    width: 1.875vw;
    height: 1.875vw;
    margin-right: 0.625vw;
  }
}
.product__item-quantity-minus:before, .product__item-quantity-minus:after, .product__item-quantity-plus:before, .product__item-quantity-plus:after {
  content: "";
  display: block;
  width: 16px;
  height: 1px;
  background-color: black;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (min-width: 1600px) {
  .product__item-quantity-minus:before, .product__item-quantity-minus:after, .product__item-quantity-plus:before, .product__item-quantity-plus:after {
    width: 1vw;
  }
}
.product__item-quantity-minus:after, .product__item-quantity-plus:after {
  height: 16px;
  width: 1px;
}
@media (min-width: 1600px) {
  .product__item-quantity-minus:after, .product__item-quantity-plus:after {
    height: 1vw;
  }
}

.product__item-quantity-minus:after {
  display: none;
}

.product__main-btn {
  width: 232px;
  background-color: #0390c5;
  color: white;
  margin: 0 20px 15px 0;
  padding: 1em;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  -webkit-transition: background-color 0.075s linear;
  transition: background-color 0.075s linear;
}
.product__main-btn:hover {
  background-color: #03a2de;
}
.product__main-btn i {
  font-size: 0.5em;
  margin-left: 1em;
}
.product__main-btn:nth-of-type(2) {
  margin-right: 0;
}

.product__hr {
  background-color: white;
  border: 0;
  outline: 0;
  height: 1px;
  margin: 40px 0;
}

.product__h2 {
  font-size: 24px;
}

.product__p {
  font-size: 16px;
  font-weight: 300;
  font-family: "Roboto Condensed", sans-serif;
  margin: 1em;
}

.product__photo-area {
  background-color: white;
  padding: 45px 25px;
  text-align: center;
  margin: 40px -25px;
}
@media (min-width: 760px) {
  .product__photo-area {
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
  }
}
@media (min-width: 975px) {
  .product__photo-area {
    width: 40%;
    position: fixed;
    top: 134px;
    left: 0;
    height: calc(100% - 134px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 4vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 1600px) {
  .product__photo-area {
    top: 11.7vw;
    height: calc(100% - 11.7vw);
  }
}

.product__main-photo-wrapper {
  width: 100%;
  height: calc(100vw - 50px);
  position: relative;
}
@media (min-width: 760px) {
  .product__main-photo-wrapper {
    height: calc(50vw - 50px);
  }
}
@media (min-width: 975px) {
  .product__main-photo-wrapper {
    height: 32vw;
  }
}

.product__loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
}

.product__main-photo {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.product__photo-thumbs {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.product__photo-thumb-wrapper {
  width: 70px;
  height: 70px;
  border: 1px solid #d7d7d7;
  margin: 40px 8px;
  cursor: pointer;
  -webkit-transition: border-color 0.075s linear;
  transition: border-color 0.075s linear;
  position: relative;
}

.no-touch .product__photo-thumb-wrapper:hover {
  border-color: #999;
}

.product__photo-thumb-wrapper--active {
  border-color: #0390c5;
}

.product__photo-thumb-img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  padding: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.product__tire-brand-logo {
  width: auto;
  height: auto;
  max-width: 200px;
  max-height: 40px;
}

@media all and (-ms-high-contrast: none) { /* IE11 */
  *::-ms-backdrop, .product__tire-brand-logo {
    height: 30px;
  }
}
.product__copy-area--3 {
  margin: 50px 0 100px;
}
@media (min-width: 975px) {
  .product__copy-area--3 {
    margin-left: 38%;
  }
}

@media (min-width: 760px) {
  .product__copy-area3-flexer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (min-width: 760px) {
  .product__copy-area3-col {
    width: calc(50% - 20px);
  }
}

.product__p--spec {
  border-bottom: 1px solid #464646;
  margin: 0;
  padding: 0.5em 1em;
  color: #ddd;
}
.product__p--spec strong {
  white-space: nowrap;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  color: white;
}

@media (min-width: 975px) and (max-width: 2000px) {
  .footer--product-page {
    margin-left: 38%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .footer--product-page .footer__copyright {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .footer--product-page .footer__jacksonmg-link-wrapper {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    -webkit-box-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    margin-bottom: 40px;
  }
}
@media (min-width: 2000px) {
  .footer--product-page {
    margin-left: 38%;
  }
  .footer--product-page .footer__copyright, .footer--product-page .footer__social-links {
    min-width: inherit;
  }
}

.product__added-notification {
  background: -webkit-gradient(linear, left top, left bottom, from(#053e67), to(rgba(5, 62, 103, 0)));
  background: linear-gradient(to bottom, #053e67 0%, rgba(5, 62, 103, 0) 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  margin-bottom: 20px;
}

@media (max-width: 760px) {
  .product__added-notification {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.product__added-checkmark-wrapper {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.product__added-checkmark {
  width: 100%;
  height: 100%;
}

.product__added-msg {
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
}

.product__added-view-cart-btn {
  font-size: inherit;
}

@media (max-width: 760px) {
  .product__added-view-cart-btn {
    width: 100%;
    margin-top: 20px;
  }
}
@media (min-width: 760px) {
  .product__added-view-cart-btn {
    margin-left: 10px;
  }
}
.product__added-notification.error .product__error-msg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product__added-notification.error .product__error-msg .button.wc-forward {
  white-space: nowrap;
  margin: 0;
}

/*

    REGISTER

------------------------------------------------------------------*/
.content-wrapper--register {
  color: white;
  margin: 0 auto 90px;
}
@media (min-width: 760px) {
  .content-wrapper--register {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 975px) {
  .content-wrapper--register {
    max-width: calc(1070px + 14.6vw);
    padding-right: 17vw;
  }
}
@media (min-width: 1300px) {
  .content-wrapper--register {
    padding-right: 7.3vw;
  }
}
@media (min-width: 1600px) {
  .content-wrapper--register {
    margin-bottom: 5.625vw;
  }
}
.content-wrapper--register .custom-checkbox__label {
  white-space: nowrap;
}

.register__p {
  font-weight: bold;
  font-family: "Roboto Condensed", sans-serif;
  margin: 0;
}
@media (min-width: 975px) {
  .register__p {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .register__p {
    font-size: 1vw;
  }
}
.register__p a {
  text-decoration: none;
  color: #0390c5;
}
.register__p a:hover {
  text-decoration: underline;
}
.register__p strong {
  color: #959595;
}

.register__p--racer-pricing {
  margin-bottom: 20px;
}
@media (min-width: 760px) and (max-width: 975px) {
  .register__p--racer-pricing {
    width: 100%;
    text-align: center;
  }
}
@media (min-width: 975px) {
  .register__p--racer-pricing {
    margin-bottom: 0;
  }
}

.register__flex-cell-full {
  width: 100%;
  margin-bottom: 40px;
}
@media (min-width: 760px) {
  .register__flex-cell-full {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 1600px) {
  .register__flex-cell-full {
    margin-bottom: 2.5vw;
  }
}

@media (min-width: 760px) and (max-width: 975px) {
  .register__flex-cell-full--racer-pricing {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.register__flex-cell-half {
  width: 100%;
  margin-bottom: 40px;
}
@media (min-width: 760px) {
  .register__flex-cell-half {
    width: calc(50% - 30px);
  }
}
@media (min-width: 1600px) {
  .register__flex-cell-half {
    margin-bottom: 2.5vw;
    width: calc(50% - 1.875vw);
  }
}

.register__hr {
  width: 100%;
  border: 0;
  outline: 0;
  height: 1px;
  background-color: #0390c5;
  margin-bottom: 40px;
}
@media (min-width: 1600px) {
  .register__hr {
    margin-bottom: 2.5vw;
  }
}

.register__submit-btn {
  width: 100%;
  background-color: #0390c5;
  color: white;
  padding: 1em;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  -webkit-transition: background-color 0.075s linear;
  transition: background-color 0.075s linear;
}
@media (min-width: 1600px) {
  .register__submit-btn {
    font-size: 1.125vw;
  }
}
.register__submit-btn:hover {
  background-color: #03a2de;
}
.register__submit-btn i {
  font-size: 0.5em;
  margin-left: 1em;
}

/*

    EVENT

------------------------------------------------------------------*/
.tirepromo {
  position: relative;
  background: white;
  overflow: hidden;
  margin-top: 6em;
  padding: 30px 20px 55vw;
  color: #5b5c5c;
}
@media (min-width: 760px) {
  .tirepromo {
    padding: 6.5vw 5vw 6.5vw 33%;
  }
}
@media (min-width: 975px) {
  .tirepromo {
    padding: 4.5vw 3vw 4.5vw 33%;
  }
}

.tirepromo__img {
  position: absolute;
}

.tirepromo__img--mobile {
  bottom: 0;
  height: 44vw;
  width: auto;
  left: 0;
}
@media (min-width: 760px) {
  .tirepromo__img--mobile {
    display: none;
  }
}

.tirepromo__img--desktop {
  left: 0;
  height: auto;
  width: 28%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 760px) {
  .tirepromo__img--desktop {
    display: none;
  }
}

.tirepromo__logo {
  max-width: 50vw;
}
@media (min-width: 760px) {
  .tirepromo__logo {
    max-width: 45%;
  }
}

.tirepromo__h1 {
  margin: 1em auto 0.25em;
  line-height: 1;
}
@media (min-width: 1600px) {
  .tirepromo__h1 {
    font-size: 2vw;
  }
}

.tirepromo__h2 {
  font-size: 1.5em;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  margin-bottom: 1.25em;
}
@media (min-width: 1600px) {
  .tirepromo__h2 {
    font-size: 1.5vw;
  }
}

/*

    CART

------------------------------------------------------------------*/
.cart__step {
  border: 1px solid white;
  padding: 0 20px 30px;
  margin-bottom: 30px;
}
@media (min-width: 1600px) {
  .cart__step {
    padding: 0 1.25vw 1.875vw;
    margin-bottom: 2.5vw;
  }
}
.cart__step:last-child {
  margin-bottom: 90px;
}
@media (min-width: 1600px) {
  .cart__step:last-child {
    margin-bottom: 5.625vw;
  }
}

.cart__step--closed {
  padding-bottom: 0;
}
.cart__step--closed .cart__header {
  margin-bottom: 0;
  border-bottom: 0;
}
.cart__step--closed .cart__header:after {
  border-left: 9px solid white;
  border-right: 7px solid transparent;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  -webkit-transform: translate(5px, -7px);
          transform: translate(5px, -7px);
}
@media (min-width: 1600px) {
  .cart__step--closed .cart__header:after {
    border-width: 0.37vw 0.37vw 0.37vw 0.47vw;
    -webkit-transform: translate(0.25vw, -0.4375vw);
            transform: translate(0.25vw, -0.4375vw);
  }
}
.cart__step--closed .cart__content {
  display: none;
}

.cart__header {
  padding: 20px;
  line-height: 1;
  border-bottom: 1px solid white;
  font-size: 20px;
  position: relative;
  margin: 0 -20px 30px;
  background-color: #484848;
  cursor: pointer;
  -webkit-transition: background-color 0.075s linear;
  transition: background-color 0.075s linear;
}
@media (min-width: 760px) {
  .cart__header {
    font-size: 22px;
  }
}
@media (min-width: 1600px) {
  .cart__header {
    font-size: 1.15vw;
    padding: 1.25vw;
    font-size: 1.375vw;
    margin: 0 -1.25vw 1.875vw;
  }
}
.cart__header strong {
  font-weight: 400;
  color: #04b5f7;
}
@media (max-width: 760px) {
  .cart__header strong {
    display: block;
  }
}
.cart__header:after {
  content: "";
  position: absolute;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  top: 50%;
  right: 32px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 9px solid white;
  border-bottom: 7px solid transparent;
  pointer-events: none;
}
@media (min-width: 1600px) {
  .cart__header:after {
    border-width: 0.47vw 0.37vw 0.37vw 0.37vw;
    right: 2vw;
  }
}
.cart__header:hover {
  background-color: #515151;
}

@media (min-width: 760px) {
  .cart__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.cart__content .standard-input, .cart__content .custom-input, .cart__content .custom-select {
  width: 100%;
  max-width: 400px;
}
@media (max-width: 760px) {
  .cart__content .btn {
    width: 100%;
  }
}

@media (min-width: 760px) {
  .cart__col {
    width: calc(50% - 20px);
  }
}
@media (min-width: 1600px) {
  .cart__col {
    width: calc(50% - 1.25vw);
  }
}

@media (max-width: 760px) {
  .cart__col--left {
    margin-bottom: 80px;
  }
}

.cart__or-divider {
  width: 80%;
  margin: 70px 10%;
  height: 1px;
  width: 80%;
  background-color: #999;
  color: #999;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
}
@media (min-width: 760px) {
  .cart__or-divider {
    display: none;
  }
}
.cart__or-divider span {
  background-color: #181818;
  display: inline-block;
  padding: 0.5em;
  -webkit-transform: translateY(-45%);
          transform: translateY(-45%);
}

.cart__h1 {
  font-size: 20px;
  margin: 0 auto 1em;
}
@media (min-width: 760px) {
  .cart__h1 {
    font-size: 25px;
  }
}
@media (min-width: 975px) {
  .cart__h1 {
    font-size: 30px;
  }
}
@media (min-width: 1600px) {
  .cart__h1 {
    font-size: 1.875vw;
  }
}

.cart__h1--spaced {
  margin-top: 80px;
}

.cart__forgot-password {
  color: #686868;
  font-family: "Roboto", sans-serif;
  display: block;
  -webkit-transition: color 0.075s linear;
  transition: color 0.075s linear;
  margin: -20px auto 40px;
}
.cart__forgot-password:hover {
  color: #0390c5;
}
@media (min-width: 1600px) {
  .cart__forgot-password {
    font-size: 0.75vw;
  }
}

.custom-select--cart {
  background-color: #363636;
  border: 0;
  margin-bottom: 30px;
  padding: 0.75em 0.675em;
  font-size: 20px;
}
@media (min-width: 1600px) {
  .custom-select--cart {
    margin-bottom: 2.5vw;
    font-size: 1.25vw;
  }
}
.custom-select--cart:after {
  border-top-color: white;
}
.custom-select--cart .custom-select__readout {
  font-weight: 300;
  font-size: 20px;
}

.cart__table {
  width: 100%;
  border-color: #999;
  color: #838282;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  margin-bottom: 40px;
}
@media (min-width: 760px) {
  .cart__table {
    font-size: 16px;
    margin-bottom: 60px;
  }
}
@media (min-width: 975px) {
  .cart__table {
    font-size: 20px;
  }
}
.cart__table tr > * {
  padding: 0.75em;
}
@media (min-width: 760px) {
  .cart__table tr > * {
    padding: 1em;
  }
}

@media (max-width: 760px) {
  .cart__th {
    display: none;
  }
}
.cart__th:first-child {
  text-align: left;
}

.cart-overview__table {
  display: table;
  border-collapse: collapse;
  margin: 40px auto 60px;
}

@media (min-width: 760px) {
  .cart-overview__table {
    margin-bottom: 80px;
  }
}
@media (min-width: 1600px) {
  .cart-overview__table {
    margin: 2.5vw auto 5vw;
    font-size: 1vw;
  }
}
.cart-overview__table-row {
  display: table-row;
}

.cart-overview__table-row:first-child {
  white-space: nowrap;
}

@media (max-width: 760px) {
  .cart-overview__table-row:last-child .cart-overview__table-cell--with-img {
    border: 2px solid #707070;
  }
}
.cart-overview__table-cell {
  display: block;
  border: 2px solid #707070;
  border-bottom: 0;
  vertical-align: middle;
  padding: 20px;
  text-align: left;
}

@media (min-width: 760px) {
  .cart-overview__table-cell {
    display: table-cell;
    text-align: center;
    border: 2px solid #707070;
  }
}
@media (min-width: 1600px) {
  .cart-overview__table-cell {
    border-width: 0.125vw;
    padding: 1.25vw;
  }
}
@media (min-width: 760px) {
  .cart-overview__table-cell--with-img {
    padding-bottom: 0;
  }
}
.cart-overview__delete-btn {
  font-size: 20px;
  color: #0390c5;
  -webkit-transition: color 0.075s linear;
  transition: color 0.075s linear;
  background: transparent;
  -webkit-appearance: none;
  outline: 0;
}

.cart-overview__delete-btn:hover {
  color: white;
}

@media (min-width: 1600px) {
  .cart-overview__delete-btn {
    font-size: 1.25vw;
  }
}
.cart-overview__table-cell-flexer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

/* .cart-overview__tire-img {
  width: 80px;
  height: auto;
  margin-right: 20px;
}

@media (min-width: 760px) {
  .cart-overview__tire-img {
    width: 160px;
    margin-bottom: -35%;
  }
}

@media (min-width: 1600px) {
  .cart-overview__tire-img {
    width: 10vw;
  }
} */
.cart-overview__quantity-input {
  width: 50px;
  padding: 6px 12px;
  text-align: center;
}

@media (max-width: 760px) {
  .cart-overview__quantity-input {
    margin: 0 0 20px 10px;
    padding: 4px 10px;
  }
}
@media (min-width: 1600px) {
  .cart-overview__quantity-input {
    width: 3vw;
    padding: 0.0375vw 0.075vw;
  }
}
.cart-overview__tire-title {
  display: block;
  margin: 0 0 20px;
  font-weight: bold;
  font-size: 18px;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1.25;
  color: #0390c5;
  -webkit-transition: color 0.075s linear;
  transition: color 0.075s linear;
  text-decoration: none;
}

.cart-overview__tire-title:hover {
  color: white;
}

@media (min-width: 1600px) {
  .cart-overview__tire-title {
    margin-bottom: 1.25vw;
    font-size: 1.25vw;
  }
}
.cart-overview__main-btn {
  width: 100%;
  max-width: 420px;
  display: inline-block;
  margin-bottom: 140px;
}

@media (min-width: 1600px) {
  .cart-overview__main-btn {
    max-width: 25vw;
    margin-bottom: 8.75vw;
  }
}
.cart-overview__ledger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 420px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 60px auto;
}

@media (min-width: 1600px) {
  .cart-overview__ledger {
    font-size: 1.25vw;
    max-width: 25vw;
  }
}
.cart-overview__ledger-label {
  font-weight: bold;
}

.cart-overview__ledger-number {
  font-weight: 300;
}

.cart-overview__divider {
  background-color: #707070;
  height: 2px;
  border: 0;
  outline: 0;
  width: 100%;
  margin: 20px 0;
}

/*

    CALENDAR

------------------------------------------------------------------*/
.calendar__main {
  background: url(../img/calendar/calendar__main--mobile.jpg) no-repeat center top;
  background-size: 100% auto;
}
@media (min-width: 975px) {
  .calendar__main {
    background: url(../img/calendar/calendar__main--desktop.jpg) no-repeat center top;
    background-size: 100% auto;
  }
}

.calendar__content-wrapper {
  color: white;
  margin: 0 auto 90px;
  padding-top: 120px;
  text-align: center;
}
@media (min-width: 760px) {
  .calendar__content-wrapper {
    padding-top: 150px;
  }
}
@media (min-width: 975px) {
  .calendar__content-wrapper {
    max-width: calc(1470px + 14.6vw);
    padding-top: 190px;
  }
}
@media (min-width: 1600px) {
  .calendar__content-wrapper {
    padding-top: 11.7vw;
  }
}

.calendar__filters {
  text-align: left;
  max-width: 600px;
  margin: 0 auto;
}
@media (min-width: 760px) {
  .calendar__filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.calendar__filters .calendar__filter {
  margin-bottom: 20px;
  border-color: white;
  background-color: #181818;
}
.calendar__filters .calendar__filter:after {
  border-top-color: white;
}

@media (min-width: 760px) {
  .calendar__filter {
    margin: 0 10px;
  }
  .calendar__filter:first-child {
    margin-left: 0;
  }
  .calendar__filter:last-child {
    margin-right: 0;
  }
  .calendar__filter--series {
    -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
  }
  .calendar__filter--month {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
  .calendar__filter--year {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.calendar__table {
  margin-top: 30px;
  margin-bottom: 80px;
}
@media (max-width: 975px) {
  .calendar__table {
    display: block;
  }
}
@media (min-width: 760px) {
  .calendar__table {
    margin-top: 0;
  }
}
@media (min-width: 975px) {
  .calendar__table {
    margin-top: 20px;
  }
}
@media (max-width: 975px) {
  .calendar__table td {
    display: block;
  }
}
@media (min-width: 975px) {
  .calendar__table td {
    border-bottom: 1px solid white;
  }
}
.calendar__table td:last-child {
  border-bottom: 1px solid white;
}

.calendar__img-cell {
  padding: 60px 15px 25px;
}
@media (min-width: 975px) {
  .calendar__img-cell {
    padding: 30px 20px 30px 0;
  }
}
@media (min-width: 1600px) {
  .calendar__img-cell {
    padding-right: 50px;
    padding: 1.875vw 1.25vw 1.875vw 0;
  }
}
.calendar__img-cell img {
  height: 18vw;
}
@media (min-width: 975px) {
  .calendar__img-cell img {
    height: auto;
    max-width: 150px;
    max-height: 150px;
  }
}
@media (min-width: 1600px) {
  .calendar__img-cell img {
    max-width: 10vw;
    max-height: 10vw;
  }
}

.calendar__title-cell {
  font-size: 30px;
  margin-bottom: 0.5em;
  font-weight: 700;
}
@media (min-width: 760px) {
  .calendar__title-cell {
    font-size: 35px;
  }
}
@media (min-width: 975px) {
  .calendar__title-cell {
    padding: 30px 20px 30px 0;
  }
}
@media (min-width: 1600px) {
  .calendar__title-cell {
    padding-right: 50px;
    font-size: 2.5vw;
    padding: 1.875vw 3vw 1.875vw 1.275vw;
  }
}
.calendar__title-cell p {
  margin: 0;
}

@media (min-width: 975px) {
  .calendar__description-cell {
    padding-top: 30px;
    padding-bottom: 10px;
    text-align: left;
  }
}
.calendar__description-cell p {
  margin-bottom: 20px;
}
.calendar__description-cell h3 {
  text-align: center;
  margin-bottom: 0.325em;
}
@media (min-width: 975px) {
  .calendar__description-cell h3 {
    text-align: left;
  }
}
.calendar__description-cell strong {
  color: #0390c5;
}

.calendar__btn-cell {
  padding-bottom: 40px;
}
@media (min-width: 975px) {
  .calendar__btn-cell {
    padding: 30px 0 30px 20px;
  }
}
@media (min-width: 1600px) {
  .calendar__btn-cell {
    padding-left: 50px;
  }
}
.calendar__btn-cell .btn {
  width: 90%;
  padding: 0.75em 3em;
  margin-bottom: 20px;
}
@media (min-width: 760px) {
  .calendar__btn-cell .btn {
    width: 40%;
    padding: 1em 1.25em;
    margin: 0 20px 20px;
  }
}
@media (min-width: 975px) {
  .calendar__btn-cell .btn {
    font-size: 14px;
    white-space: nowrap;
    margin: 0 0 10px;
    width: 100%;
  }
  .calendar__btn-cell .btn:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 1400px) {
  .calendar__btn-cell .btn {
    font-size: 16px;
    margin-bottom: 1.25vw;
  }
}
@media (min-width: 1800px) {
  .calendar__btn-cell .btn {
    font-size: 18px;
  }
}
@media (min-width: 2200px) {
  .calendar__btn-cell .btn {
    font-size: 0.875vw;
  }
}

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

.woocommerce button.button.alt {
  border-radius: 0px;
  background-color: #0390c5;
  color: white;
  font-size: 18px;
  text-decoration: none;
  padding: 1em 3em;
  margin: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.075s linear;
  transition: background-color 0.075s linear;
}
@media (min-width: 1600px) {
  .woocommerce button.button.alt {
    font-size: 1.125vw;
  }
}
.woocommerce button.button.alt .icon-arrow-right {
  font-size: 0.5em;
  margin-left: 2em;
  margin-right: -0.25em;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.woocommerce button.button.alt:hover {
  background-color: #03a2de;
}
.woocommerce button.button.alt:hover .icon-arrow-right {
  -webkit-transform: translateX(0.5em);
          transform: translateX(0.5em);
}

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

.standard-input__input + span {
  display: inline-block;
  margin-top: 15px;
}

fieldset {
  margin-bottom: 30px;
}
fieldset legend {
  text-align: left;
}

/*

ATTRIBUTE STYLES TO TRUMP THE CASCADE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.hide {
  display: none;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

@media (max-width: 760px) {
  .w100-on-phone {
    width: 100%;
  }
}

.no-top {
  margin-top: 0;
  padding-top: 0;
}

.no-bot {
  margin-bottom: 0;
  padding-bottom: 0;
}

.nada {
  margin: 0;
  padding: 0;
}

.mr20 {
  margin-right: 20px;
}

.mr20-non-phone {
  margin-right: 0;
}
@media (min-width: 760px) {
  .mr20-non-phone {
    margin-right: 20px;
  }
}

.mr30 {
  margin-right: 30px;
}

.ml30 {
  margin-left: 30px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb10-only-phone {
  margin-bottom: 10px;
}
@media (min-width: 760px) {
  .mb10-only-phone {
    margin-bottom: 0;
  }
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb20-only-phone {
  margin-bottom: 20px;
}
@media (min-width: 760px) {
  .mb20-only-phone {
    margin-bottom: 0;
  }
}

.mb20-only-tablet {
  margin-bottom: 20px;
}
@media (min-width: 975px) {
  .mb20-only-tablet {
    margin-bottom: 0;
  }
}

.mb20-non-phone {
  margin-bottom: 0;
}
@media (min-width: 760px) {
  .mb20-non-phone {
    margin-bottom: 20px;
  }
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb30-only-phone {
  margin-bottom: 30px;
}
@media (min-width: 760px) {
  .mb30-only-phone {
    margin-bottom: 0;
  }
}

.mb40 {
  margin-bottom: 40px;
}

.mb40-only-phone {
  margin-bottom: 40px;
}
@media (min-width: 760px) {
  .mb40-only-phone {
    margin-bottom: 0;
  }
}

.mt60 {
  margin-top: 60px;
}

.mb60 {
  margin-bottom: 60px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt17 {
  margin-top: 17px;
}

.mt20 {
  margin-top: 20px;
}

.mt20-non-phone {
  margin-top: 0;
}
@media (min-width: 760px) {
  .mt20-non-phone {
    margin-top: 20px;
  }
}

.mt20-only-phone {
  margin-top: 20px;
}
@media (min-width: 760px) {
  .mt20-only-phone {
    margin-top: 0;
  }
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt40-non-phone {
  margin-top: 0;
}
@media (min-width: 760px) {
  .mt40-non-phone {
    margin-top: 40px;
  }
}

.pt10 {
  padding-top: 10px;
}

.pt20 {
  padding-top: 20px;
}

.pt40 {
  padding-top: 40px;
}

.pt60 {
  padding-top: 60px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb60 {
  padding-bottom: 60px;
}

.pb80 {
  padding-bottom: 80px;
}

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

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

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

.whitebg {
  background: white;
}

.whitetxt {
  color: white;
}

.blacktxt {
  color: black;
}

@media (max-width: 760px) {
  .non-phone {
    display: none;
  }
}
@media (min-width: 760px) {
  .phone-only {
    display: none;
  }
}

@media (max-width: 975px) {
  .desktop-only {
    display: none;
  }
}
@media (min-width: 975px) {
  .mobile-only {
    display: none;
  }
}

/* .quantity {
  font-size: 1vw;
  margin: 1vw 0 1.25vw;
} */
/* MENU STYLES */
.drawer__nav-link, .drawer__subnav-link {
  text-transform: uppercase;
}

.drawer__nav-header {
  text-transform: uppercase;
}

.current-menu-item {
  color: #0390c5;
}

.drawer__nav--wordpress .menu-item a {
  color: white;
  font-size: 7vw;
  display: block;
  text-decoration: none;
  font-weight: bold;
  display: block;
  padding: 2vw 0;
  font-size: 2.25vw;
  padding: 0.75vw 0;
  text-transform: uppercase;
}

/* ALERT AND ERROR MESSAGE STYLES */
.product__added-msg {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.product__error-msg {
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
}

.product__added-msg .button.wc-forward {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.product__added-notification.error {
  background: -webkit-gradient(linear, left top, left bottom, from(#731311), to(rgba(5, 62, 103, 0)));
  background: linear-gradient(to bottom, #731311 0%, rgba(5, 62, 103, 0) 100%);
}

/* PRODUCT PAGE STYLES */
.tire-search-result .tire-search-result__hidden-tire-name, .tire-search-result .tire-search-result__tire-name {
  text-transform: uppercase;
}

.woocommerce .drawer__item-img {
  max-width: 19vw;
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s;
}

.woocommerce .drawer__item-img:hover {
  -webkit-transform: scale(1.025);
          transform: scale(1.025);
}

@media (min-width: 975px) {
  .woocommerce .drawer__item-img {
    max-width: 80px;
  }
}
@media (min-width: 1600px) {
  .woocommerce .drawer__item-img {
    max-width: 5vw;
  }
}
.product__h1 {
  text-transform: uppercase;
}

.product__tire-select {
  width: 250px;
}

.product__photo-area {
  padding: 3vh 4vw;
}

@media (min-width: 760px) {
  .product__tire-select {
    width: 350px;
  }
}
@media (min-width: 1600px) {
  .product__tire-select {
    width: 15vw;
  }
}
.product__tire-brand-logo {
  margin-top: 40px;
}

.out-of-stock {
  margin-bottom: 0px;
}

.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce a.button, .single_add_to_cart_button.button, .wpcf7-submit {
  background-color: #0390c5;
  color: white;
  font-size: 18px;
  text-decoration: none;
  padding: 1em 3em;
  margin: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.075s linear;
  transition: background-color 0.075s linear;
  border-radius: 0;
  border: 0;
  text-transform: uppercase;
  float: left !important;
  margin-top: 40px;
}

.button:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce a.button:hover, .single_add_to_cart_button.button:hover, .wpcf7-submit:hover {
  background-color: #03a2de;
}

.woocommerce button.button.disabled {
  padding: 1em 3em;
}

@media (min-width: 1600px) {
  .button, .woocommerce a.button {
    font-size: 1.125vw;
  }
}
.woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt.disabled {
  background-color: #03a2de;
}

.cart-overview__table-cell .product__item-quantity-area {
  margin: 0;
}

.woocommerce a.button.alt {
  background-color: #0390c5;
  text-transform: uppercase;
}

.woocommerce a.button.alt:hover {
  background-color: #03a2de;
}

.product__description {
  font-size: 16px;
  font-weight: 300;
  font-family: Roboto Condensed, sans-serif;
  margin: 1em;
}

.product__description p {
  margin-bottom: 1em;
}

.product__h2 + .product__p--spec {
  margin: 0;
}

/* hide benefits and specs */
/* .product__copy-area3-flexer {
  display:none;
} */
.product__copy-area3-col ul li {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.wc-proceed-to-checkout a.checkout-button.button.alt {
  width: 100%;
  max-width: 420px;
  display: inline-block;
  margin-bottom: 140px;
  border-radius: 0px;
}

@media (min-width: 1600px) {
  .wc-proceed-to-checkout a.checkout-button.button.alt {
    max-width: 25vw;
    margin-bottom: 8.75vw;
  }
}
.btn.cart-overview__main-btn {
  text-transform: uppercase;
}

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

.woocommerce-cart .drawer__cart-summary, .woocommerce-cart .drawer__cart-items {
  text-align: left;
}

.cart-overview__ledger-label {
  text-transform: uppercase;
}

.cart-overview__tire-img img {
  width: 80px;
  height: auto;
  margin-right: 20px;
}

@media (min-width: 760px) {
  .cart-overview__tire-img img {
    width: 160px;
    margin-bottom: -35%;
  }
}
@media (min-width: 1600px) {
  .cart-overview__tire-img img {
    width: 10vw;
  }
}
.cart-overview__tire-row-content a {
  display: block;
  margin: 0 0 20px;
  font-weight: bold;
  font-size: 18px;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1.25;
  color: #0390c5;
  -webkit-transition: color 0.075s linear;
  transition: color 0.075s linear;
  text-decoration: none;
}

.cart-overview__tire-row-content a:hover {
  color: white;
}

.h1--carbon-fiber {
  text-transform: uppercase;
}

.woocommerce a.remove {
  color: #0390c5;
  height: auto;
  width: auto;
  display: inline-block;
  border-radius: unset;
  font-weight: 500;
  color: black;
  font-size: 0.75vw;
}

.woocommerce a.remove:hover {
  background-color: #ddd;
}

/* CHECKOUT STYLES */
abbr[title] {
  text-decoration: none;
}

#billing_country_field {
  display: none;
}

#motorsports_fields {
  border: 0;
  padding: 0;
  margin: 0;
}

.drawer__item-remove-btn {
  color: black;
  text-decoration: none;
}

.woocommerce ul#shipping_method li {
  text-indent: 0;
}

.woocommerce-checkout .woocommerce form.login {
  border: none;
  padding: 0;
  margin: 0;
}

.woocommerce-checkout .woocommerce form.login p {
  padding-bottom: 0;
}

.woocommerce-billing-fields h3 {
  font-size: 20px;
  margin: 0 auto 1em;
  text-transform: uppercase;
}

.woocommerce-checkout #payment {
  background: none;
  border-top: 1px solid white;
  border-radius: unset;
  padding-top: 1em;
  padding-left: 1em;
  margin-top: 100px;
  padding-right: 1em;
}

.woocommerce-checkout #payment ul.payment_methods {
  padding: 0;
  border-bottom: none;
}

.woocommerce-checkout #payment div.payment_box {
  background: none;
  padding: 0;
  color: white;
  border-top: 1px solid #fff;
  padding-top: 25px;
}

.woocommerce-checkout #payment div.payment_box::before {
  display: none;
}

.payment_box p {
  margin: 0 0 1em;
}

.wc_payment_method.payment_method_intuit_qbms_credit_card label {
  color: #0390c5;
  text-transform: uppercase;
}

.wc-intuit-qbms-credit-card-new-payment-method-form label {
  color: white;
}

#wc-intuit-qbms-credit-card-credit-card-form {
  border: 1px solid #fff;
  padding: 1em;
}

#payment div.form-row.place-order {
  padding: 0;
}

.woocommerce-terms-and-conditions-wrapper {
  color: #686868;
  font-size: 12px;
  line-height: 20px;
}

#motorsports_race_document_field {
  position: relative;
}

.standard-input__label.input-file-upload__label {
  display: inline-block;
  background-color: #0390c5;
  color: white;
  text-transform: uppercase;
  padding: 10px 20px;
}

.standard-input__label.input-file-upload__label:hover {
  background-color: #03a2de;
}

.input-file-upload {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.input-file-upload + label {
  cursor: pointer; /* "hand" cursor */
}

.input-file-upload:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

.input-file-upload__title {
  font-size: 15px;
  color: white;
  font-family: "Roboto", sans-serif;
  padding-bottom: 0.75em;
  display: inline-block;
}

.input-file-upload__img {
  margin-right: 20px;
}

@media (max-width: 759px) {
  .product__size-and-price-flexer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .product__price {
    margin-top: 25px;
    width: 100%;
  }
}
@media (min-width: 760px) {
  .woocommerce-billing-fields h3 {
    font-size: 25px;
  }
}
@media (min-width: 975px) {
  .woocommerce-billing-fields h3 {
    font-size: 30px;
  }
}
@media (min-width: 1600px) {
  .woocommerce-billing-fields h3 {
    font-size: 1.875vw;
  }
}
.woocommerce-shipping-fields h3 {
  font-size: 20px;
  margin: 0 auto 1em;
  text-transform: uppercase;
}

@media (min-width: 760px) {
  .woocommerce-shipping-fields h3 {
    font-size: 25px;
  }
}
@media (min-width: 975px) {
  .woocommerce-shipping-fields h3 {
    font-size: 30px;
  }
}
@media (min-width: 1600px) {
  .woocommerce-shipping-fields h3 {
    font-size: 1.875vw;
  }
}
@media (min-width: 760px) {
  .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address {
    float: right;
    clear: none;
    margin-bottom: 0px;
    margin-top: 15px;
  }
}
.cart__content .standard-input, .cart__content .custom-input, .cart__content .custom-select {
  width: 100%;
  max-width: inherit;
}

.woocommerce-checkout #payment {
  color: black;
}

.customer-login__step {
  display: none;
}

/* My Account */
.woocommerce form.login, .woocommerce form.register {
  border: none;
  padding: 0;
  border-radius: 0;
}

.woocommerce-form-login a {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: #0390c5;
}

.woocommerce-account .h1--carbon-fiber {
  text-align: left;
  font-size: 50px;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 25%;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
  list-style: none;
  padding: 0.5em 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  -webkit-box-shadow: 0 3px 0 #838282;
          box-shadow: 0 3px 0 #838282;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  -webkit-box-shadow: 0 3px 0 #838282;
          box-shadow: 0 3px 0 #838282;
}

.woocommerce-billing-fields__field-wrapper .form-row-wide {
  width: 100% !important;
  max-width: inherit;
}

.woocommerce-shipping-fields__field-wrapper .form-row-wide {
  width: 100% !important;
  max-width: inherit;
}

/* my account - orders */
.woocommerce-orders-table__cell-order-number a {
  color: #0390c5;
}

.woocommerce-button.button.pay, .woocommerce-button.button.view {
  margin-right: 10px;
}

.woocommerce-button.button.cancel {
  margin-top: 10px;
}

/* my account - order details page */
.woocommerce-table__product-name a {
  color: #0390c5;
}

.woocommerce-order-details__title {
  font-size: 1.75em;
  text-transform: uppercase;
}

.woocommerce-column__title {
  font-size: 1.75em;
  text-transform: uppercase;
}

.woocommerce .woocommerce-customer-details address {
  border: none;
  border-radius: unset;
  padding: 0px;
}

mark {
  background-color: #0390c5;
  color: white;
}

/* addresses */
.woocommerce-Address address {
  font-style: normal;
}

header.woocommerce-Address-title {
  height: auto;
  position: initial;
  background-color: none;
  top: initial;
  left: initial;
  z-index: 1;
  display: block;
  padding-top: 0;
  font-size: 18px;
  text-transform: uppercase;
}

header.woocommerce-Address-title a {
  color: #0390c5;
  font-size: 12px;
}

.content-wrapper--carbon-fiber p.woocommerce-customer-details--phone {
  margin-top: 5px;
  font-size: 14px;
}

.content-wrapper--carbon-fiber p.woocommerce-customer-details--email {
  font-size: 14px;
}

/* Category */
.category__filter-group-flexer .facetwp-facet-aspect_ratio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 1.5vw;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-bottom: 10px;
}

.fs-label-wrap {
  border: 1px solid #000 !important;
}

.fs-label-wrap .fs-label {
  padding: 13px !important;
  font-weight: bold;
}

@media (min-width: 760px) {
  .fs-label-wrap .fs-label {
    font-size: 12px;
  }
}
@media (max-width: 759px) {
  .product__size-and-price-divider {
    display: none;
  }
  .category__size-filter-flexer .facetwp-facet {
    margin-bottom: 20px;
  }
}
.facetwp-facet-brands {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 15px;
  height: 50px;
}

@media (min-width: 760px) {
  .facetwp-facet-brands {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    height: 100%;
  }
}
.facetwp-facet-brands .facetwp-radio {
  font-size: 18px;
  font-weight: 300;
  padding: 7px 5px 0;
  border-bottom: 7px solid transparent;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.075s linear;
  transition: all 0.075s linear;
  -webkit-tap-highlight-color: transparent;
  line-height: 1;
}

.facetwp-facet-brands.facetwp-facet {
  margin-bottom: 0px;
}

.facetwp-facet-brands .facetwp-radio:hover {
  border-bottom-color: #ccc;
}

@media (min-width: 1300px) {
  .facetwp-facet-brands .facetwp-radio {
    font-size: 15px;
  }
}
@media (min-width: 1600px) {
  .facetwp-facet-brands .facetwp-radio {
    font-size: 1vw;
    padding-top: 0.5vw;
    border-bottom-width: 0.5vw;
  }
}
.facetwp-facet-brands .facetwp-radio.checked {
  border-bottom-color: #0390c5;
  font-weight: 700;
}

.facetwp-facet-brands .facetwp-radio.checked:hover {
  border-bottom-color: #0390c5;
}

.facetwp-facet-brands .facetwp-radio.checked {
  border-bottom-color: #0390c5;
  font-weight: 700;
}

.facetwp-radio .facetwp-counter {
  display: none;
}

.facetwp-facet-brands .facetwp-radio {
  background: none;
}

.facetwp-facet-brands .facetwp-radio.checked {
  background: none;
}

/* EVENT FILTERS */
.calendar__filters .facetwp-facet {
  margin: 0 10px;
}

.calendar__filters .category__filter-group-flexer .facetwp-facet-aspect_ratio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 1.5vw;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-bottom: 10px;
}

.calendar__filters .fs-label-wrap {
  padding: 15px;
  border: 1px solid #fff !important;
  background-color: #000 !important;
}

.calendar__filters .fs-label-wrap .fs-label {
  padding: 0px !important;
  font-weight: bold;
  font-size: 1vw;
}

.calendar__filters .facetwp-facet-brands {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 15px;
  height: 50px;
}

@media (min-width: 760px) {
  .calendar__filters .facetwp-facet-brands {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    height: 100%;
  }
}
.calendar__filters .facetwp-facet-brands .facetwp-radio {
  font-size: 18px;
  font-weight: 300;
  padding: 7px 5px 0;
  border-bottom: 7px solid transparent;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.075s linear;
  transition: all 0.075s linear;
  -webkit-tap-highlight-color: transparent;
  line-height: 1;
}

.calendar__filters .facetwp-facet-brands.facetwp-facet {
  margin-bottom: 0px;
}

.calendar__filters .facetwp-facet-brands .facetwp-radio:hover {
  border-bottom-color: #fff;
}

@media (min-width: 1300px) {
  .calendar__filters .facetwp-facet-brands .facetwp-radio {
    font-size: 15px;
  }
}
@media (min-width: 1600px) {
  .calendar__filters .facetwp-facet-brands .facetwp-radio {
    font-size: 1vw;
    padding-top: 0.5vw;
    border-bottom-width: 0.5vw;
  }
}
.calendar__filters .facetwp-facet-brands .facetwp-radio.checked {
  border-bottom-color: #fff;
  font-weight: 700;
}

.calendar__filters .facetwp-facet-brands .facetwp-radio.checked:hover {
  border-bottom-color: #fff;
}

.calendar__filters .facetwp-facet-brands .facetwp-radio.checked {
  border-bottom-color: #fff;
  font-weight: 700;
}

.calendar__filters .facetwp-radio .facetwp-counter {
  display: none;
}

.calendar__filters .facetwp-facet-brands .facetwp-radio {
  background: none;
}

.calendar__filters .facetwp-facet-brands .facetwp-radio.checked {
  background: none;
}

.calendar__filters .fs-dropdown {
  background: #000 !important;
  border: 1px solid #fff;
}

.calendar__filters .fs-option {
  border: 1px solid #fff;
}

.calendar_filters .fs-search input {
  background-color: #000 !important;
}

.calendar__filters input[type=search] {
  background-color: #000;
  color: white;
}

.calendar__filters .fs-arrow {
  border-top: 5px solid #fff;
}

.tirepromo__img--desktop {
  left: 30px;
}

.site-dimmer--show {
  z-index: 20;
}

@media (max-width: 759px) {
  .calendar__content-wrapper {
    padding-bottom: 11.7vw;
  }
}
@media (min-width: 760px) {
  .calendar__content-wrapper {
    padding-bottom: 11.7vw;
  }
}
@media (max-width: 759px) {
  .category__size-filter-flexer .facetwp-type-fselect .fs-wrap, .facetwp-type-fselect .fs-dropdown {
    width: 100% !important;
  }
}
@media (min-width: 760px) {
  .fs-wrap {
    width: 150px !important;
  }
}
@media (min-width: 1160px) {
  .fs-wrap {
    width: auto !important;
    display: block !important;
  }
}
/* MY ACCOUNT STYLES */
.woocommerce-MyAccount-content .woocommerce table.shop_table {
  border: 2px solid #707070;
}

.woocommerce-MyAccount-navigation ul {
  padding: 0;
  margin-top: 0px;
}

.woocommerce-MyAccount-content p {
  margin: 0 0 1em;
}

.woocommerce-MyAccount-navigation ul li a {
  color: #0390c5;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  text-transform: uppercase;
}

/* mark.order-number {
  background-color:transparent;
} */
.product-total {
  font-weight: 300;
}

.woocommerce .woocommerce-MyAccount-content table.shop_table {
  border: 1px solid #707070;
  border-spacing: 0;
  border-radius: 0;
}

.woocommerce .woocommerce-MyAccount-content table.shop_table td, .woocommerce .woocommerce-MyAccount-content table.shop_table th {
  border: 1px solid #707070;
  font-size: 16px;
  font-weight: 300;
  padding: 10px;
}

.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea {
  background-color: #363636;
  width: 100%;
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0.75em 0.675em;
  color: white;
  font-weight: 300;
  font-size: 20px;
}

.wpcf7-form p {
  margin-bottom: 30px;
}

.wpcf7-form p label {
  font-size: 15px;
  color: white;
  font-family: "Roboto", sans-serif;
  display: block;
  padding-bottom: 0.75em;
  position: relative;
  z-index: 1;
}

@media (min-width: 1600px) {
  .wpcf7-form-control-wrap input {
    font-size: 1.25vw;
  }
  .wpcf7-form p label {
    font-size: 0.9375vw;
  }
}
div.wpcf7 {
  width: 100%;
  padding: 20px;
}

@media (min-width: 975px) {
  div.wpcf7 {
    margin: 0 auto;
    width: 50%;
    padding: 0;
  }
}
.page-id-471 .h1--carbon-fiber {
  text-align: center;
}

#createaccount {
  display: none;
}

.ship-to-different-address-checkbox {
  font-size: 10px;
}

.woocommerce-checkout-review-order-table {
  font-size: 1.25vw;
}

.woocommerce-checkout-review-order-table .product-name {
  font-weight: 700;
  text-transform: uppercase;
}

.woocommerce-checkout-review-order-table .cart-subtotal {
  font-weight: 700;
  text-transform: uppercase;
}

.woocommerce-shipping-totals.shipping th {
  font-weight: 700;
  text-transform: uppercase;
}

.order-total th {
  font-weight: 700;
  text-transform: uppercase;
}

.woocommerce-checkout-review-order-table .woocommerce-Price-amount.amount, .woocommerce-checkout-review-order-table .woocommerce ul#shipping_method .amount {
  font-weight: 300;
}

.woocommerce-checkout-review-order-table tr {
  border-bottom: #707070 2px solid;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table {
  border-collapse: collapse;
}

.woocommerce table.shop_table td, .woocommerce table.shop_table th {
  padding: 20px 0px;
}

.woocommerce-shipping-destination {
  display: none;
}

.woocommerce-shipping-calculator {
  display: none;
}

.woocommerce ul#shipping_method {
  text-align: left;
}

.woocommerce ul#shipping_method li {
  padding: 0;
  line-height: 1em;
}

.wc_payment_method label {
  color: #FFF;
}

.woocommerce ul#shipping_method li input {
  vertical-align: middle;
  margin-top: 0px;
}

.drawer__reserve-btn {
  display: inline-block;
  text-decoration: none;
}

/* CATEGORY PAGES */
.category__main .category__h1 {
  text-transform: uppercase;
}

.term-off-road .category__main {
  background: url(../img/category/offroadbg--mobile.jpg) no-repeat center top 50px;
  background-size: 100% auto;
  color: white;
}

.term-sale .category__main {
  background: url(../img/category/offroadbg--mobile.jpg) no-repeat center top 50px;
  background-size: 100% auto;
  color: white;
}

.term-moto .category__main {
  background: url(../img/category/category__Moto-mobile.jpg) no-repeat center top 50px;
  background-size: 100% auto;
  color: white;
}

.term-mtb .category__main {
  background: url(../img/category/category__bike-mnt-mobile.jpg) no-repeat center top 50px;
  background-size: 100% auto;
  color: white;
}

.term-road-bike .category__main {
  background: url(../img/category/category__bike-road-mobile.jpg) no-repeat center top 50px;
  background-size: 100% auto;
  color: white;
}

.term-wheels .category__main {
  background: url(../img/category/category__wheels-mobile.jpg) no-repeat center top 50px;
  background-size: 100% auto;
  color: white;
}

.mobile--only {
  margin-top: 40px;
  margin-bottom: 40px;
  width: 100%;
}

.desktop--only {
  display: none;
}

/*  */
@media (min-width: 760px) {
  .term-off-road .category__main {
    background-position: center top;
  }
  .term-wheels .category__main {
    background-position: center top;
  }
  .term-moto .category__main {
    background-position: center top;
  }
  .term-mtb .category__main {
    background-position: center top;
  }
  .term-road-bike .category__main {
    background-position: center top;
  }
  .desktop--only {
    display: block;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .mobile--only {
    display: none;
  }
}
@media (min-width: 975px) {
  .term-off-road .category__main {
    background: url(../img/category/offroadbg--desktop.jpg) no-repeat center top;
    background-size: 100% auto;
    text-align: center;
  }
  .term-sale .category__main {
    background: url(../img/category/offroadbg--desktop.jpg) no-repeat center top;
    background-size: 100% auto;
    text-align: center;
  }
  .term-moto .category__main {
    background: url(../img/category/category__Moto-desktop.jpg) no-repeat center top;
    background-size: 100% auto;
    text-align: center;
  }
  .term-mtb .category__main {
    background: url(../img/category/category__bike-mnt-desktop.jpg) no-repeat center top;
    background-size: 100% auto;
    text-align: center;
  }
  .term-road-bike .category__main {
    background: url(../img/category/category__bike-road-desktop.jpg) no-repeat center top;
    background-size: 100% auto;
    text-align: center;
  }
  .term-road-bike .category__main {
    background: url(../img/category/category__bike-road-desktop.jpg) no-repeat center top;
    background-size: 100% auto;
    text-align: center;
  }
  .term-wheels .category__main {
    background: url(../img/category/category__wheels-desktop.jpg) no-repeat center top;
    background-size: 100% auto;
    text-align: center;
  }
}
.term-utv .category__main {
  background: url(../img/category/utv--mobile.jpg) no-repeat center top 50px;
  background-size: 100% auto;
  color: white;
}

.term-skeleton-optics .category__main {
  background: url(../img/category/utv--mobile.jpg) no-repeat center top 50px;
  background-size: 100% auto;
  color: white;
}

@media (min-width: 760px) {
  .term-utv .category__main {
    background-position: center top;
  }
  .term-skeleton-optics .category__main {
    background-position: center top;
  }
}
@media (min-width: 975px) {
  .term-utv .category__main {
    background: url(../img/category/utv--desktop.jpg) no-repeat center top;
    background-size: 100% auto;
    text-align: center;
  }
  .term-skeleton-optics .category__main {
    background: url(../img/category/utv--desktop.jpg) no-repeat center top;
    background-size: 100% auto;
    text-align: center;
  }
}
.page-id-339 .main--carbon-fiber {
  background: url(../img/about/about-us-bg--desktop.jpg) no-repeat top;
  background-size: 100% auto;
  padding-bottom: 250px;
}

body.page-id-339, .page-id-339 .footer__jacksonmg-link-txt {
  background-color: black;
}

.page-id-339 hr {
  border-bottom: 1px solid white;
  margin-top: 50px;
  margin-bottom: 50px;
}

.page-id-339 h1 {
  text-align: center;
}

.page-id-339 .content-area p:first-of-type {
  font-family: "Roboto Condensed";
  font-size: 25px;
  width: 80%;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}

.drawer--cart {
  overflow: hidden;
}

/* INSTAGRAM PLUGIN STYLES */
.sb_instagram_header {
  display: none;
}

#sb_instagram #sbi_images .sbi_item {
  padding: 0 !important;
}

footer {
  padding-top: 40px;
}

.popup_close {
  background: #03a2de;
  color: #FFF;
  font-weight: 700;
  padding: 15px;
}

.tire-filters {
  padding: 5px;
  font-size: 12px;
}

@media (min-width: 760px) {
  .fs-label-wrap .fs-label {
    font-size: 12px;
  }
}
@media (min-width: 1160px) {
  .fs-label-wrap .fs-label {
    font-size: 1vw;
  }
}

/*

	PRINT

------------------------------------------------------------------*/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
            filter: none !important;
    -ms-filter: none !important;
  }
  a, a:visited {
    text-decoration: underline;
  }
  a[href^=http]:after {
    content: " <" attr(href) "> ";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}