.start-0 {
    left: 0 !important
}

.top-0 {
    top: 0 !important
}

.end-0 {
    right: 0 !important
}

.bottom-0 {
    bottom: 0 !important
}

.start-50 {
    left: 50% !important
}

.top-50 {
    top: 50% !important;
    transform: translate(-50%, -50%)
}

.end-50 {
    right: 50% !important
}

.bottom-50 {
    bottom: 50% !important
}

.position-absolute {
    position: absolute !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

@-webkit-keyframes arrow-slide-in {
    from {
        right: -75px
    }

    to {
        right: -80px
    }
}

@keyframes arrow-slide-in {
    from {
        right: -75px
    }

    to {
        right: -80px
    }
}

@-webkit-keyframes arrow-slide-out {
    from {
        right: 5px
    }

    to {
        right: -75px
    }
}

@keyframes arrow-slide-out {
    from {
        right: 5px
    }

    to {
        right: -75px
    }
}

@-webkit-keyframes arrow-slide-in-medium {
    from {
        right: -150px
    }

    to {
        right: -160px
    }
}

@keyframes arrow-slide-in-medium {
    from {
        right: -150px
    }

    to {
        right: -160px
    }
}

@-webkit-keyframes arrow-slide-out-medium {
    from {
        right: 6px
    }

    to {
        right: -150px
    }
}

@keyframes arrow-slide-out-medium {
    from {
        right: 6px
    }

    to {
        right: -150px
    }
}

@-webkit-keyframes arrow-slide-in-large {
    from {
        right: -200px
    }

    to {
        right: -210px
    }
}

@keyframes arrow-slide-in-large {
    from {
        right: -200px
    }

    to {
        right: -210px
    }
}

@-webkit-keyframes arrow-slide-out-large {
    from {
        right: 10px
    }

    to {
        right: -200px
    }
}

@keyframes arrow-slide-out-large {
    from {
        right: 10px
    }

    to {
        right: -200px
    }
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    font-size: 16px;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

pre {
    font-family: monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

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

b,strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none;
    max-width: 100%
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,[type="button"],[type="reset"],[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

button {
    background: transparent;
    border: 0
}

.contentpage .main-content .container {
    margin-left: 0;
    margin-right: 0
}

.contentpage .main-content .back-link .icon {
    width: 1rem;
    height: 1rem
}

.contentpage .main-content .breadcrumb {
    padding-left: .5rem
}

@media (max-width: 1023.98px) {
    .contentpage .left-navigation {
        box-shadow:0 .5rem 1rem rgba(0,0,0,0.08),0 .25rem .25rem rgba(0,0,0,0.04);
        position: absolute;
        left: 0;
        height: auto
    }
}

.contentpage .left-navigation .icon {
    width: 1.5rem;
    height: 1.5rem;
    filter: grayscale(100%)
}

.contentpage .left-navigation .icon:hover {
    filter: unset
}

.contentpage .left-navigation ul {
    overflow-x: auto;
    white-space: nowrap
}

.contentpage .left-navigation ul li a {
    color: #595959
}

.contentpage .left-navigation ul li a:hover {
    text-decoration: unset;
    color: #113dad
}

.contentpage .left-navigation ul li.active a,.contentpage .left-navigation ul li:hover a {
    color: #113dad;
    text-decoration: unset
}

.contentpage .left-navigation ul li.active .icon,.contentpage .left-navigation ul li:hover .icon {
    filter: unset
}

.contentpage .left-navigation ul li.active {
    font-weight: 600;
    pointer-events: none
}

@media (min-width: 1024px) {
    .contentpage .left-navigation ul {
        overflow:hidden;
        white-space: unset;
        border-right:.125rem solid #e9e9e9;
    }

    .contentpage .left-navigation ul li {
        width: 100%
    }

    .contentpage .left-navigation ul li a {
        white-space: unset
    }
}

#tire-definitions-faq .term-navigation ul {
    max-width: 26.25rem
}

.left-navigation {
    height: 3.5rem;
    width: 100%
}

@media (min-width: 1024px) {
    .left-navigation {
        height:100%
    }
}

.left-navigation .sub-nav {
    height: 100%
}

@media (min-width: 1024px) {
    .left-navigation .sub-nav {
        border-right:.125rem solid #f4f4f4;
        width: 100%
    }
}

.left-navigation .nav-item {
    height: 100%
}

.left-navigation .nav-item>button {
    cursor: pointer;
    padding: 0;
    font-size: 1rem;
    line-height: 1.5rem;
    color: inherit
}

@media (max-width: 1023.98px) {
    .left-navigation .nav-item {
        color:#767676;
        border-bottom: .25rem solid transparent
    }
}

@media (max-width: 767.98px) {
    .left-navigation .nav-item {
        flex-flow:column;
        border-bottom: .25rem solid transparent
    }
}

@media (min-width: 1024px) {
    .left-navigation .nav-item {
        position:relative;
        color: #595959
    }

    .left-navigation .nav-item.active {
        border-bottom: 0;
        color: #113dad;
        font-weight: 600;
        position: relative
    }

    .left-navigation .nav-item.active::after {
        background: #113dad;
        border-radius: .125rem 0 0 .125rem;
        content: "";
        display: block;
        height: 3rem;
        position: absolute;
        right: -.125rem;
        width: .5rem
    }

    .left-navigation .nav-item.active .icon {
        background-position-y: -1rem
    }
}

.left-navigation .nav-item.active {
    border-bottom-color: #113dad;
    color: #113dad;
    font-weight: 600
}

.left-navigation .nav-item.active .icon {
    background-position-y: -1rem
}

.left-navigation .nav-item.active .icon-user {
    background-size: .875rem
}

.left-navigation .icon {
    background-position: 0 0;
    background-size: 1rem auto;
    height: 1rem;
    width: 1rem
}

@media (min-width: 1024px) {
    .left-navigation .nav-header {
        color:#222
    }
}

@media (max-width: 1023.98px) {
    .account-image::after {
        background:#fff;
        box-shadow: 0 .75rem 1.25rem rgba(0,0,0,0.08),0 .375rem .375rem rgba(0,0,0,0.04);
        content: "";
        display: block;
        height: 3.5rem
    }
}
@media (min-width: 1024px) {
    .pl-lg-0, .px-lg-0 {
        padding-left: 2rem !important;
    }
}
 .sub-nav{
    scrollbar-width: none; 
  }

  .sub-nav::-webkit-scrollbar {
    display: none; 
  }
@media (min-width: 1024px) {
    .contentpage .left-navigation ul li a {
        margin-left: -30px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .menu-horizontal {
    padding-top: 3rem;
  }
}