@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400i,500,700|Proza+Libre:400,700);
.is-unselectable {
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none; }

.overflow-touch {
  -webkit-overflow-scrolling: touch; }

.is-stretched {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.is-visually-hidden {
  clip: rect(0 0 0 0);
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap; }

.has-text-truncated {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.is-clipped {
  overflow: hidden !important; }

html, body {
  margin: 0;
  padding: 0; }

html {
  box-sizing: border-box;
  min-width: 300px;
  -ms-overflow-style: scrollbar;
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: var(--hiq-html-background-color, white);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

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

body {
  background-color: var(--hiq-body-background-color, white); }

@-ms-viewport {
  width: device-width; }

a, area, button, [role='button'], input:not([type='range']), label, select, summary, textarea {
  touch-action: manipulation; }

[tabindex='-1']:focus {
  outline: none !important; }

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

p {
  margin: 0 0 var(--hiq-block-element-margin-bottom, 1rem);
  padding: 0; }

address {
  margin-bottom: var(--hiq-block-element-margin-bottom, 1rem);
  font-style: normal;
  line-height: inherit; }

blockquote {
  --blockquote-font-size:var(--hiq-blockquote-font-size,var(--hiq-font-size-large,var(--hiq-font-size-4,1.5rem)));
  --blockquote-line-height:var(--hiq-blockquote-line-height,var(--hiq-heading-line-height,1.4));
  --blockquote-citation-color:var(--hiq-blockquote-citation-color,var(--hiq-color-gray-5,hsl(0,0%,60%)));
  margin: 0 0 var(--hiq-block-element-margin-bottom, 1rem);
  padding: 0;
  color: var(--hiq-text-color, var(--hiq-color-gray-2, #17191c)); }

blockquote p {
  margin-bottom: 0;
  font-size: var(--blockquote-font-size);
  line-height: var(--blockquote-line-height); }

blockquote cite {
  display: block;
  margin-top: 0.25rem;
  color: var(--blockquote-citation-color); }

blockquote cite::before {
  content: '\2014   \A0'; }

cite {
  font-style: normal; }

details {
  margin-bottom: var(--hiq-block-element-margin-bottom, 1rem); }

summary {
  display: list-item; }

summary:focus {
  outline: var(--hiq-outline-color, #b3d9ff) solid var(--hiq-outline-width, 0.2rem); }

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-rendering: var(--hiq-text-rendering, optimizeLegibility);
  font-family: var(--hiq-font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  font-size: calc(var(--hiq-unitless-min-font-size,15) * 1px);
  font-weight: var(--hiq-font-weight-base, var(--hiq-font-weight-normal, 400));
  letter-spacing: var(--hiq-letter-spacing-base, 0);
  line-height: var(--hiq-line-height-base, 1.5); }

@media (min-width: 460px) {
  html {
    font-size: calc((var(--hiq-unitless-min-font-size,15) * 1px) + (calc(var(--hiq-unitless-max-font-size,16) - var(--hiq-unitless-min-font-size,15))) * (calc(100vw - (var(--hiq-unitless-lower-font-range,460) * 1px))) / (calc(var(--hiq-unitless-upper-font-range,900) - var(--hiq-unitless-lower-font-range,460)))); } }

@media (min-width: 900px) {
  html {
    font-size: calc(var(--hiq-unitless-max-font-size,16) * 1px); } }

body {
  text-align: left;
  color: var(--hiq-text-color, var(--hiq-color-gray-2, #17191c)); }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 var(--hiq-block-element-margin-bottom, 1rem);
  padding: 0;
  font-weight: var(--hiq-heading-font-weight, var(--hiq-font-weight-medium, 500));
  line-height: var(--hiq-heading-line-height, 1.2); }

hr {
  --horizontal-rule-height:var(--hiq-horizontal-rule-height,1px);
  --horizontal-rule-color:var(--hiq-horizontal-rule-color,var(--hiq-color-gray-6,hsl(220,10%,90%)));
  box-sizing: content-box;
  height: var(--horizontal-rule-height);
  overflow: visible;
  margin-top: var(--hiq-block-element-margin-bottom, 1rem);
  margin-bottom: var(--hiq-block-element-margin-bottom, 1rem);
  padding: 0;
  border: 0;
  background-color: var(--horizontal-rule-color); }

abbr[title] {
  border-bottom: 0;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help; }

dfn {
  font-style: italic; }

mark {
  background-color: var(--hiq-mark-color, #fcf8e3); }

del {
  background-color: var(--hiq-deleted-color, #f95da8); }

ins {
  background-color: var(--hiq-inserted-color, #e6f2ff); }

a {
  --link-text-decoration:var(--hiq-link-text-decoration,none);
  --link-color:var(--hiq-link-color,var(--hiq-color-primary,hsl(210,100%,50%)));
  --link-hover-color:var(--hiq-link-hover-color,hsl(210,100%,40%));
  --link-active-color:var(--hiq-link-active-color,hsl(210,100%,40%));
  background-color: transparent;
  -webkit-text-decoration: var(--link-text-decoration);
  text-decoration: var(--link-text-decoration);
  -webkit-text-decoration-skip: objects;
  color: var(--link-color);
  transition: color var(--hiq-speed, 0.1s) var(--hiq-easing, ease-out);
  cursor: pointer; }

a:hover, a:focus {
  color: var(--link-hover-color); }

a:focus {
  outline: var(--hiq-outline-color, #b3d9ff) solid var(--hiq-outline-width, 0.2rem); }

a:active {
  color: var(--link-active-color); }

ol, ul {
  --list-margin-left:var(--hiq-list-margin-left,1rem);
  margin: 0 0 var(--hiq-block-element-margin-bottom, 1rem);
  padding: 0 0 0 var(--list-margin-left); }

ul {
  --unordered-list-style:var(--hiq-unordered-list-style,disc);
  list-style: var(--unordered-list-style); }

ul ul {
  margin-bottom: 0; }

li {
  margin: 0;
  padding: 0; }

.is-unstyled {
  padding-left: 0;
  list-style: none; }

dl {
  margin: 0 0 var(--hiq-block-element-margin-bottom, 1rem);
  padding: 0; }

dt {
  --description-list-title-font-weight:var(--hiq-description-list-title-font-weight,var(--hiq-font-weight-semibold,600));
  margin: 0;
  padding: 0;
  font-weight: var(--description-list-title-font-weight); }

dd {
  margin: 0;
  padding: 0; }

dd:not(:last-child) {
  margin-bottom: var(--hiq-block-element-margin-bottom, 1rem); }

::-moz-selection, ::-moz-selection {
  background-color: var(--hiq-selection-color, #cce6ff);
  text-shadow: none; }

::-moz-selection, ::selection {
  background-color: var(--hiq-selection-color, #cce6ff);
  text-shadow: none; }

h1, .is-size-1 {
  font-size: var(--hiq-font-size-1, 2.5rem); }

h2, .is-size-2 {
  font-size: var(--hiq-font-size-2, 2rem); }

h3, .is-size-3 {
  font-size: var(--hiq-font-size-3, 1.75rem); }

h4, .is-size-4 {
  font-size: var(--hiq-font-size-4, 1.5rem); }

h5, .is-size-5 {
  font-size: var(--hiq-font-size-5, 1rem); }

h6, .is-size-6 {
  font-size: var(--hiq-font-size-6, 0.875rem); }

.is-large {
  font-size: var(--hiq-font-size-large, var(--hiq-font-size-4, 1.5rem)); }

small, .is-small {
  font-size: var(--hiq-font-size-small, var(--hiq-font-size-6, 0.875rem)); }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

strong, b {
  font-weight: var(--hiq-font-weight-bold, 700); }

button, [role='button'], [type='button'], [type='submit'], [type='reset'], .button {
  --button-height:var(--hiq-button-height,2.25rem);
  --button-vertical-padding:var(--hiq-button-vertical-padding,0);
  --button-horizontal-padding:var(--hiq-button-horizontal-padding,1rem);
  --button-border-width:var(--hiq-button-border-width,1px);
  --button-border-color:var(--hiq-button-border-color,var(--hiq-color-primary,hsl(210,100%,50%)));
  --button-border-radius:var(--hiq-button-border-radius,0.2rem);
  --button-background-color:var(--hiq-button-background-color,var(--hiq-color-primary,hsl(210,100%,50%)));
  --button-font-weight:var(--hiq-button-font-weight,var(--hiq-font-weight-medium,500));
  --button-text-color:var(--hiq-button-text-color,white);
  --button-hover-border-color:var(--hiq-button-hover-border-color,hsl(210,100%,40%));
  --button-hover-background-color:var(--hiq-button-hover-background-color,hsl(210,100%,40%));
  --button-hover-text-color:var(--hiq-button-hover-text-color,white);
  --button-active-border-color:var(--hiq-button-active-border-color,hsl(210,100%,30%));
  --button-active-background-color:var(--hiq-button-active-background-color,hsl(210,100%,30%));
  --button-active-text-color:var(--hiq-button-active-text-color,white);
  box-shadow: none;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: var(--button-height);
  margin: 0;
  padding: var(--button-vertical-padding) var(--button-horizontal-padding);
  border: var(--button-border-width) solid var(--button-border-color);
  border-radius: var(--button-border-radius);
  background-color: var(--button-background-color);
  font-family: inherit;
  font-size: inherit;
  font-weight: var(--button-font-weight);
  line-height: inherit;
  text-decoration: none;
  color: var(--button-text-color);
  transition: border-color var(--hiq-speed, 0.1s) var(--hiq-easing, ease-out), color var(--hiq-speed, 0.1s) var(--hiq-easing, ease-out), background-color var(--hiq-speed, 0.1s) var(--hiq-easing, ease-out);
  cursor: pointer; }

button:hover, button:focus, [role='button']:hover, [role='button']:focus, [type='button']:hover, [type='button']:focus, [type='submit']:hover, [type='submit']:focus, [type='reset']:hover, [type='reset']:focus, .button:hover, .button:focus {
  border-color: var(--button-hover-border-color);
  background-color: var(--button-hover-background-color);
  color: var(--button-hover-text-color); }

button:focus, button:active, [role='button']:focus, [role='button']:active, [type='button']:focus, [type='button']:active, [type='submit']:focus, [type='submit']:active, [type='reset']:focus, [type='reset']:active, .button:focus, .button:active {
  outline: var(--hiq-outline-color, #b3d9ff) solid var(--hiq-outline-width, 0.2rem); }

button:active, [role='button']:active, [type='button']:active, [type='submit']:active, [type='reset']:active, .button:active {
  border-color: var(--button-active-border-color);
  background-color: var(--button-active-background-color);
  color: var(--button-active-text-color); }

button:visited, [role='button']:visited, [type='button']:visited, [type='submit']:visited, [type='reset']:visited, .button:visited {
  color: var(--button-text-color); }

button:disabled, button[aria-disabled], [role='button']:disabled, [role='button'][aria-disabled], [type='button']:disabled, [type='button'][aria-disabled], [type='submit']:disabled, [type='submit'][aria-disabled], [type='reset']:disabled, [type='reset'][aria-disabled], .button:disabled, .button[aria-disabled] {
  border-color: var(--hiq-disabled-border-color, transparent);
  background-color: var(--hiq-disabled-background-color, var(--hiq-color-gray-7, #f1f2f4));
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3));
  cursor: not-allowed; }

::-webkit-file-upload-button {
  --button-height:var(--hiq-button-height,2.25rem);
  --button-vertical-padding:var(--hiq-button-vertical-padding,0);
  --button-horizontal-padding:var(--hiq-button-horizontal-padding,1rem);
  --button-border-width:var(--hiq-button-border-width,1px);
  --button-border-color:var(--hiq-button-border-color,var(--hiq-color-primary,hsl(210,100%,50%)));
  --button-border-radius:var(--hiq-button-border-radius,0.2rem);
  --button-background-color:var(--hiq-button-background-color,var(--hiq-color-primary,hsl(210,100%,50%)));
  --button-font-weight:var(--hiq-button-font-weight,var(--hiq-font-weight-medium,500));
  --button-text-color:var(--hiq-button-text-color,white);
  --button-hover-border-color:var(--hiq-button-hover-border-color,hsl(210,100%,40%));
  --button-hover-background-color:var(--hiq-button-hover-background-color,hsl(210,100%,40%));
  --button-hover-text-color:var(--hiq-button-hover-text-color,white);
  --button-active-border-color:var(--hiq-button-active-border-color,hsl(210,100%,30%));
  --button-active-background-color:var(--hiq-button-active-background-color,hsl(210,100%,30%));
  --button-active-text-color:var(--hiq-button-active-text-color,white);
  box-shadow: none;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: var(--button-height);
  margin: 0;
  padding: var(--button-vertical-padding) var(--button-horizontal-padding);
  border: var(--button-border-width) solid var(--button-border-color);
  border-radius: var(--button-border-radius);
  background-color: var(--button-background-color);
  font-family: inherit;
  font-size: inherit;
  font-weight: var(--button-font-weight);
  line-height: inherit;
  text-decoration: none;
  color: var(--button-text-color);
  transition: border-color var(--hiq-speed, 0.1s) var(--hiq-easing, ease-out), color var(--hiq-speed, 0.1s) var(--hiq-easing, ease-out), background-color var(--hiq-speed, 0.1s) var(--hiq-easing, ease-out);
  cursor: pointer; }

::-webkit-file-upload-button:hover, ::-webkit-file-upload-button:focus {
  border-color: var(--button-hover-border-color);
  background-color: var(--button-hover-background-color);
  color: var(--button-hover-text-color); }

::-webkit-file-upload-button:focus, ::-webkit-file-upload-button:active {
  outline: var(--hiq-outline-color, #b3d9ff) solid var(--hiq-outline-width, 0.2rem); }

::-webkit-file-upload-button:active {
  border-color: var(--button-active-border-color);
  background-color: var(--button-active-background-color);
  color: var(--button-active-text-color); }

::-webkit-file-upload-button:visited {
  color: var(--button-text-color); }

::-webkit-file-upload-button:disabled, ::-webkit-file-upload-button[aria-disabled] {
  border-color: var(--hiq-disabled-border-color, transparent);
  background-color: var(--hiq-disabled-background-color, var(--hiq-color-gray-7, #f1f2f4));
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3));
  cursor: not-allowed; }

fieldset[disabled] [role='button'] {
  pointer-events: none; }

code, kbd, pre, samp {
  --code-font-size:var(--hiq-code-font-size,var(--hiq-font-size-small,var(--hiq-font-size-6,0.875rem)));
  font-family: var(--hiq-font-family-monospace, Menlo, Monaco, Consolas, "Courier New", monospace);
  font-size: var(--code-font-size); }

code {
  --code-padding-vertical:var(--hiq-code-padding-vertical,0.2rem);
  --code-padding-horizontal:var(--hiq-code-padding-horizontal,0.4rem);
  --code-border-color:var(--hiq-code-border-color,var(--hiq-color-gray-6,hsl(220,10%,90%)));
  --code-background-color:var(--hiq-code-background-color,var(--hiq-color-gray-7,hsl(220,10%,95%)));
  --code-text-color:var(--hiq-code-text-color,var(--hiq-text-color,var(--hiq-color-gray-3,hsl(220,10%,20%))));
  padding: var(--code-padding-vertical) var(--code-padding-horizontal);
  border-radius: var(--hiq-border-radius, 0.2rem);
  background-color: var(--code-background-color);
  white-space: pre;
  color: var(--code-text-color); }

*:not(pre) > code {
  border: 1px solid var(--code-border-color); }

a code {
  padding: 0;
  border: 0;
  background-color: inherit;
  color: inherit; }

kbd {
  --kbd-padding-vertical:var(--hiq-kbd-padding-vertical,0.2rem);
  --kbd-padding-horizontal:var(--hiq-kbd-padding-horizontal,0.4rem);
  --kbd-border-color:var(--hiq-kbd-border-color,var(--hiq-color-gray-6,hsl(220,10%,90%)));
  --kbd-background-color:var(--hiq-kbd-background-color,transparent);
  --kbd-text-color:var(--hiq-kbd-text-color,var(--hiq-text-color,var(--hiq-color-gray-3,hsl(220,10%,20%))));
  --nested-kbd-font-weight:var(--hiq-nested-kbd-font-weight,var(--hiq-font-weight-medium,600));
  padding: var(--kbd-padding-vertical) var(--kbd-padding-horizontal);
  border: 1px solid var(--kbd-border-color);
  border-radius: var(--hiq-border-radius, 0.2rem);
  background-color: var(--kbd-background-color);
  color: var(--kbd-text-color); }

kbd kbd {
  padding: 0;
  border: 0;
  font-weight: var(--nested-kbd-font-weight); }

pre {
  --pre-padding-vertical:var(--hiq-pre-padding-vertical,var(--hiq-code-padding-vertical,1.25rem));
  --pre-padding-horizontal:var(--hiq-pre-padding-horizontal,var(--hiq-code-padding-horizontal,1.5rem));
  --pre-border-color:var(--hiq-pre-border-color,var(--hiq-color-gray-6,hsl(220,10%,90%)));
  --pre-background-color:var(--hiq-pre-background-color,transparent);
  --pre-text-color:var(--hiq-pre-text-color,var(--hiq-color-gray-4,hsl(220,10%,40%)));
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: scrollbar;
  overflow-x: auto;
  margin: 0 0 var(--hiq-block-element-margin-bottom, 1rem);
  padding: var(--pre-padding-vertical) var(--pre-padding-horizontal);
  border: 1px solid var(--pre-border-color);
  border-radius: var(--hiq-border-radius, 0.2rem);
  background-color: var(--pre-background-color);
  -moz-tab-size: 1.5rem;
  -o-tab-size: 1.5rem;
  tab-size: 1.5rem;
  white-space: pre-wrap;
  word-wrap: normal;
  color: var(--pre-text-color); }

pre code {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  font-size: inherit;
  white-space: pre-wrap;
  color: inherit; }

img, embed, object, video {
  max-width: 100%;
  height: auto; }

figure {
  margin: 0 0 var(--hiq-block-element-margin-bottom, 1rem);
  padding: 0; }

figcaption {
  --figcaption-margin-top:var(--hiq-figcaption-margin-top,0.5rem);
  --figcaption-font-weight:var(--hiq-figcaption-font-weight,var(--hiq-font-weight-normal,400));
  --figcaption-text-color:var(--hiq-figcaption-text-color,var(--hiq-color-gray-5,hsl(0,0%,60%)));
  margin-top: var(--figcaption-margin-top);
  font-weight: var(--figcaption-font-weight);
  color: var(--figcaption-text-color); }

img {
  --image-border-radius:var(--hiq-image-border-radius,var(--hiq-border-radius,0.2rem));
  display: block;
  border-style: none;
  border-radius: var(--image-border-radius);
  vertical-align: middle; }

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

video:focus {
  outline: var(--hiq-outline-color, #b3d9ff) solid var(--hiq-outline-width, 0.2rem); }

audio {
  max-width: 100%; }

iframe {
  margin: 0;
  padding: 0;
  border: 0; }

meter {
  --meter-background-color:var(--hiq-meter-background-color,var(--hiq-color-gray-6,hsl(220,10%,90%)));
  --meter-strong-color:var(--hiq-meter-strong-color,var(--hiq-color-success,hsl(158,73%,48%)));
  --meter-good-color:var(--hiq-meter-good-color,var(--hiq-color-warning,hsl(46,97%,64%)));
  --meter-weak-color:var(--hiq-meter-weak-color,var(--hiq-color-danger,hsl(352,95%,61%)));
  width: 100%;
  border: 0;
  background: var(--meter-background-color); }

meter::-webkit-meter-bar {
  border: 0;
  background: var(--meter-background-color); }

meter::-moz-meter-bar {
  background: var(--meter-background-color); }

meter::-webkit-meter-optimum-value {
  background: var(--meter-strong-color); }

meter:-moz-meter-optimum::-moz-meter-bar {
  background: var(--meter-strong-color); }

meter::-webkit-meter-suboptimum-value {
  background: var(--meter-good-color); }

meter:-moz-meter-sub-optimum::-moz-meter-bar {
  background: var(--meter-good-color); }

meter::-webkit-meter-even-less-good-value {
  background: var(--meter-weak-color); }

meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
  background: var(--meter-weak-color); }

progress {
  --progress-background-color:var(--hiq-progress-background-color,var(--hiq-color-gray-6,hsl(220,10%,90%)));
  --progress-filled-color:var(--hiq-progress-filled-color,var(--hiq-color-primary,hsl(210,100%,50%)));
  position: relative;
  width: 100%;
  border: none;
  vertical-align: baseline;
  -webkit-appearance: none;
  -moz-appearance: none; }

progress[value] {
  height: 1rem; }

progress::-webkit-progress-bar {
  background-color: var(--progress-background-color); }

progress::-webkit-progress-value {
  background-color: var(--progress-filled-color); }

progress::-moz-progress-bar {
  background-color: var(--progress-filled-color); }

progress:indeterminate::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: var(--progress-filled-color);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
  content: ''; }

progress:indeterminate::-webkit-progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: var(--progress-filled-color);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
  content: ''; }

progress:indeterminate::-moz-progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: var(--progress-filled-color);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
  animation: progress-bar-stripes 1s linear infinite;
  content: ''; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

table {
  --table-head-border-width:var(--hiq-table-head-border-width,var(--hiq-table-cell-border-width,1px));
  --table-foot-border-width:var(--hiq-table-foot-border-width,var(--hiq-table-cell-border-width,1px));
  --table-cell-padding-vertical:var(--hiq-table-cell-padding-vertical,0.5rem);
  --table-cell-padding-horizontal:var(--hiq-table-cell-padding-horizontal,0.75rem);
  --table-cell-border-width:var(--hiq-table-cell-border-width,1px);
  --table-cell-border-color:var(--hiq-table-cell-border-color,var(--hiq-color-gray-6,hsl(220,10%,90%)));
  --table-heading-background-color:var(--hiq-table-heading-background-color,var(--hiq-color-gray-7,hsl(220,10%,95%)));
  --table-heading-font-weight:var(--hiq-table-heading-font-weight,var(--hiq-font-weight-medium,500));
  --table-heading-text-color:var(--hiq-table-heading-text-color,var(--hiq-color-gray-4,hsl(220,10%,40%)));
  --table-caption-padding-vertical:var(--hiq-table-caption-padding-vertical,0.75rem);
  --table-caption-font-weight:var(--hiq-table-caption-font-weight,var(--hiq-font-weight-normal,400));
  --table-caption-text-color:var(--hiq-table-caption-text-color,var(--hiq-color-gray-5,hsl(0,0%,60%)));
  width: 100%;
  max-width: 100%;
  margin: 0 0 var(--hiq-block-element-margin-bottom, 1rem);
  border-collapse: collapse;
  border-spacing: 0; }

caption {
  caption-side: bottom;
  text-align: inherit; }

th, td {
  padding: var(--table-cell-padding-vertical) var(--table-cell-padding-horizontal);
  border-top: var(--table-cell-border-width) solid var(--table-cell-border-color);
  text-align: inherit;
  vertical-align: top; }

thead th, thead td {
  border-top: 0;
  border-bottom: var(--table-head-border-width) solid var(--hiq-table-cell-border-color);
  vertical-align: bottom; }

tfoot th, tfoot td {
  border-top: var(--table-foot-border-width) solid var(--hiq-table-cell-border-color);
  vertical-align: top; }

th {
  background-color: var(--table-heading-background-color);
  font-weight: var(--table-heading-font-weight);
  color: var(--table-heading-text-color); }

tbody + tbody {
  border-top: var(--hiq-table-head-border-width, var(--hiq-table-cell-border-width, 1px)) solid var(--hiq-table-cell-border-color, var(--hiq-color-gray-6, #e3e5e8)); }

table caption {
  padding: var(--table-caption-padding-vertical) 0;
  font-weight: var(--table-caption-font-weight);
  color: var(--table-caption-text-color); }

fieldset {
  --fieldset-padding-vertical:var(--hiq-fieldset-padding-vertical,0);
  --fieldset-padding-horizontal:var(--hiq-fieldset-padding-horizontal,0);
  --fieldset-border-width:var(--hiq-fieldset-border-width,0);
  --fieldset-border-color:var(--hiq-fieldset-border-color,transparent);
  min-width: 0;
  margin: 0 0 var(--hiq-block-element-margin-bottom, 1rem);
  padding: var(--fieldset-padding-vertical) var(--fieldset-padding-horizontal);
  border: var(--fieldset-border-width) solid var(--fieldset-border-color); }

legend {
  --legend-margin-bottom:var(--hiq-legend-margin-bottom,0.5rem);
  --legend-font-weight:var(--hiq-legend-font-weight,var(--hiq-font-weight-semibold,600));
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 0 var(--legend-margin-bottom);
  padding: 0;
  font-weight: var(--legend-font-weight);
  line-height: inherit;
  white-space: normal;
  color: inherit; }

label {
  --label-margin-bottom:var(--hiq-label-margin-bottom,0.25rem);
  --label-font-weight:var(--hiq-label-font-weight,var(--hiq-font-weight-medium,500));
  display: block;
  margin: 0 0 var(--label-margin-bottom);
  padding: 0;
  font-weight: var(--label-font-weight); }

output {
  display: inline-block; }

.checkbox {
  --checkbox-margin-bottom:var(--hiq-checkbox-margin-bottom,0.5rem);
  --checkbox-label-padding-horizontal:var(--hiq-checkbox-label-padding-horizontal,1.5rem);
  --checkbox-label-font-weight:var(--hiq-checkbox-label-font-weight,var(--hiq-font-weight-normal,400));
  --checkbox-width:var(--hiq-checkbox-width,1rem);
  --checkbox-height:var(--hiq-checkbox-height,1rem);
  --checkbox-border-width:var(--hiq-checkbox-border-width,1px);
  --checkbox-border-color:var(--hiq-checkbox-border-color,transparent);
  --checkbox-border-radius:var(--hiq-checkbox-border-radius,var(--hiq-border-radius,0.2rem));
  --checkbox-background-color:var(--hiq-checkbox-background-color,var(--hiq-color-gray-6,hsl(220,10%,90%)));
  --checkbox-hover-background-color:var(--hiq-checkbox-hover-background-color,var(--hiq-checkbox-background-color,var(--hiq-color-gray-6,hsl(220,10%,90%))));
  --checkbox-focus-background-color:var(--hiq-checkbox-focus-background-color,var(--hiq-checkbox-background-color,var(--hiq-color-gray-6,hsl(220,10%,90%))));
  --checkbox-checked-border-color:var(--hiq-checkbox-checked-border-color,var(--hiq-color-primary,hsl(210,100%,50%)));
  --checkbox-checked-background-color:var(--hiq-checkbox-checked-background-color,var(--hiq-color-primary,hsl(210,100%,50%)));
  --checkbox-check-width:var(--hiq-checkbox-check-width,0.25rem);
  --checkbox-check-height:var(--hiq-checkbox-check-height,0.5rem);
  --checkbox-check-color:var(--hiq-checkbox-check-color,white);
  --checkbox-check-border-width:var(--hiq-checkbox-check-border-width,2px);
  --checkbox-indeterminate-width:var(--hiq-checkbox-indeterminate-width,0.5rem);
  position: relative; }

.checkbox label {
  position: relative;
  margin-bottom: var(--checkbox-margin-bottom);
  padding: 0 var(--checkbox-label-padding-horizontal);
  font-weight: var(--checkbox-label-font-weight) !important;
  line-height: 1;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.checkbox label::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--checkbox-width);
  height: var(--checkbox-height);
  border: var(--checkbox-border-width) solid var(--checkbox-border-color);
  border-radius: var(--checkbox-border-radius);
  background-color: var(--checkbox-background-color);
  transition: background-color var(--hiq-speed, 0.2s) var(--hiq-easing, ease-out);
  content: ''; }

.checkbox input[type='checkbox'] {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none; }

.checkbox input[type='checkbox']:hover + label::before {
  background-color: var(--checkbox-hover-background-color); }

.checkbox input[type='checkbox']:focus + label::before {
  background-color: var(--checkbox-focus-background-color);
  outline: var(--hiq-outline-color, #b3d9ff) solid var(--hiq-outline-width, 0.2rem); }

.checkbox input[type='checkbox']:checked + label::before, .checkbox input[type='checkbox'][aria-checked] + label::before, .checkbox input[type='checkbox']:indeterminate + label::before {
  border-color: var(--checkbox-checked-border-color);
  background-color: var(--checkbox-checked-background-color); }

.checkbox input[type='checkbox']:checked + label::after, .checkbox input[type='checkbox'][aria-checked] + label::after {
  display: block;
  position: absolute;
  top: 50%;
  left: calc(var(--checkbox-width) / 2);
  width: var(--checkbox-check-width);
  height: var(--checkbox-check-height);
  border: solid var(--checkbox-check-color);
  border-width: 0 var(--checkbox-check-border-width) var(--checkbox-check-border-width) 0;
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
  transform: rotate(45deg) translate(-50%, -50%);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  content: ''; }

.checkbox input[type='checkbox']:indeterminate + label::after {
  display: block;
  position: absolute;
  top: 50%;
  left: calc(var(--checkbox-width) / 2);
  width: var(--checkbox-indeterminate-width);
  height: var(--checkbox-check-border-width);
  background-color: var(--checkbox-check-color);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: ''; }

.checkbox input[type='checkbox']:disabled + label, .checkbox input[type='checkbox'][aria-disabled] + label, .checkbox input[type='checkbox'][readonly] + label {
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

.checkbox input[type='checkbox']:disabled, .checkbox input[type='checkbox'][aria-disabled] {
  cursor: not-allowed; }

.checkbox input[type='checkbox']:disabled + label::before, .checkbox input[type='checkbox'][aria-disabled] + label::before, .checkbox input[type='checkbox'][readonly] + label::before {
  background-color: var(--hiq-disabled-background-color, var(--hiq-color-gray-7, #f1f2f4)); }

input[type='color'] {
  cursor: pointer; }

input[type='color']:focus {
  outline: var(--hiq-outline-color, #b3d9ff) solid var(--hiq-outline-width, 0.2rem); }

input[type='color']:disabled, input[type='color'][aria-disabled] {
  cursor: not-allowed; }

input[list] {
  --input-border-width:var(--hiq-input-border-width,1px);
  --input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,hsl(220,10%,90%)));
  --input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));
  --input-background-color:var(--hiq-input-background-color,white);
  --input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,hsl(220,10%,10%))));
  --input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,hsl(220,10%,40%)));
  --input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,hsl(220,10%,90%))));
  --input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,white));
  --input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,hsl(220,10%,10%)))));
  --input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,hsl(220,10%,90%))));
  --input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,white));
  --input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,hsl(220,10%,10%)))));
  --input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,hsl(352,95%,61%)));
  --input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-color-success,hsl(158,73%,48%)));
  box-shadow: none;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin: 0;
  border: var(--input-border-width) solid var(--input-border-color);
  border-radius: var(--input-border-radius);
  background-color: var(--input-background-color);
  font-family: inherit;
  font-size: inherit;
  font-weight: var(--hiq-font-weight-base, 400);
  line-height: inherit;
  color: var(--input-text-color);
  transition: border-color var(--hiq-speed, 0.1s) var(--hiq-easing, ease-out), color var(--hiq-speed, 0.1s) var(--hiq-easing, ease-out), background-color var(--hiq-speed, 0.1s) var(--hiq-easing, ease-out);
  display: block;
  width: 100%;
  height: var(--hiq-input-height, 2.5rem);
  padding: var(--hiq-input-padding-vertical, 0) var(--hiq-input-padding-horizontal, 0.75rem); }

input[list]::-webkit-input-placeholder {
  color: var(--input-placeholder-color); }

input[list]:-ms-input-placeholder {
  color: var(--input-placeholder-color); }

input[list]::-ms-input-placeholder {
  color: var(--input-placeholder-color); }

input[list]::-moz-placeholder {
  color: var(--input-placeholder-color); }

input[list]::placeholder {
  color: var(--input-placeholder-color); }

input[list]:hover {
  border-color: var(--input-hover-border-color);
  background-color: var(--input-hover-background-color);
  color: var(--input-hover-text-color); }

input[list]:focus {
  border-color: var(--input-focus-border-color);
  background-color: var(--input-focus-background-color);
  outline: var(--hiq-outline-color, #b3d9ff) solid var(--hiq-outline-width, 0.2rem);
  color: var(--input-focus-text-color); }

input[list]:disabled, input[list][aria-disabled], input[list][readonly] {
  border-color: var(--hiq-disabled-border-color, var(--hiq-color-gray-6, #e3e5e8));
  background-color: var(--hiq-disabled-background-color, var(--hiq-color-gray-7, #f1f2f4));
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

input[list]:disabled::-webkit-input-placeholder, input[list][aria-disabled]::-webkit-input-placeholder, input[list][readonly]::-webkit-input-placeholder {
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

input[list]:disabled:-ms-input-placeholder, input[list][aria-disabled]:-ms-input-placeholder, input[list][readonly]:-ms-input-placeholder {
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

input[list]:disabled::-ms-input-placeholder, input[list][aria-disabled]::-ms-input-placeholder, input[list][readonly]::-ms-input-placeholder {
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

input[list]:disabled::-moz-placeholder, input[list][aria-disabled]::-moz-placeholder, input[list][readonly]::-moz-placeholder {
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

input[list]:disabled::placeholder, input[list][aria-disabled]::placeholder, input[list][readonly]::placeholder {
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

input[list]:disabled {
  cursor: not-allowed; }

input[list]:required:invalid:not(:focus) {
  border-color: var(--input-invalid-border-color); }

input[list]:required:valid:not(:focus) {
  border-color: var(--input-valid-border-color); }

input[type='file'] {
  display: block;
  font-size: inherit;
  line-height: inherit;
  cursor: pointer; }

input[type='file']:focus {
  outline: var(--hiq-outline-color, #b3d9ff) solid var(--hiq-outline-width, 0.2rem); }

input[type='file']:disabled, input[type='file'][aria-disabled] {
  cursor: not-allowed; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

.radio {
  --radio-margin-bottom:var(--hiq-radio-margin-bottom,0.5rem);
  --radio-label-padding-horizontal:var(--hiq-radio-label-padding-horizontal,1.5rem);
  --radio-label-font-weight:var(--hiq-radio-label-font-weight,var(--hiq-font-weight-normal,400));
  --radio-width:var(--hiq-radio-width,1rem);
  --radio-height:var(--hiq-radio-height,1rem);
  --radio-border-width:var(--hiq-radio-border-width,1px) solid var(--hiq-radio-border-color,transparent);
  --radio-border-color:var(--hiq-radio-border-color,transparent);
  --radio-border-radius:var(--hiq-radio-border-radius,50%);
  --radio-background-color:var(--hiq-radio-background-color,var(--hiq-color-gray-6,hsl(220,10%,90%)));
  --radio-hover-background-color:var(--hiq-radio-hover-background-color,var(--hiq-radio-background-color,var(--hiq-color-gray-6,hsl(220,10%,90%))));
  --radio-focus-background-color:var(--hiq-radio-focus-background-color,var(--hiq-radio-background-color,var(--hiq-color-gray-6,hsl(220,10%,90%))));
  --radio-checked-background-color:var(--hiq-radio-checked-background-color,var(--hiq-color-primary,hsl(210,100%,50%)));
  --radio-checked-border-color:var(--hiq-radio-checked-border-color,var(--hiq-color-primary,hsl(210,100%,50%)));
  --radio-check-width:var(--hiq-radio-check-width,0.5rem);
  --radio-check-height:var(--hiq-radio-check-height,0.5rem);
  --radio-check-border-radius:var(--hiq-radio-check-border-radius,50%);
  --radio-check-background-color:var(--hiq-radio-check-background-color,white);
  position: relative; }

.radio label {
  position: relative;
  margin-bottom: var(--radio-margin-bottom);
  padding: 0 var(--radio-label-padding-horizontal);
  font-weight: var(--radio-label-font-weight) !important;
  line-height: 1;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.radio label::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--radio-width);
  height: var(--radio-height);
  border: var(--radio-border-width) solid var(--radio-border-color);
  border-radius: var(--radio-border-radius);
  background-color: var(--radio-background-color);
  transition: background-color var(--hiq-speed, 0.2s) var(--hiq-easing, ease-out);
  content: ''; }

.radio input[type='radio'] {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none; }

.radio input[type='radio']:hover + label::before {
  background-color: var(--radio-hover-background-color); }

.radio input[type='radio']:focus + label::before {
  background-color: var(--radio-focus-background-color);
  outline: var(--hiq-outline-color, #b3d9ff) solid var(--hiq-outline-width, 0.2rem); }

.radio input[type='radio']:checked + label::before, .radio input[type='radio'][aria-checked] + label::before {
  border-color: var(--radio-checked-border-color);
  background-color: var(--radio-checked-background-color); }

.radio input[type='radio']:checked + label::after, .radio input[type='radio'][aria-checked] + label::after {
  display: block;
  position: absolute;
  top: 50%;
  left: calc(var(--radio-width) / 2);
  width: var(--radio-check-width);
  height: var(--radio-check-height);
  border-radius: var(--radio-check-border-radius);
  background-color: var(--radio-check-background-color);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: ''; }

.radio input[type='radio']:disabled + label, .radio input[type='radio'][aria-disabled] + label, .radio input[type='radio'][readonly] + label {
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

.radio input[type='radio']:disabled, .radio input[type='radio'][aria-disabled] {
  cursor: not-allowed; }

.radio input[type='radio']:disabled + label::before, .radio input[type='radio'][aria-disabled] + label::before, .radio input[type='radio'][readonly] + label::before {
  background-color: var(--hiq-disabled-background-color, var(--hiq-color-gray-7, #f1f2f4)); }

input[type=range] {
  --range-input-track-height:var(--hiq-range-input-track-height,0.5rem);
  --range-input-track-border-radius:var(--hiq-range-input-track-border-radius,var(--hiq-border-radius,0.2rem));
  --range-input-track-background-color:var(--hiq-range-input-track-background-color,var(--hiq-color-gray-6,hsl(220,10%,90%)));
  --range-input-thumb-width:var(--hiq-range-input-thumb-width,1.5rem);
  --range-input-thumb-height:var(--hiq-range-input-thumb-height,1.5rem);
  --range-input-thumb-border-radius:var(--hiq-range-input-thumb-border-radius,50%);
  --range-input-thumb-background-color:var(--hiq-range-input-thumb-background-color,var(--hiq-color-primary,hsl(210,100%,50%)));
  --range-input-thumb-disabled-background-color:var(--hiq-range-input-thumb-disabled-background-color,var(--hiq-color-gray-6,hsl(210,10%,90%)));
  width: 100%;
  background: transparent;
  outline: 0;
  -webkit-appearance: none; }

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: var(--range-input-track-height);
  border-radius: var(--range-input-track-border-radius);
  background-color: var(--range-input-track-background-color);
  transition: background-color var(--hiq-speed, 0.2s) var(--hiq-easing, ease-out);
  cursor: pointer; }

input[type=range]::-moz-range-track {
  width: 100%;
  height: var(--range-input-track-height);
  background-color: var(--range-input-track-background-color);
  transition: background-color var(--hiq-speed, 0.2s) var(--hiq-easing, ease-out);
  cursor: pointer; }

input[type=range]::-ms-track {
  width: 100%;
  height: var(--range-input-track-height);
  border-width: var(--range-input-thumb-height);
  border-color: transparent;
  background-color: transparent;
  color: transparent;
  transition: background-color var(--hiq-speed, 0.2s) var(--hiq-easing, ease-out);
  cursor: pointer; }

input[type=range]::-ms-fill-lower {
  background-color: var(--range-input-track-background-color); }

input[type=range]::-ms-fill-upper {
  background-color: var(--range-input-track-background-color); }

input[type=range]::-webkit-slider-thumb {
  width: var(--range-input-thumb-width);
  height: var(--range-input-thumb-height);
  margin-top: -0.5rem;
  border-color: transparent;
  border-radius: var(--range-input-thumb-border-radius);
  background-color: var(--range-input-thumb-background-color);
  -webkit-appearance: none;
  cursor: pointer; }

input[type=range]:focus::-webkit-slider-thumb {
  outline: var(--hiq-outline-color, #b3d9ff) solid var(--hiq-outline-width, 0.2rem); }

input[type=range]::-moz-range-thumb {
  width: var(--range-input-thumb-width);
  height: var(--range-input-thumb-height);
  border-color: transparent;
  border-radius: var(--range-input-thumb-border-radius);
  background-color: var(--range-input-thumb-background-color);
  cursor: pointer; }

input[type=range]:focus::-moz-range-thumb {
  box-shadow: 0 0 0 var(--hiq-outline-width, 0.2rem) var(--hiq-outline-color, #b3d9ff); }

input[type=range]::-ms-thumb {
  width: var(--range-input-thumb-width);
  height: var(--range-input-thumb-height);
  border-color: transparent;
  border-radius: var(--range-input-thumb-border-radius);
  background-color: var(--range-input-thumb-background-color);
  cursor: pointer; }

input[type=range]:focus::-ms-thumb {
  outline: var(--hiq-outline-color, #b3d9ff) solid var(--hiq-outline-width, 0.2rem); }

input[type=range]:disabled::-webkit-slider-runnable-track, input[type=range][aria-disabled]::-webkit-slider-runnable-track {
  background-color: var(--hiq-disabled-background-color, var(--hiq-color-gray-7, #f1f2f4));
  cursor: not-allowed; }

input[type=range]:disabled::-moz-range-track, input[type=range][aria-disabled]::-moz-range-track {
  background-color: var(--hiq-disabled-background-color, var(--hiq-color-gray-7, #f1f2f4));
  cursor: not-allowed; }

input[type=range]:disabled::-ms-fill-lower, input[type=range][aria-disabled]::-ms-fill-lower {
  background-color: var(--hiq-disabled-background-color, var(--hiq-color-gray-7, #f1f2f4));
  cursor: not-allowed; }

input[type=range]:disabled::-ms-fill-upper, input[type=range][aria-disabled]::-ms-fill-upper {
  background-color: var(--hiq-disabled-background-color, var(--hiq-color-gray-7, #f1f2f4));
  cursor: not-allowed; }

input[type=range]:disabled::-webkit-slider-thumb, input[type=range][aria-disabled]::-webkit-slider-thumb {
  background-color: var(--range-input-thumb-disabled-background-color);
  cursor: not-allowed; }

input[type=range]:disabled::-moz-range-thumb, input[type=range][aria-disabled]::-moz-range-thumb {
  background-color: var(--range-input-thumb-disabled-background-color);
  cursor: not-allowed; }

input[type=range]:disabled::-ms-thumb, input[type=range][aria-disabled]::-ms-thumb {
  background-color: var(--range-input-thumb-disabled-background-color);
  cursor: not-allowed; }

select {
  --select-background-image:var(--hiq-select-background-image,url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2230px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2030%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-137.000000%2C%20-145.000000%29%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%22152%20161%20137%20145%20167%20145%22%3E%3C/polygon%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E));
  --select-background-position:var(--hiq-select-background-position,right 1rem center);
  --select-background-size:var(--hiq-select-background-size,0.75rem);
  --select-multiple-padding-vertical:var(--hiq-select-multiple-padding-vertical,0.75rem);
  --select-multiple-checked-background-color:var(--hiq-select-multiple-checked-background-color,var(--hiq-color-primary,hsl(210,100%,50%)));
  --input-border-width:var(--hiq-input-border-width,1px);
  --input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,hsl(220,10%,90%)));
  --input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));
  --input-background-color:var(--hiq-input-background-color,white);
  --input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,hsl(220,10%,10%))));
  --input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,hsl(220,10%,40%)));
  --input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,hsl(220,10%,90%))));
  --input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,white));
  --input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,hsl(220,10%,10%)))));
  --input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,hsl(220,10%,90%))));
  --input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,white));
  --input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,hsl(220,10%,10%)))));
  --input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,hsl(352,95%,61%)));
  --input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-color-success,hsl(158,73%,48%)));
  box-shadow: none;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin: 0;
  border: var(--input-border-width) solid var(--input-border-color);
  border-radius: var(--input-border-radius);
  background-color: var(--input-background-color);
  font-family: inherit;
  font-size: inherit;
  font-weight: var(--hiq-font-weight-base, 400);
  line-height: inherit;
  color: var(--input-text-color);
  transition: border-color var(--hiq-speed, 0.1s) var(--hiq-easing, ease-out), color var(--hiq-speed, 0.1s) var(--hiq-easing, ease-out), background-color var(--hiq-speed, 0.1s) var(--hiq-easing, ease-out);
  display: block;
  width: 100%;
  height: var(--hiq-input-height, 2.5rem);
  padding: var(--hiq-input-padding-vertical, 0) var(--hiq-input-padding-horizontal, 0.75rem); }

select::-webkit-input-placeholder {
  color: var(--input-placeholder-color); }

select:-ms-input-placeholder {
  color: var(--input-placeholder-color); }

select::-ms-input-placeholder {
  color: var(--input-placeholder-color); }

select::-moz-placeholder {
  color: var(--input-placeholder-color); }

select::placeholder {
  color: var(--input-placeholder-color); }

select:hover {
  border-color: var(--input-hover-border-color);
  background-color: var(--input-hover-background-color);
  color: var(--input-hover-text-color); }

select:focus {
  border-color: var(--input-focus-border-color);
  background-color: var(--input-focus-background-color);
  outline: var(--hiq-outline-color, #b3d9ff) solid var(--hiq-outline-width, 0.2rem);
  color: var(--input-focus-text-color); }

select:disabled, select[aria-disabled], select[readonly] {
  border-color: var(--hiq-disabled-border-color, var(--hiq-color-gray-6, #e3e5e8));
  background-color: var(--hiq-disabled-background-color, var(--hiq-color-gray-7, #f1f2f4));
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

select:disabled::-webkit-input-placeholder, select[aria-disabled]::-webkit-input-placeholder, select[readonly]::-webkit-input-placeholder {
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

select:disabled:-ms-input-placeholder, select[aria-disabled]:-ms-input-placeholder, select[readonly]:-ms-input-placeholder {
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

select:disabled::-ms-input-placeholder, select[aria-disabled]::-ms-input-placeholder, select[readonly]::-ms-input-placeholder {
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

select:disabled::-moz-placeholder, select[aria-disabled]::-moz-placeholder, select[readonly]::-moz-placeholder {
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

select:disabled::placeholder, select[aria-disabled]::placeholder, select[readonly]::placeholder {
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

select:disabled {
  cursor: not-allowed; }

select:required:invalid:not(:focus) {
  border-color: var(--input-invalid-border-color); }

select:required:valid:not(:focus) {
  border-color: var(--input-valid-border-color); }

select:not([multiple]) {
  background-image: var(--select-background-image);
  background-repeat: no-repeat;
  background-position: var(--select-background-position);
  background-size: var(--select-background-size); }

select[multiple] {
  height: auto;
  padding-top: var(--select-multiple-padding-vertical);
  padding-bottom: var(--select-multiple-padding-vertical); }

select[multiple] option {
  padding: 0.125rem 0.5rem; }

select[multiple] option:checked {
  background: var(--select-multiple-checked-background-color) -webkit-linear-gradient(bottom, var(--select-multiple-checked-background-color) 0%, var(--select-multiple-checked-background-color) 100%); }

optgroup {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

input[type='date'], input[type='time'], input[type='month'], input[type='week'], input[type='datetime-local'] {
  -webkit-appearance: listbox; }

input[type='text'], input[type='password'], input[type='url'], input[type='email'], input[type='tel'], input[type='search'], input[type='number'], input[type='date'], input[type='time'], input[type='month'], input[type='week'], input[type='datetime-local'] {
  --input-border-width:var(--hiq-input-border-width,1px);
  --input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,hsl(220,10%,90%)));
  --input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));
  --input-background-color:var(--hiq-input-background-color,white);
  --input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,hsl(220,10%,10%))));
  --input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,hsl(220,10%,40%)));
  --input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,hsl(220,10%,90%))));
  --input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,white));
  --input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,hsl(220,10%,10%)))));
  --input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,hsl(220,10%,90%))));
  --input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,white));
  --input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,hsl(220,10%,10%)))));
  --input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,hsl(352,95%,61%)));
  --input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-color-success,hsl(158,73%,48%)));
  box-shadow: none;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin: 0;
  border: var(--input-border-width) solid var(--input-border-color);
  border-radius: var(--input-border-radius);
  background-color: var(--input-background-color);
  font-family: inherit;
  font-size: inherit;
  font-weight: var(--hiq-font-weight-base, 400);
  line-height: inherit;
  color: var(--input-text-color);
  transition: border-color var(--hiq-speed, 0.1s) var(--hiq-easing, ease-out), color var(--hiq-speed, 0.1s) var(--hiq-easing, ease-out), background-color var(--hiq-speed, 0.1s) var(--hiq-easing, ease-out);
  display: block;
  width: 100%;
  height: var(--hiq-input-height, 2.5rem);
  padding: var(--hiq-input-padding-vertical, 0) var(--hiq-input-padding-horizontal, 0.75rem); }

input[type='text']::-webkit-input-placeholder, input[type='password']::-webkit-input-placeholder, input[type='url']::-webkit-input-placeholder, input[type='email']::-webkit-input-placeholder, input[type='tel']::-webkit-input-placeholder, input[type='search']::-webkit-input-placeholder, input[type='number']::-webkit-input-placeholder, input[type='date']::-webkit-input-placeholder, input[type='time']::-webkit-input-placeholder, input[type='month']::-webkit-input-placeholder, input[type='week']::-webkit-input-placeholder, input[type='datetime-local']::-webkit-input-placeholder {
  color: var(--input-placeholder-color); }

input[type='text']:-ms-input-placeholder, input[type='password']:-ms-input-placeholder, input[type='url']:-ms-input-placeholder, input[type='email']:-ms-input-placeholder, input[type='tel']:-ms-input-placeholder, input[type='search']:-ms-input-placeholder, input[type='number']:-ms-input-placeholder, input[type='date']:-ms-input-placeholder, input[type='time']:-ms-input-placeholder, input[type='month']:-ms-input-placeholder, input[type='week']:-ms-input-placeholder, input[type='datetime-local']:-ms-input-placeholder {
  color: var(--input-placeholder-color); }

input[type='text']::-ms-input-placeholder, input[type='password']::-ms-input-placeholder, input[type='url']::-ms-input-placeholder, input[type='email']::-ms-input-placeholder, input[type='tel']::-ms-input-placeholder, input[type='search']::-ms-input-placeholder, input[type='number']::-ms-input-placeholder, input[type='date']::-ms-input-placeholder, input[type='time']::-ms-input-placeholder, input[type='month']::-ms-input-placeholder, input[type='week']::-ms-input-placeholder, input[type='datetime-local']::-ms-input-placeholder {
  color: var(--input-placeholder-color); }

input[type='text']::-moz-placeholder, input[type='password']::-moz-placeholder, input[type='url']::-moz-placeholder, input[type='email']::-moz-placeholder, input[type='tel']::-moz-placeholder, input[type='search']::-moz-placeholder, input[type='number']::-moz-placeholder, input[type='date']::-moz-placeholder, input[type='time']::-moz-placeholder, input[type='month']::-moz-placeholder, input[type='week']::-moz-placeholder, input[type='datetime-local']::-moz-placeholder {
  color: var(--input-placeholder-color); }

input[type='text']::placeholder, input[type='password']::placeholder, input[type='url']::placeholder, input[type='email']::placeholder, input[type='tel']::placeholder, input[type='search']::placeholder, input[type='number']::placeholder, input[type='date']::placeholder, input[type='time']::placeholder, input[type='month']::placeholder, input[type='week']::placeholder, input[type='datetime-local']::placeholder {
  color: var(--input-placeholder-color); }

input[type='text']:hover, input[type='password']:hover, input[type='url']:hover, input[type='email']:hover, input[type='tel']:hover, input[type='search']:hover, input[type='number']:hover, input[type='date']:hover, input[type='time']:hover, input[type='month']:hover, input[type='week']:hover, input[type='datetime-local']:hover {
  border-color: var(--input-hover-border-color);
  background-color: var(--input-hover-background-color);
  color: var(--input-hover-text-color); }

input[type='text']:focus, input[type='password']:focus, input[type='url']:focus, input[type='email']:focus, input[type='tel']:focus, input[type='search']:focus, input[type='number']:focus, input[type='date']:focus, input[type='time']:focus, input[type='month']:focus, input[type='week']:focus, input[type='datetime-local']:focus {
  border-color: var(--input-focus-border-color);
  background-color: var(--input-focus-background-color);
  outline: var(--hiq-outline-color, #b3d9ff) solid var(--hiq-outline-width, 0.2rem);
  color: var(--input-focus-text-color); }

input[type='text']:disabled, input[type='text'][aria-disabled], input[type='text'][readonly], input[type='password']:disabled, input[type='password'][aria-disabled], input[type='password'][readonly], input[type='url']:disabled, input[type='url'][aria-disabled], input[type='url'][readonly], input[type='email']:disabled, input[type='email'][aria-disabled], input[type='email'][readonly], input[type='tel']:disabled, input[type='tel'][aria-disabled], input[type='tel'][readonly], input[type='search']:disabled, input[type='search'][aria-disabled], input[type='search'][readonly], input[type='number']:disabled, input[type='number'][aria-disabled], input[type='number'][readonly], input[type='date']:disabled, input[type='date'][aria-disabled], input[type='date'][readonly], input[type='time']:disabled, input[type='time'][aria-disabled], input[type='time'][readonly], input[type='month']:disabled, input[type='month'][aria-disabled], input[type='month'][readonly], input[type='week']:disabled, input[type='week'][aria-disabled], input[type='week'][readonly], input[type='datetime-local']:disabled, input[type='datetime-local'][aria-disabled], input[type='datetime-local'][readonly] {
  border-color: var(--hiq-disabled-border-color, var(--hiq-color-gray-6, #e3e5e8));
  background-color: var(--hiq-disabled-background-color, var(--hiq-color-gray-7, #f1f2f4));
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

input[type='text']:disabled::-webkit-input-placeholder, input[type='text'][aria-disabled]::-webkit-input-placeholder, input[type='text'][readonly]::-webkit-input-placeholder, input[type='password']:disabled::-webkit-input-placeholder, input[type='password'][aria-disabled]::-webkit-input-placeholder, input[type='password'][readonly]::-webkit-input-placeholder, input[type='url']:disabled::-webkit-input-placeholder, input[type='url'][aria-disabled]::-webkit-input-placeholder, input[type='url'][readonly]::-webkit-input-placeholder, input[type='email']:disabled::-webkit-input-placeholder, input[type='email'][aria-disabled]::-webkit-input-placeholder, input[type='email'][readonly]::-webkit-input-placeholder, input[type='tel']:disabled::-webkit-input-placeholder, input[type='tel'][aria-disabled]::-webkit-input-placeholder, input[type='tel'][readonly]::-webkit-input-placeholder, input[type='search']:disabled::-webkit-input-placeholder, input[type='search'][aria-disabled]::-webkit-input-placeholder, input[type='search'][readonly]::-webkit-input-placeholder, input[type='number']:disabled::-webkit-input-placeholder, input[type='number'][aria-disabled]::-webkit-input-placeholder, input[type='number'][readonly]::-webkit-input-placeholder, input[type='date']:disabled::-webkit-input-placeholder, input[type='date'][aria-disabled]::-webkit-input-placeholder, input[type='date'][readonly]::-webkit-input-placeholder, input[type='time']:disabled::-webkit-input-placeholder, input[type='time'][aria-disabled]::-webkit-input-placeholder, input[type='time'][readonly]::-webkit-input-placeholder, input[type='month']:disabled::-webkit-input-placeholder, input[type='month'][aria-disabled]::-webkit-input-placeholder, input[type='month'][readonly]::-webkit-input-placeholder, input[type='week']:disabled::-webkit-input-placeholder, input[type='week'][aria-disabled]::-webkit-input-placeholder, input[type='week'][readonly]::-webkit-input-placeholder, input[type='datetime-local']:disabled::-webkit-input-placeholder, input[type='datetime-local'][aria-disabled]::-webkit-input-placeholder, input[type='datetime-local'][readonly]::-webkit-input-placeholder {
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

input[type='text']:disabled:-ms-input-placeholder, input[type='text'][aria-disabled]:-ms-input-placeholder, input[type='text'][readonly]:-ms-input-placeholder, input[type='password']:disabled:-ms-input-placeholder, input[type='password'][aria-disabled]:-ms-input-placeholder, input[type='password'][readonly]:-ms-input-placeholder, input[type='url']:disabled:-ms-input-placeholder, input[type='url'][aria-disabled]:-ms-input-placeholder, input[type='url'][readonly]:-ms-input-placeholder, input[type='email']:disabled:-ms-input-placeholder, input[type='email'][aria-disabled]:-ms-input-placeholder, input[type='email'][readonly]:-ms-input-placeholder, input[type='tel']:disabled:-ms-input-placeholder, input[type='tel'][aria-disabled]:-ms-input-placeholder, input[type='tel'][readonly]:-ms-input-placeholder, input[type='search']:disabled:-ms-input-placeholder, input[type='search'][aria-disabled]:-ms-input-placeholder, input[type='search'][readonly]:-ms-input-placeholder, input[type='number']:disabled:-ms-input-placeholder, input[type='number'][aria-disabled]:-ms-input-placeholder, input[type='number'][readonly]:-ms-input-placeholder, input[type='date']:disabled:-ms-input-placeholder, input[type='date'][aria-disabled]:-ms-input-placeholder, input[type='date'][readonly]:-ms-input-placeholder, input[type='time']:disabled:-ms-input-placeholder, input[type='time'][aria-disabled]:-ms-input-placeholder, input[type='time'][readonly]:-ms-input-placeholder, input[type='month']:disabled:-ms-input-placeholder, input[type='month'][aria-disabled]:-ms-input-placeholder, input[type='month'][readonly]:-ms-input-placeholder, input[type='week']:disabled:-ms-input-placeholder, input[type='week'][aria-disabled]:-ms-input-placeholder, input[type='week'][readonly]:-ms-input-placeholder, input[type='datetime-local']:disabled:-ms-input-placeholder, input[type='datetime-local'][aria-disabled]:-ms-input-placeholder, input[type='datetime-local'][readonly]:-ms-input-placeholder {
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

input[type='text']:disabled::-ms-input-placeholder, input[type='text'][aria-disabled]::-ms-input-placeholder, input[type='text'][readonly]::-ms-input-placeholder, input[type='password']:disabled::-ms-input-placeholder, input[type='password'][aria-disabled]::-ms-input-placeholder, input[type='password'][readonly]::-ms-input-placeholder, input[type='url']:disabled::-ms-input-placeholder, input[type='url'][aria-disabled]::-ms-input-placeholder, input[type='url'][readonly]::-ms-input-placeholder, input[type='email']:disabled::-ms-input-placeholder, input[type='email'][aria-disabled]::-ms-input-placeholder, input[type='email'][readonly]::-ms-input-placeholder, input[type='tel']:disabled::-ms-input-placeholder, input[type='tel'][aria-disabled]::-ms-input-placeholder, input[type='tel'][readonly]::-ms-input-placeholder, input[type='search']:disabled::-ms-input-placeholder, input[type='search'][aria-disabled]::-ms-input-placeholder, input[type='search'][readonly]::-ms-input-placeholder, input[type='number']:disabled::-ms-input-placeholder, input[type='number'][aria-disabled]::-ms-input-placeholder, input[type='number'][readonly]::-ms-input-placeholder, input[type='date']:disabled::-ms-input-placeholder, input[type='date'][aria-disabled]::-ms-input-placeholder, input[type='date'][readonly]::-ms-input-placeholder, input[type='time']:disabled::-ms-input-placeholder, input[type='time'][aria-disabled]::-ms-input-placeholder, input[type='time'][readonly]::-ms-input-placeholder, input[type='month']:disabled::-ms-input-placeholder, input[type='month'][aria-disabled]::-ms-input-placeholder, input[type='month'][readonly]::-ms-input-placeholder, input[type='week']:disabled::-ms-input-placeholder, input[type='week'][aria-disabled]::-ms-input-placeholder, input[type='week'][readonly]::-ms-input-placeholder, input[type='datetime-local']:disabled::-ms-input-placeholder, input[type='datetime-local'][aria-disabled]::-ms-input-placeholder, input[type='datetime-local'][readonly]::-ms-input-placeholder {
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

input[type='text']:disabled::-moz-placeholder, input[type='text'][aria-disabled]::-moz-placeholder, input[type='text'][readonly]::-moz-placeholder, input[type='password']:disabled::-moz-placeholder, input[type='password'][aria-disabled]::-moz-placeholder, input[type='password'][readonly]::-moz-placeholder, input[type='url']:disabled::-moz-placeholder, input[type='url'][aria-disabled]::-moz-placeholder, input[type='url'][readonly]::-moz-placeholder, input[type='email']:disabled::-moz-placeholder, input[type='email'][aria-disabled]::-moz-placeholder, input[type='email'][readonly]::-moz-placeholder, input[type='tel']:disabled::-moz-placeholder, input[type='tel'][aria-disabled]::-moz-placeholder, input[type='tel'][readonly]::-moz-placeholder, input[type='search']:disabled::-moz-placeholder, input[type='search'][aria-disabled]::-moz-placeholder, input[type='search'][readonly]::-moz-placeholder, input[type='number']:disabled::-moz-placeholder, input[type='number'][aria-disabled]::-moz-placeholder, input[type='number'][readonly]::-moz-placeholder, input[type='date']:disabled::-moz-placeholder, input[type='date'][aria-disabled]::-moz-placeholder, input[type='date'][readonly]::-moz-placeholder, input[type='time']:disabled::-moz-placeholder, input[type='time'][aria-disabled]::-moz-placeholder, input[type='time'][readonly]::-moz-placeholder, input[type='month']:disabled::-moz-placeholder, input[type='month'][aria-disabled]::-moz-placeholder, input[type='month'][readonly]::-moz-placeholder, input[type='week']:disabled::-moz-placeholder, input[type='week'][aria-disabled]::-moz-placeholder, input[type='week'][readonly]::-moz-placeholder, input[type='datetime-local']:disabled::-moz-placeholder, input[type='datetime-local'][aria-disabled]::-moz-placeholder, input[type='datetime-local'][readonly]::-moz-placeholder {
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

input[type='text']:disabled::placeholder, input[type='text'][aria-disabled]::placeholder, input[type='text'][readonly]::placeholder, input[type='password']:disabled::placeholder, input[type='password'][aria-disabled]::placeholder, input[type='password'][readonly]::placeholder, input[type='url']:disabled::placeholder, input[type='url'][aria-disabled]::placeholder, input[type='url'][readonly]::placeholder, input[type='email']:disabled::placeholder, input[type='email'][aria-disabled]::placeholder, input[type='email'][readonly]::placeholder, input[type='tel']:disabled::placeholder, input[type='tel'][aria-disabled]::placeholder, input[type='tel'][readonly]::placeholder, input[type='search']:disabled::placeholder, input[type='search'][aria-disabled]::placeholder, input[type='search'][readonly]::placeholder, input[type='number']:disabled::placeholder, input[type='number'][aria-disabled]::placeholder, input[type='number'][readonly]::placeholder, input[type='date']:disabled::placeholder, input[type='date'][aria-disabled]::placeholder, input[type='date'][readonly]::placeholder, input[type='time']:disabled::placeholder, input[type='time'][aria-disabled]::placeholder, input[type='time'][readonly]::placeholder, input[type='month']:disabled::placeholder, input[type='month'][aria-disabled]::placeholder, input[type='month'][readonly]::placeholder, input[type='week']:disabled::placeholder, input[type='week'][aria-disabled]::placeholder, input[type='week'][readonly]::placeholder, input[type='datetime-local']:disabled::placeholder, input[type='datetime-local'][aria-disabled]::placeholder, input[type='datetime-local'][readonly]::placeholder {
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

input[type='text']:disabled, input[type='password']:disabled, input[type='url']:disabled, input[type='email']:disabled, input[type='tel']:disabled, input[type='search']:disabled, input[type='number']:disabled, input[type='date']:disabled, input[type='time']:disabled, input[type='month']:disabled, input[type='week']:disabled, input[type='datetime-local']:disabled {
  cursor: not-allowed; }

input[type='text']:required:invalid:not(:focus), input[type='password']:required:invalid:not(:focus), input[type='url']:required:invalid:not(:focus), input[type='email']:required:invalid:not(:focus), input[type='tel']:required:invalid:not(:focus), input[type='search']:required:invalid:not(:focus), input[type='number']:required:invalid:not(:focus), input[type='date']:required:invalid:not(:focus), input[type='time']:required:invalid:not(:focus), input[type='month']:required:invalid:not(:focus), input[type='week']:required:invalid:not(:focus), input[type='datetime-local']:required:invalid:not(:focus) {
  border-color: var(--input-invalid-border-color); }

input[type='text']:required:valid:not(:focus), input[type='password']:required:valid:not(:focus), input[type='url']:required:valid:not(:focus), input[type='email']:required:valid:not(:focus), input[type='tel']:required:valid:not(:focus), input[type='search']:required:valid:not(:focus), input[type='number']:required:valid:not(:focus), input[type='date']:required:valid:not(:focus), input[type='time']:required:valid:not(:focus), input[type='month']:required:valid:not(:focus), input[type='week']:required:valid:not(:focus), input[type='datetime-local']:required:valid:not(:focus) {
  border-color: var(--input-valid-border-color); }

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

[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration {
  -webkit-appearance: none; }

textarea {
  --textarea-padding-vertical:var(--hiq-textarea-padding-vertical,0.5rem);
  --textarea-padding-horizontal:var(--hiq-textarea-padding-horizontal,0.75rem);
  --input-border-width:var(--hiq-input-border-width,1px);
  --input-border-color:var(--hiq-input-border-color,var(--hiq-color-gray-6,hsl(220,10%,90%)));
  --input-border-radius:var(--hiq-input-border-radius,var(--hiq-border-radius,0.2rem));
  --input-background-color:var(--hiq-input-background-color,white);
  --input-text-color:var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,hsl(220,10%,10%))));
  --input-placeholder-color:var(--hiq-input-placeholder-color,var(--hiq-color-gray-4,hsl(220,10%,40%)));
  --input-hover-border-color:var(--hiq-input-hover-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,hsl(220,10%,90%))));
  --input-hover-background-color:var(--hiq-input-hover-background-color,var(--hiq-input-background-color,white));
  --input-hover-text-color:var(--hiq-input-hover-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,hsl(220,10%,10%)))));
  --input-focus-border-color:var(--hiq-input-focus-border-color,var(--hiq-input-border-color,var(--hiq-color-gray-6,hsl(220,10%,90%))));
  --input-focus-background-color:var(--hiq-input-focus-background-color,var(--hiq-input-background-color,white));
  --input-focus-text-color:var(--hiq-input-focus-text-color,var(--hiq-input-text-color,var(--hiq-text-color,var(--hiq-color-gray-2,hsl(220,10%,10%)))));
  --input-invalid-border-color:var(--hiq-input-invalid-border-color,var(--hiq-color-danger,hsl(352,95%,61%)));
  --input-valid-border-color:var(--hiq-input-valid-border-color,var(--hiq-color-success,hsl(158,73%,48%)));
  box-shadow: none;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin: 0;
  border: var(--input-border-width) solid var(--input-border-color);
  border-radius: var(--input-border-radius);
  background-color: var(--input-background-color);
  font-family: inherit;
  font-size: inherit;
  font-weight: var(--hiq-font-weight-base, 400);
  line-height: inherit;
  color: var(--input-text-color);
  transition: border-color var(--hiq-speed, 0.1s) var(--hiq-easing, ease-out), color var(--hiq-speed, 0.1s) var(--hiq-easing, ease-out), background-color var(--hiq-speed, 0.1s) var(--hiq-easing, ease-out);
  display: block;
  width: 100%;
  height: auto;
  overflow: auto;
  margin: 0;
  padding: var(--textarea-padding-vertical) var(--textarea-padding-horizontal);
  resize: vertical; }

textarea::-webkit-input-placeholder {
  color: var(--input-placeholder-color); }

textarea:-ms-input-placeholder {
  color: var(--input-placeholder-color); }

textarea::-ms-input-placeholder {
  color: var(--input-placeholder-color); }

textarea::-moz-placeholder {
  color: var(--input-placeholder-color); }

textarea::placeholder {
  color: var(--input-placeholder-color); }

textarea:hover {
  border-color: var(--input-hover-border-color);
  background-color: var(--input-hover-background-color);
  color: var(--input-hover-text-color); }

textarea:focus {
  border-color: var(--input-focus-border-color);
  background-color: var(--input-focus-background-color);
  outline: var(--hiq-outline-color, #b3d9ff) solid var(--hiq-outline-width, 0.2rem);
  color: var(--input-focus-text-color); }

textarea:disabled, textarea[aria-disabled], textarea[readonly] {
  border-color: var(--hiq-disabled-border-color, var(--hiq-color-gray-6, #e3e5e8));
  background-color: var(--hiq-disabled-background-color, var(--hiq-color-gray-7, #f1f2f4));
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

textarea:disabled::-webkit-input-placeholder, textarea[aria-disabled]::-webkit-input-placeholder, textarea[readonly]::-webkit-input-placeholder {
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

textarea:disabled:-ms-input-placeholder, textarea[aria-disabled]:-ms-input-placeholder, textarea[readonly]:-ms-input-placeholder {
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

textarea:disabled::-ms-input-placeholder, textarea[aria-disabled]::-ms-input-placeholder, textarea[readonly]::-ms-input-placeholder {
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

textarea:disabled::-moz-placeholder, textarea[aria-disabled]::-moz-placeholder, textarea[readonly]::-moz-placeholder {
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

textarea:disabled::placeholder, textarea[aria-disabled]::placeholder, textarea[readonly]::placeholder {
  color: var(--hiq-disabled-text-color, var(--hiq-color-gray-5, #8f96a3)); }

textarea:disabled {
  cursor: not-allowed; }

textarea:required:invalid:not(:focus) {
  border-color: var(--input-invalid-border-color); }

textarea:required:valid:not(:focus) {
  border-color: var(--input-valid-border-color); }

.container {
  width: calc(100% - (var(--hiq-container-horizontal-gap,2rem) * 2));
  max-width: calc(var(--hiq-max-container-width,50rem) - (var(--hiq-container-horizontal-gap,2rem) * 2));
  margin-right: auto;
  margin-left: auto; }

.container.is-fluid {
  max-width: none; }

.react-calendar {
  width: 350px;
  max-width: 100%;
  background: white;
  border: 1px solid #a0a096;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.125em; }

.react-calendar--doubleView {
  width: 700px; }

.react-calendar--doubleView .react-calendar__viewContainer {
  display: flex;
  margin: -0.5em; }

.react-calendar--doubleView .react-calendar__viewContainer > * {
  width: 50%;
  margin: 0.5em; }

.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
  box-sizing: border-box; }

.react-calendar button {
  margin: 0;
  border: 0;
  outline: none; }

.react-calendar button:enabled:hover {
  cursor: pointer; }

.react-calendar__navigation {
  height: 44px;
  margin-bottom: 1em; }

.react-calendar__navigation button {
  min-width: 44px;
  background: none; }

.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background-color: #e6e6e6; }

.react-calendar__navigation button[disabled] {
  background-color: #f0f0f0; }

.react-calendar__month-view__weekdays {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75em; }

.react-calendar__month-view__weekdays__weekday {
  padding: 0.5em; }

.react-calendar__month-view__weekNumbers {
  font-weight: bold; }

.react-calendar__month-view__weekNumbers .react-calendar__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75em;
  padding: calc(0.75em / 0.75) calc(0.5em / 0.75); }

.react-calendar__month-view__days__day--weekend {
  color: #d10000; }

.react-calendar__month-view__days__day--neighboringMonth {
  color: #757575; }

.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
  padding: 2em 0.5em; }

.react-calendar__tile {
  max-width: 100%;
  text-align: center;
  padding: 0.75em 0.5em;
  background: none; }

.react-calendar__tile:disabled {
  background-color: #f0f0f0; }

.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
  background-color: #e6e6e6; }

.react-calendar__tile--now {
  background: #ffff76; }

.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
  background: #ffffa9; }

.react-calendar__tile--hasActive {
  background: #76baff; }

.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
  background: #a9d4ff; }

.react-calendar__tile--active {
  background: #006edc;
  color: white; }

.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
  background: #1087ff; }

.react-calendar--selectRange .react-calendar__tile--hover {
  background-color: #e6e6e6; }

svg:not(:root).svg-inline--fa {
  overflow: visible; }

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -.125em; }

.svg-inline--fa.fa-lg {
  vertical-align: -.225em; }

.svg-inline--fa.fa-w-1 {
  width: 0.0625em; }

.svg-inline--fa.fa-w-2 {
  width: 0.125em; }

.svg-inline--fa.fa-w-3 {
  width: 0.1875em; }

.svg-inline--fa.fa-w-4 {
  width: 0.25em; }

.svg-inline--fa.fa-w-5 {
  width: 0.3125em; }

.svg-inline--fa.fa-w-6 {
  width: 0.375em; }

.svg-inline--fa.fa-w-7 {
  width: 0.4375em; }

.svg-inline--fa.fa-w-8 {
  width: 0.5em; }

.svg-inline--fa.fa-w-9 {
  width: 0.5625em; }

.svg-inline--fa.fa-w-10 {
  width: 0.625em; }

.svg-inline--fa.fa-w-11 {
  width: 0.6875em; }

.svg-inline--fa.fa-w-12 {
  width: 0.75em; }

.svg-inline--fa.fa-w-13 {
  width: 0.8125em; }

.svg-inline--fa.fa-w-14 {
  width: 0.875em; }

.svg-inline--fa.fa-w-15 {
  width: 0.9375em; }

.svg-inline--fa.fa-w-16 {
  width: 1em; }

.svg-inline--fa.fa-w-17 {
  width: 1.0625em; }

.svg-inline--fa.fa-w-18 {
  width: 1.125em; }

.svg-inline--fa.fa-w-19 {
  width: 1.1875em; }

.svg-inline--fa.fa-w-20 {
  width: 1.25em; }

.svg-inline--fa.fa-pull-left {
  margin-right: .3em;
  width: auto; }

.svg-inline--fa.fa-pull-right {
  margin-left: .3em;
  width: auto; }

.svg-inline--fa.fa-border {
  height: 1.5em; }

.svg-inline--fa.fa-li {
  width: 2em; }

.svg-inline--fa.fa-fw {
  width: 1.25em; }

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0; }

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -.125em;
  width: 1em; }

.fa-layers svg.svg-inline--fa {
  -webkit-transform-origin: center center;
  transform-origin: center center; }

.fa-layers-text, .fa-layers-counter {
  display: inline-block;
  position: absolute;
  text-align: center; }

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
  transform-origin: center center; }

.fa-layers-counter {
  background-color: #ff253a;
  border-radius: 1em;
  box-sizing: border-box;
  color: #fff;
  height: 1.5em;
  line-height: 1;
  max-width: 5em;
  min-width: 1.5em;
  overflow: hidden;
  padding: .25em;
  right: 0;
  text-overflow: ellipsis;
  top: 0;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
  -webkit-transform-origin: top right;
  transform-origin: top right; }

.fa-layers-bottom-right {
  bottom: 0;
  right: 0;
  top: auto;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right; }

.fa-layers-bottom-left {
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left; }

.fa-layers-top-right {
  right: 0;
  top: 0;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
  -webkit-transform-origin: top right;
  transform-origin: top right; }

.fa-layers-top-left {
  left: 0;
  right: auto;
  top: 0;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
  -webkit-transform-origin: top left;
  transform-origin: top left; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }

.fa-ul > li {
  position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

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

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

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1); }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  -webkit-filter: none;
  filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  position: relative;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0; }

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em; }

.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em; }

.fa-inverse {
  color: #fff; }

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1); }

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4); }

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4); }

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1); }

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black; }

.fad.fa-inverse {
  color: #fff; }

/*! 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 {
  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 {
  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"] {
  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; }

* {
  box-sizing: border-box; }

input[type="text"]:required:invalid:not(:focus),
input[type="password"]:required:invalid:not(:focus),
input[type="url"]:required:invalid:not(:focus),
input[type="email"]:required:invalid:not(:focus),
input[type="tel"]:required:invalid:not(:focus),
input[type="search"]:required:invalid:not(:focus),
input[type="number"]:required:invalid:not(:focus),
input[type="date"]:required:invalid:not(:focus),
input[type="time"]:required:invalid:not(:focus),
input[type="month"]:required:invalid:not(:focus),
input[type="week"]:required:invalid:not(:focus),
input[type="datetime-local"]:required:invalid:not(:focus) {
  border-color: var(--input-border-color) !important; }

* {
  font-family: "Open Sans", sans-serif;
  text-transform: unset; }

html,
body {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.75;
  font-weight: 400;
  color: #5d5d61; }

a,
a:visited {
  color: #2181f7;
  text-decoration: none; }
  a:hover,
  a:visited:hover {
    text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  text-transform: none;
  letter-spacing: 1px; }

h1 {
  font-size: 48px;
  font-size: 3rem; }

h2 {
  font-size: 36px;
  font-size: 2.25rem; }

h3 {
  font-size: 28px;
  font-size: 1.75rem; }

h4 {
  font-size: 22px;
  font-size: 1.375rem;
  color: #fc7d12; }

img {
  max-width: 100%;
  width: auto; }

@media all and (max-width: 1400px) {
  h1 {
    font-size: 40px;
    font-size: 2.5rem; }
  h2 {
    font-size: 30px;
    font-size: 1.875rem; }
  h3 {
    font-size: 22px;
    font-size: 1.375rem; }
  h4 {
    font-size: 18px;
    font-size: 1.125rem; } }

@media all and (max-width: 1024px) {
  h1 {
    font-size: 38px;
    font-size: 2.375rem; }
  h2 {
    font-size: 28px;
    font-size: 1.75rem; }
  h3 {
    font-size: 21px;
    font-size: 1.3125rem; }
  h4 {
    font-size: 17px;
    font-size: 1.0625rem; }
  html,
  body {
    font-size: 15px;
    font-size: 0.9375rem; } }

@media all and (max-width: 767px) {
  h1 {
    font-size: 32px;
    font-size: 2rem; }
  h2 {
    font-size: 24px;
    font-size: 1.5rem;
    text-align: center; }
  h3 {
    font-size: 20px;
    font-size: 1.25rem;
    text-align: center; }
  h4 {
    font-size: 16px;
    font-size: 1rem;
    color: #fc7d12; }
  html,
  body {
    font-size: 14px;
    font-size: 0.875rem; } }

p {
  white-space: pre-wrap; }

.btn {
  background: #2181f7;
  color: #fff;
  -webkit-appearance: none;
  outline: 0;
  border: 0;
  margin: 10px auto;
  cursor: pointer;
  width: 100%;
  max-width: 300px;
  text-align: center;
  padding: 5px 10px; }
  .btn.btn-secondary {
    background: #fff;
    border: 1px solid #2181f7;
    color: #2181f7; }
    .btn.btn-secondary:hover {
      background: #83b9fb;
      color: #fff; }
  .btn:hover {
    background: #0650ac;
    color: #fff; }

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

.map-section {
  overflow: hidden;
  position: relative;
  height: 0; }
  .map-section iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute; }
  .map-section .overlay {
    background: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }

.container {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  padding: 50px 50px; }

.hidden {
  opacity: 0; }

.display-none {
  display: none; }

.row {
  margin: 0 auto;
  display: flex; }
  .row .column {
    flex: 0 0 48%; }
    .row .column.column-1 {
      flex: 0 0 100%; }

.page {
  padding: 50px; }
  .page .row {
    max-width: 900px; }

.card {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  background: #fff;
  padding: 20px;
  border-radius: 8px; }

.radio-group {
  display: flex;
  flex-wrap: wrap; }
  .radio-group > *:not(:last-child) {
    margin-right: 10px; }

.shadow {
  box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.5); }

.seo-link {
  font-size: 18px;
  font-size: 1.125rem;
  text-decoration: none; }

.seo-list {
  display: flex;
  flex-flow: row wrap;
  list-style: none; }
  .seo-list li {
    flex-basis: 20%;
    max-width: 20%;
    padding: 20px;
    text-align: center; }

@media all and (max-width: 1024px) {
  .page {
    padding: 20px; }
  .row {
    flex-direction: column; }
    .row .column {
      width: 100%; } }

@media all and (max-width: 1024px) {
  .container {
    padding: 20px;
    width: 100%; } }

@media all and (max-width: 767px) {
  .container {
    padding: 20px 10px; } }

.disclaimer-text {
  margin-bottom: 0;
  margin-top: 1rem;
  font-size: 12px;
  font-size: 0.75rem; }

.valid {
  border-color: #20d492; }

@media all and (max-width: 1024px) {
  .seo-list li {
    flex-basis: 33.3%;
    max-width: 33.3%; } }

@media all and (max-width: 767px) {
  .seo-list li {
    flex-basis: 100%;
    max-width: 100%;
    padding: 10px;
    text-align: left; }
  .seo-list.open {
    display: flex;
    flex-flow: column nowrap;
    padding: 0; }
  .closed {
    display: none; }
  .seo-collapsible.open {
    display: flex;
    flex-flow: column nowrap;
    padding: 0; }
  .seo-collapsible.closed {
    display: none; } }

.popover-trigger {
  cursor: pointer; }

.popover {
  padding: 10px 20px;
  background: #5d5d61;
  color: #fff;
  font-size: 12px; }

.buy-now-services {
  display: flex;
  gap: 12px; }

.left-right-container {
  display: flex;
  gap: 15px; }
  .left-right-container .left {
    border-right: 1px solid #eee;
    flex-basis: 65%;
    padding: 10px; }
  .left-right-container .right {
    flex-basis: 35%; }

.header {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.prepay-services-header {
  color: #5d5d61; }

.name,
.billing-address,
.contact-information,
.payment-information {
  margin: 0 0 20px 0; }
  .name p,
  .billing-address p,
  .contact-information p,
  .payment-information p {
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875rem; }
  .name .form-input,
  .billing-address .form-input,
  .contact-information .form-input,
  .payment-information .form-input {
    display: flex; }
    .name .form-input.required-input:after,
    .billing-address .form-input.required-input:after,
    .contact-information .form-input.required-input:after,
    .payment-information .form-input.required-input:after {
      content: "*";
      color: #fc7d12;
      font-weight: bold;
      margin-left: 10px; }

.name div {
  display: flex; }
  .name div .form-input {
    flex-basis: 35%;
    margin: 0 10px 0 0; }

.billing-address {
  /* For Zip Code input */ }
  .billing-address input::-webkit-outer-spin-button,
  .billing-address input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .billing-address input[type="number"] {
    -moz-appearance: textfield; }
  .billing-address .form-input {
    margin-bottom: 10px; }
    .billing-address .form-input.address {
      width: 45%; }
    .billing-address .form-input.address-2 {
      width: 30%; }
    .billing-address .form-input.zip {
      width: 25%; }
    .billing-address .form-input.city {
      width: 35%; }
    .billing-address .form-input.state {
      width: 35%; }

.contact-information p {
  display: flex; }
  .contact-information p .title {
    min-width: 155px;
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875rem; }
  .contact-information p .more-info {
    margin-left: 10px;
    font-weight: normal;
    font-size: 12px;
    font-size: 0.75rem; }

.contact-information .form-input {
  margin-bottom: 10px; }
  .contact-information .form-input.phone {
    width: 25%; }
  .contact-information .form-input.email {
    width: 35%; }

.tire-details {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); }
  .tire-details .tire-vehicle-details {
    background: #f4f4f4;
    padding: 20px; }
    .tire-details .tire-vehicle-details .tire-details-text {
      font-weight: bold;
      margin: 0; }
    .tire-details .tire-vehicle-details h3 {
      color: #fc7d12;
      font-size: 20px;
      font-size: 1.25rem; }
    .tire-details .tire-vehicle-details .tire-information {
      display: flex; }
      .tire-details .tire-vehicle-details .tire-information .fits-vehicle {
        flex-basis: 50%;
        display: flex;
        font-weight: bold; }
        .tire-details .tire-vehicle-details .tire-information .fits-vehicle .fa-check-cirlce {
          margin: auto 10px auto 0;
          font-size: 25px;
          font-size: 1.5625rem;
          color: #fc7d12; }
        .tire-details .tire-vehicle-details .tire-information .fits-vehicle p {
          margin: 0; }
      .tire-details .tire-vehicle-details .tire-information .vehicle-and-size {
        flex-basis: 50%;
        padding-left: 20px; }
        .tire-details .tire-vehicle-details .tire-information .vehicle-and-size p {
          margin: 0; }
          .tire-details .tire-vehicle-details .tire-information .vehicle-and-size p span {
            font-weight: bold; }
  .tire-details .deal-summary {
    padding: 20px;
    list-style: none; }
    .tire-details .deal-summary .price-row,
    .tire-details .deal-summary .quantity-row {
      border-top: 1px solid #eee;
      padding: 10px 0 10px 0;
      display: flex;
      justify-content: space-between;
      font-weight: bold;
      font-size: 16px;
      font-size: 1rem; }
      .tire-details .deal-summary .price-row p,
      .tire-details .deal-summary .quantity-row p {
        margin: 0; }
      .tire-details .deal-summary .price-row.total .label,
      .tire-details .deal-summary .price-row.total .value,
      .tire-details .deal-summary .quantity-row.total .label,
      .tire-details .deal-summary .quantity-row.total .value {
        font-size: 22px;
        font-size: 1.375rem; }
      .tire-details .deal-summary .price-row.total .value,
      .tire-details .deal-summary .quantity-row.total .value {
        color: #fc7d12; }
      .tire-details .deal-summary .price-row.sub-row,
      .tire-details .deal-summary .quantity-row.sub-row {
        border-top-style: none;
        font-weight: normal;
        font-size: 13px;
        font-size: 0.8125rem; }
    .tire-details .deal-summary .limited-quantity {
      margin: 0;
      text-align: right; }
    .tire-details .deal-summary .quantity-row .quantity {
      display: flex; }
      .tire-details .deal-summary .quantity-row .quantity span {
        margin: auto 0; }
      .tire-details .deal-summary .quantity-row .quantity .minus-button {
        margin: 0 20px 0 0;
        font-size: 15px;
        font-size: 0.9375rem; }
      .tire-details .deal-summary .quantity-row .quantity .plus-button {
        margin: 0 0 0 20px;
        font-size: 15px;
        font-size: 0.9375rem; }

.appointment-details {
  margin-top: 20px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  background: #f4f4f4;
  padding: 20px; }
  .appointment-details .store-details-text {
    font-weight: bold;
    margin: 0; }
  .appointment-details h3 {
    color: #fc7d12;
    font-size: 20px;
    font-size: 1.25rem; }
  .appointment-details .address {
    text-decoration: none;
    display: flex;
    align-items: center; }
    .appointment-details .address .pin {
      margin-right: 10px;
      font-size: 40px;
      font-size: 2.5rem; }
  .appointment-details .appointment-time {
    font-size: 16px;
    font-size: 1rem; }
  .appointment-details .we-take-care {
    font-weight: bold;
    color: #fc7d12; }

.confirmation h3 {
  color: #fc7d12; }

.confirmation .what-next {
  font-weight: bold; }

.confirmation ol {
  margin: 20px 0;
  font-weight: bold; }
  .confirmation ol li {
    margin: 10px 0; }
    .confirmation ol li span {
      color: #fc7d12; }

.confirmation .thank-you {
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 50px; }
  .confirmation .thank-you span {
    font-weight: bold; }

@media all and (max-width: 1024px) {
  .left-right-container .left {
    padding: 20px; }
  .name div .form-input {
    flex-basis: 40%;
    margin: 0 10px 0 0; }
  .billing-address .form-input.address {
    width: 65%; }
  .billing-address .form-input.address-2 {
    width: 45%; }
  .billing-address .form-input.zip {
    width: 35%; }
  .billing-address .form-input.city {
    width: 45%; }
  .billing-address .form-input.state {
    width: 45%; }
  .contact-information .form-input {
    margin-bottom: 10px; }
    .contact-information .form-input.phone {
      width: 35%; }
    .contact-information .form-input.email {
      width: 55%; }
  .tire-details .tire-vehicle-details {
    padding: 10px; }
  .tire-details .deal-summary {
    padding: 10px; }
  .appointment-details {
    margin-top: 20px;
    padding: 10px; } }

@media all and (max-width: 767px) {
  .left-right-container {
    flex-direction: column; }
    .left-right-container .left {
      border-style: none;
      padding: 0; }
    .left-right-container .right {
      margin-top: 20px; }
  .name div .form-input {
    flex-basis: 50%;
    margin: 0 10px 0 0; }
  .billing-address .form-input.address {
    width: 80%; }
  .billing-address .form-input.address-2 {
    width: 65%; }
  .billing-address .form-input.zip {
    width: 50%; }
  .billing-address .form-input.city {
    width: 65%; }
  .billing-address .form-input.state {
    width: 65%; }
  .contact-information .form-input {
    margin-bottom: 10px; }
    .contact-information .form-input.phone {
      width: 60%; }
    .contact-information .form-input.email {
      width: 80%; }
  .tire-details .tire-vehicle-details {
    padding: 20px; }
  .tire-details .deal-summary {
    padding: 20px; }
  .appointment-details {
    margin: 20px 0;
    padding: 20px; } }

.buy-now {
  padding: 50px 0;
  max-width: 1100px;
  margin: auto; }
  .buy-now .steps-header {
    padding: 0;
    margin-bottom: 20px;
    list-style: none;
    display: flex; }
    .buy-now .steps-header li {
      margin-right: 50px;
      font-size: 20px;
      font-size: 1.25rem;
      font-weight: bold; }
      .buy-now .steps-header li.chevron {
        color: #e0e0e0; }
      .buy-now .steps-header li a {
        text-decoration: none;
        color: #e0e0e0; }
        .buy-now .steps-header li a.selected {
          color: #5d5d61; }
  .buy-now .step.hidden {
    height: 0;
    display: none; }
  .buy-now .loader-spinner {
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .buy-now .loader-spinner .tire img {
      -webkit-animation: spin 2s linear infinite;
      animation: spin 2s linear infinite;
      width: 160px;
      height: 160px;
      margin: 0 auto; }
    .buy-now .loader-spinner p {
      margin: 20px;
      text-align: center; }
      .buy-now .loader-spinner p span {
        font-weight: bold; }

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@media all and (max-width: 1024px) {
  .buy-now .steps-header {
    margin-left: 20px; }
    .buy-now .steps-header li {
      margin-right: 20px; } }

@media all and (max-width: 767px) {
  .buy-now {
    padding: 20px 10px; }
    .buy-now .steps-header {
      margin-left: 0;
      justify-content: space-around; }
      .buy-now .steps-header li {
        font-size: 17px;
        font-size: 1.0625rem;
        margin: 0; } }

.cart .cart-content {
  padding-top: 80px;
  padding-right: 200px;
  padding-left: 200px;
  min-height: 1000px; }
  .cart .cart-content .title {
    text-align: left; }

.complete-dealer-sign-up {
  padding: 100px;
  text-align: center; }
  .complete-dealer-sign-up h2 {
    color: #fc7d12; }

@media all and (max-width: 767px) {
  .complete-dealer-sign-up {
    padding: 50px 20px; } }

.tire-brand-page .container {
  max-width: 1200px; }

@media all and (max-width: 1024px) {
  .tire-brand-page .container {
    padding: 20px; } }

.dlp-page {
  padding: 10px 50px; }
  .dlp-page .claim-this-page {
    margin: 10px 0;
    text-align: center; }
    .dlp-page .claim-this-page h2 {
      display: inline;
      padding: 10px;
      border: solid 2px #2181f7;
      font-size: 25px;
      font-size: 1.5625rem;
      color: #2181f7;
      font-weight: 400; }
  .dlp-page .main-content .accordion {
    max-width: 900px;
    margin: 50px auto; }
    .dlp-page .main-content .accordion__heading {
      border-bottom: 1px solid #b6b6b6;
      font-size: 20px;
      font-size: 1.25rem;
      padding: 20px; }
      @media all and (max-width: 767px) {
        .dlp-page .main-content .accordion__heading {
          font-size: 17px;
          font-size: 1.0625rem;
          padding: 10px;
          line-height: normal; } }
    .dlp-page .main-content .accordion__button {
      background: transparent;
      color: #fc7d12;
      font-weight: bold;
      cursor: pointer;
      outline: 0;
      width: 100%;
      justify-content: flex-start;
      position: relative; }
      .dlp-page .main-content .accordion__button[aria-expanded="true"]::after {
        content: "-"; }
      .dlp-page .main-content .accordion__button::after {
        content: "+";
        position: absolute;
        right: 0;
        color: #5d5d61;
        padding: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        font-size: 20px;
        font-size: 1.25rem; }
    .dlp-page .main-content .accordion__panel {
      padding: 20px; }
      @media all and (max-width: 767px) {
        .dlp-page .main-content .accordion__panel {
          font-size: 16px;
          font-size: 1rem; } }
      @media all and (max-width: 767px) {
        .dlp-page .main-content .accordion__panel p,
        .dlp-page .main-content .accordion__panel span {
          font-size: 16px;
          font-size: 1rem; } }
  .dlp-page .dealer-information .title {
    color: #fc7d12;
    display: flex;
    margin-bottom: 20px;
    align-items: center;
    margin: 20px 0 20px 0; }
    .dlp-page .dealer-information .title .dealer-name {
      display: flex;
      flex-direction: row;
      justify-content: center; }
      .dlp-page .dealer-information .title .dealer-name h3 {
        margin: 0 0 0 20px; }
      .dlp-page .dealer-information .title .dealer-name .dealer-phone {
        margin: 0 0 0 20px;
        color: #5d5d61;
        text-decoration: none; }
    .dlp-page .dealer-information .title img {
      max-width: 200px;
      max-height: 200px; }
    .dlp-page .dealer-information .title .dealer-brands {
      margin-left: auto; }
      .dlp-page .dealer-information .title .dealer-brands a {
        margin: 20px;
        font-size: 18px;
        font-size: 1.125rem;
        color: #2181f7;
        text-decoration: none; }
  .dlp-page .search-boxes {
    margin: 20px 0; }
    .dlp-page .search-boxes h3 {
      text-align: center; }
    .dlp-page .search-boxes .main-search-container {
      display: flex;
      justify-content: center;
      box-shadow: none;
      width: 100%;
      margin: 0 auto;
      padding-left: 10px;
      padding-right: 10px; }
    .dlp-page .search-boxes .main-search .main-search-tabs .tab.react-tabs__tab--selected {
      background-color: #5d5d61; }
  .dlp-page .wholesaler-portal-container {
    background-color: #e0e0e0;
    border-radius: 8px;
    padding: 20px; }
  .dlp-page .map {
    width: auto;
    height: 500px; }
  .dlp-page .video-container {
    overflow: hidden;
    position: relative;
    width: 100%; }
  .dlp-page .video-container::after {
    padding-top: 56.25%;
    display: block;
    content: ""; }
  .dlp-page .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

@media all and (max-width: 1024px) {
  .dlp-page {
    padding: 0 20px; }
    .dlp-page .dealer-information {
      padding: 20px; } }

@media all and (max-width: 767px) {
  .dlp-page {
    padding: 0; }
    .dlp-page .claim-this-page h2 {
      font-size: 14px;
      font-size: 0.875rem; }
    .dlp-page .dealer-information {
      padding: 10px 0; }
      .dlp-page .dealer-information .title {
        flex-direction: column;
        margin: 20px 0 0 0; }
        .dlp-page .dealer-information .title img {
          margin: 0 0 10px 0; }
        .dlp-page .dealer-information .title .dealer-name h3 {
          margin: 0 0 20px 0; }
        .dlp-page .dealer-information .title .dealer-name .dealer-phone {
          margin: 0 0 20px 0;
          text-align: center; }
        .dlp-page .dealer-information .title .dealer-brands {
          margin: 10px 0 0 0; }
          .dlp-page .dealer-information .title .dealer-brands a {
            padding: 10px; }
    .dlp-page .map {
      height: 350px; }
    .dlp-page .search-boxes .search-result-box {
      padding: 20px 0px; }
    .dlp-page .search-boxes .no-results h3 {
      padding: 0px 10px; }
    .dlp-page .wholesaler-portal-container {
      margin: 20px; } }

.generic-google-form-page {
  margin: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center; }

@media all and (max-width: 767px) {
  .generic-google-form-page {
    margin: 0; } }


.get-a-quote-thanks-page .main-search-container {
  display: flex;
  justify-content: center;
  padding: 50px 0; }

.popular-brands .title h3 {
  padding: 20px 0 20px 0;
  text-align: center; }

.popular-brands .title div {
  display: none; }

@media all and (max-width: 767px) {
  .popular-brands .title {
    display: flex;
    justify-content: space-between; }
    .popular-brands .title h3 {
      margin: 0; }
    .popular-brands .title div {
      display: flex;
      flex-direction: column;
      justify-content: center;
      font-size: 20px; }
  .popular-brands .list.closed {
    display: none; } }

.section-text {
  background: #f4f4f4; }

.dealer-contact-iframe .form {
  max-width: 800px;
  margin: 0 auto; }

html,
body {
  background: transparent; }

.dealer-search-iframe--search-only {
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center; }
  .dealer-search-iframe--search-only .tire-search-heading {
    margin-bottom: 4px; }
  .dealer-search-iframe--search-only .get-a-quote-link {
    margin-bottom: 10px; }

.dealer-search-iframe h3 {
  text-align: center; }

.dealer-search-iframe .search {
  display: flex;
  justify-content: center;
  min-height: 510px;
  padding: 20px 0; }

.iframe-get-a-quote {
  padding-bottom: 100px; }

.text {
  line-height: 1.5;
  position: relative;
  bottom: 5px; }
  @media all and (max-width: 767px) {
    .text {
      bottom: 0px; } }
  .text .icon-container {
    height: 100%;
    padding-left: 10px;
    font-size: 22px;
    position: relative;
    top: 4px; }
    @media all and (max-width: 767px) {
      .text .icon-container {
        font-size: 106%;
        top: 2px;
        padding-left: 2px; } }

.list-your-business .contact-us {
  text-align: center;
  margin: 100px 0; }
  .list-your-business .contact-us h3 {
    margin-bottom: 50px; }

.list-your-business .header {
  text-align: center;
  padding: 50px;
  margin-bottom: 10px; }
  .list-your-business .header p {
    font-size: 24px;
    font-size: 1.5rem; }
  .list-your-business .header img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    margin-bottom: 20px; }

.list-your-business .plans-container {
  max-width: 1000px;
  margin: auto; }
  .list-your-business .plans-container .plan-feature-item {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #edeff2;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center; }
    .list-your-business .plans-container .plan-feature-item .left {
      width: 430px;
      display: flex;
      align-items: center; }
      .list-your-business .plans-container .plan-feature-item .left svg {
        margin-bottom: 10px;
        margin-left: 10px;
        cursor: pointer; }
    .list-your-business .plans-container .plan-feature-item .right {
      display: flex;
      text-align: center; }
      .list-your-business .plans-container .plan-feature-item .right .feature-check {
        width: 190px;
        padding-left: 60px;
        padding-right: 60px; }
        .list-your-business .plans-container .plan-feature-item .right .feature-check svg {
          color: #fc7d12;
          height: 30px;
          width: 20px; }
      .list-your-business .plans-container .plan-feature-item .right .feature-cross {
        padding-left: 60px;
        padding-right: 60px;
        padding-top: 5px;
        width: 190px; }
        .list-your-business .plans-container .plan-feature-item .right .feature-cross svg {
          margin-top: 5px;
          color: #b6b6b6;
          height: 20px;
          width: 20px; }
    .list-your-business .plans-container .plan-feature-item p {
      font-size: 18px;
      font-size: 1.125rem; }
  .list-your-business .plans-container .end-row {
    border-bottom: 0px;
    justify-content: center;
    align-content: center; }
    .list-your-business .plans-container .end-row .right .feature-button {
      display: flex;
      flex-flow: row nowrap;
      justify-content: center;
      align-items: center;
      padding-top: 5px;
      width: 190px; }
      .list-your-business .plans-container .end-row .right .feature-button .button {
        flex: 0 0 auto; }
  .list-your-business .plans-container .plans-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: white;
    border-bottom: 1px solid #edeff2;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 40px;
    padding-bottom: 10px; }
    .list-your-business .plans-container .plans-header .right {
      text-align: center;
      display: flex; }
      .list-your-business .plans-container .plans-header .right .plan-head-card {
        padding-left: 20px;
        padding-right: 20px;
        width: 190px; }
        .list-your-business .plans-container .plans-header .right .plan-head-card .btn {
          width: 150px; }

.list-your-business .form-container {
  max-width: 1000px;
  margin: 100px auto; }
  .list-your-business .form-container h3 {
    margin-bottom: 40px; }
  .list-your-business .form-container .listing-video {
    height: 590px; }

.premium-addons {
  margin-top: 80px !important; }
  .premium-addons .plan-feature-item h4 {
    color: #5d5d61; }
  .premium-addons .plan-feature-item .left {
    flex-flow: row wrap;
    flex: 1 0 auto;
    width: 50%; }
  .premium-addons .plan-feature-item .right {
    flex-flow: column nowrap;
    justify-content: left;
    flex: 1 0 auto;
    width: 50%;
    padding-top: 20px;
    padding-bottom: 20px; }
    .premium-addons .plan-feature-item .right .feature-item {
      display: flex;
      flex-flow: row nowrap;
      width: auto;
      margin-top: 10px;
      margin-bottom: 10px; }
      .premium-addons .plan-feature-item .right .feature-item svg {
        color: #fc7d12;
        height: 30px;
        width: 20px;
        margin-left: 60px;
        margin-right: 60px; }

@media all and (max-width: 1000px) {
  .list-your-business .header {
    margin-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px; }
    .list-your-business .header p {
      font-size: 20px;
      font-size: 1.25rem; }
    .list-your-business .header img {
      max-width: 300px; }
    .list-your-business .header .line-break {
      display: none; }
  .list-your-business .plans-container {
    max-width: unset;
    padding-right: 10px;
    padding-left: 10px; }
    .list-your-business .plans-container .plan-feature-item {
      text-align: center; }
      .list-your-business .plans-container .plan-feature-item .left {
        width: 100%;
        justify-content: center; }
      .list-your-business .plans-container .plan-feature-item .right {
        width: 100%;
        justify-content: space-between; }
        .list-your-business .plans-container .plan-feature-item .right .feature-check {
          padding-left: 0px;
          padding-right: 0px; }
        .list-your-business .plans-container .plan-feature-item .right .feature-cross {
          padding-left: 0px;
          padding-right: 0px; }
    .list-your-business .plans-container .plans-header {
      text-align: center;
      padding-top: 20px; }
      .list-your-business .plans-container .plans-header .left {
        width: 100%;
        margin-bottom: 20px; }
        .list-your-business .plans-container .plans-header .left h3 {
          font-size: 30px;
          font-size: 1.875rem; }
        .list-your-business .plans-container .plans-header .left P {
          font-size: 17px;
          font-size: 1.0625rem; }
      .list-your-business .plans-container .plans-header .right {
        width: 100%;
        justify-content: space-between; }
        .list-your-business .plans-container .plans-header .right .plan-head-card {
          padding-right: 10px;
          padding-left: 10px; }
  .form-container {
    margin: 0px; }
    .form-container h3 {
      text-align: center;
      font-size: 28px;
      font-size: 1.75rem; }
    .form-container .listing-video {
      height: 58vw !important; }
  .premium-addons .plan-feature-item {
    display: flex;
    justify-content: center;
    align-items: center; }
    .premium-addons .plan-feature-item .left {
      flex-flow: column nowrap;
      flex: 1 0 auto;
      width: 50%; }
    .premium-addons .plan-feature-item .right {
      width: auto !important;
      justify-content: center;
      align-items: center;
      flex: 0 0 auto; }
      .premium-addons .plan-feature-item .right .feature-item {
        width: 100%;
        flex: 1 0 auto; }
        .premium-addons .plan-feature-item .right .feature-item svg {
          margin-left: 0px; } }

.max-edge-page {
  padding-top: 50px; }
  .max-edge-page .logos {
    display: flex;
    justify-content: center;
    min-height: 0; }
    .max-edge-page .logos img {
      max-width: 200px; }
  .max-edge-page .form-container {
    display: flex;
    justify-content: center;
    margin: 10px;
    height: 2900px; }

@media all and (max-width: 767px) {
  .max-edge-page {
    padding-top: 20px; }
    .max-edge-page .logos {
      flex-direction: column; }
      .max-edge-page .logos img {
        max-width: 180px;
        margin: 10px 0; } }

.partrunner-reserve-now {
  color: #000; }
  .partrunner-reserve-now .buy-now {
    max-width: 992px;
    padding: 50px 0;
    margin: auto; }
    .partrunner-reserve-now .buy-now .steps-header {
      padding: 0;
      margin-bottom: 20px;
      list-style: none;
      display: flex; }
      .partrunner-reserve-now .buy-now .steps-header li {
        margin-right: 50px;
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: bold; }
        .partrunner-reserve-now .buy-now .steps-header li.chevron {
          color: #d8d8d8; }
        .partrunner-reserve-now .buy-now .steps-header li a {
          text-decoration: none;
          color: #d8d8d8; }
          .partrunner-reserve-now .buy-now .steps-header li a.selected {
            color: #000; }
    .partrunner-reserve-now .buy-now .step.hidden {
      height: 0;
      display: none; }
    .partrunner-reserve-now .buy-now .buy-now-deal-details .tire-vehicle-details {
      background: #d8d8d8; }
      .partrunner-reserve-now .buy-now .buy-now-deal-details .tire-vehicle-details h3 {
        color: #000; }
      .partrunner-reserve-now .buy-now .buy-now-deal-details .tire-vehicle-details .fits-vehicle .fa-check-circle {
        color: #000; }
    .partrunner-reserve-now .buy-now .buy-now-deal-details .deal-summary .price-row.total .value {
      color: #000; }
    .partrunner-reserve-now .buy-now .buy-now-deal-details .appointment-details {
      background: #d8d8d8; }
      .partrunner-reserve-now .buy-now .buy-now-deal-details .appointment-details h3 {
        color: #000; }
      .partrunner-reserve-now .buy-now .buy-now-deal-details .appointment-details .address {
        color: #666666; }
      .partrunner-reserve-now .buy-now .buy-now-deal-details .appointment-details .we-take-care {
        color: #000; }
    .partrunner-reserve-now .buy-now .buy-now-schedule .left-right-container .left .tire-store-details .tire-store h3 {
      color: #000; }
    .partrunner-reserve-now .buy-now .buy-now-schedule .left-right-container .left .tire-store-details .tire-store .address {
      color: #666666; }
    .partrunner-reserve-now .buy-now .buy-now-schedule .left-right-container .left .tire-store-details .store-hours .line .day {
      color: #666666; }
    .partrunner-reserve-now .buy-now .buy-now-schedule .left-right-container .left .info span {
      color: #666666; }
    .partrunner-reserve-now .buy-now .buy-now-schedule .left-right-container .left .chose-a-date .calendar .react-calendar__navigation__label,
    .partrunner-reserve-now .buy-now .buy-now-schedule .left-right-container .left .chose-a-date .calendar .react-calendar__navigation__label[disabled],
    .partrunner-reserve-now .buy-now .buy-now-schedule .left-right-container .left .chose-a-date .calendar .react-calendar__navigation__label:disabled {
      color: #666666; }
    .partrunner-reserve-now .buy-now .buy-now-schedule .left-right-container .left .chose-a-date .calendar .react-calendar__month-view__weekdays__weekday abbr {
      color: #666666; }
    .partrunner-reserve-now .buy-now .buy-now-schedule .left-right-container .left .chose-a-date .calendar .react-calendar__tile--active:enabled:hover,
    .partrunner-reserve-now .buy-now .buy-now-schedule .left-right-container .left .chose-a-date .calendar .react-calendar__tile--active:enabled:focus {
      background: #f9d938;
      color: #000; }
    .partrunner-reserve-now .buy-now .buy-now-schedule .left-right-container .left .chose-a-date .calendar .react-calendar__tile--active {
      background: #f9d938;
      color: #000; }
    .partrunner-reserve-now .buy-now .buy-now-schedule .continue-to-checkout-button button {
      color: #000;
      background: #f9d938;
      border-style: none; }
    .partrunner-reserve-now .buy-now .buy-now-checkout form .name .form-input.required-input:after,
    .partrunner-reserve-now .buy-now .buy-now-checkout form .billing-address .form-input.required-input:after,
    .partrunner-reserve-now .buy-now .buy-now-checkout form .contact-information .form-input.required-input:after,
    .partrunner-reserve-now .buy-now .buy-now-checkout form .payment-information .form-input.required-input:after {
      color: #666666; }
    .partrunner-reserve-now .buy-now .buy-now-checkout .complete-checkout .button-container button {
      color: #000;
      background: #f9d938;
      border-style: none; }
      .partrunner-reserve-now .buy-now .buy-now-checkout .complete-checkout .button-container button span {
        color: #000; }
    .partrunner-reserve-now .buy-now .buy-now-checkout .complete-checkout .button-container .loader img {
      -webkit-filter: grayscale(100%);
      /* Safari 6.0 - 9.0 */
      filter: grayscale(100%); }
    .partrunner-reserve-now .buy-now .reservation-confirmation h3 {
      color: #666666; }
  @media all and (max-width: 1024px) {
    .partrunner-reserve-now .buy-now .steps-header {
      margin-left: 20px; }
      .partrunner-reserve-now .buy-now .steps-header li {
        margin-right: 20px; } }
  @media all and (max-width: 767px) {
    .partrunner-reserve-now .buy-now {
      padding: 20px 10px; }
      .partrunner-reserve-now .buy-now .steps-header {
        margin-left: 0;
        justify-content: space-around; }
        .partrunner-reserve-now .buy-now .steps-header li {
          font-size: 17px;
          font-size: 1.0625rem;
          margin: 0; } }

.quote .loading {
  min-height: 600px; }

.buy-now {
  padding: 50px 0;
  max-width: 1100px;
  margin: auto; }
  .buy-now .steps-header {
    padding: 0;
    margin-bottom: 20px;
    list-style: none;
    display: flex; }
    .buy-now .steps-header li {
      margin-right: 50px;
      font-size: 20px;
      font-size: 1.25rem;
      font-weight: bold; }
      .buy-now .steps-header li.chevron {
        color: #e0e0e0; }
      .buy-now .steps-header li a {
        text-decoration: none;
        color: #e0e0e0; }
        .buy-now .steps-header li a.selected {
          color: #5d5d61; }
  .buy-now .step.hidden {
    height: 0;
    display: none; }
  .buy-now .loader-spinner {
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .buy-now .loader-spinner .tire img {
      -webkit-animation: spin 2s linear infinite;
      animation: spin 2s linear infinite;
      width: 160px;
      height: 160px;
      margin: 0 auto; }
    .buy-now .loader-spinner p {
      margin: 20px;
      text-align: center; }
      .buy-now .loader-spinner p span {
        font-weight: bold; }

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@media all and (max-width: 1024px) {
  .buy-now .steps-header {
    margin-left: 20px; }
    .buy-now .steps-header li {
      margin-right: 20px; } }

@media all and (max-width: 767px) {
  .buy-now {
    padding: 20px 10px; }
    .buy-now .steps-header {
      margin-left: 0;
      justify-content: space-around; }
      .buy-now .steps-header li {
        font-size: 17px;
        font-size: 1.0625rem;
        margin: 0; } }

.store-locator {
  min-height: 600px;
  padding: 20px; }
  .store-locator .page-container {
    display: flex; }
    .store-locator .page-container .store-locator-filters {
      flex-basis: 20%; }
    .store-locator .page-container .store-locator-result-section {
      flex-basis: 80%; }
      .store-locator .page-container .store-locator-result-section .results-view-tabs {
        display: none; }

@media all and (max-width: 1024px) {
  .store-locator .store-locator-header .main-title {
    font-size: 16px;
    font-size: 1rem;
    text-transform: uppercase;
    margin: 10px 0 10px 0; }
  .store-locator .store-locator-header .page-description {
    font-size: 14px;
    font-size: 0.875rem;
    width: 100%;
    margin: 10px 0 10px 0; }
  .store-locator .page-container {
    padding-top: 20px;
    flex-direction: column; }
    .store-locator .page-container .store-locator-result-section {
      padding-top: 20px;
      flex-direction: column; }
      .store-locator .page-container .store-locator-result-section .results-view-tabs {
        display: flex;
        align-items: center;
        border: 1px solid #2181f7;
        padding: 0;
        margin-bottom: 20px; }
        .store-locator .page-container .store-locator-result-section .results-view-tabs .react-tabs__tab {
          flex: 50%;
          text-align: center;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          border-radius: 0;
          border: 0;
          bottom: 0;
          color: #2181f7;
          background: #fff; }
          .store-locator .page-container .store-locator-result-section .results-view-tabs .react-tabs__tab.react-tabs__tab--selected {
            background: #2181f7;
            color: #fff;
            border-radius: 0; } }

@media all and (max-width: 767px) {
  .store-locator {
    padding: 0; }
    .store-locator .store-locator-header {
      padding: 10px 10px 0 10px; }
      .store-locator .store-locator-header .main-title {
        font-size: 14px;
        font-size: 0.875rem;
        text-transform: uppercase;
        margin: 10px 0 10px 0; }
      .store-locator .store-locator-header .page-description {
        font-size: 11px;
        font-size: 0.6875rem;
        width: 100%;
        margin: 10px 0 10px 0; }
    .store-locator .page-container .store-locator-result-section {
      padding: 0; }
      .store-locator .page-container .store-locator-result-section .results-view-tabs {
        margin: 0; } }


.tire-results-page-header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  .tire-results-page-header .tire-search-heading {
    margin-bottom: 4px; }
  .tire-results-page-header .get-a-quote-link {
    margin-bottom: 10px; }

.get-quotes-modal .form-element {
  margin-bottom: 20px; }

.get-quotes-button.btn {
  color: #fff;
  font-weight: bold;
  padding: 10px;
  font-size: 1.5rem; }

.model-search .search-form-container {
  max-width: 500px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  margin: 0 auto 50px auto; }

.model-search .search-result-container {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  margin: 0 0 20px 0; }
  .model-search .search-result-container .empty-results {
    text-align: center;
    opacity: 0.5; }
    .model-search .search-result-container .empty-results h3 {
      margin: 0;
      padding: 20px; }
  .model-search .search-result-container .no-results {
    text-align: center;
    margin: 0;
    padding: 20px; }
  .model-search .search-result-container .loader {
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .model-search .search-result-container .loader img {
      -webkit-animation: spin 2s linear infinite;
      animation: spin 2s linear infinite;
      width: 160px;
      height: 160px; }
  .model-search .search-result-container .results-section .search-results {
    width: 100%; }
    .model-search .search-result-container .results-section .search-results .result-box {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin: 10px; }
      .model-search .search-result-container .results-section .search-results .result-box .result-information {
        position: relative;
        padding: 20px 20px 50px 20px;
        text-align: left; }
        .model-search .search-result-container .results-section .search-results .result-box .result-information .save-this {
          position: absolute;
          right: 10px;
          top: 10px; }
        .model-search .search-result-container .results-section .search-results .result-box .result-information p {
          margin: 0; }
        .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-information {
          text-transform: uppercase;
          font-size: 11px;
          font-size: 0.6875rem; }
        .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-logo {
          margin: 20px 0; }
          .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-logo img {
            width: 80px; }
        .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-name {
          margin-bottom: 10px;
          font-weight: bold;
          font-size: 1.125rem;
          text-transform: uppercase;
          margin-top: 20px; }
        .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-type,
        .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-warranty,
        .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-life {
          display: flex;
          font-size: 12px;
          font-size: 0.75rem;
          margin-bottom: 0; }
          .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-type .tire-life-title,
          .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-warranty .tire-life-title,
          .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-life .tire-life-title {
            display: inline-block;
            margin-right: 10px; }
          .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-type .tire-life-images,
          .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-warranty .tire-life-images,
          .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-life .tire-life-images {
            display: flex;
            align-items: center; }
            .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-type .tire-life-images .tire-life-icon,
            .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-warranty .tire-life-images .tire-life-icon,
            .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-life .tire-life-images .tire-life-icon {
              opacity: 0.4;
              max-width: 10px; }
            .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-type .tire-life-images .tire-life-icon.selected,
            .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-warranty .tire-life-images .tire-life-icon.selected,
            .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-life .tire-life-images .tire-life-icon.selected {
              opacity: 1; }
        .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-life-images {
          display: flex;
          align-items: center; }
          .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-life-images b {
            display: inline-block;
            margin-right: 10px;
            font-weight: normal; }
          .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-life-images img {
            max-width: 20px; }
          .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-life-images .tire-type {
            max-width: 35px;
            margin: 0;
            margin-left: 10px; }
        .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-price {
          color: #fc7d12;
          display: flex;
          align-items: center;
          margin-bottom: 0; }
          .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-price h3 {
            margin: 0;
            margin-right: 10px;
            font-size: 42px;
            font-size: 2.625rem; }
          .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-price span {
            color: #5d5d61;
            font-size: 12px;
            font-size: 0.75rem; }
        .model-search .search-result-container .results-section .search-results .result-box .result-information .tire-unit-price span {
          font-size: 12px;
          font-size: 0.75rem;
          margin-left: 10px; }
      .model-search .search-result-container .results-section .search-results .result-box .view-deal {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px;
        text-transform: uppercase;
        text-decoration: none;
        background: #2181f7;
        color: #fff; }

.model-search-tabs {
  display: flex;
  align-items: center;
  border: 1px solid #2181f7;
  padding: 0; }
  .model-search-tabs .react-tabs__tab {
    flex: 50%;
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 0;
    border: 0;
    bottom: 0;
    color: #2181f7; }
    .model-search-tabs .react-tabs__tab.react-tabs__tab--selected {
      background: #2181f7;
      color: #fff;
      border-radius: 0; }

.model-search-form .search-by-vehicle {
  background: #fff;
  color: #2181f7;
  padding: 20px; }
  .model-search-form .search-by-vehicle .search-header {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .model-search-form .search-by-vehicle .search-body {
    color: #5d5d61; }
    .model-search-form .search-by-vehicle .search-body .input-container {
      margin-bottom: 50px; }
    .model-search-form .search-by-vehicle .search-body .search-form select {
      margin: 10px 0 10px 0;
      z-index: 9999; }

.model-search-form .search-by-size {
  padding: 20px; }
  .model-search-form .search-by-size .input-container {
    margin: 10px 0 10px 0; }
    .model-search-form .search-by-size .input-container .submit {
      margin: 20px 0 20px 0;
      width: 100%; }

@media all and (max-width: 1024px) {
  .model-search .search-form-container {
    min-width: auto;
    max-width: 70%;
    margin: 0 auto 20px auto; }
    .model-search .search-form-container .search-form .search-bar .search-footer .right,
    .model-search .search-form-container .search-form .search-bar .search-footer .left {
      text-align: center; } }

@media all and (max-width: 767px) {
  .model-saerch .search-form-container {
    max-width: 100%; } }

.error-404-page {
  padding: 100px 20px; }
  .error-404-page h5 {
    text-align: center; }
  .error-404-page .error-404-header {
    margin: 20px 0;
    display: flex;
    justify-content: center;
    font-size: 180px;
    font-size: 11.25rem; }
    .error-404-page .error-404-header span {
      color: #fc7d12; }
    .error-404-page .error-404-header img {
      max-height: 196px; }
  .error-404-page .home-link-container {
    display: flex;
    justify-content: center;
    margin: 20px 0; }

@media all and (max-width: 767px) {
  .error-404-page .error-404-header {
    font-size: 90px;
    font-size: 5.625rem; }
    .error-404-page .error-404-header img {
      max-height: 96px; } }

.error * {
  transition: all 0.6s; }

.error html {
  height: 100%; }

.error body {
  font-family: "Lato", sans-serif;
  color: #888;
  margin: 0; }

.error #main {
  display: table;
  width: 100%;
  height: 100vh;
  text-align: center; }

.error .fof {
  display: table-cell;
  vertical-align: middle; }

.error .fof h1 {
  font-size: 50px;
  display: inline-block;
  padding-right: 12px;
  -webkit-animation: type 0.5s alternate infinite;
          animation: type 0.5s alternate infinite; }

@-webkit-keyframes type {
  from {
    box-shadow: inset -3px 0px 0px #888; }
  to {
    box-shadow: inset -3px 0px 0px transparent; } }

@keyframes type {
  from {
    box-shadow: inset -3px 0px 0px #888; }
  to {
    box-shadow: inset -3px 0px 0px transparent; } }

.model-page {
  padding: 50px; }
  .model-page .logo {
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .model-page .logo div {
      margin: auto 20px auto 20px; }
      .model-page .logo div img {
        max-width: 150px;
        max-height: 150px; }
  .model-page h1 {
    text-align: center;
    color: #fc7d12; }
  .model-page .container {
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .model-page .container .left,
    .model-page .container .right {
      flex: 50%;
      padding: 10px; }
    .model-page .container .right .boxes-container {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
      padding: 20px; }
      .model-page .container .right .boxes-container .tire-price {
        display: flex;
        align-items: center;
        margin: 20px 0 20px 0; }
        .model-page .container .right .boxes-container .tire-price h3 {
          color: #fc7d12;
          font-size: 40px;
          font-size: 2.5rem;
          margin: 0 0 0 10px; }
        .model-page .container .right .boxes-container .tire-price span {
          font-size: 12px;
          font-size: 0.75rem;
          margin: 0 0 0 10px; }
      .model-page .container .right .boxes-container .tire {
        margin: 20px 0 20px 0; }
        .model-page .container .right .boxes-container .tire .tire-information {
          text-transform: uppercase;
          font-weight: bold;
          font-size: 1.05rem !important; }
        .model-page .container .right .boxes-container .tire p {
          margin: 0; }
        .model-page .container .right .boxes-container .tire .tire-images {
          margin-bottom: 10px; }
          .model-page .container .right .boxes-container .tire .tire-images .tire-image {
            max-width: 100px; }

@media all and (max-width: 1024px) {
  .model-page {
    padding: 20px; } }

@media all and (max-width: 767px) {
  .model-page {
    padding: 20px; }
    .model-page .container {
      flex-direction: column; } }

.about .founder-briefing .founder-image {
  text-align: -webkit-center;
  margin-bottom: 200px; }
  .about .founder-briefing .founder-image p {
    font-size: 24px;
    font-size: 1.5rem; }
  .about .founder-briefing .founder-image img {
    max-height: 300px; }

.about .text-section {
  color: #5d5d61;
  min-height: 400px;
  text-align: center;
  padding: 150px;
  padding-left: 200px;
  padding-right: 200px;
  line-height: 2; }
  .about .text-section h1 {
    font-size: 32px;
    font-size: 2rem;
    padding-bottom: 20px; }
  .about .text-section p {
    font-size: 24px;
    font-size: 1.5rem; }

.about .link-section {
  min-height: 400px;
  display: flex;
  flex-direction: row;
  text-align: center;
  margin-left: 150px;
  margin-right: 150px;
  margin-bottom: 100px;
  justify-content: center; }
  .about .link-section .btn {
    border: none;
    margin: 0px;
    font-size: 20px;
    display: block;
    align-self: center; }
  .about .link-section a {
    font-size: 24px;
    font-size: 1.5rem;
    padding: 30px;
    padding-left: 10px;
    padding-right: 10px; }
  .about .link-section h1 {
    font-size: 32px;
    font-size: 2rem;
    margin-bottom: 150px; }
  .about .link-section .left {
    width: 50%;
    display: flex;
    flex-direction: column; }
  .about .link-section .right {
    width: 50%;
    display: flex;
    flex-direction: column; }

.about .info-section {
  margin-top: 100px;
  margin-bot: 100px;
  display: flex;
  flex-direction: row;
  flex: 2 1; }
  .about .info-section .left img {
    max-width: 650px;
    height: auto; }
  .about .info-section .right {
    line-height: 2;
    padding-right: 150px;
    padding-left: 100px; }
    .about .info-section .right h1 {
      font-size: 32px;
      font-size: 2rem; }
    .about .info-section .right p {
      font-size: 20px;
      font-size: 1.25rem; }

@media all and (max-width: 1024px) {
  .about .text-section {
    min-height: 100px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 100px;
    padding-bottom: 100px; }
  .about .info-section {
    flex-direction: column;
    margin-top: 0; }
    .about .info-section .left {
      order: 1;
      width: 100%; }
      .about .info-section .left img {
        max-width: 100%;
        height: auto; }
    .about .info-section .right {
      order: 2;
      width: 100%;
      padding-right: 20px;
      padding-left: 20px;
      padding-top: 100px;
      padding-bottom: 100px;
      text-align: center; } }

@media all and (max-width: 767px) {
  .about .link-section {
    min-height: 400px;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    justify-content: center; }
    .about .link-section .btn {
      border: none;
      margin: 0px;
      font-size: 20px;
      margin-bottom: 50px; }
    .about .link-section a {
      font-size: 24px;
      font-size: 1.5rem;
      padding: 30px;
      padding-left: 10px;
      padding-right: 10px; }
    .about .link-section h1 {
      font-size: 25px;
      font-size: 1.5625rem;
      margin-bottom: 50px; }
    .about .link-section .left {
      width: 100%;
      display: flex;
      flex-direction: column; }
      .about .link-section .left .btn {
        display: block; }
    .about .link-section .right {
      width: 100%;
      display: flex;
      flex-direction: column; }
  .about .founder-briefing {
    display: flex;
    flex-direction: column; }
    .about .founder-briefing .founder-image {
      order: 1;
      margin-bottom: 0; }
      .about .founder-briefing .founder-image p {
        font-size: 20px;
        font-size: 1.25rem; }
      .about .founder-briefing .founder-image img {
        max-height: 250px;
        margin-bottom: 20px; }
    .about .founder-briefing .text-section {
      order: 2;
      padding-top: 0; }
  .about .info-section {
    flex-direction: column; }
    .about .info-section .left {
      order: 1;
      width: 100%; }
    .about .info-section .right {
      order: 2;
      width: 100%;
      padding-right: 20px;
      padding-left: 20px;
      padding-top: 50px;
      padding-bottom: 50px;
      text-align: center; }
      .about .info-section .right h1 {
        font-size: 25px;
        font-size: 1.5625rem; }
      .about .info-section .right p {
        font-size: 15px;
        font-size: 0.9375rem; }
  .about .text-section {
    min-height: 100px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px; }
    .about .text-section h1 {
      font-size: 25px;
      font-size: 1.5625rem; }
    .about .text-section p {
      font-size: 15px;
      font-size: 0.9375rem; } }

.custom-tires-header {
  padding: 25px; }
  .custom-tires-header .main-title {
    font-size: 30px;
    font-size: 1.875rem;
    margin: 0 20px 20px 10px; }
  .custom-tires-header .page-description {
    font-size: 15px;
    font-size: 0.9375rem;
    width: 60%;
    margin: 10px; }

.custom-tires-page {
  margin: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center; }
  .custom-tires-page iframe {
    height: 2000px; }

@media all and (max-width: 1024px) {
  .custom-tires-header {
    padding: 20px 50px 10px 50px; }
    .custom-tires-header .main-title {
      font-size: 16px;
      font-size: 1rem;
      margin: 10px 0 10px 0; }
    .custom-tires-header .page-description {
      font-size: 14px;
      font-size: 0.875rem;
      width: 100%;
      margin: 10px 0 10px 0; } }

@media all and (max-width: 767px) {
  .custom-tires-header {
    padding: 10px 50px 0 20px; }
    .custom-tires-header .main-title {
      font-size: 14px;
      font-size: 0.875rem; }
    .custom-tires-header .page-description {
      font-size: 11px;
      font-size: 0.6875rem; }
  .custom-tires-page {
    margin: 0; }
    .custom-tires-page iframe {
      height: 2500px; } }

.customer-rewards-page {
  margin: 50px;
  display: flex;
  flex-direction: row;
  justify-content: center; }
  .customer-rewards-page iframe {
    height: 2000px; }

@media all and (max-width: 767px) {
  .customer-rewards-page {
    margin: 0; }
    .customer-rewards-page iframe {
      height: 2500px; } }

.dealer-agreement-page {
  padding: 100px; }
  .dealer-agreement-page .section {
    margin: 20px 0 20px 0; }
    .dealer-agreement-page .section .section-title {
      text-indent: 25px; }
    .dealer-agreement-page .section .section-sub-title {
      text-indent: 75px;
      text-decoration: underline; }
    .dealer-agreement-page .section .section-content {
      text-indent: 50px; }

@media all and (max-width: 767px) {
  .dealer-agreement-page {
    padding: 20px; }
    .dealer-agreement-page .section .section-title {
      text-indent: 10px; }
    .dealer-agreement-page .section .section-sub-title {
      text-indent: 30px; }
    .dealer-agreement-page .section .section-content {
      text-indent: 20px; } }

.free-trial-page {
  margin: 50px;
  display: flex;
  flex-direction: row;
  justify-content: center; }

@media all and (max-width: 767px) {
  .free-trial-page {
    margin: 0; } }

.list {
  list-style-type: none; }

.list-element {
  padding: 10px;
  float: left; }

.year-container {
  padding: 50px;
  display: flex;
  flex-direction: column; }


.municipality-container {
  padding: 50px; }
  .municipality-container .list {
    list-style-type: none; }


.new-dealer-page {
  margin: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center; }
  .new-dealer-page iframe {
    height: 4500px; }

@media all and (max-width: 767px) {
  .new-dealer-page {
    margin: 0; }
    .new-dealer-page iframe {
      height: 2500px; } }

.privacy-policy-page {
  padding: 100px; }
  .privacy-policy-page .section {
    margin: 20px 0 20px 0; }
    .privacy-policy-page .section .section-title {
      text-indent: 25px; }
    .privacy-policy-page .section .section-sub-title {
      text-indent: 75px;
      text-decoration: underline; }
    .privacy-policy-page .section .section-content {
      text-indent: 50px; }
  .privacy-policy-page .main-list {
    list-style-type: decimal; }
    .privacy-policy-page .main-list > ol {
      list-style-type: upper-alpha; }
      .privacy-policy-page .main-list > ol li,
      .privacy-policy-page .main-list > ol p {
        margin-bottom: 10px; }
      .privacy-policy-page .main-list > ol > ol {
        list-style-type: lower-roman; }

@media all and (max-width: 767px) {
  .privacy-policy-page {
    padding: 20px; }
    .privacy-policy-page .section .section-title {
      text-indent: 10px; }
    .privacy-policy-page .section .section-sub-title {
      text-indent: 30px; }
    .privacy-policy-page .section .section-content {
      text-indent: 20px; } }

.rebate-request-page {
  margin: 50px;
  display: flex;
  flex-direction: row;
  justify-content: center; }

@media all and (max-width: 767px) {
  .rebate-request-page {
    margin: 0; } }

.return-policy-page {
  padding: 100px; }
  .return-policy-page .section {
    margin: 20px 0 20px 0; }
    .return-policy-page .section .section-title {
      text-indent: 25px; }
    .return-policy-page .section .section-sub-title {
      text-indent: 75px;
      text-decoration: underline; }
    .return-policy-page .section .section-content {
      text-indent: 50px; }

@media all and (max-width: 767px) {
  .return-policy-page {
    padding: 20px; }
    .return-policy-page .section .section-title {
      text-indent: 10px; }
    .return-policy-page .section .section-sub-title {
      text-indent: 30px; }
    .return-policy-page .section .section-content {
      text-indent: 20px; } }

.privacy-policy-page {
  padding: 100px; }
  .privacy-policy-page .section {
    margin: 20px 0 20px 0; }
    .privacy-policy-page .section .section-title {
      text-indent: 25px; }
    .privacy-policy-page .section .section-sub-title {
      text-indent: 75px;
      text-decoration: underline; }
    .privacy-policy-page .section .section-content {
      text-indent: 50px; }
  .privacy-policy-page .main-list {
    list-style-type: upper-alpha; }
    .privacy-policy-page .main-list > ol {
      list-style-type: decimal; }
      .privacy-policy-page .main-list > ol li,
      .privacy-policy-page .main-list > ol p {
        margin-bottom: 10px; }

@media all and (max-width: 767px) {
  .privacy-policy-page {
    padding: 20px; }
    .privacy-policy-page .section .section-title {
      text-indent: 10px; }
    .privacy-policy-page .section .section-sub-title {
      text-indent: 30px; }
    .privacy-policy-page .section .section-content {
      text-indent: 20px; } }

.part-runner-srp {
  max-width: 992px;
  margin: 0 auto;
  color: #000; }
  .part-runner-srp .btn-partrunner {
    font-weight: bold;
    background: #f9d938;
    color: #000; }
  .part-runner-srp .btn-secondary-partrunner {
    font-weight: bold;
    background: #d8d8d8;
    color: #000;
    border-style: none; }
  .part-runner-srp .srp-container .container {
    padding: 20px; }
    .part-runner-srp .srp-container .container .main-title {
      display: none; }
      .part-runner-srp .srp-container .container .main-title span {
        font-size: 12px;
        font-size: 0.75rem; }
  .part-runner-srp .srp-container .sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 10px; }
  .part-runner-srp .srp-container .filter-open {
    display: none; }
  .part-runner-srp .srp-container .srp-row {
    flex-direction: column; }
    .part-runner-srp .srp-container .srp-row .left,
    .part-runner-srp .srp-container .srp-row .right {
      margin: 0;
      padding: 0; }
  .part-runner-srp .srp-container .left {
    margin-bottom: 0; }
    .part-runner-srp .srp-container .left .filter-open {
      text-decoration: none;
      display: block;
      color: #000;
      background: #f9d938;
      text-align: center;
      padding: 10px;
      border-bottom: 1px solid #fff; }
      .part-runner-srp .srp-container .left .filter-open h3 {
        margin: 0; }
    .part-runner-srp .srp-container .left .filter-tabs {
      display: none; }
    .part-runner-srp .srp-container .left .filter-section {
      display: none; }
      .part-runner-srp .srp-container .left .filter-section.on {
        display: flex; }
  .part-runner-srp .srp-container .right .loader {
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .part-runner-srp .srp-container .right .loader img {
      -webkit-animation: spin 2s linear infinite;
      animation: spin 2s linear infinite;
      width: 160px;
      height: 160px;
      -webkit-filter: grayscale(100%);
      /* Safari 6.0 - 9.0 */
      filter: grayscale(100%); }
  .part-runner-srp .srp-container .right .loading-no-results {
    margin-top: 50px;
    text-align: center;
    font-size: 20px;
    font-size: 1.25rem; }
  @media all and (max-width: 1200px) {
    .part-runner-srp .srp-container {
      padding: 10px; }
      .part-runner-srp .srp-container .container .main-title {
        display: none; }
      .part-runner-srp .srp-container .srp-row {
        flex-direction: column; }
        .part-runner-srp .srp-container .srp-row .left,
        .part-runner-srp .srp-container .srp-row .right {
          margin: 0;
          padding: 0; }
        .part-runner-srp .srp-container .srp-row .left {
          margin-bottom: 0; }
          .part-runner-srp .srp-container .srp-row .left .filter-open {
            text-decoration: none;
            display: block;
            color: #000;
            background: #f9d938;
            text-align: center;
            padding: 10px;
            border-bottom: 1px solid #fff; }
            .part-runner-srp .srp-container .srp-row .left .filter-open h3 {
              margin: 0; }
          .part-runner-srp .srp-container .srp-row .left .filter-tabs {
            display: none; }
          .part-runner-srp .srp-container .srp-row .left .filter-section {
            display: none; }
            .part-runner-srp .srp-container .srp-row .left .filter-section.on {
              display: flex; } }
  .part-runner-srp .sort-bar {
    display: flex;
    align-items: center;
    margin-top: 20px;
    justify-content: space-between; }
    .part-runner-srp .sort-bar .right,
    .part-runner-srp .sort-bar .left {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .part-runner-srp .sort-bar .right p,
      .part-runner-srp .sort-bar .left p {
        margin: 0; }
      .part-runner-srp .sort-bar .right a,
      .part-runner-srp .sort-bar .left a {
        text-decoration: none; }
    .part-runner-srp .sort-bar .left {
      flex-grow: 1;
      justify-content: flex-start; }
      .part-runner-srp .sort-bar .left #sort,
      .part-runner-srp .sort-bar .left #sortBrand {
        margin-right: 20px;
        height: 35px;
        width: 45%; }
      .part-runner-srp .sort-bar .left #sortBrand {
        margin-right: 0; }
    .part-runner-srp .sort-bar .right {
      justify-content: flex-end; }
      .part-runner-srp .sort-bar .right p {
        font-size: 14px;
        font-size: 0.875rem;
        margin-right: 20px; }
      .part-runner-srp .sort-bar .right .next span {
        margin-right: 10px; }
  .part-runner-srp .results-view-chooser .result-rating {
    align-items: center;
    display: flex;
    background: #f4f4f4;
    height: 30px; }
    .part-runner-srp .results-view-chooser .result-rating .chevron-container {
      position: relative; }
      .part-runner-srp .results-view-chooser .result-rating .chevron-container .tt-rating-text {
        position: absolute;
        left: 0;
        top: 0;
        display: flex;
        width: 100%;
        align-content: space-between; }
        .part-runner-srp .results-view-chooser .result-rating .chevron-container .tt-rating-text.great-deal {
          width: 100%; }
          .part-runner-srp .results-view-chooser .result-rating .chevron-container .tt-rating-text.great-deal p {
            width: 33%; }
        .part-runner-srp .results-view-chooser .result-rating .chevron-container .tt-rating-text.good-deal {
          width: 66%; }
          .part-runner-srp .results-view-chooser .result-rating .chevron-container .tt-rating-text.good-deal p {
            width: 50%; }
        .part-runner-srp .results-view-chooser .result-rating .chevron-container .tt-rating-text.fair-deal {
          width: 33%; }
          .part-runner-srp .results-view-chooser .result-rating .chevron-container .tt-rating-text.fair-deal p {
            width: 100%; }
        .part-runner-srp .results-view-chooser .result-rating .chevron-container .tt-rating-text p {
          font-weight: bold;
          text-align: center;
          color: #fff;
          margin: 2px; }
      .part-runner-srp .results-view-chooser .result-rating .chevron-container img {
        height: 30px; }
      .part-runner-srp .results-view-chooser .result-rating .chevron-container .chevron {
        flex: 60%; }
        .part-runner-srp .results-view-chooser .result-rating .chevron-container .chevron img {
          border-radius: 0; }
    .part-runner-srp .results-view-chooser .result-rating a {
      margin-left: 10px; }
    .part-runner-srp .results-view-chooser .result-rating p {
      margin: 0; }
      .part-runner-srp .results-view-chooser .result-rating p b {
        margin-left: 10px;
        color: #000; }
      .part-runner-srp .results-view-chooser .result-rating p span {
        margin-left: 10px;
        color: #5d5d61; }
    .part-runner-srp .results-view-chooser .result-rating .icons {
      flex: 40%;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .part-runner-srp .results-view-chooser .result-rating .icons .icons-contianer {
        display: flex;
        flex-direction: row; }
        .part-runner-srp .results-view-chooser .result-rating .icons .icons-contianer .icon {
          margin-left: 20px;
          height: 25px; }
  .part-runner-srp .results-view-chooser .results-view-tabs {
    display: flex;
    align-items: center;
    border: 1px solid #f9d938;
    padding: 0; }
    .part-runner-srp .results-view-chooser .results-view-tabs .react-tabs__tab {
      flex: 50%;
      text-align: center;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 0;
      border: 0;
      bottom: 0; }
      .part-runner-srp .results-view-chooser .results-view-tabs .react-tabs__tab.react-tabs__tab--selected {
        background: #f9d938;
        color: #fff;
        border-radius: 0; }
  @media all and (max-width: 1200px) {
    .part-runner-srp .results-view-chooser .results-view-tabs {
      border: 0;
      margin-top: 20px;
      justify-content: flex-end; }
      .part-runner-srp .results-view-chooser .results-view-tabs .tab {
        max-width: 200px; } }
  @media all and (max-width: 1024px) {
    .part-runner-srp .srp-container .result-container .row {
      flex-direction: row; } }
  @media all and (max-width: 767px) {
    .part-runner-srp .srp-container .container {
      padding: 20px 0; }
    .part-runner-srp .srp-container .sticky {
      position: static; }
    .part-runner-srp .srp-container .results-view-chooser .sort-bar {
      justify-content: center; }
      .part-runner-srp .srp-container .results-view-chooser .sort-bar .right {
        display: none; }
    .part-runner-srp .srp-container .results-view-chooser .pages-text {
      display: none; }
    .part-runner-srp .paid-results {
      margin-top: 50px; }
      .part-runner-srp .paid-results .results-container .mobile.save-this {
        top: 15px; } }
  .part-runner-srp .results-container {
    display: flex;
    flex-direction: column;
    margin-top: 20px; }
    @media all and (max-width: 767px) {
      .part-runner-srp .results-container .desktop {
        display: none; } }
    .part-runner-srp .results-container .mobile {
      display: none; }
      @media all and (max-width: 767px) {
        .part-runner-srp .results-container .mobile {
          display: block; }
          .part-runner-srp .results-container .mobile.save-this {
            position: absolute;
            top: 40px;
            right: 10px; } }
    .part-runner-srp .results-container .paid-results {
      padding-top: 20px; }
      @media all and (max-width: 767px) {
        .part-runner-srp .results-container .paid-results {
          padding-top: 0; } }
      .part-runner-srp .results-container .paid-results .result {
        position: relative; }
        .part-runner-srp .results-container .paid-results .result:before {
          content: "Near You";
          position: absolute;
          top: -38px;
          color: #000;
          background: #d8d8d8;
          padding: 5px 10px;
          font-size: 16px;
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
          z-index: 999; }
    .part-runner-srp .results-container .main-title-mobile {
      display: none;
      font-size: 14px;
      font-size: 0.875rem;
      margin: 0 10px 50px 10px;
      text-transform: none;
      text-align: center; }
    .part-runner-srp .results-container .include-installation {
      text-align: center; }
    .part-runner-srp .results-container .result {
      position: relative;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
      margin-bottom: 50px; }
      .part-runner-srp .results-container .result .result-container .row .left {
        background: #d8d8d8;
        padding: 15px 10px;
        flex: 0 0 40%; }
        .part-runner-srp .results-container .result .result-container .row .left p {
          margin: 0; }
        .part-runner-srp .results-container .result .result-container .row .left .dealer .dealer-info {
          font-size: 11px;
          font-size: 0.6875rem;
          max-width: 35%; }
        .part-runner-srp .results-container .result .result-container .row .left .dealer .dealer-logo {
          margin-top: 10px;
          max-height: 50px;
          max-width: 150px; }
        .part-runner-srp .results-container .result .result-container .row .left .dealer .dealer-name {
          color: #000;
          margin: 10px 0 0 0; }
        .part-runner-srp .results-container .result .result-container .row .left .dealer .dealer-address {
          margin-bottom: 10px; }
        .part-runner-srp .results-container .result .result-container .row .left .dealer .dealer-rating {
          font-weight: bold;
          display: flex;
          align-items: center; }
          .part-runner-srp .results-container .result .result-container .row .left .dealer .dealer-rating .stars {
            margin-left: 10px;
            color: #f9d938; }
        .part-runner-srp .results-container .result .result-container .row .left .dealer .contact-row {
          display: flex;
          align-items: center;
          justify-content: flex-start; }
          .part-runner-srp .results-container .result .result-container .row .left .dealer .contact-row > p:last-of-type {
            margin-left: 15px; }
        .part-runner-srp .results-container .result .result-container .row .left .dealer .dealer-distance {
          font-size: 36px;
          display: flex;
          align-items: center;
          margin: 10px 0;
          color: #666666; }
          .part-runner-srp .results-container .result .result-container .row .left .dealer .dealer-distance a,
          .part-runner-srp .results-container .result .result-container .row .left .dealer .dealer-distance span {
            margin-left: 10px;
            font-size: 12px;
            font-size: 0.75rem;
            text-decoration: none;
            color: #000; }
        .part-runner-srp .results-container .result .result-container .row .left .dealer .dealer-phone {
          display: flex;
          align-items: center;
          margin: 10px 0;
          font-size: 0.75rem; }
          .part-runner-srp .results-container .result .result-container .row .left .dealer .dealer-phone img {
            width: 25px;
            margin-right: 5px;
            filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(13deg) brightness(96%) contrast(104%);
            -webkit-filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(13deg) brightness(96%) contrast(104%);
            /* Safari 6.0 - 9.0 */ }
          .part-runner-srp .results-container .result .result-container .row .left .dealer .dealer-phone a {
            text-decoration: none;
            color: #000; }
        .part-runner-srp .results-container .result .result-container .row .left .dealer .whats-included {
          margin-top: 20px;
          font-size: 12px;
          font-size: 0.75rem;
          text-decoration: none; }
      .part-runner-srp .results-container .result .result-container .row .right {
        position: relative;
        flex: 0 0 60%; }
        .part-runner-srp .results-container .result .result-container .row .right .save-this {
          position: absolute;
          right: 10px;
          top: 10px; }
          .part-runner-srp .results-container .result .result-container .row .right .save-this .button {
            padding: 5px 8px;
            height: auto; }
        .part-runner-srp .results-container .result .result-container .row .right .tire {
          padding: 15px 10px; }
          .part-runner-srp .results-container .result .result-container .row .right .tire p {
            margin: 0; }
          .part-runner-srp .results-container .result .result-container .row .right .tire .tire-information {
            font-size: 11px;
            font-size: 0.6875rem;
            max-width: 35%; }
          .part-runner-srp .results-container .result .result-container .row .right .tire .tire-logo {
            margin: 10px 0 0 0;
            color: #000;
            display: flex; }
            .part-runner-srp .results-container .result .result-container .row .right .tire .tire-logo img {
              max-height: 30px;
              margin-right: 10px; }
            .part-runner-srp .results-container .result .result-container .row .right .tire .tire-logo .info-circle {
              text-decoration: none;
              color: #5d5d61;
              margin: 0 0 0 10px; }
          .part-runner-srp .results-container .result .result-container .row .right .tire .tire-product-logo {
            margin: 10px 0 0 0; }
            .part-runner-srp .results-container .result .result-container .row .right .tire .tire-product-logo img {
              max-height: 40px;
              width: auto; }
          .part-runner-srp .results-container .result .result-container .row .right .tire .tire-name {
            margin-bottom: 10px;
            font-weight: bold;
            font-size: 1.125rem;
            margin-top: 10px; }
            @media all and (max-width: 767px) {
              .part-runner-srp .results-container .result .result-container .row .right .tire .tire-name {
                display: none; } }
          .part-runner-srp .results-container .result .result-container .row .right .tire .tire-type,
          .part-runner-srp .results-container .result .result-container .row .right .tire .tire-warranty,
          .part-runner-srp .results-container .result .result-container .row .right .tire .tire-life {
            display: flex;
            font-size: 12px;
            font-size: 0.75rem;
            margin-bottom: 0; }
            @media all and (max-width: 767px) {
              .part-runner-srp .results-container .result .result-container .row .right .tire .tire-type,
              .part-runner-srp .results-container .result .result-container .row .right .tire .tire-warranty,
              .part-runner-srp .results-container .result .result-container .row .right .tire .tire-life {
                display: none; } }
            .part-runner-srp .results-container .result .result-container .row .right .tire .tire-type .tire-life-title,
            .part-runner-srp .results-container .result .result-container .row .right .tire .tire-warranty .tire-life-title,
            .part-runner-srp .results-container .result .result-container .row .right .tire .tire-life .tire-life-title {
              display: inline-block;
              margin-right: 10px; }
            .part-runner-srp .results-container .result .result-container .row .right .tire .tire-type .tire-life-images,
            .part-runner-srp .results-container .result .result-container .row .right .tire .tire-warranty .tire-life-images,
            .part-runner-srp .results-container .result .result-container .row .right .tire .tire-life .tire-life-images {
              display: flex;
              align-items: center; }
              .part-runner-srp .results-container .result .result-container .row .right .tire .tire-type .tire-life-images .tire-life-icon,
              .part-runner-srp .results-container .result .result-container .row .right .tire .tire-warranty .tire-life-images .tire-life-icon,
              .part-runner-srp .results-container .result .result-container .row .right .tire .tire-life .tire-life-images .tire-life-icon {
                opacity: 0.4;
                max-width: 10px; }
              .part-runner-srp .results-container .result .result-container .row .right .tire .tire-type .tire-life-images .tire-life-icon.selected,
              .part-runner-srp .results-container .result .result-container .row .right .tire .tire-warranty .tire-life-images .tire-life-icon.selected,
              .part-runner-srp .results-container .result .result-container .row .right .tire .tire-life .tire-life-images .tire-life-icon.selected {
                opacity: 1; }
          .part-runner-srp .results-container .result .result-container .row .right .tire .tire-life-images {
            display: flex;
            align-items: center; }
            .part-runner-srp .results-container .result .result-container .row .right .tire .tire-life-images b {
              display: inline-block;
              margin-right: 10px;
              font-weight: normal; }
            .part-runner-srp .results-container .result .result-container .row .right .tire .tire-life-images img {
              max-width: 20px; }
            .part-runner-srp .results-container .result .result-container .row .right .tire .tire-life-images .tire-type {
              max-width: 35px;
              margin: 0;
              margin-left: 10px; }
          .part-runner-srp .results-container .result .result-container .row .right .tire .tire-price {
            color: #000;
            display: flex;
            align-items: center;
            margin-bottom: 0; }
            .part-runner-srp .results-container .result .result-container .row .right .tire .tire-price h3 {
              margin: 0;
              margin-right: 10px;
              font-size: 42px;
              font-size: 2.625rem; }
            .part-runner-srp .results-container .result .result-container .row .right .tire .tire-price span {
              color: #5d5d61;
              font-size: 12px;
              font-size: 0.75rem; }
          .part-runner-srp .results-container .result .result-container .row .right .tire .tire-unit-price {
            font-size: 12px;
            font-size: 0.75rem; }
            @media all and (max-width: 767px) {
              .part-runner-srp .results-container .result .result-container .row .right .tire .tire-unit-price span {
                display: block;
                margin-left: 0 !important; } }
            .part-runner-srp .results-container .result .result-container .row .right .tire .tire-unit-price span {
              margin-left: 10px; }
      .part-runner-srp .results-container .result .result-container .row .tire-options {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 10px;
        position: absolute;
        right: 0;
        bottom: 0;
        color: #f9d938;
        font-size: 25px; }
        .part-runner-srp .results-container .result .result-container .row .tire-options i,
        .part-runner-srp .results-container .result .result-container .row .tire-options svg {
          margin: 0 10px 0 10px;
          cursor: pointer;
          color: #747474; }
        .part-runner-srp .results-container .result .result-container .row .tire-options div {
          margin: 0 10px 0 10px;
          cursor: pointer; }
          .part-runner-srp .results-container .result .result-container .row .tire-options div img {
            max-width: 30px;
            -webkit-filter: grayscale(100%);
            /* Safari 6.0 - 9.0 */
            filter: grayscale(100%); }
      .part-runner-srp .results-container .result .buttons {
        display: flex; }
      .part-runner-srp .results-container .result .view-deal {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        height: 50px;
        text-decoration: none;
        background: #f9d938;
        color: #000;
        font-size: 1rem;
        font-weight: bold; }
      .part-runner-srp .results-container .result .buy-now {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        height: 50px;
        text-decoration: none;
        background: #fff;
        color: #f9d938;
        border: 1px solid #f9d938;
        border-radius: 0; }
  .part-runner-srp .others-container {
    margin: 0 0 50px 0; }
    .part-runner-srp .others-container .others-title {
      text-align: center;
      font-size: 18px;
      font-size: 1.125rem; }
    .part-runner-srp .others-container .other-row {
      display: flex;
      flex-direction: row; }
      .part-runner-srp .others-container .other-row .result-box {
        width: 50%;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin: 20px 0; }
        .part-runner-srp .others-container .other-row .result-box:nth-of-type(odd) {
          margin-right: 40px; }
        .part-runner-srp .others-container .other-row .result-box .tire-product-logo {
          margin: 10px 0 0 0; }
          .part-runner-srp .others-container .other-row .result-box .tire-product-logo img {
            max-height: 40px;
            width: auto; }
        .part-runner-srp .others-container .other-row .result-box .result-information {
          position: relative;
          padding: 20px 20px 50px 20px;
          text-align: left; }
          .part-runner-srp .others-container .other-row .result-box .result-information .save-this {
            position: absolute;
            right: 10px;
            top: 10px; }
          .part-runner-srp .others-container .other-row .result-box .result-information p {
            margin: 0; }
          .part-runner-srp .others-container .other-row .result-box .result-information .tire-information {
            font-size: 11px;
            font-size: 0.6875rem; }
          .part-runner-srp .others-container .other-row .result-box .result-information .tire-logo {
            margin: 10px 0 0 0;
            color: #000;
            display: flex; }
            .part-runner-srp .others-container .other-row .result-box .result-information .tire-logo img {
              max-height: 30px;
              margin-right: 10px; }
            .part-runner-srp .others-container .other-row .result-box .result-information .tire-logo .info-circle {
              text-decoration: none;
              color: #5d5d61;
              margin: 0 0 0 10px; }
          .part-runner-srp .others-container .other-row .result-box .result-information .tire-name {
            margin-bottom: 10px;
            font-weight: bold;
            font-size: 1.125rem;
            margin-top: 10px; }
          .part-runner-srp .others-container .other-row .result-box .result-information .tire-type,
          .part-runner-srp .others-container .other-row .result-box .result-information .tire-warranty,
          .part-runner-srp .others-container .other-row .result-box .result-information .tire-life {
            display: flex;
            font-size: 12px;
            font-size: 0.75rem;
            margin-bottom: 0; }
            .part-runner-srp .others-container .other-row .result-box .result-information .tire-type .tire-life-title,
            .part-runner-srp .others-container .other-row .result-box .result-information .tire-warranty .tire-life-title,
            .part-runner-srp .others-container .other-row .result-box .result-information .tire-life .tire-life-title {
              display: inline-block;
              margin-right: 10px; }
            .part-runner-srp .others-container .other-row .result-box .result-information .tire-type .tire-life-images,
            .part-runner-srp .others-container .other-row .result-box .result-information .tire-warranty .tire-life-images,
            .part-runner-srp .others-container .other-row .result-box .result-information .tire-life .tire-life-images {
              display: flex;
              align-items: center; }
              .part-runner-srp .others-container .other-row .result-box .result-information .tire-type .tire-life-images .tire-life-icon,
              .part-runner-srp .others-container .other-row .result-box .result-information .tire-warranty .tire-life-images .tire-life-icon,
              .part-runner-srp .others-container .other-row .result-box .result-information .tire-life .tire-life-images .tire-life-icon {
                opacity: 0.4;
                max-width: 10px; }
              .part-runner-srp .others-container .other-row .result-box .result-information .tire-type .tire-life-images .tire-life-icon.selected,
              .part-runner-srp .others-container .other-row .result-box .result-information .tire-warranty .tire-life-images .tire-life-icon.selected,
              .part-runner-srp .others-container .other-row .result-box .result-information .tire-life .tire-life-images .tire-life-icon.selected {
                opacity: 1; }
          .part-runner-srp .others-container .other-row .result-box .result-information .tire-life-images {
            display: flex;
            align-items: center; }
            .part-runner-srp .others-container .other-row .result-box .result-information .tire-life-images b {
              display: inline-block;
              margin-right: 10px;
              font-weight: normal; }
            .part-runner-srp .others-container .other-row .result-box .result-information .tire-life-images img {
              max-width: 20px; }
            .part-runner-srp .others-container .other-row .result-box .result-information .tire-life-images .tire-type {
              max-width: 35px;
              margin: 0;
              margin-left: 10px; }
          .part-runner-srp .others-container .other-row .result-box .result-information .tire-price {
            color: #000;
            display: flex;
            align-items: center;
            margin-bottom: 0; }
            .part-runner-srp .others-container .other-row .result-box .result-information .tire-price h3 {
              margin: 0;
              margin-right: 10px;
              font-size: 42px;
              font-size: 2.625rem; }
            .part-runner-srp .others-container .other-row .result-box .result-information .tire-price span {
              color: #5d5d61;
              font-size: 12px;
              font-size: 0.75rem; }
          .part-runner-srp .others-container .other-row .result-box .result-information .tire-unit-price span {
            font-size: 12px;
            font-size: 0.75rem;
            margin-left: 10px; }
        .part-runner-srp .others-container .other-row .result-box .view-deal {
          display: flex;
          width: 100%;
          justify-content: center;
          align-items: center;
          height: 50px;
          text-decoration: none;
          background: #f9d938;
          color: #000;
          font-weight: bold; }
    .part-runner-srp .others-container .show-more-container {
      margin-top: 20px;
      display: flex;
      flex-direction: row;
      justify-content: center; }
      .part-runner-srp .others-container .show-more-container .show-more {
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
        padding: 20px 50px 20px 50px;
        text-decoration: none;
        color: #000;
        background: #f9d938; }
  @media all and (max-width: 767px) {
    .part-runner-srp .results-view-chooser .result-rating {
      align-items: center;
      display: flex;
      flex-direction: column;
      background: #d8d8d8;
      height: 30px;
      position: relative; }
      .part-runner-srp .results-view-chooser .result-rating > img {
        height: 30px; }
      .part-runner-srp .results-view-chooser .result-rating p {
        z-index: 9;
        margin: 2px;
        padding: 2px 4px;
        background: #000;
        text-decoration: none; }
        .part-runner-srp .results-view-chooser .result-rating p b {
          margin: 0;
          color: #fff; }
        .part-runner-srp .results-view-chooser .result-rating p span {
          color: #fff; }
    .part-runner-srp .results-container .main-title-mobile {
      display: none; }
    .part-runner-srp .results-container .result .result-container .row {
      flex-direction: column; }
    .part-runner-srp .others-container {
      padding: 0;
      margin: 10px 0 10px 0; }
      .part-runner-srp .others-container .other-row {
        flex-direction: column; }
        .part-runner-srp .others-container .other-row .result-box {
          margin: 10px 0 10px 0;
          width: 100%; } }
  .part-runner-srp .popover .icon-container-mobile {
    display: flex;
    flex-direction: column; }
    .part-runner-srp .popover .icon-container-mobile div {
      margin-top: 20px;
      display: flex;
      flex-direction: row; }
      .part-runner-srp .popover .icon-container-mobile div img {
        margin-right: 20px;
        width: 30px;
        height: 33px; }
  .part-runner-srp .pagination {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .part-runner-srp .pagination p {
      margin: 0; }
    .part-runner-srp .pagination .next {
      display: flex;
      align-items: center;
      text-decoration: none; }
      .part-runner-srp .pagination .next span {
        margin-right: 10px; }
    .part-runner-srp .pagination .show-more {
      width: 100%;
      text-align: center;
      cursor: pointer; }
  .part-runner-srp .map-view {
    padding-top: 20px; }
  .part-runner-srp .filter-tabs {
    display: flex;
    align-items: center; }
    .part-runner-srp .filter-tabs .row {
      display: flex;
      align-items: center;
      width: 100%; }
    .part-runner-srp .filter-tabs .tab {
      width: 50%;
      text-align: center;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
      .part-runner-srp .filter-tabs .tab.selected {
        background: #d8d8d8; }
  .part-runner-srp .filter-section {
    display: flex;
    background: #d8d8d8;
    padding: 10px;
    flex-direction: column; }
    .part-runner-srp .filter-section .touchless-container {
      margin: 0;
      display: flex;
      align-items: center; }
      .part-runner-srp .filter-section .touchless-container input {
        margin-right: 10px; }
      .part-runner-srp .filter-section .touchless-container label {
        margin: 0 5px 0 0; }
    .part-runner-srp .filter-section .double-form-element {
      display: flex;
      justify-content: space-between; }
      .part-runner-srp .filter-section .double-form-element .form-element {
        width: 48%; }
    .part-runner-srp .filter-section .form-element {
      margin-bottom: 8px; }
      .part-runner-srp .filter-section .form-element input,
      .part-runner-srp .filter-section .form-element select {
        height: 35px;
        padding: 0 10px;
        font-size: 0.85rem; }
      .part-runner-srp .filter-section .form-element select {
        padding-right: 40px; }
      .part-runner-srp .filter-section .form-element .distance-container {
        display: flex;
        align-items: center; }
        .part-runner-srp .filter-section .form-element .distance-container input {
          max-width: 30%; }
        .part-runner-srp .filter-section .form-element .distance-container span {
          font-size: 0.75rem;
          margin-left: 5px; }
      .part-runner-srp .filter-section .form-element .filter-label {
        margin-bottom: 0;
        font-weight: 600;
        font-size: 14px;
        font-size: 0.875rem; }
      .part-runner-srp .filter-section .form-element .rc-slider-handle {
        border-color: #f9d938; }
      .part-runner-srp .filter-section .form-element .rc-slider-step {
        border-color: #f9d938;
        background: #f9d938; }

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.button {
  margin: auto;
  padding: 10px;
  background: #fff;
  color: #2181f7;
  vertical-align: middle; }

.button:hover {
  background: #2181f7;
  color: #fff; }

.overlay,
.partrunner-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 99999;
  display: flex;
  justify-content: center; }
  .overlay .modal,
  .partrunner-overlay .modal {
    position: static;
    width: 50%;
    height: 50%;
    margin-top: 2%; }
    .overlay .modal .box,
    .partrunner-overlay .modal .box {
      position: relative;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
      padding: 50px;
      background: #fff; }
      .overlay .modal .box a:active,
      .overlay .modal .box a:link,
      .overlay .modal .box a:hover,
      .overlay .modal .box a:visited,
      .partrunner-overlay .modal .box a:active,
      .partrunner-overlay .modal .box a:link,
      .partrunner-overlay .modal .box a:hover,
      .partrunner-overlay .modal .box a:visited {
        text-decoration: none;
        color: black; }
      .overlay .modal .box .close-button,
      .partrunner-overlay .modal .box .close-button {
        margin-right: 10px;
        position: absolute;
        top: 0;
        right: 0;
        color: #5d5d61;
        font-size: 25px;
        font-size: 1.5625rem; }
      .overlay .modal .box form input,
      .overlay .modal .box form select,
      .partrunner-overlay .modal .box form input,
      .partrunner-overlay .modal .box form select {
        margin-top: 20px; }
      .overlay .modal .box .success,
      .partrunner-overlay .modal .box .success {
        color: green;
        margin-top: 20px; }

@media all and (max-width: 767px) {
  .overlay .modal,
  .partrunner-overlay .modal {
    margin-top: 20%;
    width: 80%; }
    .overlay .modal .box,
    .partrunner-overlay .modal .box {
      padding: 20px; }
      .overlay .modal .box h3,
      .partrunner-overlay .modal .box h3 {
        font-size: 15px; } }

.carousel .control-arrow,.carousel.carousel-slider .control-arrow{transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:''}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{transition:all .15s ease-in;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,0.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center;background:#000}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:0.25;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.9);color:#fff}.carousel:hover .slide .legend{opacity:1}

.tdp-tire-results-page-header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  .tdp-tire-results-page-header .tire-search-heading {
    margin-bottom: 4px; }
  .tdp-tire-results-page-header .get-a-quote-link {
    margin-bottom: 10px; }

.tdp-container {
  padding: 0;
  margin: 0 auto; }
  .tdp-container .carousel .slider-wrapper.axis-horizontal .slider .slide {
    padding-left: 40px; }
  .tdp-container .tdp-deal {
    font-weight: bold;
    color: #fc7d12; }
    .tdp-container .tdp-deal span {
      margin-left: 10px;
      color: #5d5d61; }
  .tdp-container .hazard-warranty {
    font-weight: bold;
    color: #fc7d12; }
    .tdp-container .hazard-warranty span {
      margin-left: 10px;
      color: #5d5d61; }
  .tdp-container .get-quotes {
    color: #fff;
    margin: 20px auto 0 0;
    font-weight: bold;
    padding: 10px;
    font-size: 1rem;
    height: 69px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: auto; }
    @media all and (max-width: 1024px) {
      .tdp-container .get-quotes {
        min-width: 100%; } }
  .tdp-container .save-schedule-sticky-container {
    z-index: 12000;
    position: sticky;
    position: -webkit-sticky;
    background: #fff;
    top: 0;
    display: none; }
  .tdp-container header h1 {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 20px 50px; }

.tdp-page {
  padding: 0 50px 50px 50px;
  position: relative; }
  .tdp-page .check-availability {
    position: relative;
    cursor: pointer; }
  .tdp-page .other-stores {
    color: #5d5d61; }
  .tdp-page .this-deal {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    display: inline-block;
    margin: auto;
    padding: 10px 20px 10px 20px;
    color: #5d5d61;
    background: #fff; }
  .tdp-page .boxes-container {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-wrap: wrap; }
    .tdp-page .boxes-container .dealer .dealer-info {
      font-weight: bold;
      font-size: 1.05rem !important;
      margin: 20px 0 5px 0;
      display: block; }
    .tdp-page .boxes-container .dealer .dealer-profile {
      color: #5d5d61; }
    .tdp-page .boxes-container .box {
      width: 100%; }
      .tdp-page .boxes-container .box .result-container .row .left,
      .tdp-page .boxes-container .box .result-container .row .right {
        flex: 0 0 50%; }
        .tdp-page .boxes-container .box .result-container .row .left .tire-information,
        .tdp-page .boxes-container .box .result-container .row .right .tire-information {
          font-weight: bold;
          font-size: 1.05rem !important; }
      .tdp-page .boxes-container .box .result-container .row .left {
        background: white;
        padding: 20px; }
        .tdp-page .boxes-container .box .result-container .row .left p {
          margin: 0; }
        .tdp-page .boxes-container .box .result-container .row .left .tire-image-carousel-container {
          width: 100%;
          height: 450px;
          margin: 10px;
          padding: 20px;
          overflow: hidden; }
          .tdp-page .boxes-container .box .result-container .row .left .tire-image-carousel-container .tire-images-container {
            border-radius: 4px;
            position: relative;
            top: 10px;
            width: 100%;
            height: 380px;
            overflow: hidden; }
            .tdp-page .boxes-container .box .result-container .row .left .tire-image-carousel-container .tire-images-container .tire-image {
              max-width: 50%;
              height: auto; }
        .tdp-page .boxes-container .box .result-container .row .left .dealer {
          height: 100%; }
          .tdp-page .boxes-container .box .result-container .row .left .dealer .price-average-container {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center; }
            .tdp-page .boxes-container .box .result-container .row .left .dealer .price-average-container .price-average-div {
              display: flex; }
              .tdp-page .boxes-container .box .result-container .row .left .dealer .price-average-container .price-average-div .tire-price {
                margin-right: 20px; }
                .tdp-page .boxes-container .box .result-container .row .left .dealer .price-average-container .price-average-div .tire-price h3 {
                  color: #fc7d12;
                  margin: 0; }
                .tdp-page .boxes-container .box .result-container .row .left .dealer .price-average-container .price-average-div .tire-price span {
                  font-size: 12px;
                  font-size: 0.75rem; }
              .tdp-page .boxes-container .box .result-container .row .left .dealer .price-average-container .price-average-div .price-average-name {
                font-weight: bold;
                margin-right: 20px; }
              .tdp-page .boxes-container .box .result-container .row .left .dealer .price-average-container .price-average-div .tire-unit-price {
                font-size: 12px;
                font-size: 0.75rem; }
          .tdp-page .boxes-container .box .result-container .row .left .dealer .dealer-logo {
            margin-top: 20px;
            width: 100px; }
          .tdp-page .boxes-container .box .result-container .row .left .dealer .dealer-name {
            margin-top: 20px; }
          .tdp-page .boxes-container .box .result-container .row .left .dealer .dealer-address {
            margin-bottom: 20px; }
          .tdp-page .boxes-container .box .result-container .row .left .dealer .website {
            margin-bottom: 20px;
            color: #5d5d61; }
          .tdp-page .boxes-container .box .result-container .row .left .dealer a:link {
            text-decoration: none; }
          .tdp-page .boxes-container .box .result-container .row .left .dealer a:hover {
            text-decoration: none; }
          .tdp-page .boxes-container .box .result-container .row .left .dealer .click-for-more {
            margin-bottom: 20px;
            font-size: 15px; }
          .tdp-page .boxes-container .box .result-container .row .left .dealer .dealer-phone {
            display: flex;
            align-items: center;
            margin: 20px 0; }
            .tdp-page .boxes-container .box .result-container .row .left .dealer .dealer-phone img {
              width: 25px;
              margin-right: 5px; }
            .tdp-page .boxes-container .box .result-container .row .left .dealer .dealer-phone a {
              text-decoration: none; }
          .tdp-page .boxes-container .box .result-container .row .left .dealer .dealer-rating {
            font-weight: bold;
            display: flex;
            align-items: center;
            margin-bottom: 20px; }
            .tdp-page .boxes-container .box .result-container .row .left .dealer .dealer-rating .stars {
              margin-left: 10px; }
          .tdp-page .boxes-container .box .result-container .row .left .dealer .dealer-distance {
            font-size: 36px;
            display: flex;
            align-items: center;
            margin: 20px 0;
            color: #2181f7; }
            .tdp-page .boxes-container .box .result-container .row .left .dealer .dealer-distance a,
            .tdp-page .boxes-container .box .result-container .row .left .dealer .dealer-distance span {
              margin-left: 10px;
              font-size: 12px;
              font-size: 0.75rem;
              text-decoration: none; }
            .tdp-page .boxes-container .box .result-container .row .left .dealer .dealer-distance .location-marker-icon,
            .tdp-page .boxes-container .box .result-container .row .left .dealer .dealer-distance .location-marker-link {
              color: #5d5d61; }
      .tdp-page .boxes-container .box .result-container .row .right {
        position: relative;
        padding: 20px;
        /**
            * ----------------------------------------
            * animation jello-vertical
            * ----------------------------------------
            */ }
        .tdp-page .boxes-container .box .result-container .row .right .tire-price-chart {
          margin-top: 50px; }
        .tdp-page .boxes-container .box .result-container .row .right .chart-logo {
          position: absolute;
          right: 77px;
          top: 20px;
          cursor: pointer; }
          .tdp-page .boxes-container .box .result-container .row .right .chart-logo svg {
            height: 35px;
            width: auto;
            color: #b6b6b6; }
        .tdp-page .boxes-container .box .result-container .row .right .chart-logo:hover svg {
          color: #2181f7; }
        .tdp-page .boxes-container .box .result-container .row .right .alert {
          height: 15px; }
          .tdp-page .boxes-container .box .result-container .row .right .alert .quantity-alert {
            padding-top: 5px;
            left: 24px;
            font-size: 12px;
            color: red;
            font-weight: bold; }
        .tdp-page .boxes-container .box .result-container .row .right .tire.me-tire {
          height: 100%;
          display: flex;
          flex-direction: column; }
        .tdp-page .boxes-container .box .result-container .row .right .heart-this {
          position: absolute;
          right: 10px;
          top: 10px; }
          .tdp-page .boxes-container .box .result-container .row .right .heart-this .button {
            padding: 5px 8px;
            height: auto; }
        .tdp-page .boxes-container .box .result-container .row .right .avg-container {
          display: flex;
          flex-direction: column; }
          .tdp-page .boxes-container .box .result-container .row .right .avg-container .price-average-div {
            display: flex;
            flex-direction: row;
            margin-bottom: 10px; }
            @media all and (max-width: 1024px) {
              .tdp-page .boxes-container .box .result-container .row .right .avg-container .price-average-div {
                flex-direction: column; } }
            .tdp-page .boxes-container .box .result-container .row .right .avg-container .price-average-div .price-average-name {
              font-weight: bold;
              padding-right: 10px;
              position: relative; }
        .tdp-page .boxes-container .box .result-container .row .right .jello-vertical:hover {
          -webkit-animation: jello-vertical 0.9s both;
          animation: jello-vertical 0.9s both; }

@-webkit-keyframes jello-vertical {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
    transform: scale3d(0.85, 1.15, 1); }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes jello-vertical {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
    transform: scale3d(0.85, 1.15, 1); }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
        .tdp-page .boxes-container .box .result-container .row .right .request-row {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          height: 10px;
          margin-bottom: 30px;
          margin-top: 10px; }
          .tdp-page .boxes-container .box .result-container .row .right .request-row .fa-envelope {
            font-size: 24px; }
        .tdp-page .boxes-container .box .result-container .row .right .dealer-distance {
          font-size: 36px;
          display: flex;
          align-items: center;
          margin: 10px 0;
          color: #2181f7; }
          .tdp-page .boxes-container .box .result-container .row .right .dealer-distance .request-information {
            font-weight: bold; }
          .tdp-page .boxes-container .box .result-container .row .right .dealer-distance a,
          .tdp-page .boxes-container .box .result-container .row .right .dealer-distance span {
            margin-left: 10px;
            font-size: 12px;
            font-size: 0.75rem;
            text-decoration: none; }
        .tdp-page .boxes-container .box .result-container .row .right .tire .check-fit-container {
          margin: 20px 0; }
        .tdp-page .boxes-container .box .result-container .row .right .tire p {
          margin: 0; }
        .tdp-page .boxes-container .box .result-container .row .right .tire .tire-logo {
          margin: 10px 0 0 0;
          color: #fc7d12;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex-flow: row nowrap; }
          .tdp-page .boxes-container .box .result-container .row .right .tire .tire-logo img {
            max-height: 30px;
            margin-right: 10px; }
          .tdp-page .boxes-container .box .result-container .row .right .tire .tire-logo .info-circle {
            text-decoration: none;
            color: #5d5d61;
            margin: 0 0 0 10px; }
          .tdp-page .boxes-container .box .result-container .row .right .tire .tire-logo .tire-badges-container {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            flex-flow: column nowrap; }
            .tdp-page .boxes-container .box .result-container .row .right .tire .tire-logo .tire-badges-container .tire-badge {
              display: flex;
              justify-content: center;
              align-items: center;
              flex-flow: row nowrap; }
        .tdp-page .boxes-container .box .result-container .row .right .tire .tire-name {
          margin-bottom: 20px; }
          .tdp-page .boxes-container .box .result-container .row .right .tire .tire-name a {
            text-decoration: underline; }
        .tdp-page .boxes-container .box .result-container .row .right .tire .tire-type,
        .tdp-page .boxes-container .box .result-container .row .right .tire .tire-warranty,
        .tdp-page .boxes-container .box .result-container .row .right .tire .tire-life {
          font-size: 12px;
          font-size: 0.75rem;
          margin-bottom: 10px; }
        .tdp-page .boxes-container .box .result-container .row .right .tire .tire-life {
          display: flex;
          font-size: 12px;
          font-size: 0.75rem;
          margin-right: 10px;
          margin-bottom: 20px;
          font-weight: normal; }
          .tdp-page .boxes-container .box .result-container .row .right .tire .tire-life .tire-life-title {
            display: inline-block;
            margin-right: 10px; }
          .tdp-page .boxes-container .box .result-container .row .right .tire .tire-life .tire-life-images {
            display: flex;
            align-items: center; }
            .tdp-page .boxes-container .box .result-container .row .right .tire .tire-life .tire-life-images .tire-life-icon {
              opacity: 0.4;
              max-width: 20px; }
            .tdp-page .boxes-container .box .result-container .row .right .tire .tire-life .tire-life-images .tire-life-icon.selected {
              opacity: 1; }
        .tdp-page .boxes-container .box .result-container .row .right .tire .life-images {
          display: flex;
          align-items: center; }
          .tdp-page .boxes-container .box .result-container .row .right .tire .life-images b {
            display: inline-block;
            margin-right: 10px;
            font-weight: normal; }
          .tdp-page .boxes-container .box .result-container .row .right .tire .life-images img {
            max-width: 20px; }
          .tdp-page .boxes-container .box .result-container .row .right .tire .life-images .tire-type {
            max-width: 35px;
            margin: 0;
            margin-left: 10px; }
        .tdp-page .boxes-container .box .result-container .row .right .tire .tire-price {
          color: #fc7d12;
          margin-right: 10px;
          align-items: center;
          display: flex; }
          .tdp-page .boxes-container .box .result-container .row .right .tire .tire-price .tax {
            font-weight: normal; }
          .tdp-page .boxes-container .box .result-container .row .right .tire .tire-price .amount-selector {
            margin-left: 145px;
            margin-bottom: 70px; }
            .tdp-page .boxes-container .box .result-container .row .right .tire .tire-price .amount-selector .select-amount {
              width: 60px;
              height: 40px;
              font-size: 20px;
              margin-bottom: -80px;
              margin-left: -80px; }
              .tdp-page .boxes-container .box .result-container .row .right .tire .tire-price .amount-selector .select-amount .quantity {
                font-size: 12px;
                text-align: center;
                color: #5d5d61; }
          .tdp-page .boxes-container .box .result-container .row .right .tire .tire-price h3 {
            margin: 0;
            margin-right: 10px; }
            @media all and (max-width: 1024px) {
              .tdp-page .boxes-container .box .result-container .row .right .tire .tire-price h3 {
                text-align: left;
                flex-direction: row; } }
          .tdp-page .boxes-container .box .result-container .row .right .tire .tire-price span {
            color: #5d5d61;
            font-size: 12px;
            font-size: 0.75rem; }
        .tdp-page .boxes-container .box .result-container .row .right .tire .tire-unit-price span {
          font-size: 12px;
          font-size: 0.75rem; }
      .tdp-page .boxes-container .box .result-container .row .tire-options {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-top: 20px; }
        .tdp-page .boxes-container .box .result-container .row .tire-options .quantity-alert {
          position: absolute;
          bottom: 25px;
          left: 24px;
          font-size: 12px; }
        .tdp-page .boxes-container .box .result-container .row .tire-options .touchless,
        .tdp-page .boxes-container .box .result-container .row .tire-options .installation,
        .tdp-page .boxes-container .box .result-container .row .tire-options .amazon {
          color: #b6b6b6;
          font-size: 30px; }
          .tdp-page .boxes-container .box .result-container .row .tire-options .touchless i,
          .tdp-page .boxes-container .box .result-container .row .tire-options .touchless svg,
          .tdp-page .boxes-container .box .result-container .row .tire-options .installation i,
          .tdp-page .boxes-container .box .result-container .row .tire-options .installation svg,
          .tdp-page .boxes-container .box .result-container .row .tire-options .amazon i,
          .tdp-page .boxes-container .box .result-container .row .tire-options .amazon svg {
            cursor: pointer; }
        .tdp-page .boxes-container .box .result-container .row .tire-options .btn {
          margin: 0 auto 0 0; }
        .tdp-page .boxes-container .box .result-container .row .tire-options div {
          margin-left: 20px;
          cursor: pointer; }
          .tdp-page .boxes-container .box .result-container .row .tire-options div img {
            max-width: 50px; }
        .tdp-page .boxes-container .box .result-container .row .tire-options .popover-window {
          border: 3px solid red; }
    .tdp-page .boxes-container .buy-now-information .buy-now-online {
      font-weight: bold;
      color: #fc7d12; }
    .tdp-page .boxes-container .buy-now-information p {
      margin: 0; }
  .tdp-page .more-information {
    padding: 50px 0 0 0;
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .tdp-page .more-information .more-tire-information {
      padding: 0 0 0 10px; }
    .tdp-page .more-information .more-dealer-information {
      padding: 0 10px 0 0; }
      .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box {
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
        margin-bottom: 20px; }
        .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .buy-now {
          font-size: 1.5rem;
          display: flex;
          width: 100%;
          justify-content: center;
          align-items: center;
          height: 50px;
          text-decoration: none;
          background: #2181f7;
          color: #fff;
          padding: 0;
          margin: 0;
          max-width: 100%; }
          .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .buy-now svg {
            margin-left: 10px; }
        .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .result-information {
          padding: 10px; }
          .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .result-information .dealer-info-container {
            display: flex;
            flex-direction: row;
            justify-content: space-between; }
            .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .result-information .dealer-info-container .quantity {
              font-size: 12px;
              margin-bottom: auto;
              text-align: center;
              color: #5d5d61;
              display: inline-flex;
              float: right; }
              .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .result-information .dealer-info-container .quantity .qty-selector {
                padding-left: 5px;
                width: 60px;
                height: 40px;
                position: relative;
                bottom: 7px; }
            .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .result-information .dealer-info-container .certified-dealer-tire-price {
              color: #fc7d12;
              display: flex;
              align-items: center;
              margin-bottom: 10px;
              min-width: -webkit-max-content;
              min-width: -moz-max-content;
              min-width: max-content;
              flex-direction: column; }
              .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .result-information .dealer-info-container .certified-dealer-tire-price .certified-tax {
                color: #5d5d61;
                font-size: 12px;
                font-size: 0.75rem;
                position: relative; }
            .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .result-information .dealer-info-container .certified-tire-price-container {
              margin-top: 20px;
              margin-bottom: 0; }
              .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .result-information .dealer-info-container .certified-tire-price-container .certified-price {
                margin-bottom: 0; }
              .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .result-information .dealer-info-container .certified-tire-price-container .amount-selector {
                float: right; }
            .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .result-information .dealer-info-container .dealer-info {
              text-transform: uppercase;
              font-size: 11px;
              font-size: 0.6875rem;
              max-width: 35%; }
            .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .result-information .dealer-info-container .dealer-logo {
              margin-top: 10px;
              max-height: 50px;
              max-width: 150px; }
            .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .result-information .dealer-info-container .dealer-name {
              margin: 10px 0 10px 0; }
          .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .result-information .dealer-address {
            margin-bottom: 10px; }
          .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .result-information .dealer-rating {
            font-weight: bold;
            display: flex;
            align-items: center; }
            .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .result-information .dealer-rating .stars {
              margin-left: 10px; }
          .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .result-information .contact-row {
            display: flex;
            align-items: center;
            justify-content: flex-start; }
            .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .result-information .contact-row > p:last-of-type {
              margin-left: 15px; }
            .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .result-information .contact-row .dealer-distance {
              font-size: 36px;
              display: flex;
              align-items: center;
              margin: 10px 0;
              color: #2181f7; }
              .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .result-information .contact-row .dealer-distance span {
                margin-left: 10px;
                font-size: 12px;
                font-size: 0.75rem;
                text-decoration: none; }
              .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .result-information .contact-row .dealer-distance a {
                display: flex;
                align-items: center;
                text-decoration: none; }
            .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .result-information .contact-row .dealer-phone {
              display: flex;
              align-items: center;
              margin: 10px 0;
              font-size: 0.75rem; }
              .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .result-information .contact-row .dealer-phone img {
                width: 25px;
                margin-right: 5px; }
              .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .result-information .contact-row .dealer-phone a {
                text-decoration: none; }
          .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .result-information .dealer-page {
            margin-top: 20px;
            font-size: 12px;
            font-size: 0.75rem;
            text-decoration: none; }
        .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .phone-number {
          display: flex;
          width: 100%;
          justify-content: center;
          align-items: center;
          height: 50px;
          text-decoration: none;
          background: #2181f7;
          color: #fff;
          font-size: 18px;
          font-size: 1.125rem; }
          .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .result-box .phone-number .fa-phone-icon {
            color: #fc7d12;
            margin-right: 10px; }
      .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .price-average-container {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .price-average-container .price-average-div {
          display: flex;
          margin-bottom: 10px, 0 10px, 0; }
          .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .price-average-container .price-average-div .tire-price {
            margin-right: 20px; }
            .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .price-average-container .price-average-div .tire-price h3 {
              color: #fc7d12;
              margin: 0; }
            .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .price-average-container .price-average-div .tire-price span {
              font-size: 12px;
              font-size: 0.75rem; }
          .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .price-average-container .price-average-div .price-average-name {
            font-weight: bold;
            margin-right: 20px; }
          .tdp-page .more-information .more-dealer-information .market-expansion-tdp-left-column-container .price-average-container .price-average-div .tire-unit-price {
            font-size: 12px;
            font-size: 0.75rem; }
    .tdp-page .more-information .more-tire-information,
    .tdp-page .more-information .more-dealer-information {
      width: 50%; }
      .tdp-page .more-information .more-tire-information .this-tire,
      .tdp-page .more-information .more-tire-information .this-tire-dealer,
      .tdp-page .more-information .more-tire-information .this-more-on-dealer,
      .tdp-page .more-information .more-dealer-information .this-tire,
      .tdp-page .more-information .more-dealer-information .this-tire-dealer,
      .tdp-page .more-information .more-dealer-information .this-more-on-dealer {
        box-shadow: 0 -3px 5px 0px rgba(0, 0, 0, 0.25);
        display: inline-block;
        margin: auto;
        padding: 10px 20px 10px 20px;
        color: #5d5d61;
        background: #fff; }
      .tdp-page .more-information .more-tire-information .this-more-on-dealer,
      .tdp-page .more-information .more-dealer-information .this-more-on-dealer {
        margin-top: 50px; }
      .tdp-page .more-information .more-tire-information .tire-dealer,
      .tdp-page .more-information .more-dealer-information .tire-dealer {
        height: 100%;
        padding: 20px; }
        .tdp-page .more-information .more-tire-information .tire-dealer .price-average-container,
        .tdp-page .more-information .more-dealer-information .tire-dealer .price-average-container {
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: center; }
          .tdp-page .more-information .more-tire-information .tire-dealer .price-average-container .price-average-div,
          .tdp-page .more-information .more-dealer-information .tire-dealer .price-average-container .price-average-div {
            display: flex; }
            .tdp-page .more-information .more-tire-information .tire-dealer .price-average-container .price-average-div .tire-price,
            .tdp-page .more-information .more-dealer-information .tire-dealer .price-average-container .price-average-div .tire-price {
              margin-right: 20px; }
              .tdp-page .more-information .more-tire-information .tire-dealer .price-average-container .price-average-div .tire-price h3,
              .tdp-page .more-information .more-dealer-information .tire-dealer .price-average-container .price-average-div .tire-price h3 {
                color: #fc7d12;
                margin: 0; }
              .tdp-page .more-information .more-tire-information .tire-dealer .price-average-container .price-average-div .tire-price span,
              .tdp-page .more-information .more-dealer-information .tire-dealer .price-average-container .price-average-div .tire-price span {
                font-size: 12px;
                font-size: 0.75rem; }
            .tdp-page .more-information .more-tire-information .tire-dealer .price-average-container .price-average-div .price-average-name,
            .tdp-page .more-information .more-dealer-information .tire-dealer .price-average-container .price-average-div .price-average-name {
              font-weight: bold;
              margin-right: 20px; }
            .tdp-page .more-information .more-tire-information .tire-dealer .price-average-container .price-average-div .tire-unit-price,
            .tdp-page .more-information .more-dealer-information .tire-dealer .price-average-container .price-average-div .tire-unit-price {
              font-size: 12px;
              font-size: 0.75rem; }
        .tdp-page .more-information .more-tire-information .tire-dealer .dealer-logo,
        .tdp-page .more-information .more-dealer-information .tire-dealer .dealer-logo {
          margin-top: 20px;
          width: 100px; }
        .tdp-page .more-information .more-tire-information .tire-dealer .dealer-name,
        .tdp-page .more-information .more-dealer-information .tire-dealer .dealer-name {
          margin-top: 20px; }
        .tdp-page .more-information .more-tire-information .tire-dealer .dealer-address,
        .tdp-page .more-information .more-dealer-information .tire-dealer .dealer-address {
          margin-bottom: 20px; }
        .tdp-page .more-information .more-tire-information .tire-dealer .website,
        .tdp-page .more-information .more-tire-information .tire-dealer .dealer-profile,
        .tdp-page .more-information .more-dealer-information .tire-dealer .website,
        .tdp-page .more-information .more-dealer-information .tire-dealer .dealer-profile {
          margin-bottom: 20px;
          color: #5d5d61;
          font-size: 1.05rem !important;
          margin: 20px 0 5px 0;
          display: block; }
        .tdp-page .more-information .more-tire-information .tire-dealer a:link.dealer-profile,
        .tdp-page .more-information .more-dealer-information .tire-dealer a:link.dealer-profile {
          font-weight: bold;
          text-decoration: underline; }
        .tdp-page .more-information .more-tire-information .tire-dealer a:link,
        .tdp-page .more-information .more-dealer-information .tire-dealer a:link {
          text-decoration: none; }
        .tdp-page .more-information .more-tire-information .tire-dealer a:hover,
        .tdp-page .more-information .more-dealer-information .tire-dealer a:hover {
          text-decoration: none; }
        .tdp-page .more-information .more-tire-information .tire-dealer .click-for-more,
        .tdp-page .more-information .more-dealer-information .tire-dealer .click-for-more {
          margin-bottom: 20px;
          font-size: 15px; }
        .tdp-page .more-information .more-tire-information .tire-dealer .dealer-phone,
        .tdp-page .more-information .more-dealer-information .tire-dealer .dealer-phone {
          display: flex;
          align-items: center;
          margin: 20px 0; }
          .tdp-page .more-information .more-tire-information .tire-dealer .dealer-phone img,
          .tdp-page .more-information .more-dealer-information .tire-dealer .dealer-phone img {
            width: 25px;
            margin-right: 5px; }
          .tdp-page .more-information .more-tire-information .tire-dealer .dealer-phone a,
          .tdp-page .more-information .more-dealer-information .tire-dealer .dealer-phone a {
            text-decoration: none; }
        .tdp-page .more-information .more-tire-information .tire-dealer .dealer-rating,
        .tdp-page .more-information .more-dealer-information .tire-dealer .dealer-rating {
          font-weight: bold;
          display: flex;
          align-items: center;
          margin-bottom: 20px; }
          .tdp-page .more-information .more-tire-information .tire-dealer .dealer-rating .stars,
          .tdp-page .more-information .more-dealer-information .tire-dealer .dealer-rating .stars {
            margin-left: 10px; }
        .tdp-page .more-information .more-tire-information .tire-dealer .dealer-distance,
        .tdp-page .more-information .more-dealer-information .tire-dealer .dealer-distance {
          font-size: 36px;
          display: flex;
          align-items: center;
          margin: 20px 0;
          color: #2181f7; }
          .tdp-page .more-information .more-tire-information .tire-dealer .dealer-distance a,
          .tdp-page .more-information .more-tire-information .tire-dealer .dealer-distance span,
          .tdp-page .more-information .more-dealer-information .tire-dealer .dealer-distance a,
          .tdp-page .more-information .more-dealer-information .tire-dealer .dealer-distance span {
            margin-left: 10px;
            font-size: 16px;
            font-size: 1rem;
            text-decoration: none; }
          .tdp-page .more-information .more-tire-information .tire-dealer .dealer-distance .location-marker-icon,
          .tdp-page .more-information .more-tire-information .tire-dealer .dealer-distance .location-marker-link,
          .tdp-page .more-information .more-dealer-information .tire-dealer .dealer-distance .location-marker-icon,
          .tdp-page .more-information .more-dealer-information .tire-dealer .dealer-distance .location-marker-link {
            color: #5d5d61; }
      .tdp-page .more-information .more-tire-information .contact-shop-mobile,
      .tdp-page .more-information .more-tire-information .contact-shop-desktop,
      .tdp-page .more-information .more-dealer-information .contact-shop-mobile,
      .tdp-page .more-information .more-dealer-information .contact-shop-desktop {
        margin-bottom: 50px; }
      .tdp-page .more-information .more-tire-information .contact-shop-mobile,
      .tdp-page .more-information .more-dealer-information .contact-shop-mobile {
        display: none; }
      .tdp-page .more-information .more-tire-information .quote-stores-container,
      .tdp-page .more-information .more-dealer-information .quote-stores-container {
        display: flex;
        flex-direction: column; }
        .tdp-page .more-information .more-tire-information .quote-stores-container .add-to-cart-button,
        .tdp-page .more-information .more-dealer-information .quote-stores-container .add-to-cart-button {
          min-width: 100%;
          margin: 0;
          height: 50px;
          font-size: 1.5rem; }
        .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container,
        .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container {
          margin-top: 50px; }
          .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container:first-of-type,
          .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container:first-of-type {
            margin-top: 0; }
          .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store-headers .get-a-quote,
          .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store-headers .sponsored,
          .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store-headers .get-a-quote,
          .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store-headers .sponsored {
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
            display: inline-block;
            margin: auto;
            padding: 10px 10px 10px 10px;
            color: #5d5d61;
            background: #fff;
            font-size: 12px;
            font-size: 0.75rem; }
          .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store-headers .sponsored,
          .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store-headers .sponsored {
            margin-left: 10px;
            color: #fff;
            background: #5d5d61; }
          .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store,
          .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store {
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            min-height: 200px; }
            .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information,
            .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information {
              padding: 10px; }
              .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-name-logo,
              .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-name-logo {
                display: flex;
                align-items: center;
                margin-bottom: 10px; }
                .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-name-logo h3,
                .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-name-logo h3 {
                  margin: 0;
                  flex: 50%;
                  color: #fc7d12;
                  font-size: 20px;
                  font-size: 1.25rem; }
                .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-name-logo .logo,
                .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-name-logo .logo {
                  flex: 50%; }
                  .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-name-logo .logo img,
                  .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-name-logo .logo img {
                    max-width: 150px;
                    max-height: 100px;
                    margin: auto; }
              .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-rating-distance,
              .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-rating-distance {
                display: flex;
                justify-content: center; }
                .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-rating-distance .dealer-rating,
                .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-rating-distance .dealer-rating {
                  flex: 50%;
                  font-weight: bold;
                  display: flex;
                  align-items: center;
                  margin: 0; }
                  .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-rating-distance .dealer-rating .stars,
                  .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-rating-distance .dealer-rating .stars {
                    margin-left: 10px; }
                .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-rating-distance .dealer-phone,
                .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-rating-distance .dealer-phone {
                  flex: 50%;
                  display: flex;
                  align-items: center;
                  margin: 10px 0;
                  font-size: 0.75rem; }
                  .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-rating-distance .dealer-phone img,
                  .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-rating-distance .dealer-phone img {
                    width: 28px; }
                  .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-rating-distance .dealer-phone a,
                  .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-rating-distance .dealer-phone a {
                    margin-left: 10px;
                    font-size: 12px;
                    font-size: 0.75rem;
                    text-decoration: none; }
            .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store .check-availability a,
            .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store .check-availability a {
              font-size: 24px;
              font-size: 1.5rem;
              display: flex;
              width: 100%;
              justify-content: center;
              align-items: center;
              height: 50px;
              text-decoration: none;
              background: #2181f7;
              color: #fff; }
      .tdp-page .more-information .more-tire-information .boxes-container .contact-shop,
      .tdp-page .more-information .more-dealer-information .boxes-container .contact-shop {
        padding: 20px; }
      .tdp-page .more-information .more-tire-information .boxes-container .tire-information,
      .tdp-page .more-information .more-tire-information .boxes-container .dealer-info,
      .tdp-page .more-information .more-dealer-information .boxes-container .tire-information,
      .tdp-page .more-information .more-dealer-information .boxes-container .dealer-info {
        font-size: 11px;
        font-size: 0.6875rem; }
      .tdp-page .more-information .more-tire-information .boxes-container .dealer,
      .tdp-page .more-information .more-dealer-information .boxes-container .dealer {
        padding: 20px;
        width: 100%; }
        .tdp-page .more-information .more-tire-information .boxes-container .dealer .dealer-description,
        .tdp-page .more-information .more-dealer-information .boxes-container .dealer .dealer-description {
          padding-top: 10px;
          text-indent: 50px;
          font-size: 15px; }
        .tdp-page .more-information .more-tire-information .boxes-container .dealer .store-hours,
        .tdp-page .more-information .more-dealer-information .boxes-container .dealer .store-hours {
          margin-bottom: 20px; }
          .tdp-page .more-information .more-tire-information .boxes-container .dealer .store-hours .store-hour-line,
          .tdp-page .more-information .more-dealer-information .boxes-container .dealer .store-hours .store-hour-line {
            margin: 0; }
        .tdp-page .more-information .more-tire-information .boxes-container .dealer a,
        .tdp-page .more-information .more-dealer-information .boxes-container .dealer a {
          margin-top: 20px; }
        .tdp-page .more-information .more-tire-information .boxes-container .dealer a:link,
        .tdp-page .more-information .more-tire-information .boxes-container .dealer a:hover,
        .tdp-page .more-information .more-tire-information .boxes-container .dealer a:visited,
        .tdp-page .more-information .more-dealer-information .boxes-container .dealer a:link,
        .tdp-page .more-information .more-dealer-information .boxes-container .dealer a:hover,
        .tdp-page .more-information .more-dealer-information .boxes-container .dealer a:visited {
          text-decoration: none; }
        .tdp-page .more-information .more-tire-information .boxes-container .dealer .google-reviews,
        .tdp-page .more-information .more-dealer-information .boxes-container .dealer .google-reviews {
          background: #fff; }
          .tdp-page .more-information .more-tire-information .boxes-container .dealer .google-reviews .review-div,
          .tdp-page .more-information .more-dealer-information .boxes-container .dealer .google-reviews .review-div {
            width: 100%;
            background: #fff; }
            .tdp-page .more-information .more-tire-information .boxes-container .dealer .google-reviews .review-div p,
            .tdp-page .more-information .more-dealer-information .boxes-container .dealer .google-reviews .review-div p {
              margin-top: 20px; }
            .tdp-page .more-information .more-tire-information .boxes-container .dealer .google-reviews .review-div .review-name,
            .tdp-page .more-information .more-dealer-information .boxes-container .dealer .google-reviews .review-div .review-name {
              font-weight: bold; }
            .tdp-page .more-information .more-tire-information .boxes-container .dealer .google-reviews .review-div .review-rating,
            .tdp-page .more-information .more-dealer-information .boxes-container .dealer .google-reviews .review-div .review-rating {
              font-weight: bold;
              color: #fc7d12; }
            .tdp-page .more-information .more-tire-information .boxes-container .dealer .google-reviews .review-div .review-content,
            .tdp-page .more-information .more-dealer-information .boxes-container .dealer .google-reviews .review-div .review-content {
              text-align: left; }
            .tdp-page .more-information .more-tire-information .boxes-container .dealer .google-reviews .review-div img,
            .tdp-page .more-information .more-dealer-information .boxes-container .dealer .google-reviews .review-div img {
              width: 80px; }
        .tdp-page .more-information .more-tire-information .boxes-container .dealer .other-stock-container,
        .tdp-page .more-information .more-dealer-information .boxes-container .dealer .other-stock-container {
          display: flex;
          justify-content: center; }
          .tdp-page .more-information .more-tire-information .boxes-container .dealer .other-stock-container .other-stock,
          .tdp-page .more-information .more-dealer-information .boxes-container .dealer .other-stock-container .other-stock {
            width: 100%; }
            .tdp-page .more-information .more-tire-information .boxes-container .dealer .other-stock-container .other-stock .control-arrow,
            .tdp-page .more-information .more-dealer-information .boxes-container .dealer .other-stock-container .other-stock .control-arrow {
              display: inline-block;
              top: 25%;
              opacity: 1; }
            .tdp-page .more-information .more-tire-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item,
            .tdp-page .more-information .more-dealer-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item {
              box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
              border-style: solid;
              border-width: 1px;
              border-color: #2181f7;
              color: #2181f7;
              background: #fff;
              margin: 10px;
              min-height: 110px;
              display: flex;
              flex-direction: column;
              justify-content: space-between; }
              .tdp-page .more-information .more-tire-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item p,
              .tdp-page .more-information .more-dealer-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item p {
                margin: 5px; }
              .tdp-page .more-information .more-tire-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item a:link,
              .tdp-page .more-information .more-tire-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item a:active,
              .tdp-page .more-information .more-tire-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item a:hover,
              .tdp-page .more-information .more-tire-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item a:visited,
              .tdp-page .more-information .more-dealer-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item a:link,
              .tdp-page .more-information .more-dealer-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item a:active,
              .tdp-page .more-information .more-dealer-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item a:hover,
              .tdp-page .more-information .more-dealer-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item a:visited {
                text-decoration: none; }
              .tdp-page .more-information .more-tire-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item b,
              .tdp-page .more-information .more-dealer-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item b {
                color: #fc7d12; }
      .tdp-page .more-information .more-tire-information .boxes-container .tire,
      .tdp-page .more-information .more-dealer-information .boxes-container .tire {
        padding: 20px;
        width: 100%; }
        .tdp-page .more-information .more-tire-information .boxes-container .tire .tire-images,
        .tdp-page .more-information .more-dealer-information .boxes-container .tire .tire-images {
          margin-bottom: 10px; }
          .tdp-page .more-information .more-tire-information .boxes-container .tire .tire-images .tire-image,
          .tdp-page .more-information .more-dealer-information .boxes-container .tire .tire-images .tire-image {
            max-width: 100px; }
        .tdp-page .more-information .more-tire-information .boxes-container .tire .tire-information,
        .tdp-page .more-information .more-dealer-information .boxes-container .tire .tire-information {
          font-weight: bold;
          font-size: 1.05rem;
          margin: 20px 0 5px 0; }
        .tdp-page .more-information .more-tire-information .boxes-container .tire .tire-details,
        .tdp-page .more-information .more-dealer-information .boxes-container .tire .tire-details {
          display: flex; }
          @media all and (max-width: 1024px) {
            .tdp-page .more-information .more-tire-information .boxes-container .tire .tire-details,
            .tdp-page .more-information .more-dealer-information .boxes-container .tire .tire-details {
              flex-direction: column; } }
          .tdp-page .more-information .more-tire-information .boxes-container .tire .tire-details .tire-details-col,
          .tdp-page .more-information .more-dealer-information .boxes-container .tire .tire-details .tire-details-col {
            padding-top: 0;
            margin-right: 50px; }
        .tdp-page .more-information .more-tire-information .boxes-container .tire div ul,
        .tdp-page .more-information .more-dealer-information .boxes-container .tire div ul {
          list-style: none;
          margin: 0 0 10px 0;
          padding: 0; }
        .tdp-page .more-information .more-tire-information .boxes-container .tire div .additional-information-title,
        .tdp-page .more-information .more-dealer-information .boxes-container .tire div .additional-information-title {
          font-weight: bold; }
        .tdp-page .more-information .more-tire-information .boxes-container .tire div .tire-type span,
        .tdp-page .more-information .more-dealer-information .boxes-container .tire div .tire-type span {
          font-weight: bold; }

@media all and (max-width: 1024px) {
  .tdp-page .boxes-container .box .result-container .row .right .request-row {
    margin-left: 0px;
    margin-bottom: 30px;
    margin-top: 10px; }
  .tdp-page .boxes-container .box .result-container .row .tire-options .quantity-alert {
    font-size: 9px;
    left: 20px;
    bottom: 80px; }
  .tdp-page .result-container .row {
    display: flex;
    flex-direction: column; }
  .tdp-page .result-container .left {
    padding: 0; }
    .tdp-page .result-container .left .tire-image-carousel-container {
      border-radius: 4px;
      position: relative;
      top: 10px;
      right: 1.5%;
      width: 100%;
      height: 300px;
      overflow: hidden;
      padding-bottom: 0px; }
      .tdp-page .result-container .left .tire-image-carousel-container .tire-images-container {
        padding-top: 15px;
        width: 100%;
        height: 275px; }
        .tdp-page .result-container .left .tire-image-carousel-container .tire-images-container .tire-image {
          margin-top: 0px;
          max-width: 50%;
          height: auto; }
  .tdp-page .tire-options {
    flex-flow: wrap-reverse; }
    .tdp-page .tire-options .btn {
      min-width: 100%; }
    .tdp-page .tire-options div {
      margin-bottom: 10px; }
  .tdp-page .more-information {
    flex-direction: column; }
    .tdp-page .more-information .more-dealer-information,
    .tdp-page .more-information .more-tire-information {
      width: 100%;
      margin-bottom: 50px;
      padding: 0; }
      .tdp-page .more-information .more-dealer-information .contact-shop-mobile,
      .tdp-page .more-information .more-tire-information .contact-shop-mobile {
        display: block; }
      .tdp-page .more-information .more-dealer-information .contact-shop-desktop,
      .tdp-page .more-information .more-tire-information .contact-shop-desktop {
        display: none; } }

@media all and (max-width: 767px) {
  .tdp-container .save-schedule-sticky-container {
    display: flex;
    justify-content: center; }
  .tdp-container header h1 {
    font-size: 14px;
    font-size: 0.875rem;
    margin: 10px 20px 20px 20px;
    text-align: center; }
  .tdp-page {
    padding: 0 5px 20px 5px; }
    .tdp-page .boxes-container .box .result-container .row .right .chart-logo {
      position: absolute;
      right: 59px;
      top: 19px;
      cursor: pointer; }
      .tdp-page .boxes-container .box .result-container .row .right .chart-logo svg {
        height: 26px;
        width: auto;
        color: #b6b6b6; }
    .tdp-page .boxes-container .box .result-container .row .tire-options .quantity-alert {
      font-size: 9px;
      left: 20px;
      bottom: 75px; }
    .tdp-page .left {
      padding: 0;
      margin-bottom: 0; }
      .tdp-page .left .tire-image-carousel-container {
        position: relative;
        width: 100%;
        max-height: 230px;
        overflow: hidden;
        margin: 0; }
        .tdp-page .left .tire-image-carousel-container .control-arrow {
          top: 40px; }
        .tdp-page .left .tire-image-carousel-container .tire-images-container {
          padding-top: 0px;
          width: 100%;
          max-height: 230px;
          overflow: hidden; }
          .tdp-page .left .tire-image-carousel-container .tire-images-container .tire-image {
            margin-top: 5px;
            max-width: 50%; }
    .tdp-page .more-information {
      flex-direction: column;
      padding: 0; }
      .tdp-page .more-information .more-tire-information {
        padding: 0; }
        .tdp-page .more-information .more-tire-information .boxes-container .contact-shop {
          padding: 10px; }
        .tdp-page .more-information .more-tire-information .boxes-container .tire {
          margin: 20px 0 0 0; }
      .tdp-page .more-information .more-dealer-information {
        margin-top: 40px;
        padding: 0; }
        .tdp-page .more-information .more-dealer-information .boxes-container .dealer {
          margin: 20px 0 0 0; }
        .tdp-page .more-information .more-dealer-information .quote-stores-container .store-name-logo {
          flex-flow: column-reverse;
          align-items: start;
          text-align: left; }
          .tdp-page .more-information .more-dealer-information .quote-stores-container .store-name-logo .logo {
            margin-bottom: 10px; }
            .tdp-page .more-information .more-dealer-information .quote-stores-container .store-name-logo .logo img {
              max-width: 100px;
              height: 75px; }
        .tdp-page .more-information .more-dealer-information .quote-stores-container .store-rating-distance {
          flex-direction: column; } }

.carousel .slide {
    background: #fff !important;
}

.carousel.carousel-slider .control-arrow {
    display: inline-block;
    top: 15%;
    width: 30px;
    height: 60px;
    opacity: 0.5 !important;
    background: black !important;
}

.partrunner-overlay .modal .box form input[type="submit"] {
  background: #f9d938;
  color: #000;
  border-style: none; }

.partrunner-tdp {
  max-width: 992px;
  margin: 0 auto;
  color: #000; }
  .partrunner-tdp .btn-partrunner {
    font-weight: bold;
    background: #f9d938;
    color: #000; }
  .partrunner-tdp h6.button {
    font-weight: bold;
    background: #d8d8d8;
    color: #000;
    border-style: none; }
  .partrunner-tdp .year-layer h4 {
    color: #000; }
  .partrunner-tdp .year-layer button {
    font-weight: bold;
    background: #f9d938;
    color: #000;
    border-style: none; }
  .partrunner-tdp .tdp-container {
    padding: 0;
    margin: 0 auto; }
    .partrunner-tdp .tdp-container .save-schedule-sticky-container {
      z-index: 12000;
      position: sticky;
      position: -webkit-sticky;
      top: 0; }
      .partrunner-tdp .tdp-container .save-schedule-sticky-container .save-schedule {
        display: flex;
        justify-content: center;
        background: #fff;
        width: 100%; }
        .partrunner-tdp .tdp-container .save-schedule-sticky-container .save-schedule .button {
          margin: 20px;
          z-index: 99955; }
          .partrunner-tdp .tdp-container .save-schedule-sticky-container .save-schedule .button.buy-button {
            background: #f9d938;
            color: #000;
            border-style: none; }
            .partrunner-tdp .tdp-container .save-schedule-sticky-container .save-schedule .button.buy-button span {
              margin-right: 0.5em; }
    .partrunner-tdp .tdp-container .filler-div {
      height: 80px;
      z-index: -1; }
    .partrunner-tdp .tdp-container header h1 {
      font-size: 18px;
      font-size: 1.125rem;
      margin: 20px 20px 50px 50px; }
  .partrunner-tdp .tdp-page {
    padding: 0 50px 50px 50px;
    position: relative; }
    .partrunner-tdp .tdp-page .click-for-phone {
      position: relative;
      cursor: pointer; }
      .partrunner-tdp .tdp-page .click-for-phone .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #f9d938;
        color: #fff;
        z-index: 9;
        display: flex;
        justify-content: center;
        align-items: center; }
    .partrunner-tdp .tdp-page .this-deal {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
      display: inline-block;
      margin: auto;
      padding: 10px 20px 10px 20px;
      color: #000;
      background: #fff; }
    .partrunner-tdp .tdp-page .boxes-container {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
      display: flex;
      flex-wrap: wrap; }
      .partrunner-tdp .tdp-page .boxes-container .dealer .dealer-info {
        font-weight: bold;
        font-size: 1.05rem !important;
        margin: 20px 0 5px 0;
        display: block; }
      .partrunner-tdp .tdp-page .boxes-container .box {
        width: 100%; }
        .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left,
        .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .right {
          flex: 0 0 50%; }
        .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left {
          background: #d8d8d8;
          padding: 20px; }
          .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left p {
            margin: 0; }
          .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left .dealer {
            height: 100%; }
            .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left .dealer .price-average-container {
              height: 100%;
              display: flex;
              flex-direction: column;
              justify-content: center; }
              .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left .dealer .price-average-container .price-average-div {
                margin: 20px 0 20px 0;
                display: flex; }
                .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left .dealer .price-average-container .price-average-div .tire-price {
                  margin-right: 20px; }
                  .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left .dealer .price-average-container .price-average-div .tire-price h3 {
                    color: #000;
                    margin: 0; }
                  .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left .dealer .price-average-container .price-average-div .tire-price span {
                    font-size: 12px;
                    font-size: 0.75rem; }
                .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left .dealer .price-average-container .price-average-div .price-average-name {
                  font-weight: bold;
                  margin-right: 20px; }
                .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left .dealer .price-average-container .price-average-div .tire-unit-price {
                  font-size: 12px;
                  font-size: 0.75rem; }
            .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left .dealer .dealer-logo {
              margin-top: 20px;
              width: 100px; }
            .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left .dealer .dealer-name {
              margin-top: 20px;
              color: #000; }
            .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left .dealer .dealer-address {
              margin-bottom: 20px; }
            .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left .dealer .website {
              margin-bottom: 20px; }
            .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left .dealer a:link {
              text-decoration: none; }
            .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left .dealer a:hover {
              text-decoration: none; }
            .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left .dealer .click-for-more {
              margin-bottom: 20px;
              font-size: 15px; }
            .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left .dealer .dealer-phone {
              display: flex;
              align-items: center;
              margin: 10px 0; }
              .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left .dealer .dealer-phone img {
                width: 25px;
                margin-right: 5px;
                -webkit-filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(13deg) brightness(96%) contrast(104%);
                        filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(13deg) brightness(96%) contrast(104%); }
              .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left .dealer .dealer-phone a {
                text-decoration: none;
                color: #666666; }
            .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left .dealer .dealer-rating {
              font-weight: bold;
              display: flex;
              align-items: center;
              margin-bottom: 20px; }
              .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left .dealer .dealer-rating .stars {
                margin-left: 10px; }
            .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left .dealer .dealer-distance {
              font-size: 36px;
              display: flex;
              align-items: center;
              margin: 10px 0;
              color: #666666; }
              .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left .dealer .dealer-distance a,
              .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .left .dealer .dealer-distance span {
                margin-left: 10px;
                font-size: 12px;
                font-size: 0.75rem;
                text-decoration: none;
                color: #666666; }
        .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .right {
          padding: 20px; }
          .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .right .tire-information {
            font-weight: bold;
            font-size: 1.05rem !important; }
          .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .right .tire p {
            margin: 0; }
          .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .right .tire .tire-logo {
            margin: 10px 0 0 0;
            color: #000;
            display: flex; }
            .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .right .tire .tire-logo img {
              max-height: 30px;
              margin-right: 10px; }
            .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .right .tire .tire-logo .info-circle {
              text-decoration: none;
              color: #000;
              margin: 0 0 0 10px; }
          .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .right .tire .tire-name {
            margin-bottom: 20px; }
          .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .right .tire .tire-type,
          .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .right .tire .tire-warranty,
          .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .right .tire .tire-life {
            font-size: 12px;
            font-size: 0.75rem;
            margin-bottom: 10px; }
          .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .right .tire .tire-life {
            display: flex;
            font-size: 12px;
            font-size: 0.75rem;
            margin-right: 10px;
            font-weight: normal; }
            .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .right .tire .tire-life .tire-life-title {
              display: inline-block;
              margin-right: 10px; }
            .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .right .tire .tire-life .tire-life-images {
              display: flex;
              align-items: center; }
              .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .right .tire .tire-life .tire-life-images .tire-life-icon {
                opacity: 0.4;
                max-width: 20px; }
              .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .right .tire .tire-life .tire-life-images .tire-life-icon.selected {
                opacity: 1; }
          .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .right .tire .life-images {
            display: flex;
            align-items: center; }
            .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .right .tire .life-images b {
              display: inline-block;
              margin-right: 10px;
              font-weight: normal; }
            .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .right .tire .life-images img {
              max-width: 20px; }
            .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .right .tire .life-images .tire-type {
              max-width: 35px;
              margin: 0;
              margin-left: 10px; }
          .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .right .tire .tire-price {
            color: #000;
            display: flex;
            align-items: center;
            margin-bottom: 10px; }
            .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .right .tire .tire-price h3 {
              margin: 0;
              margin-right: 10px;
              font-size: 36px;
              font-size: 2.25rem; }
            .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .right .tire .tire-price span {
              color: #5d5d61;
              font-size: 12px;
              font-size: 0.75rem; }
          .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .right .tire .tire-unit-price span {
            font-size: 12px;
            font-size: 0.75rem;
            margin-left: 10px; }
        .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .tire-options {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          margin-top: 20px; }
          .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .tire-options .touchless {
            color: #747474;
            font-size: 25px; }
            .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .tire-options .touchless i,
            .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .tire-options .touchless svg {
              color: #747474;
              cursor: pointer; }
          .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .tire-options .btn {
            color: #000;
            margin: 0 auto 0 0;
            font-weight: bold;
            padding: 10px;
            font-size: 1.5rem; }
            .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .tire-options .btn span {
              margin-right: 0.5em; }
          .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .tire-options div {
            margin-left: 20px;
            cursor: pointer; }
            .partrunner-tdp .tdp-page .boxes-container .box .result-container .row .tire-options div img {
              -webkit-filter: grayscale(100%);
              /* Safari 6.0 - 9.0 */
              filter: grayscale(100%);
              max-width: 50px; }
    .partrunner-tdp .tdp-page .more-information {
      padding: 50px 0 0 0;
      display: flex;
      flex-direction: row;
      justify-content: center; }
      .partrunner-tdp .tdp-page .more-information .more-tire-information {
        padding: 0 0 0 10px; }
      .partrunner-tdp .tdp-page .more-information .more-dealer-information {
        padding: 0 10px 0 0; }
      .partrunner-tdp .tdp-page .more-information .more-tire-information,
      .partrunner-tdp .tdp-page .more-information .more-dealer-information {
        width: 50%; }
        .partrunner-tdp .tdp-page .more-information .more-tire-information .this-tire,
        .partrunner-tdp .tdp-page .more-information .more-tire-information .this-dealer,
        .partrunner-tdp .tdp-page .more-information .more-dealer-information .this-tire,
        .partrunner-tdp .tdp-page .more-information .more-dealer-information .this-dealer {
          box-shadow: 0 -3px 5px 0px rgba(0, 0, 0, 0.25);
          display: inline-block;
          margin: auto;
          padding: 10px 20px 10px 20px;
          color: #000;
          background: #fff; }
        .partrunner-tdp .tdp-page .more-information .more-tire-information .quote-stores-container,
        .partrunner-tdp .tdp-page .more-information .more-dealer-information .quote-stores-container {
          display: flex;
          flex-direction: column; }
          .partrunner-tdp .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container,
          .partrunner-tdp .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container {
            margin: 15px; }
            .partrunner-tdp .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store-headers .get-a-quote,
            .partrunner-tdp .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store-headers .sponsored,
            .partrunner-tdp .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store-headers .get-a-quote,
            .partrunner-tdp .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store-headers .sponsored {
              box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
              display: inline-block;
              margin: auto;
              padding: 10px 10px 10px 10px;
              color: #000;
              background: #fff;
              font-size: 12px;
              font-size: 0.75rem; }
            .partrunner-tdp .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store-headers .sponsored,
            .partrunner-tdp .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store-headers .sponsored {
              margin-left: 10px;
              color: #000;
              background: #d8d8d8; }
            .partrunner-tdp .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store,
            .partrunner-tdp .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store {
              box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              min-height: 200px; }
              .partrunner-tdp .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information,
              .partrunner-tdp .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information {
                padding: 10px; }
                .partrunner-tdp .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-name-logo,
                .partrunner-tdp .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-name-logo {
                  display: flex;
                  align-items: center;
                  margin-bottom: 10px; }
                  .partrunner-tdp .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-name-logo h3,
                  .partrunner-tdp .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-name-logo h3 {
                    margin: 0;
                    flex: 50%;
                    color: #000;
                    font-size: 20px;
                    font-size: 1.25rem; }
                  .partrunner-tdp .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-name-logo .logo,
                  .partrunner-tdp .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-name-logo .logo {
                    flex: 50%; }
                    .partrunner-tdp .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-name-logo .logo img,
                    .partrunner-tdp .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-name-logo .logo img {
                      max-width: 150px;
                      max-height: 100px;
                      margin: auto; }
                .partrunner-tdp .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-rating-distance,
                .partrunner-tdp .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-rating-distance {
                  display: flex;
                  justify-content: center; }
                  .partrunner-tdp .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-rating-distance .dealer-rating,
                  .partrunner-tdp .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-rating-distance .dealer-rating {
                    flex: 50%;
                    font-weight: bold;
                    display: flex;
                    align-items: center;
                    margin-bottom: 10px; }
                    .partrunner-tdp .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-rating-distance .dealer-rating .stars,
                    .partrunner-tdp .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-rating-distance .dealer-rating .stars {
                      margin-left: 10px; }
                  .partrunner-tdp .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-rating-distance .distance,
                  .partrunner-tdp .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-rating-distance .distance {
                    flex: 50%;
                    font-size: 36px;
                    display: flex;
                    align-items: center;
                    color: #000; }
                    .partrunner-tdp .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-rating-distance .distance a,
                    .partrunner-tdp .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store .quote-store-information .store-rating-distance .distance a {
                      margin-left: 10px;
                      font-size: 12px;
                      font-size: 0.75rem;
                      text-decoration: none;
                      color: #000; }
              .partrunner-tdp .tdp-page .more-information .more-tire-information .quote-stores-container .quote-store-outer-container .quote-store .click-for-phone a,
              .partrunner-tdp .tdp-page .more-information .more-dealer-information .quote-stores-container .quote-store-outer-container .quote-store .click-for-phone a {
                display: flex;
                width: 100%;
                justify-content: center;
                align-items: center;
                height: 50px;
                text-transform: uppercase;
                text-decoration: none;
                background: #f9d938;
                color: #000; }
        .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container,
        .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container {
          padding: 20px; }
          .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .tire-information,
          .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer-info,
          .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .tire-information,
          .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer-info {
            font-size: 11px;
            font-size: 0.6875rem; }
          .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer,
          .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer {
            width: 100%; }
            .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer .dealer-description,
            .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer .dealer-description {
              padding-top: 10px;
              text-indent: 50px;
              font-size: 15px; }
            .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer .store-hours,
            .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer .store-hours {
              margin-bottom: 20px; }
              .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer .store-hours .store-hour-line,
              .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer .store-hours .store-hour-line {
                margin: 0; }
            .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer a,
            .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer a {
              margin-top: 20px; }
            .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer a:link,
            .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer a:hover,
            .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer a:visited,
            .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer a:link,
            .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer a:hover,
            .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer a:visited {
              text-decoration: none; }
            .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer .google-reviews,
            .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer .google-reviews {
              background: #fff; }
              .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer .google-reviews .review-div,
              .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer .google-reviews .review-div {
                width: 100%;
                background: #fff; }
                .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer .google-reviews .review-div p,
                .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer .google-reviews .review-div p {
                  margin-top: 20px; }
                .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer .google-reviews .review-div .review-name,
                .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer .google-reviews .review-div .review-name {
                  font-weight: bold; }
                .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer .google-reviews .review-div .review-rating,
                .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer .google-reviews .review-div .review-rating {
                  font-weight: bold;
                  color: #000; }
                .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer .google-reviews .review-div .review-content,
                .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer .google-reviews .review-div .review-content {
                  text-align: left; }
                .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer .google-reviews .review-div img,
                .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer .google-reviews .review-div img {
                  width: 80px; }
            .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer .other-stock-container,
            .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer .other-stock-container {
              display: flex;
              justify-content: center; }
              .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer .other-stock-container .other-stock,
              .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer .other-stock-container .other-stock {
                width: 100%; }
                .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer .other-stock-container .other-stock .control-arrow,
                .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer .other-stock-container .other-stock .control-arrow {
                  opacity: 1; }
                .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item,
                .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item {
                  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
                  border-style: solid;
                  border-width: 1px;
                  border-color: #000;
                  color: #000;
                  background: #f9d938;
                  margin: 10px;
                  min-width: 150px;
                  min-height: 110px;
                  display: flex;
                  flex-direction: column;
                  justify-content: space-between; }
                  .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item p,
                  .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item p {
                    margin: 5px; }
                  .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item a:link,
                  .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item a:active,
                  .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item a:hover,
                  .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item a:visited,
                  .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item a:link,
                  .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item a:active,
                  .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item a:hover,
                  .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item a:visited {
                    text-decoration: none; }
                  .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item b,
                  .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item b {
                    color: #000; }
          .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .tire,
          .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .tire {
            width: 100%; }
            .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .tire .tire-images,
            .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .tire .tire-images {
              margin-bottom: 10px; }
              .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .tire .tire-images .tire-image,
              .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .tire .tire-images .tire-image {
                max-width: 100px; }
            .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .tire .tire-information,
            .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .tire .tire-information {
              font-weight: bold;
              font-size: 1.05rem;
              margin: 20px 0 5px 0; }
            .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .tire div,
            .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .tire div {
              padding-top: 10px;
              font-size: 15px; }
              .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .tire div ul,
              .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .tire div ul {
                list-style: none;
                margin: 0 0 10px 0;
                padding: 0; }
              .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .tire div .additional-information-title,
              .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .tire div .additional-information-title {
                font-weight: bold; }
  @media all and (max-width: 1024px) {
    .partrunner-tdp .tdp-page .tire-options {
      flex-flow: wrap-reverse; }
      .partrunner-tdp .tdp-page .tire-options .btn {
        min-width: 100%; }
      .partrunner-tdp .tdp-page .tire-options div {
        margin-bottom: 10px; }
    .partrunner-tdp .tdp-page .more-information {
      flex-direction: column; }
      .partrunner-tdp .tdp-page .more-information .more-dealer-information,
      .partrunner-tdp .tdp-page .more-information .more-tire-information {
        width: 100%;
        margin-bottom: 50px;
        padding: 0; } }
  @media all and (max-width: 767px) {
    .partrunner-tdp .save-schedule .button {
      line-height: normal;
      padding: 3px;
      text-align: center; }
      .partrunner-tdp .save-schedule .button h6 {
        font-size: 13px; }
    .partrunner-tdp .tdp-container header h1 {
      font-size: 14px;
      font-size: 0.875rem;
      margin: 0 20px 20px 20px;
      text-align: center; }
    .partrunner-tdp .tdp-page {
      padding: 0 5px 20px 5px; }
      .partrunner-tdp .tdp-page .more-information {
        flex-direction: column;
        padding: 0; }
        .partrunner-tdp .tdp-page .more-information .more-tire-information {
          margin-top: 40px;
          padding: 0; }
          .partrunner-tdp .tdp-page .more-information .more-tire-information .boxes-container .tire {
            margin: 20px 0 0 0; }
        .partrunner-tdp .tdp-page .more-information .more-dealer-information {
          margin-top: 40px;
          padding: 0; }
          .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer {
            margin: 20px 0 0 0; }
            .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer .other-stock-container .other-stock {
              width: 300px; }
              .partrunner-tdp .tdp-page .more-information .more-dealer-information .boxes-container .dealer .other-stock-container .other-stock .other-stock-item {
                min-width: 110px; }
          .partrunner-tdp .tdp-page .more-information .more-dealer-information .quote-stores-container .store-name-logo {
            flex-flow: column-reverse;
            align-items: start;
            text-align: left; }
            .partrunner-tdp .tdp-page .more-information .more-dealer-information .quote-stores-container .store-name-logo .logo {
              margin-bottom: 10px; }
              .partrunner-tdp .tdp-page .more-information .more-dealer-information .quote-stores-container .store-name-logo .logo img {
                max-width: 100px;
                max-height: 75px; }
          .partrunner-tdp .tdp-page .more-information .more-dealer-information .quote-stores-container .store-rating-distance {
            flex-direction: column; } }

.carousel .slide {
    background: #fff !important;
}

.control-arrow {
    opacity: 0.5 !important;
    background: black !important;
    top: 40px;
}

.staggered-checkout {
  height: 100vh; }
  .staggered-checkout .checkout-container {
    height: 50%;
    border: 1px solid #e0e0e0;
    position: relative; }
    .staggered-checkout .checkout-container .label {
      position: absolute;
      top: 4px;
      left: 4px;
      background: white;
      border: 1px solid #e0e0e0;
      border-radius: 4px;
      padding: 0 5px; }