@charset "UTF-8";
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 11px;
    margin-bottom: 11px
}

.caret,
.custom-select:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

@media screen and (max-width: 992px) {

    .table-responsive>.table>thead>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap
    }
}

.btn {
    white-space: normal;
    padding: 6.6px 13px
}

.btn span {
    -webkit-font-smoothing: auto
}

.btn-huge {
    width: 232px;
    padding: 17px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .5px
}

@media (max-width: 767px) {
    .btn-huge {
        width: 100%;
        position: relative;
        display: block;
        font-size: 14px
    }
}

.btn.btn-transparent {
    border-color: #fff;
    border-width: 2px;
    color: #fff;
    transition: background-color .15s, color .15s;
    position: relative;
    display: inline-block;
    overflow: hidden;
    z-index: 0
}

.btn.btn-transparent:after {
    z-index: -1;
    top: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    left: -100%;
    transition: left .2s ease-in
}

.btn.btn-transparent:hover,
.btn.btn-transparent:active,
.btn.btn-transparent:focus {
    color: #0075b7;
    text-decoration: none !important
}

.btn.btn-transparent:hover:after,
.btn.btn-transparent:active:after,
.btn.btn-transparent:focus:after {
    left: 0
}

.btn.btn-transparent .background-black-lighter {
    background-color: #363636 !important
}

.btn.btn-transparent .foreground-black-lighter {
    color: #363636 !important
}

.foreground-black-lighter .btn.btn-transparent {
    border-color: #363636 !important;
    color: #363636 !important
}

.foreground-black-lighter .btn.btn-transparent:after {
    background-color: #363636 !important
}

.background-black-lighter .btn.btn-transparent:hover,
.background-black-lighter .btn.btn-transparent:focus {
    color: #363636 !important
}

.btn.btn-transparent .background-black-lightest {
    background-color: #636363 !important
}

.btn.btn-transparent .foreground-black-lightest {
    color: #636363 !important
}

.foreground-black-lightest .btn.btn-transparent {
    border-color: #636363 !important;
    color: #636363 !important
}

.foreground-black-lightest .btn.btn-transparent:after {
    background-color: #636363 !important
}

.background-black-lightest .btn.btn-transparent:hover,
.background-black-lightest .btn.btn-transparent:focus {
    color: #636363 !important
}

.btn.btn-transparent .background-white {
    background-color: #fff !important
}

.btn.btn-transparent .foreground-white {
    color: #fff !important
}

.foreground-white .btn.btn-transparent {
    border-color: #fff !important;
    color: #fff !important
}

.foreground-white .btn.btn-transparent:after {
    background-color: #fff !important
}

.background-white .btn.btn-transparent:hover,
.background-white .btn.btn-transparent:focus {
    color: #fff !important
}

.btn.btn-transparent .background-black {
    background-color: #000 !important
}

.btn.btn-transparent .foreground-black {
    color: #000 !important
}

.foreground-black .btn.btn-transparent {
    border-color: #000 !important;
    color: #000 !important
}

.foreground-black .btn.btn-transparent:after {
    background-color: #000 !important
}

.background-black .btn.btn-transparent:hover,
.background-black .btn.btn-transparent:focus {
    color: #000 !important
}

.btn.btn-transparent .background-color-1 {
    background-color: #ffcc06 !important
}

.btn.btn-transparent .foreground-color-1 {
    color: #ffcc06 !important
}

.foreground-color-1 .btn.btn-transparent {
    border-color: #ffcc06 !important;
    color: #ffcc06 !important
}

.foreground-color-1 .btn.btn-transparent:after {
    background-color: #ffcc06 !important
}

.background-color-1 .btn.btn-transparent:hover,
.background-color-1 .btn.btn-transparent:focus {
    color: #ffcc06 !important
}

.btn.btn-transparent .background-color-1-light {
    background-color: #ffd50f !important
}

.btn.btn-transparent .foreground-color-1-light {
    color: #ffd50f !important
}

.foreground-color-1-light .btn.btn-transparent {
    border-color: #ffd50f !important;
    color: #ffd50f !important
}

.foreground-color-1-light .btn.btn-transparent:after {
    background-color: #ffd50f !important
}

.background-color-1-light .btn.btn-transparent:hover,
.background-color-1-light .btn.btn-transparent:focus {
    color: #ffd50f !important
}

.btn.btn-transparent .background-color-1-lighter {
    background-color: #ffce00 !important
}

.btn.btn-transparent .foreground-color-1-lighter {
    color: #ffce00 !important
}

.foreground-color-1-lighter .btn.btn-transparent {
    border-color: #ffce00 !important;
    color: #ffce00 !important
}

.foreground-color-1-lighter .btn.btn-transparent:after {
    background-color: #ffce00 !important
}

.background-color-1-lighter .btn.btn-transparent:hover,
.background-color-1-lighter .btn.btn-transparent:focus {
    color: #ffce00 !important
}

.btn.btn-transparent .background-color-2 {
    background-color: #0075b7 !important
}

.btn.btn-transparent .foreground-color-2 {
    color: #0075b7 !important
}

.foreground-color-2 .btn.btn-transparent {
    border-color: #0075b7 !important;
    color: #0075b7 !important
}

.foreground-color-2 .btn.btn-transparent:after {
    background-color: #0075b7 !important
}

.background-color-2 .btn.btn-transparent:hover,
.background-color-2 .btn.btn-transparent:focus {
    color: #0075b7 !important
}

.btn.btn-transparent .background-color-2-alt {
    background-color: #006e9f !important
}

.btn.btn-transparent .foreground-color-2-alt {
    color: #006e9f !important
}

.foreground-color-2-alt .btn.btn-transparent {
    border-color: #006e9f !important;
    color: #006e9f !important
}

.foreground-color-2-alt .btn.btn-transparent:after {
    background-color: #006e9f !important
}

.background-color-2-alt .btn.btn-transparent:hover,
.background-color-2-alt .btn.btn-transparent:focus {
    color: #006e9f !important
}

.btn.btn-transparent .background-color-2-dark {
    background-color: #13386e !important
}

.btn.btn-transparent .foreground-color-2-dark {
    color: #13386e !important
}

.foreground-color-2-dark .btn.btn-transparent {
    border-color: #13386e !important;
    color: #13386e !important
}

.foreground-color-2-dark .btn.btn-transparent:after {
    background-color: #13386e !important
}

.background-color-2-dark .btn.btn-transparent:hover,
.background-color-2-dark .btn.btn-transparent:focus {
    color: #13386e !important
}

.btn.btn-transparent .background-color-2-darker {
    background-color: #036297 !important
}

.btn.btn-transparent .foreground-color-2-darker {
    color: #036297 !important
}

.foreground-color-2-darker .btn.btn-transparent {
    border-color: #036297 !important;
    color: #036297 !important
}

.foreground-color-2-darker .btn.btn-transparent:after {
    background-color: #036297 !important
}

.background-color-2-darker .btn.btn-transparent:hover,
.background-color-2-darker .btn.btn-transparent:focus {
    color: #036297 !important
}

.btn.btn-transparent .background-color-2-light {
    background-color: #0082cb !important
}

.btn.btn-transparent .foreground-color-2-light {
    color: #0082cb !important
}

.foreground-color-2-light .btn.btn-transparent {
    border-color: #0082cb !important;
    color: #0082cb !important
}

.foreground-color-2-light .btn.btn-transparent:after {
    background-color: #0082cb !important
}

.background-color-2-light .btn.btn-transparent:hover,
.background-color-2-light .btn.btn-transparent:focus {
    color: #0082cb !important
}

.btn.btn-transparent .background-color-2-light-125 {
    background-color: #0183c120 !important
}

.btn.btn-transparent .foreground-color-2-light-125 {
    color: #0183c120 !important
}

.foreground-color-2-light-125 .btn.btn-transparent {
    border-color: #0183c120 !important;
    color: #0183c120 !important
}

.foreground-color-2-light-125 .btn.btn-transparent:after {
    background-color: #0183c120 !important
}

.background-color-2-light-125 .btn.btn-transparent:hover,
.background-color-2-light-125 .btn.btn-transparent:focus {
    color: #0183c120 !important
}

.btn.btn-transparent .background-color-3 {
    background-color: #bf1e2d !important
}

.btn.btn-transparent .foreground-color-3 {
    color: #bf1e2d !important
}

.foreground-color-3 .btn.btn-transparent {
    border-color: #bf1e2d !important;
    color: #bf1e2d !important
}

.foreground-color-3 .btn.btn-transparent:after {
    background-color: #bf1e2d !important
}

.background-color-3 .btn.btn-transparent:hover,
.background-color-3 .btn.btn-transparent:focus {
    color: #bf1e2d !important
}

.btn.btn-transparent .background-color-4 {
    background-color: #35bbc3 !important
}

.btn.btn-transparent .foreground-color-4 {
    color: #35bbc3 !important
}

.foreground-color-4 .btn.btn-transparent {
    border-color: #35bbc3 !important;
    color: #35bbc3 !important
}

.foreground-color-4 .btn.btn-transparent:after {
    background-color: #35bbc3 !important
}

.background-color-4 .btn.btn-transparent:hover,
.background-color-4 .btn.btn-transparent:focus {
    color: #35bbc3 !important
}

.btn.btn-transparent .background-color-5 {
    background-color: #f0f !important
}

.btn.btn-transparent .foreground-color-5 {
    color: #f0f !important
}

.foreground-color-5 .btn.btn-transparent {
    border-color: #f0f !important;
    color: #f0f !important
}

.foreground-color-5 .btn.btn-transparent:after {
    background-color: #f0f !important
}

.background-color-5 .btn.btn-transparent:hover,
.background-color-5 .btn.btn-transparent:focus {
    color: #f0f !important
}

.btn.btn-transparent .background-color-6 {
    background-color: #c02232 !important
}

.btn.btn-transparent .foreground-color-6 {
    color: #c02232 !important
}

.foreground-color-6 .btn.btn-transparent {
    border-color: #c02232 !important;
    color: #c02232 !important
}

.foreground-color-6 .btn.btn-transparent:after {
    background-color: #c02232 !important
}

.background-color-6 .btn.btn-transparent:hover,
.background-color-6 .btn.btn-transparent:focus {
    color: #c02232 !important
}

.btn.btn-secondary,
.btn.btn-secondary:hover {
    background-color: #bf1e2d
}

.btn.btn-primary:hover {
    border-color: #005c8f
}

.tab-btn {
    display: block !important;
    border: 0 !important;
    width: 100%;
    max-width: 200px;
    padding-right: 20px;
    padding-left: 20px;
    color: #fff !important;
    margin: 50px auto 0;
    text-transform: uppercase
}

.btn-signup-yellow {
    border-color: #ffcc06 !important
}

.btn-signup-yellow:after {
    background-color: #000 !important
}

.btn-signup-yellow:hover,
.btn-signup-yellow:focus {
    color: #ffcc06 !important
}

.btn-primary-darker {
    background-color: #13386e;
    --bs-btn-bg: rgb(19, 56, 110);
    --bs-btn-hover-bg: rgb(19, 56, 110);
    --bs-btn-disabled-bg: rgb(19, 56, 110);
    --bs-btn-disabled-color: #fff
}

.btn-primary-darker,
.btn-primary-darker:hover,
.btn-primary-darker:focus {
    color: #fff
}

.btn.btn-icon {
    padding: 3px;
    margin: 0;
    background: transparent;
    border: none;
    color: #13386e
}

.btn.btn-icon[disabled] {
    opacity: .15
}

.btn.btn-drag {
    position: relative;
    width: 12px;
    height: 30px;
    background: transparent
}

.btn.btn-drag>*:first-child {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2px;
    width: 2px;
    height: 2px;
    border: none;
    border-radius: 50px;
    background-color: #636363
}

.btn.btn-drag>*:first-child:before,
.btn.btn-drag>*:first-child:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: inherit;
    height: inherit;
    padding: inherit;
    background: inherit;
    border-radius: inherit
}

.btn.btn-drag>*:first-child:before {
    top: -10px
}

.btn.btn-drag>*:first-child:after {
    bottom: -10px
}

.icon-rotate-180 {
    display: block;
    transform: rotate(180deg)
}

.btn:focus,
button:focus-visible {
    outline: 2px solid rgb(0, 117, 183) !important;
    outline-offset: 2px
}

.nav-pills .nav-link:focus-visible {
    outline: 2px solid rgb(0, 117, 183);
    outline-offset: 2px
}

.modal-backdrop.in {
    opacity: .85
}

.label {
    border-radius: 0
}

.caret,
.custom-select:before {
    border-top-style: solid
}

@media (max-width: 767px) {
    .carousel .carousel-indicators li {
        padding: 5px;
        margin: 5px
    }
}

.carousel .carousel-indicators .active {
    background-color: #fff !important
}

#nhtsa_s3 {
    --bs-table-bg: transparent
}

.memory-pagination {
    display: flex;
    align-items: center;
    flex-direction: inherit;
    justify-content: space-between
}

.memory-pagination .btn {
    border: none;
    background-color: transparent;
    color: #0075b7
}

@media (max-width: 767px) {
    .memory-pagination {
        padding-bottom: 20px
    }
}

.pagination {
    display: flex;
    margin: 0
}

.pagination.js-pager__items {
    align-items: center;
    border-bottom: 3px solid lightgray
}

.pagination li {
    padding: 20px 5px
}

.pagination li button {
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: transparent;
    font-weight: 700;
    color: #0075b7
}

.pagination li button:hover {
    color: #036297
}

.pagination li span {
    border: 2px solid transparent !important
}

.pagination li a,
.pagination li span,
.pagination li button {
    border-radius: 50% !important;
    padding: 10px 0;
    display: inline-block;
    width: 40px;
    text-align: center;
    line-height: 1;
    border-color: transparent;
    border-width: 2px
}

.pagination li a:hover,
.pagination li a:focus,
.pagination li span:hover,
.pagination li span:focus,
.pagination li button:hover,
.pagination li button:focus {
    border-color: #f4f4f4;
    background-color: #f9f9f9;
    border-style: solid
}

.pagination li.active button,
.pagination li.active a,
.pagination li.active span,
.pagination li.active a:hover,
.pagination li.active a:focus,
.pagination li.active button:hover,
.pagination li.active button:focus,
.pagination li.is-active button,
.pagination li.is-active a,
.pagination li.is-active span,
.pagination li.is-active a:hover,
.pagination li.is-active a:focus,
.pagination li.is-active button:hover,
.pagination li.is-active button:focus {
    border-color: #0075b7;
    color: #0075b7;
    background-color: transparent;
    border-style: solid;
    z-index: 1
}

.pagination li.pager-ellipsis span:hover {
    background: transparent;
    border-color: transparent
}

.pagination li.pager-previous,
.pagination li.pager-next {
    flex: 2;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 12px;
    position: relative
}

.pagination li.pager-previous a,
.pagination li.pager-next a {
    border-radius: 0 !important;
    padding: 33px 0;
    vertical-align: middle;
    border: none;
    background: transparent;
    width: 30%;
    height: 100%
}

.pagination li.pager-previous a [class^=icon-],
.pagination li.pager-previous a [class*=" icon-"],
.pagination li.pager-previous a [class^=faq-Icon],
.pagination li.pager-previous a [class*=" faq-Icon"],
.pagination li.pager-next a [class^=icon-],
.pagination li.pager-next a [class*=" icon-"],
.pagination li.pager-next a [class^=faq-Icon],
.pagination li.pager-next a [class*=" faq-Icon"] {
    margin: 0 5px;
    font-size: 75%
}

.pagination li.pager-previous {
    display: flex;
    margin-right: 10px;
    padding-right: 0;
    transform: translate(10px)
}

.pagination li.pager-previous:before {
    color: #0075b7;
    left: 0;
    top: 43%;
    position: absolute;
    z-index: -1
}

.pagination li.pager-previous a {
    text-align: left
}

@media (min-width: 992px) {
    .pagination li.pager-previous a {
        border-right: 1px solid rgb(221, 221, 221)
    }
}

.pagination li.pager-next {
    margin-left: 10px;
    padding-left: 0;
    transform: translate(-10px)
}

.pagination li.pager-next:after {
    color: #0075b7;
    right: 0;
    top: 43%;
    position: absolute;
    z-index: -1
}

.pagination li.pager-next a {
    float: right;
    text-align: right
}

@media (min-width: 992px) {
    .pagination li.pager-next a {
        border-left: 1px solid rgb(221, 221, 221)
    }
}

@media (max-width: 767px) {
    .pagination {
        justify-content: center;
        margin-right: 20px
    }

    .pagination li.pager-previous,
    .pagination li.pager-next {
        max-width: 39px;
        padding: 0;
        transform: translate(0)
    }

    .pagination li.pager-previous:hover:before,
    .pagination li.pager-previous:hover:after,
    .pagination li.pager-next:hover:before,
    .pagination li.pager-next:hover:after {
        transform: translate(0)
    }

    .pagination li.pager-previous a,
    .pagination li.pager-next a {
        opacity: 0;
        width: 20px;
        height: 100%;
        position: absolute;
        top: 0
    }

    .pagination li.pager-previous a {
        left: 0
    }

    .pagination li.pager-next a {
        right: 0
    }

    .pagination li a,
    .pagination li span {
        border-radius: 50% !important;
        display: inline-block;
        font-size: 12px;
        padding: 8px 0;
        width: 30px
    }
}

.pagination li {
    display: block
}

html,
body {
    background-color: #fff;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    height: 100%
}

body.page-node-1032 {
    overflow-x: hidden !important
}

body {
    position: relative;
    max-width: 100%
}

body.modal-open {
    overflow: hidden !important
}

a {
    text-decoration: none
}

p {
    margin-bottom: 11px
}

p,
span,
h1 {
    -webkit-font-smoothing: antialiased
}

h1 a {
    color: inherit !important
}

input {
    border-radius: 0
}

[type=button] {
    cursor: pointer
}

input.hpu[type=text][name=name] {
    position: absolute;
    left: -100vw
}

[v-cloak] {
    display: none
}

a:hover,
a:focus {
    text-decoration: none !important
}

.article--copy a,
.article--copy ul>li>a {
    text-decoration: underline !important
}

.article--copy .panel-heading h4 a,
.article--copy .article--copy-sideblock a,
.article--copy-sideblock-copy .content a {
    text-decoration: none !important
}

.article--copy {
    padding-bottom: 30px
}

.no-overflow {
    overflow: hidden !important
}

.modal-backdrop {
    --bs-backdrop-opacity: .9;
    --bs-backdrop-bg: rgb(0, 0, 0)
}

img[src^="/themes/custom/nhtsa_2024/images/star-rating"] {
    max-width: 100px;
    height: auto;
    display: inline-block
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    img[src$=".svg"] {
        width: 100%
    }
}

.custom-select {
    display: inline-block;
    position: relative;
    background-color: #fff;
    text-align: center
}

.custom-select:before {
    content: "";
    right: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.views-widget .custom-select:before {
    display: none
}

.custom-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 20px;
    padding-right: 20px;
    background-color: transparent !important
}

.custom-select .form-select {
    background-image: none
}

[data-link] {
    cursor: pointer !important
}

a.ellipsis,
a.ellipsis:hover {
    color: #222
}

.back-to-top {
    position: fixed;
    right: -2px;
    bottom: 40px;
    padding: 10px;
    color: #0075b7;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 2px;
    background-color: #ffffffd9;
    z-index: 100;
    font-size: 10px;
    display: none;
    transform: translateZ(0)
}

.back-to-top.active {
    display: block
}

@media (min-width: 768px) {
    .back-to-top.active {
        display: none
    }
}

.max-width {
    max-width: 1004px !important
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.underlined-header-with-link h3 {
    margin-top: 0;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    border-bottom: 2px solid rgb(54, 54, 54);
    color: #363636
}

.underlined-header-with-link a {
    display: block;
    color: #111;
    padding-top: 10px;
    padding-bottom: 20px;
    font-weight: 900;
    font-size: 24px;
    position: relative;
    -webkit-font-smoothing: antialiased
}

.underlined-header-with-link a:before {
    content: attr(data-text);
    position: absolute;
    text-align: left;
    left: 0;
    color: #0075b7;
    -webkit-font-smoothing: antialiased;
    clip: rect(0, 0, 0, 0);
    transition: clip .2s ease-in
}

.underlined-header-with-link a:hover {
    text-decoration: none
}

.underlined-header-with-link a:hover:before {
    clip: rect(0, 500px, 600px, 0) !important
}

@media (max-width: 767px) {
    .underlined-header-with-link {
        padding-bottom: 40px
    }

    .underlined-header-with-link h3 {
        padding-bottom: 10px;
        margin-bottom: 5px;
        font-size: 10px
    }

    .underlined-header-with-link a {
        font-size: 16px;
        min-height: unset;
        margin-bottom: 20px
    }
}

.copy-button {
    margin: 20px 0
}

.copy-button button {
    display: flex;
    gap: 5px;
    align-items: center;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    color: #0075b7
}

.copy-button svg {
    height: 15px;
    width: 15px
}

.copy-button svg:hover {
    transform: scale(1.05)
}

.link-arrow {
    display: inline-block;
    position: relative
}

.link-arrow-parent .link-arrow:after {
    vertical-align: inherit
}

.link-arrow-parent:hover .link-arrow:after,
.link-arrow:hover:after {
    transform: translate(10px);
    width: 1.5em
}

.link-arrow:after {
    content: "";
    display: inline-block;
    margin-left: 5px;
    position: relative;
    transition: all .35s ease-out;
    transform: translate(0);
    vertical-align: middle;
    font-family: icomoon !important;
    font-size: 75%;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    width: 1.5em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.link-arrow.link-arrow--hide:after {
    transition: width .15s ease-out;
    position: relative;
    width: 0;
    overflow: hidden
}

.link-arrow.link-arrow--hide:hover:after {
    transform: translate(0);
    position: relative;
    width: 1.5em
}

.link-arrow-parent:hover.link-arrow:after {
    transform: translate(0)
}

.link-arrow-left {
    display: inline-block;
    position: relative
}

.link-arrow-parent .link-arrow-left:before {
    vertical-align: inherit
}

.link-arrow-parent:hover .link-arrow-left:before,
.link-arrow-left:hover:before {
    transform: translate(-10px)
}

.link-arrow-left:before {
    content: "";
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    transition: transform .35s ease-out;
    font-size: 75%
}

.link-caret {
    display: inline-block;
    position: relative
}

.link-caret:after {
    content: "";
    display: inline-block;
    position: relative;
    margin-left: 10px;
    transition: all .35s ease-out;
    transform: translate(0);
    vertical-align: middle;
    width: .8em;
    height: 1em;
    background: no-repeat url(/themes/custom/nhtsa_2024/images/icons/common/icon-caret-right.svg)
}

.link-caret.link-caret--hide:after {
    transition: width .15s ease-out;
    position: relative;
    width: 0;
    overflow: hidden
}

.link-caret.link-caret--hide:hover:after {
    transform: translate(0);
    position: relative;
    width: 1.5em
}

h1 a,
h3 a,
.featured-topic--link {
    color: #111;
    position: relative;
    display: inline-block;
    -webkit-font-smoothing: antialiased
}

h1 a:before,
h3 a:before,
.featured-topic--link:before {
    content: attr(data-text);
    position: absolute;
    width: auto;
    color: #0075b7;
    -webkit-font-smoothing: antialiased;
    clip: rect(0, 0, 1400px, 0);
    transition: clip .3s ease-in-out;
    overflow: hidden;
    display: inline-block;
    padding-bottom: 5px;
    max-width: 100%
}

h1 a:hover,
h3 a:hover,
.featured-topic--link:hover {
    text-decoration: none;
    color: #111
}

h1 a:hover:before,
h3 a:hover:before,
.featured-topic--link:hover:before {
    clip: rect(0, 900px, 1400px, 0) !important
}

@media (max-width: 1199px) {

    h1 a:hover,
    h3 a:hover,
    .featured-topic--link:hover {
        color: #0075b7
    }

    h1 a:hover:before,
    h3 a:hover:before,
    .featured-topic--link:hover:before {
        display: none !important
    }
}

.bold {
    font-weight: 700 !important
}

.md-width {
    margin: 0 auto;
    max-width: 1004px
}

.tag-h1,
.ac-tag-h1 {
    font-size: 2.25rem;
    font-weight: 900
}

.tag-h2,
.ac-tag-h2 {
    font-size: 1.875rem;
    font-weight: 900
}

.tag-h3,
.ac-tag-h3,
.tag-h4,
.ac-tag-h4 {
    font-size: 1.125rem;
    font-weight: 900
}

.tag-h5,
.ac-tag-h5 {
    font-size: .875rem;
    font-weight: 900
}

.ac-tag-h1,
.ac-tag-h2 {
    display: block;
    margin: 10px 0;
    color: #111
}

.ac-tag-h3,
.ac-tag-h4,
.ac-tag-h5 {
    display: block;
    margin: 10px 0
}

.faq-Icon {
    position: absolute;
    display: inline-block;
    transform: translateY(-50%) rotate(180deg);
    right: 30px;
    top: 50%;
    height: 30px;
    width: 30px;
    font-size: 170%;
    border: 2px solid rgb(0, 117, 183);
    border-radius: 50%
}

.faq-Icon:before,
.faq-Icon:after {
    content: "";
    position: absolute;
    background-color: inherit;
    transition: all .25s ease-out;
    width: 70%;
    height: 2px;
    background: #0075b7;
    top: 50%;
    left: 15%;
    margin-top: -1px
}

.collapsed {
    background: inherit
}

.collapsed .faq-Icon:before {
    transform: rotate(90deg)
}

.collapsed .faq-Icon:after {
    transform: rotate(180deg)
}

.article--download-link {
    padding-top: 10px;
    padding-bottom: 20px
}

.container-fluid,
.row {
    background-color: inherit
}

.page-header .row,
.call-out-administrator .container-fluid,
.carousel-caption .row,
.call-to-action--yellow-large .container-fluid {
    background: transparent
}

select::-ms-expand {
    display: none
}

.cansort>span {
    padding-right: 10px;
    position: relative;
    display: block
}

.cansort>span span {
    position: absolute;
    transform: translateY(-50%) rotate(180deg);
    right: 0;
    top: 50%;
    margin-top: -3px
}

.cansort>span span+span {
    transform: translateY(-50%) rotate(0);
    margin-top: 3px
}

.cansort label {
    display: inline;
    margin: 0;
    font-weight: 700
}

.cansort.sorted.desc>span span,
.cansort.sorted.asc>span span {
    margin-top: 0
}

.cansort.sorted.desc>span span+span {
    display: none
}

.cansort.sorted.asc>span span:first-child,
.cansort.sorted.asc>span br+span {
    display: none
}

p.process-section-title {
    color: #363636;
    padding: 0;
    font-size: 14px;
    font-weight: 900;
    margin: 11px 0;
    line-height: 15.4px;
    text-transform: uppercase
}

.input-group .form-control:focus {
    z-index: 0
}

select.form-control::-ms-expand {
    border: 0;
    background-color: transparent;
    color: #000
}

.vehicle-detail--associated-documents {
    padding-left: 0
}

.vehicle-detail--associated-documents .article--download-link {
    margin-left: 0;
    width: 100%;
    padding: 0
}

.vehicle-detail--associated-documents .article--download-link span {
    color: #0075b7
}

.socrata-embed-container .socrata-visualization .socrata-visualization-legend-bar-container .socrata-visualization-legend-bar-inner-container .socrata-legend-button:focus,
.dropdown-toggle:focus,
.carousel-control:focus,
.form-control:focus,
.autonomous-search--wrapper input:focus,
.highway-safety.topic-page-view form .custom-select select:focus,
.highway-safety.topic-page-view .form .custom-select select:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.navbar-nav a:focus,
.dropdown-toggle:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    outline-color: #fff
}

.article--copy ul ul {
    list-style-type: disc
}

.search-theft-v2 {
    background: #f7f7f7
}

.search-theft-v2 .views-exposed-form .views-exposed-widget {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 15px;
    width: 30%
}

.search-theft-v2 .views-exposed-form .views-exposed-widget:nth-of-type(2n) {
    width: 70%
}

.search-theft-v2 .custom-select {
    width: 100%
}

.search-theft-v2 .custom-select select {
    padding-left: 5px;
    height: 36px
}

.search-theft-v2 .custom-select select[disabled] {
    background-color: #ddd !important
}

.search-theft-v2 .search-btn {
    position: absolute;
    right: 0;
    bottom: 25px
}

.search-theft-v2 .search-btn .btn {
    padding: 10px 25px
}

.new-search-link {
    font-size: 14px;
    float: right
}

.new-search-link span {
    font-size: 18px;
    font-weight: 300;
    vertical-align: middle;
    margin: -4px 4px 0 0;
    display: inline-block;
    line-height: 17px
}

.light-gray-text p {
    color: #444;
    padding-bottom: 10px
}

.row-custom {
    margin: 0 -10px
}

.table-responsive.custom-table {
    display: inline-block;
    width: 100%
}

@media (max-width: 991px) {
    .search-theft-v2 .views-exposed-form .views-exposed-widget {
        width: 45%
    }

    .search-theft-v2 .views-exposed-form .views-exposed-widget:nth-of-type(2n) {
        width: 55%
    }
}

@media (max-width: 767px) {
    .new-search-link {
        float: left;
        width: 100%;
        margin-bottom: 20px
    }

    .search-theft-v2 .views-exposed-form .views-exposed-widget {
        width: 100%
    }

    .search-theft-v2 .views-exposed-form .views-exposed-widget:nth-of-type(2n) {
        width: 100%
    }

    .search-theft-v2 select.form-control {
        margin: 0
    }

    .search-theft-v2 .search-btn {
        position: relative;
        bottom: auto;
        margin: 0 0 0 10px
    }

    .table-responsive.custom-table {
        width: calc(100% - 20px)
    }
}

.daterangepicker_input {
    display: none
}

.font-bold {
    font-weight: 700
}

.esri-av-iframe {
    position: relative;
    height: 720px;
    width: 100%
}

@media (mix-width: 901px) {
    .esri-av-iframe {
        height: 880px;
        max-width: 1024px
    }
}

.underline {
    text-decoration: underline
}

.created-elements {
    position: absolute;
    top: -999px;
    left: -999px;
    width: 0px;
    height: 0px;
    opacity: 0;
    z-index: -1
}

.relative {
    position: relative
}

.nav-link {
    transition: none
}

.background-imagery {
    object-fit: cover;
    object-position: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.nhtsa-grid {
    display: grid
}

[data-has-inline-nav] {
    scroll-margin-top: 30px
}

@media screen and (min-width: 992px) {
    [data-has-inline-nav] {
        scroll-margin-top: 72px
    }

    [data-has-inline-nav] [data-has-inline-nav] {
        scroll-margin-top: 100px
    }
}

.campaign-page-lang {
    position: relative;
    padding: 10px 15px 10px 10px;
    width: auto;
    border: 0;
    color: #fff;
    background: #000;
    z-index: 1
}

.campaign-page-lang button {
    color: #fff;
    font-weight: 900;
    font-size: 14px;
    padding: 0
}

@media (min-width: 768px) {
    .campaign-page-lang {
        text-align: right
    }

    .campaign-page-lang .dropdown-menu {
        right: 0;
        left: auto
    }
}

.campaign-page-lang .share-and-language--lang-label {
    color: #fff
}

hr {
    width: 100%
}

.topic-section-container>.container-fluid>.row>* {
    padding-left: 10px;
    padding-right: 10px
}

.topic-section-container>.container-fluid>.row>*.force-full-width,
.article--copy-container>.container-fluid>.row>*.force-full-width {
    padding-left: 0;
    padding-right: 0
}

.paragraph.paragraph--type--drupal-views-block.paragraph--view-mode--full {
    padding: 0;
    margin: 0 -10px
}

.node-type-topic-page [data-scroll-to-table] {
    scroll-margin-top: 150px
}

.text-block-highlight {
    padding-left: 60px;
    font-size: 1.25rem;
    border-left: 5px solid rgb(255, 206, 0)
}

*+.text-block-highlight {
    margin-top: 40px
}

.recalls--tabs .topic--nested-content .tab-content {
    margin-bottom: 0
}

input[type=submit] {
    outline-offset: 2px
}

#emergency-response-guides {
    background: #fff
}

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

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

.icon-bubble:before {
    content: ""
}

.icon-user:before {
    content: ""
}

.icon-profile:before {
    content: ""
}

.icon-avatar:before {
    content: ""
}

.icon-person:before {
    content: ""
}

.icon-member:before {
    content: ""
}

.icon-pencil:before {
    content: ""
}

.icon-external-link:before {
    content: ""
}

.icon-Quotes:before {
    content: ""
}

.icon-Download:before {
    content: ""
}

.icon-caret-up:before {
    content: ""
}

.icon-DropDownArrow:before {
    content: ""
}

.icon-Trending:before {
    content: ""
}

.icon-Mail:before {
    content: ""
}

.icon-DOT:before {
    content: ""
}

.icon-DOT-footer:before {
    content: ""
}

.icon-CameraforCaption:before {
    content: ""
}

.icon-Youtube:before {
    content: ""
}

.icon-Twitter:before {
    content: ""
}

.icon-Search:before {
    content: ""
}

.icon-LinkedIn:before {
    content: ""
}

.icon-Hamburger:before {
    content: ""
}

.icon-Facebook:before {
    content: ""
}

.icon-ArrowRight:before {
    content: ""
}

.icon-ArrowLeft:before {
    content: ""
}

.icon-Instagram:before {
    content: ""
}

.icon-checkmark:before {
    content: ""
}

.icon-x:before {
    content: ""
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: gray
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.background-black-lighter {
    background-color: #363636 !important
}

.background-black-lighter .article--copy-container {
    background-color: inherit
}

.foreground-black-lighter {
    color: #363636 !important
}

.background-black-lightest {
    background-color: #636363 !important
}

.background-black-lightest .article--copy-container {
    background-color: inherit
}

.foreground-black-lightest {
    color: #636363 !important
}

.background-white {
    background-color: #fff !important
}

.background-white .article--copy-container {
    background-color: inherit
}

.foreground-white {
    color: #fff !important
}

.background-black {
    background-color: #000 !important
}

.background-black .article--copy-container {
    background-color: inherit
}

.foreground-black {
    color: #000 !important
}

.background-color-1 {
    background-color: #ffcc06 !important
}

.background-color-1 .article--copy-container {
    background-color: inherit
}

.foreground-color-1 {
    color: #ffcc06 !important
}

.background-color-1-light {
    background-color: #ffd50f !important
}

.background-color-1-light .article--copy-container {
    background-color: inherit
}

.foreground-color-1-light {
    color: #ffd50f !important
}

.background-color-1-lighter {
    background-color: #ffce00 !important
}

.background-color-1-lighter .article--copy-container {
    background-color: inherit
}

.foreground-color-1-lighter {
    color: #ffce00 !important
}

.background-color-2 {
    background-color: #0075b7 !important
}

.background-color-2 .article--copy-container {
    background-color: inherit
}

.foreground-color-2 {
    color: #0075b7 !important
}

.background-color-2-alt {
    background-color: #006e9f !important
}

.background-color-2-alt .article--copy-container {
    background-color: inherit
}

.foreground-color-2-alt {
    color: #006e9f !important
}

.background-color-2-dark {
    background-color: #13386e !important
}

.background-color-2-dark .article--copy-container {
    background-color: inherit
}

.foreground-color-2-dark {
    color: #13386e !important
}

.background-color-2-darker {
    background-color: #036297 !important
}

.background-color-2-darker .article--copy-container {
    background-color: inherit
}

.foreground-color-2-darker {
    color: #036297 !important
}

.background-color-2-light {
    background-color: #0082cb !important
}

.background-color-2-light .article--copy-container {
    background-color: inherit
}

.foreground-color-2-light {
    color: #0082cb !important
}

.background-color-2-light-125 {
    background-color: #0183c120 !important
}

.background-color-2-light-125 .article--copy-container {
    background-color: inherit
}

.foreground-color-2-light-125 {
    color: #0183c120 !important
}

.background-color-3 {
    background-color: #bf1e2d !important
}

.background-color-3 .article--copy-container {
    background-color: inherit
}

.foreground-color-3 {
    color: #bf1e2d !important
}

.background-color-4 {
    background-color: #35bbc3 !important
}

.background-color-4 .article--copy-container {
    background-color: inherit
}

.foreground-color-4 {
    color: #35bbc3 !important
}

.background-color-5 {
    background-color: #f0f !important
}

.background-color-5 .article--copy-container {
    background-color: inherit
}

.foreground-color-5 {
    color: #f0f !important
}

.background-color-6 {
    background-color: #c02232 !important
}

.background-color-6 .article--copy-container {
    background-color: inherit
}

.foreground-color-6 {
    color: #c02232 !important
}

.bg-cardinal,
.background-cardinal {
    background-color: #bf1e2d !important;
    color: #fff
}

.bg-cardinal .btn.btn-transparent:hover,
.background-cardinal .btn.btn-transparent:hover {
    color: #bf1e2d !important
}

.bg-blue {
    background-color: #0075b7 !important;
    color: #fff
}

.text-black {
    color: #111
}

.strong {
    font-weight: 700 !important
}

.text-wrap {
    text-wrap: wrap
}

.visually-hidden,
.visually-hidden:focus,
.sr-only,
.sr-only:focus {
    background: #0075b7;
    color: #fff
}

.textTransformNone {
    text-transform: none !important
}

.embed-responsive {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border-radius: 15px
}

.embed-responsive .embed-responsive-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (max-width: 767px) {

    #views-exposed-form-site-search-page,
    #views-exposed-form-archive-search-page {
        padding-right: 20px
    }

    #views-exposed-form-site-search-page .table-filter--search,
    #views-exposed-form-site-search-page #edit-keywords-wrapper,
    #views-exposed-form-archive-search-page .table-filter--search,
    #views-exposed-form-archive-search-page #edit-keywords-wrapper {
        padding-right: 0;
        width: 100%
    }

    #views-exposed-form-site-search-page input,
    #views-exposed-form-archive-search-page input {
        width: 100%
    }
}

#edit-submit-site-search,
#edit-submit-archive-search,
#edit-submit-interpretations {
    position: relative;
    --bs-btn-color: transparent;
    --bs-btn-bg: white;
    --bs-btn-border-color: rgb(0, 117, 183);
    --bs-btn-hover-color: rgb(17, 17, 17);
    --bs-btn-hover-bg: white;
    --bs-btn-hover-border-color: #1a83be;
    --bs-btn-focus-shadow-rgb: 0, 117, 183;
    --bs-btn-active-color: rgb(17, 17, 17);
    --bs-btn-active-bg: white;
    --bs-btn-active-border-color: #1a83be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(17, 17, 17, .125);
    --bs-btn-disabled-color: rgb(17, 17, 17);
    --bs-btn-disabled-bg: white;
    --bs-btn-disabled-border-color: rgb(0, 117, 183);
    padding: 19px;
    width: 287px
}

@media (min-width: 768px) {

    #edit-submit-site-search,
    #edit-submit-archive-search,
    #edit-submit-interpretations {
        top: 44px;
        left: -20px;
        width: auto
    }
}

@media (min-width: 768px) {
    #edit-submit-archive-search {
        top: 8px
    }
}

.view-site-search .table-filters .view-filters {
    margin-bottom: 0
}

.page-search .article--copy-container .container-fluid {
    padding-left: 5px
}

.interpretations-search .view-filters>.article--copy-container>.container-fluid {
    padding: 0
}

.interpretations-search .table-filters>.view-filters {
    margin-bottom: 0 !important
}

.interpretations-search .table-filter--search {
    display: flex !important;
    flex-direction: row
}

.interpretations-search .table-filter--search>* {
    float: none
}

.interpretations-search .table-filter--search #edt-search-api-fulltext-wrapper,
.interpretations-search .table-filter--search #edt-search-api-fulltext-wrapper #edit-search-api-fulltext {
    width: 100%;
    padding-right: 20px !important
}

.interpretations-search .table-filter--search #edt-items-per-page-wrapper {
    padding-right: 0
}

.interpretations-search .table-filter--search #edit-submit-interpretations-test {
    left: 0;
    width: 100%
}

.interpretations-modal .ui-dialog-titlebar {
    background-color: #fff
}

.interpretations-modal .ui-dialog-title {
    color: #000
}

.interpretations-modal .page-header--alt,
.interpretations-modal .share-and-language {
    display: none
}

.interpretations-modal .article--copy-container .container-fluid {
    max-width: none;
    padding: 24px
}

.ui-dialog:not(.ui-dialog-off-canvas) {
    border: solid 1px #CCC !important;
    background-color: #fff !important
}

.ui-dialog-titlebar-close {
    background: url(http://code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-icons_888888_256x240.png) repeat scroll -93px -128px #0000 !important;
    border: medium none
}

.ui-dialog-titlebar-close:hover {
    background: url(http://code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-icons_222222_256x240.png) repeat scroll -93px -128px #0000 !important
}

.request-research {
    white-space: normal
}

.request-research-submit {
    position: fixed;
    bottom: 9px;
    right: 13px;
    color: #fff;
    background-color: #0075b7;
    padding: 10px;
    z-index: 1051;
    width: 184px
}

.request-research-submit--modal.modal.fade {
    padding-left: 0 !important
}

.request-research-submit--modal,
.request-research-submit--modal .modal-content {
    background-color: #12376d;
    box-shadow: none;
    border: none;
    color: #fff
}

.request-research-submit--modal .modal-header,
.request-research-submit--modal .modal-footer {
    border: none
}

.request-research-submit--modal .modal-header .close,
.request-research-submit--modal .modal-footer .close {
    color: #fff;
    text-shadow: none;
    opacity: 1
}

.request-research-submit--modal .modal-header h1 {
    font-family: Roboto Slab;
    font-weight: 400;
    margin-bottom: 40px
}

.request-research-submit--modal .modal-body {
    padding-left: 5px;
    padding-right: 5px
}

.request-research-submit--modal .form-footer {
    padding-top: 20px;
    text-align: right
}

.request-research-submit--modal .form-footer .btn-transparent {
    background-color: transparent;
    text-transform: uppercase;
    padding: 17px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .5px
}

.request-research-submit--modal .form-footer .btn-transparent.btn-no-border {
    border: transparent
}

.request-research-submit--modal .form-footer .btn-transparent:hover {
    color: #12376d
}

.request-research-submit--modal ul {
    padding-left: 0;
    list-style: none
}

.request-research-submit--modal li {
    display: block;
    padding: 35px 0;
    font-size: 20px;
    position: relative
}

.request-research-submit--modal li:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, .5)
}

.request-research-submit--modal li small {
    font-size: 65%;
    display: block
}

.request-research-submit--modal li button {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-shadow: none;
    color: #fff;
    font-weight: 400;
    right: 0;
    opacity: .8;
    font-size: 125%
}

.request-research-submit--modal li button:hover {
    color: #fff;
    opacity: 1
}

.request-research-submit--modal form h3 {
    font-family: Roboto Slab;
    font-weight: 400
}

.request-research-submit--modal form h3.first {
    margin-top: 0
}

.request-research-form label>span {
    display: none
}

.request-research-form .has-error label>span {
    display: inline-block
}

.request-research-bounce-enter-active,
.request-research-bounce-leave-active {
    display: inline-block
}

.request-research-bounce-enter-active {
    animation: request-research-bounce-in .5s
}

.request-research-bounce-leave-active {
    animation: request-research-bounce-out .5s
}

@keyframes request-research-bounce-in {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1.5)
    }

    to {
        transform: scale(1)
    }
}

@keyframes request-research-bounce-out {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.5)
    }

    to {
        transform: scale(0)
    }
}

.about-administrator {
    max-width: 1004px;
    margin: 0 auto
}

@media (max-width: 767px) {
    .about-administrator {
        text-align: center
    }
}

.about-administrator--left,
.about-administrator--right {
    padding-top: 60px;
    padding-bottom: 0
}

.about-administrator--left.administrator-padding,
.about-administrator--right.administrator-padding {
    padding-bottom: 60px
}

h2.about-administrator--heading {
    font-size: 14px;
    color: #999;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased
}

h3.about-administrator--heading {
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 15px
}

.about-administrator--name {
    font-size: 22px;
    font-weight: 900
}

.about-administrator--blurb {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 15px;
    margin-bottom: 15px
}

.about-administrator--link {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    line-height: 1.9
}

.about-administrator--link:hover {
    text-decoration: none
}

@media (max-width: 767px) {
    .about-administrator--link {
        font-size: 14px
    }
}

.about-administrator--link-strikethrough {
    color: #000;
    font-size: 50px;
    font-weight: 900;
    padding: 0 0 0 10px;
    display: inline-block;
    position: relative;
    margin-right: -10px;
    line-height: .75;
    z-index: 0
}

.about-administrator--link-strikethrough span {
    position: relative
}

.about-administrator--link-strikethrough:before {
    content: "";
    display: block;
    width: 100%;
    height: 50%;
    right: 0;
    background-color: #ffcc06;
    position: absolute;
    top: 50%;
    transform: translateY(-40%);
    transition: all .25s ease-out;
    z-index: -1
}

@media (max-width: 767px) {
    .about-administrator--link-strikethrough {
        padding-left: 0;
        font-size: 34px;
        margin-bottom: 10px;
        display: inline-block
    }

    .about-administrator--link-strikethrough:before {
        left: -5px;
        right: -5px;
        width: auto
    }
}

.about-administrator--left img {
    display: block;
    max-width: 100%
}

.about-administrator--accomplishment {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.5;
    padding: 10px 0;
    margin-top: .3em
}

@media (max-width: 767px) {
    .about-administrator--accomplishment {
        font-size: 14px;
        padding-bottom: 0;
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .about-administrator--left {
        background-color: #eaecec;
        padding-bottom: 0
    }

    h2.about-administrator--heading {
        font-size: 12px
    }

    .about-administrator--blurb {
        font-size: 14px
    }

    .about-administrator--left img {
        display: inline-block;
        margin-top: 10px
    }
}

@media (max-width: 767px) {
    .about-administrator--left {
        padding-bottom: 0;
        margin-left: -10px;
        margin-right: -10px
    }

    .about-administrator--right {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .about-administrator--right.administrator-padding {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .about-administrator--link-strikethrough {
        font-size: 42px
    }
}

@media (min-width: 992px) {

    .about-administrator--left,
    .about-administrator--right {
        padding-top: 25px;
        padding-bottom: 0;
        padding-left: 10px
    }

    .about-administrator--left {
        text-align: right;
        padding-left: 20px
    }

    .about-administrator--blurb {
        padding-left: 18%
    }

    .about-administrator--left img {
        float: left;
        display: inline-block;
        margin-top: 5px
    }
}

.about-nhtsa {
    padding: 40px 0;
    max-width: 1004px;
    margin-left: auto;
    margin-right: auto
}

.about-nhtsa h1 {
    margin-top: 0
}

.about-nhtsa h4 {
    margin-top: 0;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px
}

.about-nhtsa p {
    font-family: Roboto Slab, serif;
    font-size: 24px;
    font-weight: 200
}

.about-nhtsa a {
    display: block;
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 700;
    padding-bottom: 5px;
    letter-spacing: 1px
}

.about-nhtsa a:hover {
    color: #0075b7;
    text-decoration: none
}

@media (max-width: 991px) {
    .about-nhtsa {
        padding: 80px 0
    }

    .about-nhtsa h4,
    .about-nhtsa a {
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .about-nhtsa {
        text-align: center;
        padding: 40px 0
    }

    .about-nhtsa h1 {
        font-size: 24px
    }

    .about-nhtsa h4 {
        font-size: 17px
    }

    .about-nhtsa p {
        font-size: 17px;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .about-nhtsa a {
        font-size: 17px;
        line-height: 2;
        letter-spacing: .5px
    }
}

.about-nhtsa.two-col-topic-link-list {
    -webkit-font-smoothing: antialiased
}

.about-nhtsa.two-col-topic-link-list a,
.about-nhtsa.two-col-topic-link-list .col-md-5 {
    font-size: 16px
}

.about-nhtsa.two-col-topic-link-list .col-md-5 a {
    display: inline-block
}

.about-nhtsa.two-col-topic-link-list .link-with-long-desc {
    font-family: Roboto Slab, serif;
    font-weight: lighter;
    font-size: 16px;
    padding-bottom: 20px
}

.about-nhtsa.two-col-topic-link-list .link-with-long-desc a {
    font-size: 14px
}

.autonomous-search--wrapper {
    clear: both;
    padding-left: 10px;
    padding-right: 10px
}

.autonomous-search--wrapper .dropdown {
    display: inline-block;
    width: 100%
}

.autonomous-search--wrapper .dropdown-menu {
    top: initial !important;
    margin-top: -10px;
    width: calc(100% - 20px);
    left: 10px
}

.autonomous-search--wrapper .input-group {
    width: 100%
}

.autonomous-search--wrapper input {
    background: transparent;
    width: 100%;
    height: 100%;
    outline: none
}

.autonomous-search--wrapper.dropdown-fullscreen {
    padding: 0
}

.autonomous-search--wrapper.dropdown-fullscreen .car-search--input-wrapper-close {
    background: transparent;
    top: 15px
}

.autonomous-search--wrapper.dropdown-fullscreen .car-search--input-wrapper {
    margin-top: 0
}

.autonomous-search--wrapper.dropdown-fullscreen .car-search--input-wrapper label {
    display: none
}

.autonomous-search--wrapper.dropdown-fullscreen .dropdown-menu {
    width: 100%;
    left: 0
}

.autonomous-search--input-wrapper {
    display: flex
}

.autonomous-search--input-wrapper input {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    border: 1px solid #959595
}

.autonomous-search--input-wrapper button {
    margin-left: 20px
}

.autonomous-search--input-wrapper .dropdown-fullscreen {
    background: red !important
}

.autonomous-search--input-wrapper .dropdown-fullscreen .car-search--input-wrapper label {
    display: none
}

.autonomous-search--listings {
    position: absolute;
    background: #fff
}

.autonomous-search--vehicle {
    padding: 40px 20px
}

.autonomous-search--vehicle>div:first-child img {
    max-width: 100%
}

@media (min-width: 426px) and (max-width: 768px) {
    .autonomous-search--vehicle>div:first-child img {
        max-width: 300px
    }
}

@media (max-width: 991px) {
    .autonomous-search--vehicle>div:first-child h2 {
        text-align: center
    }

    .autonomous-search--vehicle>div:first-child img {
        display: block;
        margin: 0 auto
    }
}

.autonomous-search--vehicle>div:last-child {
    margin-top: 22px
}

.autonomous-search--vehicle>div:last-child img {
    align-self: center
}

.autonomous-search--vehicle>div:last-child figure {
    margin: 40px 0
}

@media (min-width: 768px) {
    .autonomous-search--vehicle>div:last-child figure {
        display: flex;
        align-items: center
    }
}

.autonomous-search--vehicle>div:last-child figure figcaption {
    padding: 0 20px
}

@media (max-width: 767px) {
    .autonomous-search--vehicle>div:last-child figure figcaption {
        padding: 0 10px
    }
}

@media (max-width: 767px) {
    .autonomous-search--vehicle>div:last-child figure img {
        margin: 15px auto;
        display: block
    }
}

.autonomous-search--vehicle>div:last-child figure .autonomous-search--icons {
    min-width: 160px;
    min-height: 160px;
    width: 160px;
    height: 160px
}

.autonomous-search--vehicle>div:last-child figure span {
    display: block
}

.autonomous-search--vehicle>div:last-child figure span.autonomous-search--icon-title {
    font-weight: 700;
    font-size: 24px
}

@media (max-width: 767px) {
    .autonomous-search--vehicle>div:last-child figure span.autonomous-search--icon-title {
        text-align: center
    }
}

.autonomous-search--vehicle>div:last-child figure span.autonomous-search--desc {
    padding-top: 10px
}

.loading-animation {
    position: relative;
    left: 50%;
    transform: translate(-50%)
}

.loading-animation.default {
    width: 100px;
    height: 100px
}

.loading-animation hr {
    opacity: 1
}

.loading-animation hr {
    border: 0;
    margin: 0;
    width: 40%;
    height: 40%;
    position: absolute;
    animation: loading-animation--spin 2s ease infinite
}

.loading-animation :first-child {
    background: #bf1e2d;
    animation-delay: -1.5s
}

.loading-animation :nth-child(2) {
    background: #999;
    animation-delay: -1s
}

.loading-animation :nth-child(3) {
    background: #ffcc06;
    animation-delay: -.5s
}

.loading-animation :last-child {
    background: #0075b7
}

@keyframes loading-animation--spin {

    0%,
    to {
        transform: translate(0)
    }

    25% {
        transform: translate(150%)
    }

    50% {
        transform: translate(150%, 150%)
    }

    75% {
        transform: translateY(150%)
    }
}

.vehicle-table--loader {
    margin-top: 60px
}

.vin-search--loader {
    margin-top: 0;
    margin-bottom: 60px
}

.vehicle-compare--loader-wrapper {
    position: absolute;
    top: 0;
    z-index: 1900;
    left: 50%;
    transform: translate(-50%);
    background: #000c;
    width: 100%;
    height: 100%
}

.article--copy-container {
    background-color: #f6f6f6
}

.article--copy-container.article--copy-container-white {
    background-color: #fff
}

.article--copy-container .table-article {
    padding: 20px
}

.article--copy-intro {
    line-height: 1.5;
    font-size: 20px;
    color: #5a5a5a;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 auto;
    width: 100%
}

@media (min-width: 768px) {
    .article--copy-intro {
        flex: 0 0 auto;
        width: 75%;
        margin-left: 8.33333333%
    }
}

.article--copy-intro--date-location {
    display: flex;
    flex-direction: row;
    font-family: Roboto Slab, serif;
    font-weight: 700;
    font-size: 14px;
    color: #636363;
    margin-bottom: 10px;
    line-height: 1
}

.article--copy-intro--date-location .editor-text {
    text-align: right
}

@media (min-width: 992px) {
    .article--copy-intro--date-location {
        flex-direction: row
    }
}

.article--copy {
    padding-left: 10px;
    padding-right: 10px;
    color: #5a5a5a;
    line-height: 1.8;
    min-height: inherit
}

@media (min-width: 992px) {
    .article--copy {
        flex: 0 0 auto;
        width: 75%;
        margin-left: 8.33333333%
    }
}

.article--copy br {
    line-height: 2.5em
}

.article--copy hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid rgb(204, 204, 204)
}

.article--copy .media.media-element-container.media-default:not(.media-wysiwyg-align-left):not(.media-wysiwyg-align-right):not(.media-wysiwyg-align-center) {
    max-width: 100%;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
    clear: both;
    vertical-align: top;
    margin-right: 10%
}

.article--copy .media.media-element-container.media-default:not(.media-wysiwyg-align-left):not(.media-wysiwyg-align-right):not(.media-wysiwyg-align-center)+p {
    margin-right: 0
}

.article--copy .media.media-element-container.media-default:not(.media-wysiwyg-align-left):not(.media-wysiwyg-align-right):not(.media-wysiwyg-align-center) img {
    max-width: 100%
}

@media (max-width: 767px) {
    .article--copy .media.media-element-container.media-default:not(.media-wysiwyg-align-left):not(.media-wysiwyg-align-right):not(.media-wysiwyg-align-center) {
        display: block;
        margin: 10px auto
    }

    .article--copy .media.media-element-container.media-default:not(.media-wysiwyg-align-left):not(.media-wysiwyg-align-right):not(.media-wysiwyg-align-center) img {
        display: block;
        margin: 0 auto
    }
}

.article--copy>h1 {
    color: #222
}

.article--copy>h2 {
    color: #222
}

.article--copy>h3 {
    color: #222
}

.article--copy>h4 {
    color: #222
}

.article--copy>h5 {
    color: #222
}

.article--copy>h6 {
    color: #222
}

.article--copy form {
    margin-top: 30px;
    padding: 0 10px;
    background: #ffffff80;
    box-shadow: 0 3px 6px #ccc;
    width: 100%;
    position: relative;
    display: table;
    border-collapse: separate
}

.article--copy form .form-item {
    display: table-cell;
    margin: 0
}

.article--copy form .form-item .form-text {
    color: #111;
    border-width: 0;
    background-color: transparent;
    box-shadow: none;
    border-color: #bbb;
    font-size: 60px;
    font-weight: 200;
    padding: 0;
    height: 85px;
    width: 100%
}

.article--copy form .form-item .form-text:focus,
.article--copy form .form-item .form-text:active {
    box-shadow: none;
    border-color: #bbb;
    outline: 0
}

@media (max-width: 768px) {
    .article--copy form .form-item .form-text {
        padding: .3em 0
    }
}

.article--copy form .form-item ::-webkit-input-placeholder {
    color: #777
}

.article--copy form .form-item ::-moz-placeholder {
    color: #777
}

.article--copy form .form-item :-ms-input-placeholder {
    color: #777
}

.article--copy form .form-item :-moz-placeholder {
    color: #777
}

.article--copy form .input-group-btn {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 1%
}

.article--copy form .input-group-btn>button {
    border-width: 0;
    background-color: transparent;
    box-shadow: none;
    font-size: 30px;
    vertical-align: text-bottom;
    display: inline-block;
    border-color: #bbb;
    color: #0075b7;
    padding: 0;
    margin-top: 10px
}

@media (max-width: 768px) {
    .article--copy-sideblock-reorder-mobile {
        display: flex;
        flex-direction: column
    }

    .article--copy-sideblock-reorder-mobile .article--copy-sideblock {
        order: 2
    }
}

.tab-pane .article--copy:first-child {
    padding-top: 0
}

.article--copy-dropcap:first-letter {
    float: left;
    color: #000;
    font-size: 3.5em;
    font-weight: 700;
    line-height: 1;
    margin-right: .15em;
    font-family: Roboto Condensed, sans-serif;
    vertical-align: middle;
    display: inline-block
}

.article--copy-small-heading {
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    color: #5a5a5a;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 15px;
    margin-top: 0
}

@media (min-width: 768px) {
    .article--image-wrapper {
        flex: 0 0 auto;
        width: 100%
    }
}

.article--image-wrapper:not(.no-padding) {
    padding-left: 10px;
    padding-right: 10px
}

.article--image-wrapper img {
    display: block;
    height: auto;
    width: 100%;
    max-width: 100%;
    margin: 0 auto
}

.article--image-wrapper .component--full-width {
    margin-bottom: 0 !important
}

.article--image-info {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative
}

@media (max-width: 767px) {
    .article--image-info {
        text-indent: -1.3em;
        padding-left: 1.3em
    }
}

.article--image-info [class^=icon-],
.article--image-info [class*=" icon-"],
.article--image-info [class^=faq-Icon],
.article--image-info [class*=" faq-Icon"] {
    margin-right: 5px;
    color: #bbb;
    font-size: 12px;
    vertical-align: middle
}

.article--image-info.article--image-info-underline:after {
    content: "";
    border-bottom: 1px solid rgb(221, 221, 221);
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0
}

.article--image-label {
    font-size: 14px;
    font-weight: 700;
    margin-right: 5px
}

.article--image-attribution {
    font-size: 12px
}

.article--pullquote {
    background-size: cover;
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%
}

.node-type-article .component--pullquote {
    margin-left: -10px;
    margin-right: -10px
}

.article--pullquote-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000c
}

.article--pullquote-inner {
    position: relative;
    max-width: 1004px;
    margin: 0 auto;
    text-align: center
}

.article--pullquote-quote {
    font-size: 4vw;
    color: #4d4d57;
    margin-bottom: 25px
}

@media (max-width: 767px) {
    .article--pullquote-quote {
        font-size: 68px
    }
}

.article--pullquote-copy {
    color: #fff;
    font-family: Roboto Slab, serif;
    font-size: 2.35vw;
    line-height: 1.75;
    padding-left: 10px;
    padding-right: 10px;
    position: relative
}

.article--pullquote-copy:after {
    content: "";
    border-bottom: 3px solid rgb(255, 204, 6);
    width: 1.5em;
    margin: 1.5em auto;
    position: relative;
    display: block
}

@media (max-width: 767px) {
    .article--pullquote-copy {
        font-size: 32px
    }
}

.article--pullquote-attribution {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-font-smoothing: antialiased
}

.article--download-link {
    display: block;
    line-height: 2
}

@media (min-width: 768px) {
    .article--download-link {
        flex: 0 0 auto;
        width: 75%;
        margin-left: 8.33333333%
    }
}

.article--download-link-title {
    font-weight: 900;
    margin-right: .5em;
    -webkit-font-smoothing: antialiased
}

.article--download-link-title [class^=icon-],
.article--download-link-title [class*=" icon-"],
.article--download-link-title [class^=faq-Icon],
.article--download-link-title [class*=" faq-Icon"] {
    margin-right: 5px
}

.article--download-link-size {
    font-weight: 400;
    font-size: 14px
}

.article--contact-container {
    background-color: #f6f6f6
}

.article--contact-container>.container-fluid {
    max-width: 1004px;
    margin: 0 auto;
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px
}

.article--contact-container>.container-fluid:after {
    border-bottom: 1px solid rgb(221, 221, 221);
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    right: 10px;
    top: 20px
}

.article--contact-container>.container-fluid.no-contact-border:after {
    border-bottom: 0
}

.article--contact-block {
    margin-bottom: 30px
}

@media (min-width: 992px) {
    .article--contact-block:nth-child(n+5) {
        margin-left: 16.75%
    }
}

.article--contact-heading {
    margin-top: .5em;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 900
}

.article--contact-name {
    font-size: 14px;
    color: #5a5a5a;
    font-weight: 700;
    display: block
}

.article--contact-email,
.article--contact-phone {
    font-size: 14px;
    display: block
}

.article--copy-sideblock {
    display: inline-block;
    position: relative
}

.article--copy-sideblock.float-end {
    margin: .5em -80px 10px 80px
}

@media (min-width: 769px) {
    .article--copy-sideblock.float-end {
        width: 225px
    }
}

@media (max-width: 991px) {
    .article--copy-sideblock.float-end {
        margin-right: 0
    }
}

.article--copy-sideblock.float-start {
    margin: .5em 20px 10px -60px
}

@media (max-width: 991px) {
    .article--copy-sideblock.float-start {
        margin-left: 0
    }
}

@media (max-width: 767px) {

    .article--copy-sideblock.float-end,
    .article--copy-sideblock.float-start {
        margin-left: 0;
        margin-right: 0
    }
}

.article--copy-sideblock-heading {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    font-family: Roboto Slab, serif;
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
    margin-top: -.5em
}

.article--copy-sideblock-copy {
    font-size: 14px;
    font-family: Roboto Slab, serif
}

.article--copy-sideblock--bordered {
    border: 5px solid rgb(255, 204, 6);
    padding: 20px
}

@media (min-width: 768px) {
    .article--copy-sideblock--bordered {
        max-width: 230px
    }
}

.article--copy-sideblock--bordered .article--copy-sideblock-link {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: .5em;
    font-weight: 900
}

.article--copy-sideblock--stat {
    background-color: #fff;
    border-left: 5px solid rgb(255, 204, 6);
    text-align: center;
    max-width: 300px;
    padding: 20px
}

@media (max-width: 768px) {
    .article--copy-sideblock--stat {
        width: 100vw;
        max-width: 100vw;
        left: -20px
    }
}

.article--copy-sideblock--stat .article--copy-sideblock-stat {
    color: #000;
    font-size: 90px;
    display: block;
    font-weight: 200;
    line-height: 1
}

.article--copy-sideblock--stat .article--copy-sideblock-copy {
    color: #000;
    font-size: 12px;
    font-weight: 900;
    margin: 1em auto 0;
    display: block;
    text-transform: uppercase;
    line-height: 1.25
}

.article--copy-sideblock--related-links {
    background-color: transparent;
    border-left: 5px solid rgb(255, 204, 6);
    max-width: 250px;
    padding-left: 20px
}

@media (max-width: 768px) {
    .article--copy-sideblock--related-links {
        width: 100%;
        max-width: 100%
    }
}

.article--copy-sideblock--related-links a {
    display: block;
    text-transform: uppercase;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 5px;
    line-height: 1
}

.article--copy-sideblock--related-links a:last-child {
    margin-top: 5px;
    margin-bottom: 0
}

@media (min-width: 768px) {
    .article--copy-sideblock--pull-quote {
        max-width: 300px
    }
}

.article--copy-sideblock--pull-quote .article--copy-sideblock-heading .icon-Quotes {
    color: #ffcc06;
    font-size: 42px
}

.article--copy-sideblock--pull-quote .article--copy-sideblock-copy {
    font-size: 26px;
    font-weight: 300;
    color: #222;
    line-height: 1.4
}

.article--copy-sideblock--pull-quote .article--copy-sideblock--pull-quote-separator {
    background-color: #ffcc06;
    height: 3px;
    display: block;
    width: 3em;
    margin-top: 15px;
    margin-bottom: 15px
}

.article--copy-sideblock--pull-quote .article--copy-sideblock--pull-quote-attribution {
    display: inherit;
    font-size: 12px;
    color: #999;
    text-transform: uppercase;
    font-weight: 700
}

.article--copy-sideblock--download {
    background-color: transparent;
    border-left: 5px solid rgb(255, 204, 6);
    max-width: 250px;
    padding-left: 15px
}

@media (max-width: 768px) {
    .article--copy-sideblock--download {
        width: 100%;
        max-width: 100%
    }
}

.article--copy-sideblock--download .article--copy-sideblock-heading {
    font-family: Roboto, sans-serif;
    color: #bf1e2d;
    font-size: 12px;
    margin-bottom: 0
}

.article--copy-sideblock--download .article--copy-sideblock-copy {
    color: #222;
    font-size: 18px;
    margin-bottom: 15px;
    display: block
}

.article--copy-sideblock--download .btn {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 900;
    -webkit-font-smoothing: antialiased
}

.article--copy ol,
.article--copy ul {
    -webkit-font-smoothing: antialiased
}

@media (min-width: 768px) {

    .article--copy ol,
    .article--copy ul {
        margin-left: 8.33333333%
    }
}

@media (min-width: 768px) {

    .article--copy ol ol,
    .article--copy ol ul,
    .article--copy ul ol,
    .article--copy ul ul {
        margin-left: 8.33333333%
    }
}

@media (max-width: 991px) {

    .article--copy ol,
    .article--copy ul {
        padding-left: 40px
    }
}

.article--copy ol:first-of-type ol {
    list-style-type: lower-alpha
}

.article--copy ol:first-of-type li {
    -webkit-font-smoothing: antialiased
}

.article--copy ol:first-of-type li span {
    color: #222
}

.article--copy ul:first-of-type ul {
    list-style-type: disc
}

.article--copy ul:first-of-type ul li span {
    color: #5a5a5a
}

.article--copy-iconlist {
    clear: both
}

.article--copy-iconlist .article--copy-iconlist-container {
    padding: 15px 0 25px;
    border-bottom: 1px solid rgb(204, 204, 204)
}

@media (min-width: 992px) {
    .article--copy-iconlist .article--copy-iconlist-container {
        padding: 25px 0 40px
    }
}

.article--copy-iconlist .container-fluid .row:last-child .article--copy-iconlist-container {
    border: none
}

.article--copy-iconlist h1 {
    margin-top: 20px
}

.article--copy-iconlist h2 {
    font-size: 22px;
    color: #222;
    margin-bottom: 15px
}

.article--copy-iconlist h5 {
    text-transform: uppercase
}

.article--copy-iconlist h1,
.article--copy-iconlist h2,
.article--copy-iconlist h3,
.article--copy-iconlist h4,
.article--copy-iconlist h5,
.article--copy-iconlist h6 {
    color: #222
}

.article--copy-iconlist .article--copy-iconlist-image {
    padding: 0 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 85px
}

.article--copy-iconlist .article--copy-iconlist-image img {
    max-width: 50px
}

@media (min-width: 992px) {
    .article--copy-iconlist .article--copy-iconlist-image {
        display: inline-block;
        float: left
    }
}

.article--copy-iconlist .article--copy-iconlist-text {
    padding: 0 10px
}

@media (min-width: 992px) {
    .article--copy-iconlist .article--copy-iconlist-text {
        display: inline-block;
        width: calc(100% - 85px)
    }
}

.article--copy-iconlist ul {
    padding-left: 20px;
    padding-bottom: 0
}

.article--copy-ngimg-box {
    border: 5px solid rgb(255, 204, 6);
    width: 100%;
    max-width: 380px;
    padding: 30px;
    margin-bottom: 30px;
    margin-top: 1em
}

.article--copy-ngimg-box.float-end {
    margin-left: 50px
}

@media (max-width: 767px) {
    .article--copy-ngimg-box.float-end {
        margin-left: 0
    }
}

.article--copy-ngimg-box.float-start {
    margin-right: 50px
}

@media (max-width: 767px) {
    .article--copy-ngimg-box.float-start {
        margin-right: 0
    }
}

.article--copy-ngimg-box img {
    display: block;
    max-width: 100%
}

@media (max-width: 767px) {
    .article--copy-ngimg-box {
        display: block;
        float: none !important
    }
}

.article--copy-ngimg-box .article--copy-ngimg-box-copy {
    font-size: 12px;
    line-height: 14px;
    display: block;
    margin-bottom: 1em
}

.article--copy-img-center {
    display: block;
    margin: 20px auto;
    max-width: 100%;
    clear: both
}

.media-wysiwyg-align-left {
    float: left;
    margin-right: 40px
}

.media-wysiwyg-align-right {
    float: right;
    margin-left: 40px
}

.media-wysiwyg-align-left,
.media-wysiwyg-align-right {
    margin-bottom: 20px;
    margin-top: .5em;
    max-width: 100%
}

@media (max-width: 768px) {

    .media-wysiwyg-align-left,
    .media-wysiwyg-align-right {
        float: none;
        display: block;
        margin: 20px auto
    }

    .media-wysiwyg-align-left img,
    .media-wysiwyg-align-right img {
        display: block;
        margin: 0 auto
    }
}

.article--copy-row-imgs {
    max-width: 30%;
    margin: 5px 10px 5px 0;
    display: inline-block;
    clear: both;
    vertical-align: top
}

.article--copy-feature-box {
    border: 5px solid rgb(255, 204, 6);
    padding: 20px;
    font-family: Roboto Slab, serif
}

.article--copy-img-side-box {
    display: block
}

@media (min-width: 992px) {
    .article--copy-img-side-box {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 10px 0
    }
}

.article--copy-img-side-box img {
    max-width: 100%;
    display: block
}

@media (min-width: 992px) {
    .article--copy-img-side-box img {
        max-width: 75%
    }
}

.article--copy-img-side-box .article--copy-img-side-caption {
    display: block;
    font-weight: 700;
    color: #999;
    position: relative;
    padding: 40px 0 20px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.25
}

@media (min-width: 992px) {
    .article--copy-img-side-box .article--copy-img-side-caption {
        width: 20%;
        padding-top: 10px
    }
}

.article--copy-img-side-box .article--copy-img-side-caption:before {
    content: "";
    display: block;
    height: 5px;
    width: 60px;
    background-color: #ffcc06;
    position: absolute;
    top: 20px
}

@media (min-width: 992px) {
    .article--copy-img-side-box .article--copy-img-side-caption:before {
        top: 0
    }
}

.node-type-campaign-page .article--copy-container>*:not(.component--full-width, .force-full-width) {
    padding: 0 10px
}

[data-gtm-component="S3 Listing"] {
    overflow: hidden
}

[data-gtm-component="S3 Listing"]>div {
    overflow: auto
}

.article-more {
    padding-top: 20px;
    padding-bottom: 40px
}

@media (max-width: 767px) {
    .article-more {
        padding-top: 20px;
        padding-bottom: 10px
    }
}

.article-more>.container-fluid {
    max-width: 1004px;
    margin: 0 auto
}

@media (min-width: 992px) {
    .article-more>.container-fluid>section {
        display: flex;
        flex-direction: column
    }
}

.article-more--header {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px
}

@media (min-width: 992px) {
    .article-more--header {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media (min-width: 992px) {
    .article-more--article-wrapper {
        display: flex
    }
}

.article-more--section-heading {
    margin: 0;
    line-height: .75;
    font-size: 20px;
    font-weight: 900
}

.article-more--section-heading small {
    font-size: 100%;
    color: inherit
}

@media (max-width: 767px) {
    .article-more--section-heading {
        font-size: 28px
    }
}

.article-more--section-link {
    font-size: 24px;
    font-weight: 900;
    -webkit-font-smoothing: antialiased
}

.article-more--section-link.link-arrow:after {
    vertical-align: baseline
}

.article-more--section-link:hover {
    text-decoration: none
}

@media (max-width: 767px) {
    .article-more--section-link {
        font-size: 20px
    }
}

.article-more--article {
    padding: 30px 30px 55px;
    position: relative
}

@media (min-width: 768px) and (max-width: 991px) {
    .article-more--article {
        padding-bottom: 30px
    }
}

.article-more--article>* {
    position: relative;
    z-index: 1
}

.article-more--article p>b,
.article-more--article p>strong {
    font-family: Roboto Slab, serif
}

.article-more--article:after {
    content: "";
    border: 2px solid rgb(172, 172, 172);
    position: absolute;
    left: 10px;
    top: 10px;
    bottom: 10px;
    right: 10px;
    z-index: 0
}

.article-more--article.article-more--article-featured:after {
    background-color: #036297
}

@media (max-width: 991px) {
    .article-more--article.article-more--article-featured img {
        display: none
    }
}

@media (max-width: 767px) {
    .article-more--article {
        padding: 20px 10px
    }

    .article-more--article.article-more--article-featured:after {
        left: 0;
        right: 0
    }

    .article-more--article.article-more--article-featured img,
    .article-more--article p,
    .article-more--article img {
        display: none
    }

    .article-more--article p {
        font-size: 90%
    }

    .article-more--article:after {
        border-width: 0 0 2px 0;
        bottom: 0
    }

    .article-more--article:last-child:after {
        display: none
    }
}

@media (min-width: 992px) {
    .article-more--article {
        min-height: 420px
    }
}

.article-more--article-date {
    color: #bbb;
    font-family: Roboto Slab, serif;
    font-size: 14px;
    font-weight: 700;
    display: block
}

@media (max-width: 767px) {
    .article-more--article-date {
        display: none
    }
}

@media (max-width: 991px) {
    .article-more--article-date {
        margin-bottom: 20px
    }
}

.article-more--article-read-more {
    position: absolute;
    bottom: 30px;
    font-weight: 900;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.article-more--article-read-more:hover {
    text-decoration: none
}

@media (max-width: 767px) {
    .article-more--article-read-more {
        position: relative;
        bottom: 5px;
        margin-top: 20px
    }
}

@media (max-width: 991px) {
    .article-more--article-read-more {
        bottom: 25px
    }
}

.article-more--article-label {
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase
}

.article-more--article-featured .article-more--article-label {
    color: #ffcc06
}

@media (max-width: 767px) {
    .article-more--article-label {
        opacity: .5
    }

    .article-more--article-featured .article-more--article-label {
        opacity: 1
    }
}

.article-more--article-heading {
    font-size: 22px;
    font-weight: 900;
    line-height: 1.2;
    margin-top: -.2em
}

.article-more--article-heading:hover {
    color: #0075b7
}

@media (max-width: 767px) {
    .article-more--article-heading {
        font-size: 18px
    }
}

.article-more--article img {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 10px
}

@media (min-width: 768px) and (max-width: 991px) {
    .article-more--article img {
        margin-bottom: 0
    }
}

.row .row.bing-map {
    margin-left: 0;
    margin-right: 0
}

.row .row.bing-map>div:last-child .btn {
    margin: 20px auto 0;
    display: block;
    text-transform: uppercase
}

@media (min-width: 992px) {
    .row .row.bing-map.bing-map--full-width>div:first-child {
        display: none
    }

    .row .row.bing-map.bing-map--full-width>div:last-child {
        width: 100%
    }
}

.bing-map--location {
    margin-top: 10px;
    white-space: normal
}

.bing-map--location .btn-transparent {
    background: transparent;
    color: #0075b7;
    border-color: #0075b7;
    text-transform: uppercase;
    margin-top: 20px
}

@media (max-width: 991px) {
    .bing-map--location .btn-transparent {
        display: none
    }
}

.bing-map--location i {
    grid-column: span 2/span 2
}

.bing-map--info-box {
    background: #fff;
    padding: 20px;
    min-width: 280px
}

.bing-map--info-box hr {
    display: none
}

.bing-map--info-box .popup-close {
    margin-top: 5px;
    margin-right: 5px;
    color: #0075b7;
    opacity: 1
}

.bing-map--info-box .bing-map--location .btn {
    display: none !important
}

.bing-map--info-box p>small>span {
    margin-bottom: 0 !important
}

.bing-map .atlas-map .popup-content-container {
    box-shadow: 3px 3px 4px #00000052
}

.bing-map--location-column {
    padding-right: 40px;
    max-height: 600px;
    overflow: auto
}

.bing-map--location-column>ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.bing-map--location-column::-webkit-scrollbar {
    width: .75em
}

.bing-map--location-column::-webkit-scrollbar-track {
    background: #fff
}

.bing-map--location-column::-webkit-scrollbar-thumb {
    background-color: #0075b7
}

.background-white .bing-map--location-column::-webkit-scrollbar-track {
    background-color: #f6f6f6
}

.background-white .bing-map--location-column .btn.btn-transparent:after {
    background-color: #0075b7
}

.background-white .bing-map--location-column .btn.btn-transparent:active,
.background-white .bing-map--location-column .btn.btn-transparent:focus {
    color: #fff
}

.bing-map--map-container {
    width: 100%;
    max-height: 600px;
    height: 75vh
}

.inspection-station-form {
    max-width: 984px;
    margin: 0 auto
}

.inspection-station-form .checkbox-holders {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 10px 0
}

@media (max-width: 767.98px) {
    .inspection-station-form .checkbox-holders {
        flex-direction: column;
        align-items: flex-start
    }

    .inspection-station-form .checkbox-holders label {
        padding: 5px 0
    }
}

.inspection-station-form label {
    display: flex;
    gap: 5px
}

.inspection-station-form .small-blue-checkbox {
    font-size: 13px;
    color: #0075b7;
    font-weight: 700
}

.bing-map--location-side-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
    max-width: 300px
}

.bing-map--location-side-info i {
    grid-column: span 2/span 2
}

.block-content {
    background-color: #000;
    background-position: left;
    background-size: cover;
    color: #fff;
    padding-top: 40px;
    padding-bottom: 40px
}

.block-content>.container-fluid {
    max-width: 1004px;
    margin: 0 auto
}

.block-content>.container-fluid,
.block-content>.container-fluid .row {
    background-color: transparent
}

@media (max-width: 767px) {
    .block-content {
        text-align: center
    }

    .block-content p {
        font-size: 90%
    }
}

.block-content--heading {
    font-size: 35px;
    font-weight: 900;
    line-height: .85;
    margin-top: 0
}

@media (max-width: 767px) {
    .block-content--heading {
        font-size: 26px;
        max-width: 8em;
        margin-left: auto;
        margin-right: auto;
        line-height: 1.25
    }
}

.block-content--caption {
    display: block;
    font-size: 36px;
    font-weight: 300;
    line-height: .85;
    margin-bottom: 15px
}

@media (max-width: 767px) {
    .block-content--caption {
        font-size: 24px
    }
}

.block-content--link {
    color: #fff;
    font-weight: 900;
    display: inline-block;
    margin-top: 5px;
    -webkit-font-smoothing: antialiased
}

.block-content--link:hover {
    color: #fff;
    text-decoration: none
}

.block-content--link.link-arrow:after {
    vertical-align: baseline
}

#block-purgethispage {
    position: sticky;
    bottom: 4px;
    right: 10px
}

#block-purgethispage input#edit-submit {
    padding: 10px 20px;
    border-radius: 4px;
    border-color: #d8b234;
    background-color: #efcf64;
    color: #333;
    font-weight: 700;
    text-transform: uppercase
}

#block-purgethispage .article--copy-container {
    background-color: transparent
}

#block-purgethispage .article--copy-container .container-fluid {
    position: absolute;
    right: 4px;
    bottom: 4px;
    max-width: none;
    padding: 0
}

.block-video {
    position: relative
}

.block-video>div {
    transition: all .2s ease-out
}

@media (max-width: 575.98px) {
    .block-video {
        aspect-ratio: 1/1 !important
    }
}

.block-video iframe {
    background: #000
}

.block-video .block-video--inner {
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #222;
    color: #fff
}

@media (max-width: 767px) {
    .block-video .block-video--inner {
        padding: 20px
    }
}

.block-video .block-video--inner .tag-h5 {
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px
}

.block-video .block-video--inner .tag-h1 {
    font-family: Roboto Slab, serif;
    font-size: 48px;
    line-height: 1.25;
    padding: 10px 0
}

@media (min-width: 768px) {
    .block-video .block-video--inner .tag-h1 {
        letter-spacing: .5px
    }
}

@media (max-width: 767px) {
    .block-video .block-video--inner .tag-h1 {
        padding-top: 5px;
        padding-bottom: 10px;
        font-size: 30px
    }
}

.block-video img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.block-video .block-video--inner-copy {
    position: relative;
    text-align: center;
    max-width: 450px;
    transition: all .2s ease-out
}

.block-video .block-video--inner-copy p a {
    color: #fff
}

.block-video .block-video--inner-copy .btn {
    margin: 10px 0;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .block-video .block-video--inner-copy .btn {
        margin-top: 5px
    }
}

.boxed-list {
    width: 100%;
    margin: 0;
    padding: 20px 0
}

@media (min-width: 992px) {
    .boxed-list {
        padding-bottom: 40px
    }
}

.boxed-list p {
    width: 80%;
    padding: 40px 0;
    margin: 0 auto;
    text-align: center
}

@media (max-width: 768px) {
    .boxed-list p {
        width: 90%
    }
}

@media (min-width: 1040px) {
    .boxed-list p {
        max-width: 753px
    }
}

.boxed-list ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0
}

@media (max-width: 767px) {
    .boxed-list ul {
        display: block
    }
}

.boxed-list ul li {
    display: flex;
    align-items: center;
    margin: 5px 10px 5px 0;
    width: 23%;
    text-align: center;
    padding: 30px 5px;
    border: 1px solid rgb(0, 117, 183);
    cursor: pointer
}

@media (max-width: 992px) {
    .boxed-list ul li {
        padding: 20px 10px
    }
}

@media (max-width: 767px) {
    .boxed-list ul li {
        display: block;
        width: 80%;
        margin: 20px auto;
        padding: 20px 0
    }
}

.boxed-list ul li:hover {
    background-color: #0075b7
}

.boxed-list ul li:hover a {
    color: #fff
}

.boxed-list ul a {
    font-weight: 700;
    color: #0075b7;
    text-decoration: none;
    width: 100%;
    line-height: 28px;
    font-size: 18px
}

.call-out-administrator {
    background: #222 linear-gradient(135deg, #232323, #333 57%, #1b1c07);
    color: #fff;
    position: relative;
    margin-top: 60px
}

.call-out-administrator>.container-fluid {
    max-width: 1004px;
    position: relative
}

.call-out-administrator>.row {
    max-width: 1004px;
    margin: 0 auto;
    position: relative
}

.call-out-administrator h2 {
    -webkit-font-smoothing: antialiased;
    line-height: 1;
    margin-top: 0
}

.call-out-administrator .tag-h2 {
    font-weight: 200
}

.call-out-administrator p {
    margin: 20px 0 10px
}

.call-out-administrator p .call-out-administrator--date {
    font-weight: 700;
    font-family: Roboto Slab, serif;
    display: block;
    margin-top: 10px
}

.call-out-administrator a {
    display: inline-block;
    margin-top: 20px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    font-weight: 700
}

.call-out-administrator a:hover {
    text-decoration: none
}

.call-out-administrator a:last-child {
    margin-top: 10px
}

.call-out-administrator img {
    position: absolute;
    width: 65%;
    height: auto;
    right: -200px;
    bottom: 0
}

@media (max-width: 1199px) {
    .call-out-administrator img {
        width: 60%
    }
}

@media (max-width: 1199px) {
    .call-out-administrator img {
        right: 0
    }
}

.call-out-administrator .call-out-administrator--copy {
    padding: 80px 10px
}

@media (max-width: 1199px) {
    .call-out-administrator .call-out-administrator--copy {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (max-width: 767px) {
    .call-out-administrator .call-out-administrator--copy h2 {
        font-size: 27px
    }
}

@media (max-width: 767px) {
    .call-out-administrator {
        text-align: center;
        margin-top: 20px
    }

    .call-out-administrator h2 {
        font-size: 2.25rem
    }

    .call-out-administrator .tag-h2 {
        font-size: 1.6875rem
    }

    .call-out-administrator p,
    .call-out-administrator a {
        font-size: 1.2rem
    }

    .call-out-administrator img {
        display: none
    }
}

.call-out-links {
    padding-top: 100px;
    padding-bottom: 100px;
    color: #fff;
    background: #000;
    position: relative
}

@media (max-width: 767px) {
    .call-out-links {
        margin-top: 0
    }
}

.call-out-links>.container-fluid {
    max-width: 1004px
}

.call-out-links h1 {
    font-size: 35px;
    margin-top: 0;
    position: relative
}

.call-out-links h1 small {
    font-size: 100%;
    font-weight: 300;
    color: #fff
}

.call-out-links a {
    display: block;
    font-weight: 900;
    margin-bottom: 20px;
    color: #fff
}

.call-out-links a:hover {
    color: #fff;
    text-decoration: none
}

@media (min-width: 768px) {
    .call-out-links h1 {
        top: -.45em
    }

    .call-out-links a:last-child {
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .call-out-links {
        padding-top: 80px;
        padding-bottom: 80px;
        text-align: center
    }

    .call-out-links h1 {
        font-size: 29px;
        margin-bottom: 80px
    }
}

.call-out-stats--wrapper {
    background: #fff;
    overflow: hidden
}

.call-out-stats--block {
    background-color: inherit
}

.call-out-stats--stats-container {
    display: flex;
    position: relative
}

.call-out-stats .component--full-width {
    background: inherit
}

.call-out-stats {
    max-width: 1004px;
    margin-left: auto;
    margin-right: auto;
    background: inherit
}

.call-out-stats>.container-fluid {
    padding-bottom: 40px
}

.call-out-stats h2,
.call-out-stats .call-out-stats--heading {
    margin-top: 0;
    text-align: center;
    -webkit-font-smoothing: antialiased
}

.call-out-stats .col-xs-12,
.call-out-stats .col-xs-12 .row {
    background: inherit
}

@media (max-width: 767px) {

    .call-out-stats h2,
    .call-out-stats .call-out-stats--heading {
        font-size: 24px
    }
}

.call-out-stats--stat,
.call-out-stats--stat-label {
    text-align: center
}

.call-out-stats--wrapper {
    position: relative
}

.call-out-stats--wrapper:after {
    display: none;
    content: "";
    left: 20px;
    right: 20px;
    bottom: 0;
    position: absolute;
    height: 1px;
    background-color: #bbb;
    margin: 20px 0
}

.call-out-stats--block:not(.active) {
    cursor: pointer
}

.call-out-stats--stat {
    font-size: 90px;
    font-weight: 200;
    color: #bbb;
    -webkit-font-smoothing: antialiased;
    transition: color .5s ease-out;
    letter-spacing: -2px;
    color: #222
}

.call-out-stats--block.active .call-out-stats--stat {
    color: #222
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .call-out-stats--stat {
        font-size: 68px
    }
}

@media (max-width: 991px) {
    .call-out-stats--stat {
        line-height: 1.25
    }
}

.call-out-stats--stat-label {
    color: #0075b7;
    width: 53%;
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px
}

.call-out-stats--block.active .call-out-stats--stat-label {
    color: #222
}

.call-out-stats--stat-source-link a {
    font-weight: 300;
    opacity: .8;
    color: #fff;
    display: block;
    margin-top: 10px;
    font-size: 90%
}

.call-out-stats--stat-source-link a:hover {
    opacity: 1
}

.call-out-stats--stat-link {
    font-weight: 700;
    display: block;
    text-align: center
}

.call-out-stats--stat-link:focus-visible span {
    border: 2px solid rgb(0, 117, 183)
}

.call-out-stats--underline {
    background-color: inherit
}

.call-out-stats--underline>div {
    height: 1px;
    background-color: inherit;
    border-top: 1px solid rgb(204, 204, 204);
    width: 100%;
    margin-top: 40px;
    position: relative
}

.call-out-stats--underline>div:after {
    content: "";
    border-top: 1px solid rgb(204, 204, 204);
    border-right: 1px solid rgb(204, 204, 204);
    background: #ccc;
    transform: rotate(-45deg);
    background-color: inherit;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: -9px;
    left: 0;
    transition: left .35s ease-out;
    margin-left: -10px
}

.call-out-stats--wrapper[data-active="0"] .call-out-stats--underline>div:after {
    left: 15%
}

.call-out-stats--wrapper[data-active="0"] .call-out--stats-link-container>.call-out--stats-link-container-wrapper {
    left: 0
}

.call-out-stats--wrapper[data-active="1"] .call-out-stats--underline>div:after {
    left: 50%
}

.call-out-stats--wrapper[data-active="1"] .call-out--stats-link-container>.call-out--stats-link-container-wrapper {
    left: -100%
}

.call-out-stats--wrapper[data-active="2"] .call-out-stats--underline>div:after {
    left: 85%
}

.call-out-stats--wrapper[data-active="2"] .call-out--stats-link-container>.call-out--stats-link-container-wrapper {
    left: -200%
}

@media (max-width: 767px) {
    .call-out-stats--block {
        opacity: 0;
        transition: opacity .45s ease-out;
        transform: translateZ(0)
    }

    .call-out-stats--block.active {
        opacity: 1
    }

    .call-out--stats-mobile-nav {
        display: block;
        text-align: center
    }

    .call-out--stats-mobile-nav-link {
        padding: 0;
        border: 1px solid rgb(187, 187, 187);
        width: 10px;
        height: 10px;
        border-radius: 50%;
        display: inline-block;
        margin: 10px;
        cursor: pointer
    }

    .call-out--stats-mobile-nav-link.active {
        border-color: #ccc;
        background-color: #ccc;
        cursor: default
    }

    .call-out-stats--block {
        width: 100%;
        float: left
    }

    .call-out-stats--block:not(:first-child) {
        position: absolute
    }

    .call-out-stats--underline {
        display: none
    }
}

.call-out-stats.call-out-stats--dark {
    background-color: #000;
    padding-top: 40px;
    padding-bottom: 20px
}

.call-out-stats.call-out-stats--dark .call-out-stats--block {
    background-color: #000;
    cursor: default
}

.call-out-stats.call-out-stats--dark .call-out-stats--heading {
    color: #fff
}

.call-out-stats.call-out-stats--dark .call-out-stats--stat {
    color: #ffcc06
}

.call-out-stats--block.active .call-out-stats.call-out-stats--dark .call-out-stats--stat {
    color: #ffcc06 !important
}

.call-out-stats.call-out-stats--dark .call-out-stats--stat-label {
    color: #fff
}

.call-out-stats--inline {
    padding-top: 40px;
    padding-bottom: 40px
}

.call-out-stats--inline>.container-fluid {
    max-width: 1004px;
    margin-left: auto;
    margin-right: auto
}

.call-out-stats--inline h2,
.call-out-stats--inline .call-out-stats--inline--heading {
    margin-top: 0;
    margin-bottom: 40px;
    text-align: center;
    -webkit-font-smoothing: antialiased
}

@media (max-width: 991px) {
    .call-out-stats--inline {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (max-width: 767px) {
    .call-out-stats--inline {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .call-out-stats--inline h2,
    .call-out-stats--inline .call-out-stats--inline--heading {
        font-size: 24px
    }
}

.call-out-stats--inline--stat,
.call-out-stats--inline--stat-label {
    text-align: center
}

.call-out-stats--inline--wrapper {
    position: relative
}

.call-out-stats--inline--wrapper:after {
    content: "";
    left: 20px;
    right: 20px;
    bottom: 0;
    position: absolute;
    height: 1px;
    background-color: #bbb;
    margin: 20px 0
}

.call-out-stats--inline--stat {
    font-size: 85px;
    font-weight: 200;
    color: #bbb;
    -webkit-font-smoothing: antialiased;
    transition: color .5s ease-out;
    letter-spacing: -2px;
    line-height: 1.25
}

.call-out-stats--inline--stat-label {
    color: #bbb;
    margin: 0 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 1px
}

@media (max-width: 991px) {
    .call-out-stats--inline--stat-label {
        font-size: 10px
    }
}

.call-out-stats--inline--stat-link {
    font-weight: 700;
    display: block;
    text-align: center
}

.call-out--stats-link-container {
    margin: 30px 0;
    overflow: hidden;
    padding: 0
}

@media (max-width: 767px) {
    .call-out--stats-link-container {
        margin-top: 15px;
        margin-bottom: 15px
    }
}

.call-out--stats-link-container-wrapper {
    width: 300%;
    position: relative;
    transition: left .35s ease-out
}

.call-out--stats-link-container-wrapper a {
    display: inline-block;
    width: 33.3333333333%;
    float: left
}

.call-out--stats-mobile-nav {
    display: none
}

@media (max-width: 767px) {
    .call-out-stats--inline--block {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        width: 100%;
        margin-bottom: 30px
    }

    .call-out-stats--inline--block:last-child {
        margin-bottom: 0
    }

    .call-out--stats-mobile-nav {
        display: block;
        text-align: center
    }

    .call-out--stats-mobile-nav-link {
        border: 1px solid rgb(187, 187, 187);
        width: 10px;
        height: 10px;
        border-radius: 50%;
        display: inline-block;
        margin: 10px;
        cursor: pointer
    }

    .call-out-stats--inline--stat {
        text-align: right;
        flex: .75;
        font-size: 42px;
        padding-right: 5px;
        font-weight: 400;
        line-height: 1
    }

    .call-out-stats--inline--stat-label {
        text-align: left;
        font-size: 12px;
        flex: 1;
        line-height: 1
    }
}

.call-out-stats--inline.call-out-stats--dark {
    background-color: #000
}

.call-out-stats--inline.call-out-stats--dark .call-out-stats--inline--block {
    background-color: #000;
    cursor: default
}

.call-out-stats--inline.call-out-stats--dark .call-out-stats--inline--heading {
    color: #fff
}

.call-out-stats--inline.call-out-stats--dark .call-out-stats--inline--stat {
    color: #ffcc06
}

.call-out-stats--inline.call-out-stats--dark .call-out-stats--inline--stat-label {
    color: #fff
}

.call-out-stats--stat-source-link {
    text-transform: capitalize
}

.call-to-action {
    padding: 50px 0
}

@media (max-width: 767px) {
    .call-to-action {
        padding: 40px 0
    }
}

.call-to-action .row {
    display: flex;
    align-items: center
}

.call-to-action .row div:last-child {
    text-align: right
}

@media (max-width: 991px) {
    .call-to-action .row {
        display: block
    }
}

.call-to-action .btn {
    padding: 17px 8px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px
}

@media (max-width: 767px) {
    .call-to-action .btn {
        position: relative;
        display: block;
        font-size: 14px
    }

    .call-to-action .btn:first-of-type {
        margin-top: 20px
    }
}

.call-to-action--heading {
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    margin-top: 0
}

@media (max-width: 767px) {
    .call-to-action--heading {
        font-size: 24px
    }
}

.call-to-action--copy {
    margin-bottom: 0;
    width: 500px
}

@media (max-width: 991px) {
    .call-to-action--copy {
        width: 400px
    }
}

@media (max-width: 767px) {
    .call-to-action--copy {
        margin-bottom: 10px;
        width: auto
    }
}

.call-to-action--solid {
    color: #fff;
    background-color: #13386e
}

.call-to-action--solid.call-to-action.bg-blue {
    background-color: #13386e !important
}

@media (min-width: 767px) {
    .call-to-action--solid>.container-fluid>.row {
        display: flex;
        align-items: center
    }
}

.call-to-action--solid.bg-blue a.btn.btn-transparent.btn-huge:hover {
    color: #13386e !important
}

@media (max-width: 991.98px) {
    .call-to-action--body {
        padding-left: 20px;
        padding-right: 20px
    }
}

.carousel-heading {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px
}

@media (min-width: 992px) {
    .carousel-heading>.container-fluid {
        max-width: 48%
    }
}

.carousel-heading h1 {
    font-size: 60px;
    margin-top: 0;
    margin-bottom: 35px
}

.carousel-heading h1 small {
    font-size: 100%;
    font-weight: 300;
    display: block
}

@media (max-width: 767px) {
    .carousel-heading h1 {
        font-size: 38px
    }

    .carousel-heading p {
        margin-bottom: 40px
    }
}

.carousel-heading+.carousel {
    padding-top: 0
}

.carousel {
    background-color: #000;
    padding-top: 40px;
    padding-bottom: 40px
}

.carousel .carousel-item img {
    display: block;
    max-width: 100%
}

.carousel .carousel-item .embed-responsive+img {
    display: none
}

.carousel .carousel-item .embed-responsive~.carousel-caption {
    position: relative
}

.carousel .carousel-item .embed-responsive {
    max-width: 100%;
    margin: 0 auto
}

@media (min-width: 768px) {
    .carousel .carousel-item .embed-responsive {
        max-width: 70%
    }

    .carousel .carousel-item .embed-responsive>* {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .carousel .carousel-item .embed-responsive>img {
        height: auto
    }
}

@media (min-width: 768px) and (min-width: 1200px) {
    .carousel .carousel-item .embed-responsive>iframe {
        max-width: 1004px;
        margin: 0 auto
    }
}

@media (min-width: 1200px) {
    .carousel .carousel-item .embed-responsive.embed-responsive-16by9.block-video {
        padding-bottom: 40%
    }
}

@media (min-width: 768px) {
    .carousel .carousel-indicators {
        display: none
    }
}

@media (max-width: 767px) {

    .carousel .carousel-control-prev,
    .carousel .carousel-control-next {
        display: none
    }
}

.carousel .carousel-indicators {
    z-index: 1;
    bottom: 0
}

.carousel .carousel-indicators .active {
    background-color: #999
}

.carousel .carousel-indicators li {
    border-color: #999
}

.carousel-caption {
    max-width: 1004px;
    margin: 0 auto;
    left: 0;
    right: 0;
    background-color: #0006;
    bottom: 0;
    -webkit-font-smoothing: antialiased;
    text-align: left;
    padding-left: 30px;
    padding-right: 10px;
    z-index: 1
}

@media (max-width: 767px) {
    .carousel-caption {
        padding-bottom: 50px;
        position: relative;
        padding-left: 10px
    }
}

.carousel-caption .article--download-link {
    padding-left: 0;
    padding-right: 0;
    margin-left: -.4em
}

.carousel-caption--heading {
    font-size: 24px;
    font-weight: 900;
    margin-top: 0
}

@media (max-width: 767px) {
    .carousel-caption--heading {
        font-size: 18px;
        line-height: 1;
        margin-bottom: 10px;
        width: 100%
    }
}

.carousel-caption--copy a {
    color: #fff;
    font-weight: 900
}

.carousel-caption--copy a:hover {
    color: #fff
}

@media (max-width: 767px) {
    .carousel-caption--copy a {
        margin-top: 5px;
        display: block
    }
}

.carousel-caption-slide-count {
    font-family: Roboto Slab;
    font-weight: 200;
    font-size: 62px
}

@media (max-width: 991px) {
    .carousel-caption-slide-count {
        font-size: 48px
    }
}

@media (max-width: 767px) {
    .carousel-caption-slide-count {
        font-size: 14px;
        font-weight: 900;
        float: right;
        display: none
    }
}

.carousel-caption-slide-count--total {
    opacity: .75
}

.carseat--recommendations {
    position: relative;
    margin-inline: auto
}

.carseat--recommendations--container {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    background-color: #fff;
    padding: 30px 30px 0
}

.carseat--recommendations .grid-labels {
    display: grid;
    grid-template-columns: repeat(13, 1fr);
    position: relative;
    height: 20px;
    margin-bottom: 40px
}

.carseat--recommendations .grid-labels--label {
    position: absolute;
    font-size: 16px;
    color: #222;
    font-weight: 700
}

.carseat--recommendations .section-divider {
    height: 8px;
    background: repeating-linear-gradient(-55deg, #fff, #fff 2px, #eee 2px, #eee 4px);
    margin-bottom: 15px
}

.carseat--recommendations .carseat--recommendations-modes {
    display: grid;
    grid-template-columns: repeat(13, 1fr);
    gap: 10px;
    position: relative
}

.carseat--recommendations .carseat--recommendations-modes .yellow-marker {
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 2;
    transition: left .3s ease
}

.carseat--recommendations .carseat--recommendations-modes .yellow-marker .yellow-arrow {
    width: 10px;
    position: absolute;
    z-index: 2;
    left: 50%;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid rgb(255, 204, 6);
    transform: translate(-50%);
    transition: all .5s;
    top: -45px
}

.carseat--recommendations .carseat--recommendations-modes .yellow-marker .yellow-bar {
    background: #ffcc06;
    width: 8px;
    height: calc(100% + 20px);
    display: block;
    z-index: 2
}

.carseat--recommendations .carseat--recommendations-modes--grid-block {
    height: 55px;
    display: grid;
    place-items: center;
    transition: background-color .3s ease
}

.carseat--recommendations .carseat--recommendations-modes--grid-block:not(:last-child) {
    margin-right: -5px
}

.carseat--recommendations .carseat--recommendations-modes--grid-block:not(:nth-of-type(2)) {
    margin-left: -5px
}

.carseat--recommendations .carseat--recommendations-modes--grid-block--content {
    display: flex;
    gap: 10px;
    align-items: center;
    font-weight: 700
}

.carseat--recommendations .carseat--recommendations-modes--grid-block--image {
    height: 22px
}

.carseat--recommendations .carseat--boxed-images {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 20px;
    margin-bottom: 65px
}

.carseat--recommendations .carseat--boxed-images--container {
    grid-column: span 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    background-color: #fff;
    position: relative;
    height: 260px
}

.carseat--recommendations .carseat--boxed-images--image-block {
    background-color: #0075b7;
    color: #fff;
    font-weight: 500;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.carseat--recommendations .carseat--boxed-images--image-block--image-container {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px
}

.carseat--recommendations .carseat--boxed-images--highlight {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 0 0 0 8px #ffcc06;
    pointer-events: none
}

.tab-content .carseat--recommendations {
    margin: 0 auto
}

.complaint-form {
    padding-top: 30px;
    padding-bottom: 32px
}

.complaint-form .recaptcha-text {
    margin-top: 20px
}

.complaint-form .grecaptcha-badge {
    visibility: hidden
}

.complaint-form.bg-white {
    background-color: #fff
}

.complaint-form.bg-gray {
    background-color: #f6f6f6
}

.complaint-form.narrow-width,
.complaint-form .narrow-width {
    max-width: 828px
}

.complaint-form.sliver-width,
.complaint-form .sliver-width {
    max-width: 678px
}

.complaint-form .hr {
    width: 100%;
    display: block;
    height: 5px;
    background-color: #ffd50f;
    margin-top: 35px;
    margin-bottom: 40px
}

.complaint-form .border {
    border: 1px solid rgb(221, 221, 221)
}

.complaint-form h2 {
    margin-bottom: 1em
}

.complaint-form dl {
    padding-left: 1em
}

.complaint-form dl dt,
.complaint-form dl dd {
    padding-bottom: .5em
}

.complaint-form .well {
    padding: 1em;
    background-color: #f6f6f6;
    margin-bottom: 1em
}

.complaint-form .nhtsa-date-range-picker .fa.fa-calendar.glyphicon,
.complaint-form .date-picker .fa.fa-calendar.glyphicon {
    color: #0082cb
}

.complaint-form .nhtsa-date-range-picker spannput.input-mini.form-control,
.complaint-form .date-picker spannput.input-mini.form-control {
    display: none
}

.complaint-form .nhtsa-date-range-picker .glyphicon,
.complaint-form .date-picker .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: Glyphicons Halflings;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.complaint-form .daterangepicker_input .fa.fa-calendar.glyphicon {
    display: none
}

.complaint-form input[type=checkbox] {
    margin-right: 1rem
}

.complaint-form [data-options] {
    border: 1px solid rgb(246, 246, 246);
    margin-top: 20px
}

.complaint-form [data-options]+[data-options] {
    margin-top: 10px
}

.complaint-form [data-options] [role=radiogroup],
.complaint-form [data-options] .form-group {
    padding: 2em;
    margin-bottom: 0
}

.complaint-form [data-options] [role=radiogroup]:first-of-type,
.complaint-form [data-options] .form-group:first-of-type {
    background-color: #f6f6f6
}

.complaint-form [data-options] [role=radiogroup]:not(:last-child):not(:first-child),
.complaint-form [data-options] .form-group:not(:last-child):not(:first-child) {
    padding-bottom: 0
}

.complaint-form [data-options] [role=radiogroup] input[type=text],
.complaint-form [data-options] [role=radiogroup] input[type=number],
.complaint-form [data-options] .form-group input[type=text],
.complaint-form [data-options] .form-group input[type=number] {
    background-color: #f6f6f6;
    border: 1px solid rgb(119, 119, 119)
}

.complaint-form .form-group {
    margin-bottom: 15px
}

.complaint-form .form-group label {
    font-weight: 400
}

.complaint-form label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

.complaint-form .text-right {
    text-align: right
}

.complaint-form .text-center {
    text-align: center
}

.complaint-form .text-left {
    text-align: left
}

.complaint-form small {
    font-size: 75%
}

.complaint-form .form-control {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    color: #636363
}

.complaint-form .center-block {
    margin-left: auto;
    margin-right: auto
}

.complaint-form .radio label,
.complaint-form .checkbox label {
    display: flex;
    min-height: 22px;
    font-weight: 400;
    cursor: pointer
}

.complaint-form .radio label>*,
.complaint-form .checkbox label>* {
    align-self: flex-start
}

.complaint-form .radio-inline,
.complaint-form .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

.complaint-form .radio-inline+.radio-inline,
.complaint-form .checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

.complaint-form .radio-inline input {
    margin-top: 2px
}

.complaint-form input[type=checkbox] {
    margin-right: .5rem
}

.complaint-form .radio input[type=radio],
.complaint-form .radio-inline input[type=radio],
.complaint-form .complaint-form--component-list .checkbox input[type=checkbox],
.complaint-form .complaint-form--component-list .checkbox-inline input[type=checkbox] {
    position: absolute;
    margin-left: -20px
}

.complaint-form input[type=radio],
.complaint-form input[type=checkbox] {
    margin-top: 4px;
    line-height: normal
}

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

.complaint-form input {
    border-radius: 0
}

.complaint-form .img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

@media (min-width: 991px) {
    .complaint-form--header>div:first-child {
        display: flex;
        justify-content: space-between;
        align-items: baseline
    }

    .complaint-form--header>div:first-child h1 {
        margin-bottom: 0
    }
}

.complaint-form-need-help {
    display: inline-block
}

.complaint-form-need-help .tippy-content {
    padding-top: 0;
    padding-bottom: 0
}

.complaint-form-need-help--popout .complaint-form-need-help--popout-options {
    display: flex;
    flex-direction: row
}

.complaint-form-need-help--popout .col-sm-6 {
    align-items: center;
    justify-content: start;
    flex-direction: column;
    padding: 2rem;
    display: flex;
    border-bottom: 1px solid rgb(221, 221, 221);
    min-width: 256px;
    position: relative
}

.complaint-form-need-help--popout .col-sm-6:first-child:after {
    content: "";
    width: 1px;
    height: 75%;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    background-color: #ddd;
    margin: auto
}

.complaint-form-need-help--popout .col-sm-6 [class^=icon-] {
    margin-bottom: 2rem;
    background: #007dc2;
    color: #fff;
    overflow: hidden;
    border-radius: 9999px;
    width: 3.5rem;
    height: 3.5rem;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px
}

.complaint-form-need-help--popout .col-sm-12 {
    padding: 1rem 1.5rem
}

.complaint-form--padding {
    padding: 32px 64px
}

.complaint-form--vin-input,
.complaint-form-simple-suggest .nhtsa-simple-search.with-border,
.complaint-form-simple-suggest .input-wrapper,
.complaint-form-simple-suggest.focus .nhtsa-simple-search.with-border,
.complaint-form-simple-suggest.focus .input-wrapper {
    border: 1px solid rgb(221, 221, 221);
    font-size: 22px;
    display: flex;
    justify-content: center
}

.complaint-form--vin-input.disabled,
.complaint-form-simple-suggest .disabled.nhtsa-simple-search.with-border,
.complaint-form-simple-suggest .disabled.input-wrapper,
.complaint-form-simple-suggest.focus .disabled.input-wrapper {
    background-color: #ddd
}

.complaint-form--vin-input:focus-within,
.complaint-form-simple-suggest .nhtsa-simple-search.with-border:focus-within,
.complaint-form-simple-suggest .input-wrapper:focus-within,
.complaint-form-simple-suggest.focus .input-wrapper:focus-within {
    box-shadow: 0 0 5px #ddd
}

.complaint-form--vin-input input,
.complaint-form-simple-suggest .nhtsa-simple-search.with-border input,
.complaint-form-simple-suggest .input-wrapper input,
.complaint-form-simple-suggest.focus .nhtsa-simple-search.with-border input,
.complaint-form-simple-suggest.focus .input-wrapper input {
    border: none;
    box-shadow: none;
    font-size: inherit;
    display: block
}

.complaint-form--vin-input input:focus,
.complaint-form-simple-suggest .nhtsa-simple-search.with-border input:focus,
.complaint-form-simple-suggest .input-wrapper input:focus,
.complaint-form-simple-suggest.focus .input-wrapper input:focus {
    box-shadow: none
}

.complaint-form--vin-input button,
.complaint-form-simple-suggest .nhtsa-simple-search.with-border button,
.complaint-form-simple-suggest .input-wrapper button,
.complaint-form-simple-suggest.focus .nhtsa-simple-search.with-border button,
.complaint-form-simple-suggest.focus .input-wrapper button {
    border: none;
    background: none;
    color: #0075b7
}

.complaint-form--vin-input button:focus,
.complaint-form-simple-suggest .nhtsa-simple-search.with-border button:focus,
.complaint-form-simple-suggest .input-wrapper button:focus,
.complaint-form-simple-suggest.focus .input-wrapper button:focus {
    outline: none;
    text-shadow: rgb(119, 119, 119) 0px 0px 2px
}

.complaint-form--vin-input .input-group-addon,
.complaint-form-simple-suggest .nhtsa-simple-search.with-border .input-group-addon,
.complaint-form-simple-suggest .input-wrapper .input-group-addon,
.complaint-form-simple-suggest.focus .input-wrapper .input-group-addon {
    background: none;
    border: none;
    font-size: inherit;
    display: block;
    width: auto;
    padding: 6px
}

.complaint-form--vin-input--edit-btn {
    background: none;
    border: none;
    padding: 0;
    margin-bottom: 10px;
    color: #0075b7
}

.complaint-form--vin-input--edit-btn:hover {
    text-decoration: underline
}

.complaint-form .recalls-search-input form {
    display: flex;
    width: 100%;
    min-width: 100%;
    margin-bottom: 2.5rem;
    flex-direction: column
}

@media (min-width: 605px) {
    .complaint-form .recalls-search-input form {
        flex-direction: row;
        justify-content: space-between;
        gap: 4%
    }
}

.complaint-form .recalls-search-input .form-container {
    flex-basis: 100%
}

.complaint-form .recalls-search-input .form-fields-inputs {
    display: flex;
    align-items: center;
    column-gap: 20px;
    flex-direction: column
}

@media (min-width: 605px) {
    .complaint-form .recalls-search-input .form-fields-inputs {
        flex-direction: row
    }
}

.complaint-form .recalls-search-input .form-fields-inputs section {
    width: 100%
}

.complaint-form .recalls-search-input .form-fields-inputs .nhtsa-simple-search {
    border: 1px solid rgb(221, 221, 221);
    border-radius: 0
}

.complaint-form .recalls-search-input .form-fields-inputs select {
    padding-top: 4px;
    border: none;
    font-size: 21px;
    line-height: 55px;
    letter-spacing: -.011em;
    text-align: center;
    word-wrap: normal
}

.complaint-form .recalls-search-input .form-fields-inputs input[type=text] {
    background: transparent;
    font-weight: 200;
    width: 100%;
    color: #111;
    border-radius: 0;
    max-height: 55px;
    padding: .25rem .75rem;
    border: none;
    font-size: 21px;
    line-height: 55px;
    letter-spacing: -.011em;
    text-align: left
}

.complaint-form .recalls-search-input .form-fields-inputs>.form-fields-separator {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 36px;
    line-height: 36px;
    font-size: 10px
}

.complaint-form .recalls-search-input .form-fields-inputs>.form-fields-separator>* {
    display: none
}

.complaint-form .recalls-search-input .form-fields-inputs>.form-fields-separator:before,
.complaint-form .recalls-search-input .form-fields-inputs>.form-fields-separator:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 1px;
    background-color: #111
}

.complaint-form .recalls-search-input .form-fields-inputs>.form-fields-separator:before {
    left: -40px
}

.complaint-form .recalls-search-input .form-fields-inputs>.form-fields-separator:after {
    right: -40px
}

@media (min-width: 605px) {
    .complaint-form .recalls-search-input .form-fields-inputs>.form-fields-separator {
        width: auto;
        height: 50px;
        line-height: 50px
    }

    .complaint-form .recalls-search-input .form-fields-inputs>.form-fields-separator:before,
    .complaint-form .recalls-search-input .form-fields-inputs>.form-fields-separator:after {
        top: auto;
        right: auto;
        left: 50%;
        transform: translate(-50%, -50%) rotate(90deg);
        width: 10px
    }

    .complaint-form .recalls-search-input .form-fields-inputs>.form-fields-separator:before {
        top: 8px
    }

    .complaint-form .recalls-search-input .form-fields-inputs>.form-fields-separator:after {
        bottom: 8px
    }
}

.complaint-form .recalls-search-input .form-fields-submit {
    margin-top: 3rem !important
}

@media (min-width: 605px) {
    .complaint-form .recalls-search-input .form-fields-submit {
        margin-top: 0 !important
    }
}

.complaint-form .recalls-search-input .input-group-btn>button.btn {
    background-color: #0075b7;
    color: #fff;
    font-size: inherit;
    white-space: normal;
    padding: 14px
}

.complaint-form .recalls-search-input .disclamier {
    display: block !important
}

.complaint-form-simple-suggest .nhtsa-simple-search.with-border,
.complaint-form-simple-suggest .input-wrapper,
.complaint-form-simple-suggest.focus .nhtsa-simple-search.with-border,
.complaint-form-simple-suggest.focus .input-wrapper {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: .25rem .75rem;
    border-radius: 0
}

.complaint-form-simple-suggest .nhtsa-simple-search.with-border input[type=text],
.complaint-form-simple-suggest .input-wrapper input[type=text],
.complaint-form-simple-suggest.focus .nhtsa-simple-search.with-border input[type=text],
.complaint-form-simple-suggest.focus .input-wrapper input[type=text] {
    color: #bbb;
    font-weight: 300;
    text-align: left
}

.complaint-form-simple-suggest .suggestions .suggest-item .other,
.complaint-form-simple-suggest.focus .suggestions .suggest-item .other {
    color: #0075b7
}

.complaint-form-simple-suggest .suggestions .suggest-item.selected,
.complaint-form-simple-suggest .suggestions .suggest-item.selected *,
.complaint-form-simple-suggest.focus .suggestions .suggest-item.selected,
.complaint-form-simple-suggest.focus .suggestions .suggest-item.selected * {
    background-color: #0075b7;
    color: #fff !important
}

.complaint-form-simple-suggest .suggestions .suggest-item.selected small,
.complaint-form-simple-suggest .suggestions .suggest-item.selected * small,
.complaint-form-simple-suggest.focus .suggestions .suggest-item.selected small,
.complaint-form-simple-suggest.focus .suggestions .suggest-item.selected * small {
    color: #fff !important
}

.complaint-form-simple-suggest .suggestions .suggest-item.hover,
.complaint-form-simple-suggest .suggestions .suggest-item.hover *,
.complaint-form-simple-suggest.focus .suggestions .suggest-item.hover,
.complaint-form-simple-suggest.focus .suggestions .suggest-item.hover * {
    background-color: #0082cb !important;
    color: #fff !important
}

.complaint-form-simple-suggest .suggestions .suggest-item.hover small,
.complaint-form-simple-suggest .suggestions .suggest-item.hover * small,
.complaint-form-simple-suggest.focus .suggestions .suggest-item.hover small,
.complaint-form-simple-suggest.focus .suggestions .suggest-item.hover * small {
    color: #fff !important
}

.complaint-form-simple-suggest .suggestions .suggest-item,
.complaint-form-simple-suggest.focus .suggestions .suggest-item {
    color: #636363
}

.complaint-form-simple-suggest .suggestions .suggest-item small,
.complaint-form-simple-suggest.focus .suggestions .suggest-item small {
    display: block;
    text-transform: uppercase;
    color: #777;
    line-height: 1;
    position: relative;
    margin-top: -.15rem
}

.complaint-form-simple-suggest.disabled {
    background-color: #ddd
}

.complaint-form-simple-suggest.disabled>*,
.complaint-form-simple-suggest.disabled>* input[type=text],
.complaint-form-simple-suggest.disabled>.nhtsa-simple-search.with-border,
.complaint-form-simple-suggest.disabled>.nhtsa-simple-search.with-border input[type=text] {
    color: #999;
    background-color: #ddd;
    font-weight: 400;
    pointer-events: none
}

.complaint-form--form-select-wrapper {
    padding: 60px 60px 80px;
    margin-bottom: 64px
}

@media (max-width: 991px) {
    .complaint-form--form-select-wrapper {
        padding: 30px 10px
    }
}

.complaint-form--form-select-wrapper h2 {
    margin-top: 0;
    margin-bottom: 64px
}

.complaint-form--form-select-wrapper a {
    background: #fff;
    border: solid 1px lightgray;
    padding: 20px;
    max-width: 620px;
    color: #000;
    margin-top: 8px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.complaint-form--form-select-wrapper a small,
.complaint-form--form-select-wrapper a [class^=icon-],
.complaint-form--form-select-wrapper a [class*=" icon-"] {
    font-weight: 400;
    color: #636363
}

.complaint-form--form-select-wrapper a span:first-child {
    display: flex;
    align-items: center
}

.complaint-form--form-select-wrapper a span:first-child img {
    width: 55px;
    height: 55px;
    margin-right: 40px;
    object-fit: contain
}

.complaint-form--start-button {
    padding-left: 32px;
    padding-right: 32px;
    margin-top: 32px;
    margin-bottom: 64px
}

.complaint-form--form-section {
    background-color: #fff;
    border: solid 1px rgb(221, 221, 221)
}

.complaint-form--form-section:nth-child(1) {
    box-shadow: 0 1px 3px #0000001a, 0 4px 3px #00000005;
    position: relative;
    z-index: 1
}

.complaint-form--form-section:nth-child(3),
.complaint-form--form-section:nth-child(2) {
    margin-top: -1px
}

.complaint-form--form-section:nth-child(n+3) {
    margin-bottom: 8px
}

.complaint-form--form-section-error {
    border-color: #bf1e2d;
    position: relative;
    z-index: 9
}

.complaint-form--form-progress {
    position: relative;
    background-color: #ddd;
    height: 6px;
    border-radius: 5px;
    overflow: hidden
}

.complaint-form--form-progress span {
    position: absolute;
    display: block;
    background-color: #0075b7;
    width: 0;
    height: 100%
}

.complaint-form--form-progress-link {
    padding-bottom: 1rem
}

.complaint-form--form-progress-link a {
    color: #036297
}

.complaint-form--form-progress-link a:hover {
    text-decoration: underline !important
}

.complaint-form--component-list label {
    font-weight: 400;
    text-transform: capitalize
}

.complaint-form--component-list input {
    margin-right: .75rem
}

.complaint-form--component-list--label input {
    display: inline-block;
    text-indent: -28px;
    padding-left: 30px;
    margin-bottom: 5px
}

.complaint-form--personal-information-form,
.complaint-form--additional-information-form {
    margin-top: 5rem;
    margin-bottom: 5rem;
    max-width: 525px
}

.complaint-form--personal-information-form label,
.complaint-form--additional-information-form label {
    display: block;
    font-weight: 400
}

.complaint-form--personal-information-form input[type=text],
.complaint-form--personal-information-form input[type=email],
.complaint-form--personal-information-form select,
.complaint-form--additional-information-form input[type=text],
.complaint-form--additional-information-form input[type=email],
.complaint-form--additional-information-form select {
    width: 100%;
    margin-bottom: 3rem;
    padding: 1rem;
    background-color: #f6f6f6;
    border: 1px solid rgb(119, 119, 119)
}

.complaint-form--bottom-nav {
    padding-top: 32px;
    text-align: center
}

.complaint-form--bottom-nav>div {
    display: inline-block !important
}

.complaint-form--bottom-nav .background-color-1-light {
    margin-right: 8px
}

.complaint-form--bottom-nav .background-color-1-light:hover {
    background-color: #ffcc06 !important
}

.complaint-form--bottom-nav .btn:hover {
    text-decoration: underline !important
}

.complaint-form--edit-link {
    color: #bf1e2d
}

.complaint-form--edit-link:hover {
    text-decoration: underline !important
}

*+.complaint-form--edit-link {
    margin-left: 8px
}

.complaint-form--review-submit--rows .row {
    margin-bottom: 1.5rem
}

@media (min-width: 991px) {
    .complaint-form--review-submit--rows .row>* {
        flex: 1
    }

    .complaint-form--review-submit--rows .row>.col-sm-6:only-child {
        flex: unset;
        width: 50%
    }
}

.complaint-form--review-submit--rows .row>div:first-child {
    color: #636363
}

.complaint-form--review-submit--section {
    padding-bottom: 2rem
}

.complaint-form--review-submit--section hr {
    margin: 1.5rem 0 3rem
}

.complaint-form--review--what-happened {
    border: 1px solid rgb(221, 221, 221);
    color: #636363;
    padding: 1.5rem;
    margin: 5rem 0
}

.complaint-form--review-vin {
    font-size: 26px;
    color: #222;
    line-height: 1
}

.complaint-form--review-mmy {
    color: #636363;
    font-weight: 500
}

.complaint-form-submit-page .well {
    border: 1px solid rgb(221, 221, 221);
    padding: 2em
}

@media (min-width: 991px) {
    .complaint-form-submit-page .well>.row {
        display: flex
    }
}

.complaint-form-what-happens-now-row {
    display: flex;
    align-items: stretch;
    justify-content: center;
    text-align: center
}

.complaint-form-what-happens-now-row h1 {
    margin-bottom: 4rem
}

@media (max-width: 991px) {
    .complaint-form-what-happens-now-row>* {
        margin-bottom: 20px
    }
}

.complaint-form-what-happens-now-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: start;
    align-items: center;
    padding: 3rem 2rem
}

.complaint-form-what-happens-now-item>span {
    margin-bottom: 2rem;
    background: #0075b7;
    color: #fff;
    overflow: hidden;
    border-radius: 9999px;
    width: 3.35rem;
    height: 3.35rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.complaint-form-what-happens-now-item--full-width {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4rem 0 6rem
}

.complaint-form-what-happens-now-item--full-width p {
    max-width: 700px
}

.complaint-form-tire-information .col-sm-3 {
    text-align: right;
    margin-bottom: 2rem
}

.complaint-form-tire-information .col-sm-3 label {
    font-weight: 700
}

.complaint-form-tire-information .col-sm-3 small {
    font-weight: 400;
    margin-top: -.25rem;
    position: relative;
    display: inline-block
}

.complaint-form-tire-information .form-group .form-control {
    display: inline-block;
    width: auto;
    margin-right: .5rem
}

@media (max-width: 767px) {
    .complaint-form select.form-control {
        margin-top: 0;
        margin-bottom: 15px
    }

    .complaint-form .date-picker {
        margin-bottom: 15px
    }

    .complaint-form .complaint-form--padding {
        padding: 32px
    }
}

@media screen {
    .complaint-form-print-modal {
        display: none
    }
}

@media print {

    .complaint-form-printable-page [id=site-wrapper],
    .complaint-form--edit-link {
        display: none
    }

    .complaint-form-print-modal {
        position: static
    }
}

.complaint-form-error {
    display: flex;
    align-items: center;
    margin-top: 1rem
}

.complaint-form--form-section-progress .complaint-form-error {
    justify-content: center;
    text-align: center;
    margin-top: 0;
    padding: 3rem;
    background: #fae2e4
}

.complaint-form-error .complaint-form-error-icon {
    background-color: #bf1e2d;
    color: #fff;
    overflow: hidden;
    border-radius: 9999px;
    width: 1.4rem;
    height: 1.4rem;
    padding: 0;
    margin: 0;
    text-align: center;
    line-height: 1.25;
    font-weight: 700;
    margin-right: 1rem
}

.complaint-form-error .complaint-form-error-text {
    color: #bf1e2d
}

.complaint-form-input-error {
    position: relative;
    margin-bottom: 3rem
}

.complaint-form-input-error input {
    border-color: #bf1e2d !important;
    margin-bottom: 0 !important
}

.complaint-form-input-error .complaint-form-input-error-message {
    display: block
}

.complaint-form-input-error:after {
    content: "!";
    background: #bf1e2d;
    color: #fff;
    width: 3rem;
    height: 3rem;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999px;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%)
}

.complaint-form-input-error-message {
    color: #bf1e2d;
    font-size: 75%;
    position: absolute;
    display: none
}

.complaint-form--active-recalls>p:first-child {
    margin: 2rem 0;
    max-width: 630px
}

.complaint-form--active-recalls>hr {
    margin: 2.5rem 0
}

.complaint-form--recall-section--vehicle-card>div {
    border: 1px solid rgb(221, 221, 221)
}

@media (max-width: 1199px) {
    .complaint-form-submit-page--buttons {
        margin-top: 20px
    }

    .complaint-form-submit-page--buttons>* {
        margin-bottom: 10px
    }
}

.police-report-needed-msg {
    font-weight: 700
}

.file-type-selector {
    margin-top: 20px
}

.file-type-selector-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 10px
}

.file-type-selector-control {
    display: flex;
    gap: 1em;
    background-color: #f6f6f6;
    padding: 2em;
    overflow: hidden
}

.file-type-selector-control .file-type-selector-control-image-holder {
    height: 100px;
    width: 100px;
    background: #f7f7f7
}

.file-type-selector-control .file-type-selector-control-image-holder img {
    height: 100%;
    width: 100%;
    object-fit: contain
}

@media screen and (max-width: 1199px) {
    .file-type-selector-control {
        flex-direction: column
    }
}

.file-type-selector-control label {
    text-overflow: ellipsis;
    overflow: hidden
}

.file-type-selector-control>div {
    display: flex;
    gap: 5px;
    flex-direction: column
}

.tool-tip {
    background-color: #0075b7;
    color: #fff;
    position: relative;
    display: inline-block;
    border-radius: 9999px;
    border-color: transparent;
    overflow: hidden;
    font-size: .75rem;
    padding: 0;
    height: 15px;
    width: 15px;
    line-height: 0;
    text-align: center
}

.tool-tip:after {
    content: "?";
    position: relative
}

.tippy-tooltip {
    text-indent: 0px
}

.uppy-StatusBar-actionBtn--done {
    display: none !important
}

.child-seat-finder-input section {
    color: #fff;
    background-color: #0075b7;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 10px 0 0
}

@media (min-width: 992px) {
    .child-seat-finder-input section {
        margin: 10px
    }
}

.child-seat-finder-input section header {
    font-size: 42px;
    font-weight: 200;
    text-align: center;
    line-height: 1.25
}

.child-seat-finder-input section>div {
    text-align: center;
    margin-top: 20px;
    display: flex;
    gap: 4px;
    justify-content: center;
    flex-wrap: wrap
}

.child-seat-finder-input input:not([type=submit]) {
    border: none;
    padding: 10px;
    color: #000;
    text-align: right
}

.child-seat-finder-input input[type=submit] {
    display: block;
    margin: 20px auto;
    width: 32%;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .child-seat-finder-input input[type=submit] {
        width: 100%
    }
}

.child-seat-finder-input .child-seat-finder-input--section-status {
    height: 1em;
    font-weight: 300;
    margin-top: 10px;
    flex-basis: 100%
}

@media (min-width: 992px) {
    .child-seat-finder-input>div:first-child {
        display: flex;
        width: 100%;
        flex-wrap: nowrap
    }

    .child-seat-finder-input>div:first-child input[type=submit] {
        margin: 40px auto
    }

    .child-seat-finder-input>div:first-child section {
        width: 33.333333333%
    }
}

.child-seat-finder-input--input-wrapper {
    display: inline-block;
    width: 31.75%;
    text-align: center
}

.child-seat-finder-input--input-wrapper label {
    font-size: 12px;
    font-weight: 400
}

.child-seat-finder-input--input-wrapper input {
    display: inline-block;
    width: 100%
}

.dropdown--carsearch .car-search--input-wrapper {
    display: inline-block;
    position: relative;
    width: 100%
}

.dropdown--carsearch .car-search--input-wrapper-close {
    display: none;
    position: absolute;
    color: #111;
    font-size: 26px;
    font-weight: 700;
    right: 10px;
    line-height: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px
}

.dropdown--carsearch input {
    font-weight: 400;
    display: inline-block;
    width: 100%;
    border: none;
    color: #111;
    padding-left: 10px;
    padding-right: 10px
}

.dropdown--carsearch input::-moz-placeholder {
    -webkit-font-smoothing: antialiased;
    color: #bbb;
    opacity: 1
}

.dropdown--carsearch input:-ms-input-placeholder {
    -webkit-font-smoothing: antialiased;
    color: #bbb
}

.dropdown--carsearch input::-webkit-input-placeholder {
    -webkit-font-smoothing: antialiased;
    color: #bbb
}

.dropdown--carsearch input,
.dropdown--carsearch .btn {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 16px;
    border-width: 0
}

.dropdown--carsearch .btn {
    font-weight: 900
}

.dropdown--carsearch li>a.car-search--list-item,
.dropdown--carsearch li>span.car-search--list-item {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    color: #8b8b8b;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden
}

.dropdown--carsearch .dropdown.open .dropdown-menu {
    top: 36px
}

.dropdown--carsearch .dropdown-menu {
    width: 100%;
    border: none
}

.compare-search--open .modal {
    height: 100vh;
    overflow: hidden
}

.dropdown.dropdown-fullscreen {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    background-color: #eee;
    z-index: 9001
}

.dropdown.dropdown-fullscreen .input-group {
    width: 105%
}

.dropdown.dropdown-fullscreen .input-group input {
    padding-left: 10px
}

.dropdown.dropdown-fullscreen .car-search--input-wrapper-close {
    display: block;
    background-color: #fff;
    padding: 15px;
    position: absolute;
    z-index: 9001;
    top: 20px
}

.dropdown.dropdown-fullscreen .car-search--input-wrapper-close:hover {
    cursor: pointer
}

.dropdown.dropdown-fullscreen ul.dropdown-menu {
    position: absolute;
    background: #fff;
    display: block;
    top: 36px
}

.dropdown.dropdown-fullscreen ul.dropdown-menu a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px
}

.dropdown.dropdown-fullscreen button.btn {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px
}

@media (max-width: 767px) {
    .paragraphs-item-embedded-tweets .twitter-tweet.twitter-tweet-rendered {
        width: auto !important
    }
}

.paragraphs-item-embedded-tweets>.content {
    display: flex;
    padding: 40px 0;
    flex-wrap: wrap
}

.paragraphs-item-embedded-tweets>.content h2 {
    width: 100%;
    margin-bottom: 40px;
    margin-top: 0
}

.paragraphs-item-embedded-tweets>.content .twitter-tweet {
    flex: 1;
    margin: 0 10px
}

@media (max-width: 754px) {
    .paragraphs-item-embedded-tweets>.content {
        align-items: center;
        flex-direction: column
    }

    .paragraphs-item-embedded-tweets>.content>.twitter-tweet {
        flex: 0 0 auto
    }
}

.ewr--reporting {
    background: #f6f6f6;
    font-size: 14px;
    padding-top: 80px
}

.ewr--reporting .tag-h1 {
    display: block;
    border-bottom: 1px solid rgb(221, 221, 221);
    font-weight: 700;
    padding-bottom: 5px;
    margin-bottom: 34px
}

.ewr--reporting .col-sm-7 p {
    margin-bottom: 22px
}

.ewr--reporting .col-sm-7 ol {
    margin-bottom: 0;
    padding-left: 53px
}

.ewr--reporting .col-sm-7 ol li {
    margin-top: 1px
}

.ewr--reporting .container-fluid {
    max-width: 1004px !important;
    margin: 14px auto 82px
}

@media (max-width: 767px) {
    .ewr--reporting {
        padding-top: 40px
    }
}

.ewr--right-links {
    font-size: 16px;
    font-weight: 700;
    text-align: right
}

.ewr--right-links a {
    display: block;
    margin-bottom: 13px
}

@media (max-width: 767px) {
    .ewr--right-links {
        text-align: left
    }
}

.ewr--searchbar {
    background: #fff;
    padding: 30px 62px 38px;
    margin: 29px 0 38px
}

.ewr--searchbar .dropdowns-wrapper {
    display: flex
}

.ewr--searchbar .dropdown {
    width: 33.3333333333%
}

.ewr--searchbar .dropdown label {
    font-weight: 400;
    margin-bottom: 0;
    margin-right: 5px
}

.ewr--searchbar .dropdown select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background: url(/themes/custom/nhtsa_2024/../images/caret-down.png) no-repeat;
    background-position: 100% 50%;
    border: 0;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    font-weight: 900;
    max-width: 154px;
    padding-right: 15px;
    width: 100%
}

.ewr--searchbar .dropdown select option {
    text-overflow: ellipsis
}

.ewr--searchbar .dropdown.disabled {
    opacity: .5
}

.ewr--searchbar .ewr--searchbar-title {
    margin-bottom: 20px
}

@media (min-width: 480px) and (max-width: 989px) {

    .ewr--searchbar .dropdown label,
    .ewr--searchbar .dropdown select {
        display: block
    }
}

@media (max-width: 767px) {
    .ewr--searchbar {
        padding: 15px 30px;
        margin: 20px 0
    }

    .ewr--searchbar .dropdowns-wrapper {
        display: inherit;
        justify-content: unset
    }

    .ewr--searchbar .dropdown {
        font-size: 16px;
        margin-bottom: 20px;
        width: 100%
    }

    .ewr--searchbar .dropdown label {
        display: block;
        margin-bottom: 10px;
        margin-right: 0
    }

    .ewr--searchbar .dropdown select {
        max-width: 100%;
        padding-left: 0
    }
}

.ewr--reports-summary-details .tag-h3 {
    display: block;
    border-bottom: 1px solid rgb(221, 221, 221);
    padding-bottom: 6px;
    margin-bottom: 30px
}

.ewr--reports-summary-details .search-specs p {
    margin-bottom: 15px
}

.ewr--reports-summary-details .ewr--report-summary-listing {
    margin: 20px 0
}

.ewr--reports-summary-details .ewr--report-summary-listing span {
    color: #0075b7;
    display: block;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer
}

.ewr--reports-view-details .tag-h3 {
    display: block;
    font-size: 20px;
    margin-bottom: 9px
}

.ewr--reports-view-details p {
    font-weight: 500
}

.ewr--report-view-search-specs {
    margin-bottom: 59px;
    margin-top: 25px;
    background: #fff;
    font-size: 14px;
    padding: 22px 32px 25px
}

.ewr--report-view-search-specs p {
    margin-bottom: 7px
}

.ewr--report-view-search-specs p span {
    display: inline-block;
    font-weight: 700
}

@media (max-width: 767.98px) {
    .ewr--reports-view-details {
        flex-direction: column-reverse
    }
}

.ewr--reports-view-details p>a {
    text-decoration: underline
}

.ewr--report-view-results-table .table-heading {
    border-bottom: 5px solid rgb(255, 204, 6);
    font-size: 16px;
    margin: 6px 0 0
}

.ewr--report-view-results-table .table-heading>p {
    margin-bottom: 14px
}

.ewr--report-view-results-table .results-table .results-row {
    border-bottom: 1px solid #ccc;
    color: #636363;
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    margin-bottom: 15px;
    padding-bottom: 14px
}

.ewr--report-view-results-table .results-table .results-row>div {
    flex: 1
}

.ewr--report-view-results-table .results-table .results-row>div p {
    margin-bottom: 6px
}

.ewr--report-view-results-table .results-table .results-row>div span {
    display: inline-block;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase
}

.ewr--report-view-results-table .results-table .reported-components>span {
    text-align: center;
    width: 100%
}

.ewr--report-view-results-table .results-table .reported-components.rc-injuries ol {
    list-style-type: upper-alpha;
    margin: 5px auto 0;
    padding-left: 20px;
    width: max-content
}

.ewr--report-view-results-table .results-table .reported-components.rc-injuries ol li {
    margin-bottom: 5px;
    text-transform: uppercase
}

.ewr--report-view-results-table .results-table .reported-components.rc-damages {
    background: #fff;
    padding: 15px 60px 0
}

.ewr--report-view-results-table .results-table .reported-components.rc-damages .rc-table {
    text-transform: uppercase
}

.ewr--report-view-results-table .results-table .reported-components.rc-damages .rc-table tbody {
    border: 0
}

.ewr--report-view-results-table .results-table .reported-components.rc-damages .rc-table th:first-of-type,
.ewr--report-view-results-table .results-table .reported-components.rc-damages .rc-table td:first-of-type {
    padding-right: 20px
}

.ewr--report-view-results-table .results-table .reported-components.rc-damages .rc-table th,
.ewr--report-view-results-table .results-table .reported-components.rc-damages .rc-table td {
    border: 0;
    padding-bottom: 6px
}

.ewr--report-view-results-table .results-table .reported-components.rc-damages .rc-table td:first-of-type {
    text-align: right
}

.ewr--report-view-results-table .results-table.damages-table .results-row {
    justify-content: unset
}

.ewr--report-view-results-table .results-table.damages-table .results-row>div {
    flex: initial
}

.ewr--report-view-results-table .results-table.damages-table .results-row>div:first-of-type {
    margin-right: 140px;
    width: 30%
}

.ewr--report-view-results-table .results-table.damages-table .results-row>div.rc-damages {
    width: 50%
}

@media (max-width: 767px) {
    .ewr--report-view-results-table .results-table.damages-table .results-row>div:first-of-type {
        margin-right: 0;
        width: 100%
    }
}

@media (max-width: 767px) {
    .ewr--report-view-results-table .results-table .results-row {
        flex-direction: column
    }

    .ewr--report-view-results-table .results-table .results-row>div {
        flex: 0 0 auto
    }

    .ewr--report-view-results-table .results-table .reported-components span {
        text-align: left
    }

    .ewr--report-view-results-table .results-table .reported-components ul {
        margin-top: 5px;
        padding-left: 40px
    }

    .ewr--report-view-results-table .results-table .reported-components.rc-injuries ul {
        padding-left: 40px;
        margin-left: 0;
        margin-right: 0
    }

    .ewr--report-view-results-table .results-table .reported-components.rc-damages {
        padding: 15px 30px;
        width: 100% !important
    }
}

.fancylist ol {
    list-style-type: none;
    margin-left: 25px !important;
    padding: 0
}

.fancylist li {
    padding: 10px 0;
    text-indent: -2.1em;
    margin-left: 25px
}

.fancylist li:before {
    content: attr(data-number);
    position: relative;
    display: inline-block;
    color: #000;
    left: 17px;
    font-size: inherit;
    font-weight: 700;
    font-family: Roboto Slab;
    padding-right: 30px
}

.faq-accordion-wrapper {
    padding: 0 !important;
    overflow: hidden;
    margin-bottom: 40px
}

.faq-accordion-wrapper .article--copy {
    padding: 0
}

@media screen and (max-width: 992px) {
    .faq-accordion-wrapper .accordion {
        margin-left: calc(var(--bs-gutter-x) * -.5);
        margin-right: calc(var(--bs-gutter-x) * -.5)
    }
}

.faq-accordion-wrapper p {
    line-height: 1.8
}

.accordion--wrapper:not(.has-side-rail) .accordion {
    margin-top: 20px
}

.accordion--wrapper {
    border-bottom-width: 0;
    box-shadow: none
}

.accordion--wrapper .accordion-item {
    padding: 0;
    border-right: none;
    border-left: none
}

.accordion--wrapper .accordion-header {
    background-color: #f5f5f5;
    margin: 0
}

@media (max-width: 767px) {
    .accordion--wrapper .accordion-header button {
        padding-left: 30px
    }
}

@media (max-width: 767px) {
    .accordion--wrapper .accordion-header {
        font-size: 16px
    }
}

.accordion--wrapper .accordion-button {
    color: #0075b7;
    font-size: 20px;
    font-weight: 900;
    padding: 30px 20px;
    position: relative;
    display: block;
    width: 100%;
    transition: background .5s ease-out;
    text-indent: 1.5em;
    text-indent: 0;
    box-shadow: none
}

@media (min-width: 768px) {
    .accordion--wrapper .accordion-button {
        padding-left: 80px;
        padding-right: 80px
    }
}

.accordion--wrapper .accordion-button.collapsed {
    background: inherit
}

.accordion--wrapper .accordion-button:not(.collapsed) {
    background: #fff
}

.accordion--wrapper .accordion-button:hover,
.accordion--wrapper .accordion-button:active,
.accordion--wrapper .accordion-button:focus {
    text-decoration: none;
    box-shadow: none;
    z-index: 1
}

.accordion--wrapper .accordion-button:focus {
    outline: 2px solid rgb(0, 117, 183);
    outline-offset: 2px
}

.accordion--wrapper .accordion-button:before {
    display: none
}

@media (min-width: 768px) {
    .accordion--wrapper .accordion-button:before {
        content: attr(data-number);
        position: absolute;
        display: inline-block;
        color: #000;
        left: 40px;
        top: 30px;
        font-size: inherit;
        font-weight: 700;
        font-family: Roboto Slab
    }
}

@media (max-width: 767px) {
    .accordion--wrapper .accordion-button {
        padding-right: 25%;
        font-size: 19px
    }

    .accordion--wrapper .accordion-button .faq-Icon {
        top: 45px
    }
}

.accordion--wrapper .accordion-header-caption {
    text-indent: 0;
    display: block;
    font-size: 12px;
    color: #222;
    font-weight: 400;
    font-family: Roboto Slab, serif;
    margin-top: 5px
}

@media (min-width: 768px) {
    .accordion--wrapper .accordion-header-caption {
        font-size: 16px
    }
}

.accordion--wrapper .accordion-body {
    border-top: none !important;
    padding-top: 0
}

@media (min-width: 768px) {
    .accordion--wrapper .accordion-body {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (max-width: 767px) {
    .accordion--wrapper .accordion-body {
        padding-left: 30px;
        padding-right: 30px
    }
}

.accordion--wrapper .accordion--heading-caption {
    padding: 0 20px
}

.accordion--heading {
    font-size: 28px;
    font-weight: 900;
    color: #000
}

.accordion--heading-caption {
    color: #000;
    font-family: Roboto Slab, serif
}

@media (min-width: 992px) {
    .media-accordion {
        padding-left: 10px;
        padding-right: 10px
    }
}

.media-accordion>div {
    max-width: 1004px;
    margin: 0 auto
}

.media-accordion .accordion-item {
    background-color: transparent
}

.media-accordion .accordion-button {
    padding-left: 10px;
    padding-right: 80px
}

.media-accordion .accordion-button.collapsed {
    background: transparent
}

.media-accordion .accordion-button:not(.collapsed) {
    background: transparent
}

.media-accordion .accordion--wrapper .visual-content {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .2s
}

@media (min-width: 992px) {
    .media-accordion .accordion--wrapper .visual-content {
        display: none
    }
}

.media-accordion .accordion--wrapper .visual-content.in-view {
    opacity: 1
}

.media-accordion .accordion--wrapper .visual-content.rotate video,
.media-accordion .accordion--wrapper .visual-content.rotate img {
    transition: all .2s;
    transform: rotate(90deg)
}

.media-accordion .accordion--wrapper .accordion-item video,
.media-accordion .accordion--wrapper .accordion-item img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    flex-basis: 100%
}

.media-accordion .accordion-body {
    padding-left: 10px;
    padding-right: 10px
}

.media-accordion .desktop-media-holder {
    margin-top: 20px;
    margin-bottom: 20px
}

.media-accordion .desktop-media-holder>* {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    transition: all .2s
}

.media-accordion p {
    white-space: normal
}

.media-accordion .element-invisible {
    display: none !important
}

.accordion--wrapper.has-side-rail {
    margin-top: 20px;
    align-items: flex-start
}

@media (max-width: 500px) {
    .accordion--wrapper.has-side-rail .faq-Icon {
        right: 15px
    }
}

.accordion--wrapper.has-side-rail .accordion {
    position: relative;
    overflow: visible
}

.accordion--wrapper.has-side-rail .accordion:before {
    content: "";
    position: absolute;
    top: 0;
    background: linear-gradient(to bottom, transparent 20%, rgb(250, 223, 115) 50%, rgb(255, 204, 6));
    height: 100%;
    width: 75px;
    left: 0
}

.accordion--wrapper.has-side-rail .accordion-item {
    width: calc(100% - 75px);
    margin-left: auto
}

.accordion--wrapper.has-side-rail .accordion-header {
    background: transparent;
    position: relative
}

.accordion--wrapper.has-side-rail .accordion-side-rail--wrapper {
    position: absolute;
    top: 10px;
    left: -75px;
    display: inline-flex;
    width: 75px;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.accordion--wrapper.has-side-rail .accordion-side-rail--wrapper>* {
    transform: scale(.7);
    transition: all .2s ease-out
}

.accordion--wrapper.has-side-rail .accordion-side-rail--title {
    display: block;
    font-family: Roboto Slab, serif;
    padding-bottom: 5px
}

.accordion--wrapper.has-side-rail .accordion-side-rail--value {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgb(0, 117, 183);
    border-radius: 50%;
    height: 40px;
    width: 40px
}

.accordion--wrapper.has-side-rail [aria-expanded=true] .accordion-side-rail--wrapper>* {
    transform: scale(.85)
}

@media (min-width: 992px) {
    .accordion--wrapper.has-side-rail [aria-expanded=true] .accordion-side-rail--wrapper>* {
        transform: scale(.95)
    }
}

.accordion--wrapper.has-side-rail [aria-expanded=false] .accordion-side-rail--value {
    margin-top: -10px
}

.accordion--wrapper.has-side-rail [aria-expanded=true] .accordion-side-rail--value {
    margin-top: 0;
    background: #0075b7;
    color: #fff
}

.node-type-basic-page .accordion--heading,
.node-type-topic-page .accordion--heading,
.node-type-campaign-page .accordion--heading {
    padding-left: 20px;
    padding-right: 20px
}

.foreign-campaign-search.topic--nested-content {
    max-width: 1004px;
    padding: 10px
}

.foreign-campaign-search .form-control {
    margin-top: 10px
}

.foreign-campaign-search-item {
    margin: 20px 0 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(204, 204, 204)
}

.foreign-campaign-search-item span.date {
    font-size: .875rem
}

.foreign-campaign-search-item span.manufacturer {
    color: #6a6a6a !important;
    font-size: .75rem
}

.foreign-campaign-search--associated-documents {
    margin-top: 40px
}

.foreign-campaign-search--associated-documents button {
    background: transparent !important
}

.foreign-campaign-search--associated-documents .associated-documents {
    margin-top: 30px
}

.foreign-campaign-search--associated-documents ul {
    list-style-type: none;
    padding: 0
}

@media (max-width: 767.98px) {
    .foreign-campaign-search .manufacturer-select-dropdown {
        margin-top: 10px
    }
}

.highway-safety {
    overflow: hidden
}

.highway-safety>.container-fluid {
    max-width: 1004px;
    margin: 0 auto;
    background: inherit
}

.highway-safety--heading {
    color: #ffcc06;
    font-size: 2.25rem;
    font-weight: 900;
    margin-top: 0
}

@media (max-width: 767.98px) {
    .highway-safety--heading {
        font-size: 1.625rem
    }
}

.highway-safety--heading-2 {
    font-size: 1.75rem;
    font-weight: 900;
    line-height: 1.2;
    margin-top: 0
}

@media (max-width: 767.98px) {
    .highway-safety--heading-2 {
        text-align: center;
        margin-bottom: 25px
    }
}

.highway-safety--large-text {
    font-size: 1.5rem;
    font-family: Roboto Slab, serif;
    font-weight: 300
}

@media (max-width: 767.98px) {
    .highway-safety--large-text {
        font-size: 1rem;
        line-height: 1.5
    }
}

.highway-safety--left {
    color: #fff;
    position: relative;
    background-color: #000
}

.highway-safety--left>* {
    position: relative;
    z-index: 1
}

.highway-safety--left:after {
    content: "";
    position: absolute;
    background-color: #000;
    z-index: 0
}

@media (max-width: 767.98px) {
    .highway-safety--left {
        background-color: #000;
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: center
    }
}

.highway-safety--right {
    color: #222;
    position: relative
}

.highway-safety--right>* {
    position: relative;
    z-index: 1
}

.highway-safety--right:after {
    content: "";
    position: absolute;
    background-color: #ffce00;
    z-index: 0
}

@media (max-width: 767.98px) {
    .highway-safety--right {
        padding-top: 40px;
        padding-bottom: 40px;
        background-color: #ffce00
    }
}

.highway-safety--stat {
    margin-bottom: 15px
}

.highway-safety--stat:last-child {
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .highway-safety--stat {
        display: flex;
        align-items: center
    }
}

.highway-safety--stat-value {
    display: block;
    color: #fff;
    font-size: 3.75rem;
    font-weight: 300;
    line-height: 1.2
}

@media (max-width: 767.98px) {
    .highway-safety--stat-value {
        line-height: 1;
        text-align: right;
        flex: .75;
        font-size: 2.625rem;
        padding-right: 5px;
        font-weight: 400
    }
}

.highway-safety--stat-label {
    display: block;
    font-size: .75rem;
    font-weight: 900;
    line-height: 1;
    flex: 1;
    text-transform: uppercase;
    color: #222
}

.highway-safety--stat-label:hover {
    color: #222;
    text-decoration: none
}

.highway-safety--stat-label.link-arrow:after {
    vertical-align: baseline
}

@media (max-width: 767.98px) {
    .highway-safety--stat-label {
        display: inline-block;
        font-size: .75rem;
        flex: 1;
        padding-left: 5px;
        position: relative;
        padding-top: .3em;
        -webkit-font-smoothing: antialiased;
        line-height: 1
    }

    .highway-safety--stat-label.link-arrow:after {
        display: none
    }
}

.highway-safety--grant-heading {
    color: #a2a2a2;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased
}

@media (max-width: 767.98px) {
    .highway-safety--grant-heading {
        font-size: 1rem
    }
}

.highway-safety--grant-link {
    color: #f7f8f9;
    font-size: .75rem;
    font-weight: 900;
    line-height: 1.9;
    text-transform: uppercase;
    display: block;
    -webkit-font-smoothing: antialiased
}

.highway-safety--grant-link:hover {
    color: #f7f8f9;
    text-decoration: none
}

.highway-safety--grant-link.link-arrow:after {
    vertical-align: baseline
}

@media (max-width: 767.98px) {
    .highway-safety--grant-link {
        font-size: 1rem
    }

    .highway-safety--grant-link.link-arrow:after {
        display: none
    }
}

@media (min-width: 768px) {
    .highway-safety>.container-fluid>.row {
        display: flex
    }

    .highway-safety--left,
    .highway-safety--right {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .highway-safety--left {
        padding-right: 6%
    }

    .highway-safety--left:after {
        height: 100%;
        width: 350%;
        right: -20px;
        top: 0
    }
}

@media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
    .highway-safety--left {
        padding-right: 9%
    }
}

@media (min-width: 768px) {
    .highway-safety--right:after {
        height: 100%;
        width: 1150%;
        left: -65px;
        top: 0
    }

    .highway-safety--stat-label {
        max-width: 170px
    }
}

.highway-safety.topic-page-view {
    min-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: -10px
}

@media (max-width: 1004px) {
    .highway-safety.topic-page-view {
        overflow: hidden
    }
}

@media (min-width: 768px) {
    .highway-safety.topic-page-view>.container-fluid {
        padding: 0 1.25rem
    }
}

@media (min-width: 768px) {
    .highway-safety.topic-page-view {
        margin-left: -10px
    }
}

.highway-safety.topic-page-view .highway-safety--left:after {
    height: 500%;
    top: -50%
}

.highway-safety.topic-page-view .highway-safety--right:after {
    height: 1150%;
    top: -575%
}

@media (min-width: 768px) {
    .highway-safety.topic-page-view>.container-fluid>.row {
        align-items: center
    }
}

.highway-safety.topic-page-view .highway-safety--left,
.highway-safety.topic-page-view .highway-safety--right {
    padding-left: 20px;
    padding-right: 20px
}

@media (max-width: 767.98px) {

    .highway-safety.topic-page-view .highway-safety--left,
    .highway-safety.topic-page-view .highway-safety--right {
        text-align: left
    }
}

.highway-safety.topic-page-view .highway-safety--heading {
    font-size: 1.75rem
}

.highway-safety.topic-page-view .highway-safety--heading-2 {
    font-size: 1.25rem
}

@media (max-width: 767.98px) {

    .highway-safety.topic-page-view .highway-safety--heading-2,
    .highway-safety.topic-page-view .highway-safety--heading {
        text-align: left;
        margin-bottom: 20px
    }
}

@media (max-width: 767.98px) {
    .highway-safety.topic-page-view .highway-safety--stat {
        display: block
    }
}

@media (min-width: 768px) {

    .highway-safety.topic-page-view .form,
    .highway-safety.topic-page-view form {
        display: flex;
        align-items: center
    }
}

.highway-safety.topic-page-view .form a,
.highway-safety.topic-page-view form a {
    line-height: 1.875rem
}

.highway-safety.topic-page-view .form .custom-select,
.highway-safety.topic-page-view form .custom-select {
    display: block;
    color: #000;
    text-align: left
}

@media (max-width: 991.98px) {

    .highway-safety.topic-page-view .form .custom-select,
    .highway-safety.topic-page-view form .custom-select {
        max-width: 300px
    }
}

.highway-safety.topic-page-view .form .custom-select select,
.highway-safety.topic-page-view form .custom-select select {
    background-color: #fff !important;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    font-size: 1rem;
    display: block;
    border: 0;
    border-radius: 0;
    outline: none;
    padding: 10px 40px 10px 10px;
    height: 2.75rem;
    max-width: 250px;
    text-transform: uppercase
}

@media (max-width: 991.98px) {

    .highway-safety.topic-page-view .form .custom-select select,
    .highway-safety.topic-page-view form .custom-select select {
        max-width: 100%;
        margin-top: 10px;
        margin-bottom: 20px
    }
}

.highway-safety.topic-page-view .form .jump-menu,
.highway-safety.topic-page-view form .jump-menu {
    display: inline-block;
    position: relative
}

.highway-safety.topic-page-view .form .jump-menu:before,
.highway-safety.topic-page-view form .jump-menu:before {
    content: "";
    font-family: icomoon !important;
    font-style: normal;
    font-size: .875rem;
    font-weight: 400;
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.highway-safety.topic-page-view .form .btn#edit-go,
.highway-safety.topic-page-view form .btn#edit-go {
    height: 2.75rem;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    padding-right: 50px
}

@media (max-width: 991.98px) {

    .highway-safety.topic-page-view .form .btn#edit-go,
    .highway-safety.topic-page-view form .btn#edit-go {
        padding-left: 20px
    }
}

.mc-id-generator {
    clear: both
}

.mc-id-generator form {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mc-id-generator form button {
    display: block
}

.mc-id-generator form input {
    text-transform: uppercase;
    padding: 5px 10px;
    width: 55px
}

.mc-id-generator form label,
.mc-id-generator form input {
    margin: 0 10px
}

.mc-id-generator span {
    display: block;
    text-align: center;
    font-weight: 700;
    padding: 10px
}

.latest-news {
    max-width: 1004px;
    margin-top: 60px;
    padding-bottom: 100px
}

@media (max-width: 767px) {
    .latest-news {
        margin-top: 30px;
        padding-bottom: 40px
    }
}

.latest-news .row .row {
    margin-left: -10px;
    margin-right: -10px
}

.latest-news p,
.latest-news label {
    font-size: 1rem
}

.latest-news .latest-news--heading h1 {
    margin-top: 0;
    margin-bottom: 60px;
    position: relative;
    font-size: 3.7575rem;
    width: 100%
}

@media (min-width: 768px) {
    .latest-news .latest-news--heading h1 {
        text-align: right
    }
}

@media (max-width: 767px) {
    .latest-news .latest-news--heading h1 {
        margin-left: 20px;
        width: 50%
    }
}

@media (max-width: 767px) {
    .latest-news .latest-news--heading h1 {
        width: 75%;
        line-height: .75
    }
}

@media (max-width: 991px) {
    .latest-news .latest-news--heading h1 {
        font-size: 37px
    }
}

.latest-news .latest-news--heading h1:before {
    content: "";
    position: absolute;
    border: 5px solid rgb(255, 204, 6);
    width: 25vw;
    max-width: 130%;
    height: 0;
    padding-top: 130%;
    bottom: -20px;
    right: -20px
}

@media (max-width: 767px) {
    .latest-news .latest-news--heading h1:before {
        right: auto;
        left: -20px;
        padding-top: 0;
        height: 175px;
        width: 125%;
        z-index: 2
    }
}

@media (max-width: 767px) {
    .latest-news .latest-news--heading h1:before {
        height: 100px;
        width: 130%;
        padding-top: auto;
        z-index: 2
    }
}

@media (min-width: 769px) and (max-width: 990px) {
    .latest-news .latest-news--heading h1:before {
        padding-top: 80%
    }
}

.latest-news .latest-news--heading.latest-news--fiftieth {
    margin-bottom: 20px;
    margin-top: -50px
}

.latest-news .latest-news--heading.latest-news--fiftieth img {
    display: block;
    max-width: 100%;
    margin-bottom: 10px;
    border: 5px solid rgb(255, 204, 6);
    padding: 10px
}

@media (min-width: 768px) {
    .latest-news .latest-news--heading.latest-news--fiftieth {
        margin-top: -100px
    }
}

@media (min-width: 992px) {
    .latest-news .latest-news--heading.latest-news--fiftieth {
        margin-top: -160px
    }
}

@media (min-width: 1200px) {
    .latest-news .latest-news--heading.latest-news--fiftieth {
        width: 30%;
        margin-left: -5%
    }
}

.latest-news .latest-news--copy {
    float: right
}

@media (max-width: 767px) {
    .latest-news .latest-news--copy {
        float: none
    }
}

.latest-news .latest-news--sidebar {
    font-size: 1rem
}

.latest-news .latest-news--sidebar img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    width: auto
}

@media (min-width: 767px) {
    .latest-news .latest-news--sidebar {
        text-align: right
    }
}

@media (max-width: 767px) {
    .latest-news .latest-news--sidebar {
        text-align: center
    }
}

.latest-news .latest-news--sidebar .trending-topics a {
    line-height: 1.9;
    font-size: 12px;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .5px
}

@media (max-width: 767px) {
    .latest-news .latest-news--sidebar .trending-topics a {
        font-size: 14px;
        letter-spacing: normal
    }
}

.latest-news .latest-news--sidebar .trending-topics a:hover {
    text-decoration: none
}

@media (max-width: 767px) {
    .latest-news .latest-news--sidebar .trending-topics img {
        max-width: 20%;
        display: block;
        text-align: center;
        margin: 30px auto 0
    }
}

.latest-news .latest-news--sidebar .featured-topic h5 {
    margin-top: 40px;
    margin-bottom: 10px;
    color: #999;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    letter-spacing: .5px
}

@media (max-width: 767px) {
    .latest-news .latest-news--sidebar .featured-topic h5 {
        margin-top: 20px;
        font-size: 14px;
        letter-spacing: normal
    }

    .latest-news .latest-news--sidebar .featured-topic img {
        display: block;
        margin: 0 auto;
        width: 100%
    }
}

.latest-news .latest-news--sidebar .featured-topic .featured-topic--link-container {
    color: #111;
    font-size: .875rem;
    display: block;
    text-align: right;
    text-transform: inherit
}

.latest-news .latest-news--sidebar .featured-topic .featured-topic--link-container a {
    display: block
}

.latest-news .latest-news--sidebar .featured-topic .featured-topic--link-container img {
    display: inline-block
}

.latest-news .latest-news--sidebar .featured-topic .featured-topic--link-container .featured-topic--link {
    color: #111;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 900;
    max-width: 100%;
    line-height: 1.25
}

.latest-news .latest-news--sidebar .featured-topic .featured-topic--link-container .featured-topic--link img {
    margin-bottom: 10px
}

.latest-news .latest-news--sidebar .featured-topic .featured-topic--link-container .featured-topic--link:before {
    content: attr(data-text);
    position: absolute;
    text-align: right;
    width: 98%;
    right: 0;
    color: #0075b7;
    -webkit-font-smoothing: antialiased;
    clip: rect(0, 0, 0, 0);
    transition: clip .2s ease-in;
    bottom: -5px
}

.latest-news .latest-news--sidebar .featured-topic .featured-topic--link-container .featured-topic--link:hover {
    text-decoration: none
}

.latest-news .latest-news--sidebar .featured-topic .featured-topic--link-container .featured-topic--link:hover:before {
    clip: rect(0, 220px, 700px, 0) !important
}

@media (max-width: 767px) {
    .latest-news .latest-news--sidebar .featured-topic .featured-topic--link-container {
        text-align: center
    }

    .latest-news .latest-news--sidebar .featured-topic .featured-topic--link-container .featured-topic--link {
        display: inline-block;
        margin-left: 0;
        margin-right: 0
    }
}

.latest-news .latest-news--sidebar h4 {
    margin-top: 20px;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .latest-news .latest-news--sidebar h4 {
        display: inline-block;
        margin-bottom: 10px;
        font-size: 14px
    }
}

.latest-news img {
    height: auto;
    width: 100%
}

.latest-news article {
    display: inline-block;
    float: none;
    vertical-align: top;
    margin-bottom: 0
}

.latest-news article.lastest-news--featured {
    margin-bottom: 0
}

.latest-news article.lastest-news--featured h1 {
    margin-top: 10px
}

.latest-news article:not(.lastest-news--featured) h1 {
    font-size: 1.35rem;
    margin-top: 0
}

.latest-news .latest-news--hashtag {
    color: #999;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    margin: 40px 0 0;
    font-size: 12px;
    letter-spacing: .5px
}

@media (max-width: 767px) {
    .latest-news .latest-news--hashtag {
        font-size: 14px;
        letter-spacing: normal;
        margin: 20px 0 0
    }
}

.latest-news .latest-news--date {
    color: #bbb;
    font-family: Roboto Slab, serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    margin-bottom: 50px
}

@media (max-width: 767px) {
    .latest-news .latest-news--date {
        margin-bottom: 35px
    }
}

.latest-news .btn {
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    margin-top: 0;
    font-size: 0rem;
    width: 100%
}

@media (max-width: 767px) {
    .latest-news .btn {
        margin-bottom: 0
    }
}

.mini-news {
    color: #000;
    padding-top: 40px;
    padding-bottom: 40px
}

@media (max-width: 767px) {
    .mini-news {
        padding-top: 20px;
        padding-bottom: 10px
    }
}

.mini-news>.container-fluid {
    max-width: 1004px;
    margin: 0 auto
}

@media (min-width: 992px) {
    .mini-news>.container-fluid>section {
        display: flex;
        flex-direction: column
    }
}

.mini-news>.container-fluid>section:last-child {
    margin-top: 20px
}

.mini-news--article img {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 10px
}

.mini-news--header,
.mini-news .news-events--header {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px
}

@media (min-width: 992px) {

    .mini-news--header,
    .mini-news .news-events--header {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.mini-news--header.mini-news--header-events,
.mini-news--header.news-events--header-events,
.mini-news .news-events--header.mini-news--header-events,
.mini-news .news-events--header.news-events--header-events {
    margin-top: 50px
}

@media (min-width: 992px) {

    .mini-news--news-article-wrapper,
    .mini-news .news-events--news-article-wrapper {
        display: flex
    }
}

.mini-news--section-heading,
.mini-news .news-events--section-heading {
    margin: 0;
    line-height: .75
}

@media (max-width: 767px) {

    .mini-news--section-heading,
    .mini-news .news-events--section-heading {
        font-size: 28px
    }
}

.mini-news--section-link,
.mini-news .news-events--section-link {
    color: #000;
    font-size: 24px;
    font-weight: 900;
    -webkit-font-smoothing: antialiased
}

.mini-news--section-link.link-arrow:after,
.mini-news .news-events--section-link.link-arrow:after {
    vertical-align: baseline
}

.mini-news--section-link:hover,
.mini-news .news-events--section-link:hover {
    color: #000;
    text-decoration: none
}

@media (max-width: 767px) {

    .mini-news--section-link,
    .mini-news .news-events--section-link {
        font-size: 20px
    }
}

.mini-news--article,
.mini-news .news-events--article {
    padding: 30px;
    position: relative
}

.mini-news--article>*,
.mini-news .news-events--article>* {
    position: relative;
    z-index: 1
}

.mini-news--article p>b,
.mini-news--article p>strong,
.mini-news .news-events--article p>b,
.mini-news .news-events--article p>strong {
    font-family: Roboto Slab, serif
}

.mini-news--article:after,
.mini-news .news-events--article:after {
    content: "";
    border: 2px solid rgb(204, 204, 204);
    position: absolute;
    left: 10px;
    top: 10px;
    bottom: 10px;
    right: 10px;
    z-index: 0;
    transition: border .1s linear
}

@media (max-width: 991px) {

    .mini-news--article:after,
    .mini-news .news-events--article:after {
        top: 0
    }
}

.mini-news--article:hover:after,
.mini-news .news-events--article:hover:after {
    border-width: 4px
}

@media (max-width: 991px) {

    .mini-news--article.mini-news--article-featured,
    .mini-news--article.news-events--article-featured,
    .mini-news .news-events--article.mini-news--article-featured,
    .mini-news .news-events--article.news-events--article-featured {
        margin-top: 10px
    }
}

.mini-news--article.mini-news--article-featured:after,
.mini-news--article.news-events--article-featured:after,
.mini-news .news-events--article.mini-news--article-featured:after,
.mini-news .news-events--article.news-events--article-featured:after {
    background-color: #036297
}

@media (max-width: 991px) {

    .mini-news--article img,
    .mini-news .news-events--article img {
        display: none
    }
}

@media (max-width: 767px) {

    .mini-news--article:after,
    .mini-news .news-events--article:after {
        left: -10px;
        right: -10px
    }

    .mini-news--article img,
    .mini-news .news-events--article img {
        display: none
    }

    .mini-news--article p,
    .mini-news .news-events--article p {
        font-size: 90%
    }

    .mini-news--article:after,
    .mini-news .news-events--article:after {
        border-width: 2px 0 0 0;
        bottom: -2px
    }

    .mini-news--article:first-child:after,
    .mini-news .news-events--article:first-child:after {
        display: none
    }

    .mini-news--article:first-child:hover:after,
    .mini-news .news-events--article:first-child:hover:after {
        display: block
    }

    .mini-news--article:hover+.mini-news--article:after,
    .mini-news--article:hover+.mini-news .news-events--article:after,
    .mini-news .news-events--article:hover+.mini-news--article:after,
    .mini-news .news-events--article:hover+.mini-news .news-events--article:after {
        border: 0
    }
}

.mini-news--news-article,
.mini-news .news-events--news-article {
    padding-bottom: 100px
}

@media (max-width: 767px) {

    .mini-news--news-article,
    .mini-news .news-events--news-article {
        padding: 30px 10px
    }

    .mini-news--news-article p,
    .mini-news .news-events--news-article p {
        display: none
    }
}

.mini-news--news-article-date,
.mini-news .news-events--news-article-date {
    font-family: Roboto Slab, serif;
    font-size: 14px;
    font-weight: 700;
    display: block
}

@media (max-width: 767px) {

    .mini-news--news-article-date,
    .mini-news .news-events--news-article-date {
        display: none
    }
}

.mini-news--news-article-read-more,
.mini-news .news-events--news-article-read-more {
    color: #000;
    position: absolute !important;
    bottom: 30px;
    font-weight: 900;
    -webkit-font-smoothing: antialiased
}

.mini-news--news-article-read-more:hover,
.mini-news .news-events--news-article-read-more:hover {
    color: #000;
    text-decoration: none
}

@media (max-width: 767px) {

    .mini-news--news-article-read-more,
    .mini-news .news-events--news-article-read-more {
        position: relative !important;
        bottom: auto
    }
}

.mini-news--article-label,
.mini-news .news-events--article-label {
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase
}

.mini-news--article-featured .mini-news--article-label,
.mini-news--article-featured .mini-news .news-events--article-label {
    color: #ffcc06
}

.mini-news--news-article:not(.mini-news--article-featured) .mini-news--article-label,
.mini-news--news-article:not(.mini-news--article-featured) .mini-news .news-events--article-label {
    opacity: .5
}

@media (max-width: 767px) {

    .mini-news--article-label,
    .mini-news .news-events--article-label {
        opacity: .5
    }

    .mini-news--article-featured .mini-news--article-label,
    .mini-news--article-featured .mini-news .news-events--article-label {
        opacity: 1
    }
}

.mini-news--article-heading,
.mini-news .news-events--article-heading {
    font-size: 24px;
    font-weight: 900;
    line-height: 1.2;
    margin-top: -.2em
}

@media (max-width: 767px) {

    .mini-news--article-heading,
    .mini-news .news-events--article-heading {
        font-size: 18px
    }
}

.mini-news .news-events--article:last-child:after {
    display: block
}

.modal--base .modal-content {
    background-color: transparent;
    box-shadow: none;
    border: none
}

.modal--base .modal-content .modal-header {
    border-bottom: none
}

.modal--base .modal-content .modal-header .close {
    color: #fff;
    text-shadow: none;
    opacity: 1;
    font-size: 200%;
    font-weight: 300
}

.modal--base .modal-content .modal-body img {
    vertical-align: middle;
    margin: 0 auto;
    left: 50%;
    position: relative;
    transform: translate(-50%);
    max-width: 100%
}

.navbar {
    --bs-navbar-toggler-border-color: transparent;
    --bs-navbar-toggler-focus-width: transparent;
    background-color: #0082cb;
    padding: 0
}

.navbar .navbar-toggler {
    transition: all .3s ease-out;
    transform: rotate(360deg);
    position: relative;
    margin-right: 16px;
    width: 43px;
    height: 36px;
    place-items: center
}

@media (max-width: 991.98px) {
    .navbar .navbar-toggler {
        display: grid
    }
}

.navbar .navbar-toggler .icon-group-bar-icon {
    position: absolute;
    inset: 0 auto auto 0;
    z-index: 0
}

.navbar .navbar-toggler .icon-group-bar-icon .icon-bars {
    display: grid;
    gap: 4px
}

.navbar .navbar-toggler .icon-group-bar-icon .icon-bar {
    height: 2px;
    display: block;
    background-color: #fff;
    transition: all .2s ease-out;
    border-radius: 0
}

.navbar .navbar-toggler .icon-group-bar-icon .icon-bar:nth-child(1) {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
    width: 16px
}

.navbar .navbar-toggler .icon-group-bar-icon .icon-bar:nth-child(2) {
    width: 17px;
    opacity: 0
}

.navbar .navbar-toggler .icon-group-bar-icon .icon-bar:nth-child(3) {
    width: 19px;
    transform: rotate(-45deg);
    transform-origin: 10% 90%
}

@media (min-width: 576px) {

    .navbar .navbar-toggler .icon-group-bar-icon .icon-bar:nth-child(1),
    .navbar .navbar-toggler .icon-group-bar-icon .icon-bar:nth-child(2),
    .navbar .navbar-toggler .icon-group-bar-icon .icon-bar:nth-child(3) {
        width: 22px
    }
}

@media (min-width: 576px) {
    .navbar .navbar-toggler .icon-group-bar-icon {
        inset: auto
    }
}

@media (min-width: 992px) {
    .navbar .navbar-toggler .icon-group-bar-icon {
        display: none
    }
}

.navbar .navbar-toggler .icon-Search {
    position: absolute;
    top: -2px;
    right: 2px;
    font-size: 1rem;
    color: #fff;
    z-index: 100
}

@media (min-width: 576px) {
    .navbar .navbar-toggler .icon-Search {
        display: none
    }
}

.navbar .navbar-toggler .icon-copy {
    position: absolute;
    font-family: Roboto !important;
    font-size: .875rem;
    font-weight: 700;
    z-index: 1;
    bottom: .875rem;
    left: 0;
    color: #fff;
    transform: translateY(100%)
}

@media (min-width: 576px) {
    .navbar .navbar-toggler .icon-copy {
        display: none
    }
}

.navbar .navbar-toggler.collapsed {
    transform: rotate(0);
    left: 0
}

.navbar .navbar-toggler.collapsed .icon-bar:nth-child(1),
.navbar .navbar-toggler.collapsed .icon-bar:nth-child(3) {
    transform: rotate(0)
}

.navbar .navbar-toggler.collapsed .icon-bar:nth-child(2) {
    opacity: 1
}

.navbar .navbar-toggler:not(.collapsed) {
    margin-right: 7px
}

.navbar .navbar-toggler:not(.collapsed) .icon-group-bar-icon {
    position: relative
}

.navbar .navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
    width: 22px
}

.navbar .navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
    opacity: 0
}

.navbar .navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
    width: 22px
}

.navbar .navbar-toggler:not(.collapsed) .icon-Search,
.navbar .navbar-toggler:not(.collapsed) .icon-copy {
    display: none
}

@media (min-width: 576px) {
    .navbar .navbar-toggler {
        margin-right: 10px
    }
}

.navbar .navbar-header {
    padding-top: .850125rem;
    padding-bottom: .850125rem
}

@media (min-width: 576px) {
    .navbar .navbar-header {
        padding-top: .65rem;
        padding-bottom: .65rem
    }
}

@media (min-width: 992px) {
    .navbar .navbar-header {
        padding-top: 0;
        padding-bottom: 0
    }
}

.navbar .navbar-brand {
    padding-left: 1.25rem
}

.navbar .navbar-brand img {
    width: 150px
}

@media (min-width: 1040px) {
    .navbar .navbar-brand img {
        width: 220px
    }
}

.navbar .navbar-nav {
    margin-left: auto
}

.navbar .navbar-nav>li {
    padding: .25rem 0
}

@media (min-width: 992px) {
    .navbar .navbar-nav>li {
        padding: 1.25rem 0
    }

    .navbar .navbar-nav>li:hover {
        background-color: #006e9f
    }

    .navbar .navbar-nav>li:hover>a:after {
        rotate: 180deg
    }
}

@media (min-width: 1200px) {
    .navbar .navbar-nav>li {
        padding: 1.25rem 0
    }
}

.navbar .navbar-nav>li a,
.navbar .navbar-nav>li .nav-link {
    padding: 10px 15px 10px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    width: 100%;
    text-decoration: none;
    white-space: break-spaces;
    -webkit-font-smoothing: antialiased;
    font-size: 1.5rem;
    line-height: 22px
}

@media (min-width: 1200px) {

    .navbar .navbar-nav>li a,
    .navbar .navbar-nav>li .nav-link {
        padding: 14px 15px
    }
}

@media (min-width: 992px) {

    .navbar .navbar-nav>li a,
    .navbar .navbar-nav>li .nav-link {
        padding: 14px 12px
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {

    .navbar .navbar-nav>li a,
    .navbar .navbar-nav>li .nav-link {
        font-size: 1.125rem
    }
}

.navbar .navbar-nav>li a:hover,
.navbar .navbar-nav>li .nav-link:hover {
    cursor: pointer
}

@media (min-width: 992px) and (max-width: 1199.98px) {

    .navbar .navbar-nav>li a:hover,
    .navbar .navbar-nav>li .nav-link:hover {
        background-color: #006e9f
    }
}

.navbar .navbar-nav>li a:hover span:before,
.navbar .navbar-nav>li .nav-link:hover span:before {
    width: 100%
}

.navbar .navbar-nav>li a span,
.navbar .navbar-nav>li .nav-link span {
    position: relative
}

.navbar .navbar-nav>li a span:before,
.navbar .navbar-nav>li .nav-link span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    bottom: -7px;
    left: 0;
    background-color: #fff;
    transition: width .15s ease-out
}

.navbar .navbar-nav>li a span:hover,
.navbar .navbar-nav>li a span:focus,
.navbar .navbar-nav>li .nav-link span:hover,
.navbar .navbar-nav>li .nav-link span:focus {
    background-color: transparent
}

.navbar .navbar-nav>li a:after,
.navbar .navbar-nav>li .nav-link:after {
    border-top: .25em solid;
    border-right: .25em solid transparent;
    border-bottom: 0;
    border-left: .25em solid transparent
}

@media (min-width: 992px) {

    .navbar .navbar-nav>li a:after,
    .navbar .navbar-nav>li .nav-link:after {
        margin-left: 5px
    }
}

.navbar .navbar-nav>li a[aria-expanded=true],
.navbar .navbar-nav>li .nav-link[aria-expanded=true] {
    background-color: #006e9f
}

@media (max-width: 991.98px) {

    .navbar .navbar-nav>li a:focus,
    .navbar .navbar-nav>li .nav-link:focus {
        outline: none
    }
}

.navbar .navbar-nav>li:has(a[aria-expanded=true]) {
    background-color: #006e9f
}

.navbar .navbar-nav>li:has(a[aria-expanded=true]) a:after {
    rotate: 180deg
}

.navbar .navbar-nav>li .dropdown-menu {
    background-color: #006e9f;
    margin-right: 0;
    margin-top: 0;
    width: 100%;
    min-width: 180px;
    right: auto;
    border: 0;
    top: 100%;
    left: 0
}

.navbar .navbar-nav>li .dropdown-menu .dropdown-item {
    font-size: 1rem;
    font-weight: 300;
    padding: 5px 15px 5px 25px;
    margin-top: 4px;
    margin-bottom: 4px;
    white-space: normal;
    cursor: pointer
}

@media (min-width: 992px) {
    .navbar .navbar-nav>li .dropdown-menu .dropdown-item {
        font-size: .875rem;
        padding: 2px 0
    }
}

.navbar .navbar-nav>li .dropdown-menu .dropdown-item:active,
.navbar .navbar-nav>li .dropdown-menu .dropdown-item:focus {
    background: transparent
}

.navbar .navbar-nav>li .dropdown-menu .dropdown-item:hover {
    background-color: #006e9f
}

.navbar .navbar-nav>li .dropdown-menu .dropdown-item span:before {
    height: 1px;
    bottom: -5px
}

.navbar .navbar-nav>li .dropdown-menu .dropdown-divider {
    border-top: 0;
    border-bottom: 1px solid #338fbc;
    margin: 1.25rem 0
}

@media (min-width: 992px) {
    .navbar .navbar-nav>li .dropdown-menu {
        right: 0;
        padding: 1.25rem
    }

    .navbar .navbar-nav>li .dropdown-menu:after {
        content: "";
        position: absolute;
        height: 1px;
        background-color: #50a1c8;
        top: 0;
        left: 1.25rem;
        right: 1.25rem
    }
}

.navbar .navbar-nav>li.active {
    text-decoration: none
}

.navbar .navbar-nav>li.active a:hover,
.navbar .navbar-nav>li.active a:focus {
    text-decoration: none;
    cursor: default
}

.navbar .navbar-nav .dropdown.open {
    background-color: #006e9f
}

.navbar .navbar-nav .dropdown.open .dropdown-menu {
    display: block
}

.navbar .navbar-links {
    padding-top: 1rem
}

@media (min-width: 992px) {
    .navbar .navbar-links {
        padding-top: 0
    }
}

.navbar .dropdown-toggle:after {
    margin-left: 0
}

@media (min-width: 992px) {
    .dropdown:hover>.dropdown-menu {
        display: block
    }
}

.dropdown.navbar-primary--utility-nav:hover>.dropdown-menu,
.dropdown.navbar-primary--utility-nav:has(a[aria-expanded=true])>.dropdown-menu {
    left: auto
}

.input-group.input-gcse {
    display: block
}

.news-events {
    background-color: #0075b7;
    color: #fff;
    padding-top: 40px;
    padding-bottom: 40px
}

@media (max-width: 767px) {
    .news-events {
        padding-top: 20px;
        padding-bottom: 10px
    }
}

.news-events>.container-fluid {
    max-width: 1004px;
    margin: 0 auto
}

@media (min-width: 992px) {
    .news-events>.container-fluid>section {
        display: flex;
        flex-direction: column;
        min-width: 100%
    }
}

.news-events>.container-fluid>section:last-child {
    margin-top: 20px
}

.news-events--header {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px
}

@media (min-width: 992px) {
    .news-events--header {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.news-events--header.news-events--header-events {
    margin-top: 50px
}

@media (min-width: 992px) {
    .news-events--news-article-wrapper {
        display: flex
    }
}

.news-events--section-heading {
    margin: 0;
    line-height: .75
}

@media (max-width: 767px) {
    .news-events--section-heading {
        font-size: 28px
    }
}

.news-events--section-link {
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    -webkit-font-smoothing: antialiased
}

.news-events--section-link.link-arrow:after {
    vertical-align: baseline
}

.news-events--section-link:hover {
    color: #fff;
    text-decoration: none
}

@media (max-width: 767px) {
    .news-events--section-link {
        font-size: 20px
    }
}

.news-events--article {
    padding: 30px;
    position: relative
}

.news-events--article>* {
    position: relative;
    z-index: 1
}

.news-events--article p>b,
.news-events--article p>strong {
    font-family: Roboto Slab, serif
}

.news-events--article:after {
    content: "";
    border: 2px solid rgb(3, 98, 151);
    position: absolute;
    left: 10px;
    top: 10px;
    bottom: 10px;
    right: 10px;
    z-index: 0;
    transition: border .1s linear
}

@media (max-width: 991px) {
    .news-events--article:after {
        top: 0
    }
}

.news-events--article:hover:after {
    border-width: 4px
}

@media (max-width: 991px) {
    .news-events--article.news-events--article-featured {
        margin-top: 10px
    }
}

.news-events--article.news-events--article-featured:after {
    background-color: #036297
}

@media (max-width: 991px) {
    .news-events--article.news-events--article-featured img {
        display: none
    }
}

@media (max-width: 767px) {
    .news-events--article.news-events--article-featured:after {
        left: -10px;
        right: -10px
    }

    .news-events--article.news-events--article-featured img {
        display: none
    }

    .news-events--article p {
        font-size: 90%
    }

    .news-events--article:after {
        border-width: 0 0 2px 0;
        bottom: 0
    }

    .news-events--article:last-child:after {
        display: none
    }

    .news-events--article:last-child:hover:after {
        display: block
    }
}

.news-events--news-article {
    padding-bottom: 100px
}

@media (max-width: 767px) {
    .news-events--news-article {
        padding: 30px 10px
    }

    .news-events--news-article p {
        display: none
    }
}

.news-events--events-article.news-events--article-featured {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px
}

.news-events--events-article.news-events--article-featured p {
    font-family: Roboto Slab, serif;
    font-weight: 900
}

@media (max-width: 767px) {
    .news-events--events-article.news-events--article-featured p {
        font-size: 90%
    }
}

.news-events--events-article.news-events--article-featured img {
    max-width: 200px
}

.news-events--events-article.news-events--article-featured:after {
    left: 0;
    right: 0
}

@media (max-width: 991px) {
    .news-events--events-article.news-events--article-featured {
        padding-bottom: 30px
    }
}

.news-events--events-article:not(.news-events--article-featured) {
    padding: 20px 0 10px
}

@media (max-width: 991px) {
    .news-events--events-article:not(.news-events--article-featured) {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.news-events--events-article:not(.news-events--article-featured):after {
    border-width: 0 0 2px 0;
    bottom: 0
}

.news-events--events-article:not(.news-events--article-featured):last-child:after {
    display: none
}

.news-events--news-article-date {
    font-family: Roboto Slab, serif;
    font-size: 14px;
    font-weight: 700;
    display: block
}

@media (max-width: 767px) {
    .news-events--news-article-date {
        display: none
    }
}

@media (min-width: 992px) {

    .news-events--event-article-date,
    .news-events--event-article-location {
        display: inline-block
    }
}

.news-events--event-article-date {
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase
}

@media (min-width: 992px) {
    .news-events--event-article-date {
        float: right;
        min-width: 8em
    }
}

.news-events--event-article-location {
    font-size: 75%;
    display: block
}

.news-events--news-article-read-more {
    color: #fff;
    position: absolute !important;
    bottom: 30px;
    font-weight: 900;
    -webkit-font-smoothing: antialiased
}

.news-events--news-article-read-more:hover {
    color: #fff;
    text-decoration: none
}

@media (max-width: 767px) {
    .news-events--news-article-read-more {
        position: relative !important;
        bottom: auto
    }
}

.news-events--article-label {
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase
}

.news-events--article-featured .news-events--article-label {
    color: #ffcc06
}

.news-events--news-article:not(.news-events--article-featured) .news-events--article-label {
    opacity: .5
}

@media (max-width: 767px) {
    .news-events--article-label {
        opacity: .5
    }

    .news-events--article-featured .news-events--article-label {
        opacity: 1
    }
}

.news-events--article-heading {
    font-size: 24px;
    font-weight: 900;
    line-height: 1.2;
    margin-top: -.2em;
    padding-right: 20px
}

@media (max-width: 767px) {
    .news-events--article-heading {
        font-size: 18px
    }
}

.news-events--article img {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 10px
}

.complaints-by-keyword-vehicle-modal.modal {
    padding-left: 0 !important
}

.complaints-by-keyword-vehicle-modal.modal .modal-body .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0
}

@media (min-width: 768px) {
    .complaints-by-keyword-vehicle-modal.modal .modal-body .complaints-by-keyword--count {
        margin-top: 20px;
        font-size: 1.5rem
    }
}

@media (min-width: 768px) {
    .complaints-by-keyword-vehicle-modal.modal .modal-body section.row {
        margin-top: -60px
    }
}

.nhtsa-id-search-modal.modal,
.complaints-by-keyword-vehicle-modal.modal {
    margin: 0 auto;
    max-width: none;
    color: #fff;
    padding-right: 0 !important
}

.nhtsa-id-search-modal.modal .modal-header,
.nhtsa-id-search-modal.modal .modal-body,
.complaints-by-keyword-vehicle-modal.modal .modal-header,
.complaints-by-keyword-vehicle-modal.modal .modal-body {
    max-width: 1004px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.nhtsa-id-search-modal.modal .modal-header,
.complaints-by-keyword-vehicle-modal.modal .modal-header {
    text-align: left;
    color: #fff;
    border: none;
    width: 100%;
    align-items: flex-start;
    flex-direction: column
}

.nhtsa-id-search-modal.modal .modal-header .modal-title,
.complaints-by-keyword-vehicle-modal.modal .modal-header .modal-title {
    font-size: 35px;
    font-weight: 200;
    line-height: 1;
    font-family: Roboto Slab, serif;
    margin-top: 40px;
    max-width: 500px;
    margin-bottom: 20px;
    text-align: left
}

.nhtsa-id-search-modal.modal .modal-header p,
.complaints-by-keyword-vehicle-modal.modal .modal-header p {
    max-width: 500px;
    text-align: left
}

.nhtsa-id-search-modal.modal .modal-header .close,
.complaints-by-keyword-vehicle-modal.modal .modal-header .close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    text-shadow: none;
    border: 0;
    opacity: 1;
    color: #fff;
    font-weight: 200;
    font-size: 52px;
    position: absolute;
    right: 30px;
    top: 10px;
    margin: 10px
}

.nhtsa-id-search-modal.modal .modal-content,
.complaints-by-keyword-vehicle-modal.modal .modal-content {
    box-shadow: none;
    background-color: transparent;
    border: none
}

.nhtsa-id-search-modal.modal .modal-dialog.modal-lg,
.complaints-by-keyword-vehicle-modal.modal .modal-dialog.modal-lg {
    width: 100%;
    margin: 0 auto
}

.nhtsa-id-search-modal.modal .modal-body>b,
.nhtsa-id-search-modal.modal .modal-body>strong,
.complaints-by-keyword-vehicle-modal.modal .modal-body>b,
.complaints-by-keyword-vehicle-modal.modal .modal-body>strong {
    color: #fff;
    font-size: 20px;
    font-weight: 900
}

.nhtsa-id-search-modal.modal .modal-body>div>section,
.complaints-by-keyword-vehicle-modal.modal .modal-body>div>section {
    margin-bottom: 80px
}

.nhtsa-id-search-modal.modal .modal-body section.row,
.complaints-by-keyword-vehicle-modal.modal .modal-body section.row {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 80px
}

.nhtsa-id-search-modal.modal .modal-body .checkbox,
.complaints-by-keyword-vehicle-modal.modal .modal-body .checkbox {
    text-align: left;
    margin-bottom: 10px
}

.nhtsa-id-search-modal.modal .modal-body .panel-group,
.complaints-by-keyword-vehicle-modal.modal .modal-body .panel-group {
    background-color: #fff;
    padding: 0 20px 20px;
    color: #000;
    overflow: hidden
}

.nhtsa-id-search-modal.modal .modal-body .panel-title,
.complaints-by-keyword-vehicle-modal.modal .modal-body .panel-title {
    text-align: left
}

.nhtsa-id-search-modal.modal .modal-body .panel-title>a[data-toggle=collapse],
.complaints-by-keyword-vehicle-modal.modal .modal-body .panel-title>a[data-toggle=collapse] {
    border-bottom: none
}

.nhtsa-id-search-modal.modal .modal-body .panel-title .panel-title-caption,
.complaints-by-keyword-vehicle-modal.modal .modal-body .panel-title .panel-title-caption {
    white-space: normal
}

.nhtsa-id-search-modal.modal .modal-body .panel-item,
.complaints-by-keyword-vehicle-modal.modal .modal-body .panel-item {
    text-align: left
}

.nhtsa-id-search-modal.modal .modal-body .panel-item .panel-body p,
.complaints-by-keyword-vehicle-modal.modal .modal-body .panel-item .panel-body p {
    text-align: left;
    white-space: normal
}

.nhtsa-id-search-modal.modal .panel-item {
    margin-bottom: 0
}

.nhtsa-id-search-modal.modal .panel-item:after {
    display: none
}

.complaints-by-keyword-vehicle-modal.modal .daterangepicker {
    color: #222
}

.complaints-by-keyword-vehicle-modal.modal .panel-group {
    margin-bottom: 0
}

.nhtsa-id-search-modal--side-panel span,
.complaints-by-keyword-vehicle-modal--side-panel span {
    display: block;
    font-size: 14px;
    font-weight: 700
}

.nhtsa-id-search-modal--side-panel h4,
.complaints-by-keyword-vehicle-modal--side-panel h4 {
    margin-top: 30px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase
}

.nhtsa-id-search-modal--side-panel h4 small,
.complaints-by-keyword-vehicle-modal--side-panel h4 small {
    font-size: 30px;
    text-transform: initial;
    display: block;
    font-weight: 700;
    margin-top: 10px
}

.complaints-by-keyword-vehicle-modal:not(#complaints-by-keyword-vehicle-modal) .complaints-by-keyword-vehicle-modal--safety-issue {
    float: right;
    margin-top: 80px
}

.nhtsa-id-search-modal--safety-issue-not-found .complaints-by-keyword-vehicle-modal--safety-issue-not-found p {
    font-size: 30px;
    font-weight: 900;
    margin-top: -.25em
}

.nhtsa-id-search-modal--safety-issue-not-found .complaints-by-keyword-vehicle-modal--safety-issue-not-found p small {
    display: block;
    font-weight: 200;
    -webkit-font-smoothing: initial
}

.nhtsa-id-search--input-search,
.complaints-by-keyword-vehicle--input-search {
    position: relative;
    margin-top: 80px;
    margin-bottom: 80px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 20px
}

.nhtsa-id-search--input-search.complaints-by-keyword-vehicle--input-search,
.complaints-by-keyword-vehicle--input-search.complaints-by-keyword-vehicle--input-search {
    margin-bottom: 20px;
    margin-left: -10px;
    margin-right: -10px
}

.nhtsa-id-search--input-search label.control-label,
.complaints-by-keyword-vehicle--input-search label.control-label {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 900;
    position: absolute;
    left: 0;
    top: -1.5em
}

.nhtsa-id-search--input-search .checkbox input,
.complaints-by-keyword-vehicle--input-search .checkbox input {
    transform: translateY(-1px)
}

.nhtsa-id-search--input-search button .link-arrow:after,
.complaints-by-keyword-vehicle--input-search button .link-arrow:after {
    display: none
}

.nhtsa-id-search--input-search>span,
.complaints-by-keyword-vehicle--input-search>span {
    display: inline-block;
    vertical-align: middle
}

.nhtsa-id-search--input-search>span:nth-child(2),
.complaints-by-keyword-vehicle--input-search>span:nth-child(2) {
    flex: 3;
    padding: 0 10px
}

.nhtsa-id-search--input-search>span:nth-child(3),
.complaints-by-keyword-vehicle--input-search>span:nth-child(3) {
    font-weight: 900
}

.nhtsa-id-search--input-search>span:nth-child(3) div:first-child,
.complaints-by-keyword-vehicle--input-search>span:nth-child(3) div:first-child {
    font-size: 12px;
    text-transform: uppercase
}

.nhtsa-id-search--input-search .dropdown--carsearch,
.complaints-by-keyword-vehicle--input-search .dropdown--carsearch {
    display: flex;
    width: 100%;
    margin-bottom: 5px
}

.nhtsa-id-search--input-search .dropdown--carsearch .car-search--input-wrapper input,
.complaints-by-keyword-vehicle--input-search .dropdown--carsearch .car-search--input-wrapper input {
    background-color: #f6f6f6
}

.nhtsa-id-search--input-search .dropdown--carsearch button,
.complaints-by-keyword-vehicle--input-search .dropdown--carsearch button {
    width: 50px
}

.nhtsa-id-search--input-search .dropdown--carsearch div,
.nhtsa-id-search--input-search .dropdown--carsearch button,
.complaints-by-keyword-vehicle--input-search .dropdown--carsearch div,
.complaints-by-keyword-vehicle--input-search .dropdown--carsearch button {
    float: left
}

.complaints-by-keyword-vehicle--input-search label.control-label {
    left: 10px;
    top: -25px
}

@media (max-width: 767.98px) {
    .complaints-by-keyword-vehicle--input-search label.control-label {
        top: 10px
    }
}

.complaints-by-keyword-vehicle-modal .form-group,
.complaints-by-keyword-vehicle-modal .form-group button {
    width: 100%
}

.complaints-by-keyword-vehicle-modal .form-group:first-child {
    margin-bottom: 30px
}

.complaints-by-keyword-vehicle--pagination {
    margin: 0 auto 20px;
    background: #fff;
    padding-bottom: 40px;
    color: #000
}

.complaints-by-keyword-vehicle--pagination .remote-pagination {
    padding: 0 10px
}

.complaints-by-keyword-vehicle-modal--year-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.complaints-by-keyword-vehicle-modal--year-wrapper select {
    width: 47%;
    color: #000;
    height: 35px;
    position: relative
}

.complaints-by-keyword-vehicle-modal--year-wrapper .select-divider {
    width: 3%;
    background-color: #fff;
    height: 1px
}

select.form-control {
    color: #000
}

@media (max-width: 767px) {
    select.form-control {
        margin-top: 40px
    }
}

[id=complaints-by-keyword-vehicle-input],
[id=complaints-by-keyword-child-seat-input],
[id=complaints-by-keyword-tire-input],
[id=complaints-by-keyword-equipment-input] {
    color: #000
}

.complaints-by-keyword-highlight {
    display: inline-block;
    background-color: #ff0;
    box-shadow: 0 0 2px #999;
    padding-left: 3px;
    padding-right: 3px;
    line-height: 1.1
}

.nhtsa-id-search-modal .btn-close {
    position: absolute;
    right: 40px;
    top: 40px;
    --bs-btn-close-opacity: 1;
    font-size: 1.25rem;
    z-index: 50
}

.nhtsa-id-search-modal .pdf-generation-throbber {
    padding: 0 0 0 5px
}

.nhtsa-id-search-modal .pdf-generation-throbber .throbber {
    width: 20px;
    height: 20px;
    display: block;
    padding: 0
}

.nhtsa-id-search-modal .nhtsa-id-search-modal--safety-issue .nhtsa-issue-heading {
    width: 100%;
    padding: 20px;
    background: #fff;
    border: none
}

.nhtsa-id-search-modal .nhtsa-id-search-modal--safety-issue .nhtsa-issue-heading--title {
    display: inline-block;
    font-weight: 900;
    font-size: 20px;
    text-align: left
}

.nhtsa-id-search-modal .nhtsa-id-search-modal--safety-issue .nhtsa-issue-heading.collapsed .nhtsa-issue-heading--title {
    color: #0075b7;
    transition: color .2s ease-in-out
}

.nhtsa-id-search-modal .nhtsa-id-search-modal--safety-issue .nhtsa-issue-heading--details {
    align-items: baseline;
    justify-items: flex-start;
    column-gap: .25rem !important;
    background: #fff
}

.nhtsa-id-search-modal .nhtsa-id-search-modal--safety-issue .nhtsa-issue-heading--details span:nth-child(2) {
    font-size: 12px;
    color: #6a6a6a !important;
    font-weight: 900;
    text-transform: uppercase
}

.nhtsa-id-search-modal .nhtsa-id-search-modal--safety-issue [id^=safety-issue] {
    background: #fff;
    padding: 0 20px;
    color: #000
}

.nhtsa-id-search-modal .nhtsa-id-search-modal--safety-issue .vehicle-details--complaints-sidebar {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 10px
}

.nhtsa-id-search-modal .nhtsa-id-search-modal--safety-issue .vehicle-details--complaints-sidebar span {
    font-size: 12px;
    font-weight: 900
}

.nhtsa-id-search-modal .nhtsa-id-search-modal--safety-issue .vehicle-details--complaints-sidebar span:nth-child(odd) {
    color: #6a6a6a !important;
    text-transform: uppercase;
    display: inline-block;
    max-width: 100px;
    width: 100%
}

.nhtsa-id-search-modal .nhtsa-id-search-modal--safety-issue .vehicle-details--complaints-sidebar span:nth-child(2n) {
    display: inline-block;
    text-align: center
}

.nhtsa-id-search-modal .nhtsa-id-search-modal--safety-issue .vehicle-details--complaints-sidebar span:last-child {
    width: 100%
}

.nhtsa-id-search-modal .nhtsa-id-search-modal--safety-issue .vehicle-details--complaints-sidebar span:nth-child(5) {
    color: #bf1e2d !important
}

.nhtsa-id-search-modal .nhtsa-id-search-modal--safety-issue .product-detail--assocated-item-holder button.collapsed {
    color: #0075b7;
    transition: color .2s ease-in-out
}

.nhtsa-regional-offices {
    background-color: #eaecec;
    padding-top: 40px;
    padding-bottom: 40px
}

.nhtsa-regional-offices>.container-fluid {
    max-width: 1004px;
    margin: 0 auto
}

.nhtsa-regional-offices a {
    color: #006e9f
}

.nhtsa-regional-offices--heading {
    text-align: center;
    font-size: 36px;
    font-weight: 900;
    line-height: .85
}

@media (max-width: 767px) {
    .nhtsa-regional-offices--heading {
        font-size: 24px;
        margin-bottom: 10px
    }
}

.nhtsa-regional-offices--caption {
    display: block;
    text-align: center;
    margin-bottom: 40px;
    font-size: 16px;
    font-weight: 400
}

@media (max-width: 767px) {
    .nhtsa-regional-offices--caption {
        font-size: 14px;
        margin-bottom: 10px
    }
}

.nhtsa-regional-offices--component input[type=text] {
    color: #111;
    border-width: 0;
    background-color: transparent;
    box-shadow: none;
    border-color: #bbb;
    font-size: 60px;
    font-weight: 200;
    padding: 0;
    height: auto !important
}

.nhtsa-regional-offices--component input[type=text]:focus,
.nhtsa-regional-offices--component input[type=text]:active {
    box-shadow: none;
    border-color: #bbb
}

@media (max-width: 768px) {
    .nhtsa-regional-offices--component input[type=text] {
        padding: .3em 0
    }
}

.nhtsa-regional-offices--component ::-webkit-input-placeholder {
    color: #777
}

.nhtsa-regional-offices--component ::-moz-placeholder {
    color: #777
}

.nhtsa-regional-offices--component :-ms-input-placeholder {
    color: #777
}

.nhtsa-regional-offices--component :-moz-placeholder {
    color: #777
}

.nhtsa-regional-offices--component .input-group-btn>button:not(.nhtsa-simple-search-btn) {
    border-width: 0;
    background-color: transparent;
    box-shadow: none;
    font-size: 30px;
    vertical-align: text-bottom;
    display: inline-block;
    border-color: #bbb;
    color: #0075b7;
    padding: 0
}

.nhtsa-regional-offices--component .dropdown-menu {
    width: 100%
}

@media (min-width: 768px) and (max-width: 991px) {
    .nhtsa-regional-offices--component input[type=text] {
        font-size: 30px
    }

    .nhtsa-regional-offices--component .input-group-btn>button {
        font-size: 15px
    }
}

@media (max-width: 767px) {
    .nhtsa-regional-offices--component input[type=text] {
        font-size: 17px
    }

    .nhtsa-regional-offices--component .input-group-btn>button {
        font-size: 12px;
        padding: .75em 0
    }
}

.nhtsa-regional-offices--region,
.nhtsa-regional-offices--state {
    margin-top: 40px
}

.nhtsa-regional-offices--region-heading {
    font-size: 24px;
    -webkit-font-smoothing: antialiased
}

.nhtsa-regional-offices--region-body>span,
.nhtsa-regional-offices--state-office--body>span {
    display: block;
    line-height: 1.5
}

.nhtsa-regional-offices--region-more a {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1.9;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    letter-spacing: .5px
}

.nhtsa-regional-offices--region-more a.active {
    text-decoration: underline !important
}

.nhtsa-regional-offices--region-more a:hover {
    text-decoration: none;
    cursor: pointer
}

.nhtsa-regional-offices--region-more--heading,
.nhtsa-regional-offices--state-heading {
    font-size: 12px;
    font-weight: 900;
    color: #636363;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    line-height: 2;
    letter-spacing: .5px
}

.nhtsa-regional-offices--region-more--heading {
    margin-top: 50px
}

.nhtsa-regional-offices--state-office {
    display: block;
    vertical-align: top;
    margin-bottom: 40px
}

.nhtsa-regional-offices--state-office--heading {
    font-size: 16px;
    margin-top: 0
}

.dropdown--regionsearch input {
    font-weight: 200
}

.dropdown--regionsearch span.region-search--list-item {
    padding: 20px
}

.dropdown--regionsearch .input-group-btn .btn {
    margin-top: 15px;
    vertical-align: text-bottom
}

@media (max-width: 767px) {
    .dropdown--regionsearch .input-group-btn .btn {
        margin-top: 0
    }
}

.region-search--input-wrapper {
    padding: 0 10px;
    background: #ffffff80;
    box-shadow: 0 3px 6px #ccc
}

.background-white .region-search--input-wrapper {
    background: #f5f5f580
}

.node-type-dir-listing #block-nhtsa-content {
    max-width: 1004px;
    margin: 16px auto;
    padding-left: 20px
}

.node-type-dir-listing #block-nhtsa-content:before {
    content: "FTP Access";
    display: block;
    margin-bottom: 20px;
    font-weight: 900;
    font-size: 2em
}

.node-type-dir-listing #block-nhtsa-content table[summary] {
    max-width: 98%
}

.node-type-dir-listing #block-nhtsa-content table[summary] thead th {
    text-transform: capitalize;
    border: none
}

.node-type-dir-listing #block-nhtsa-content table[summary] thead th a {
    color: #000
}

.node-type-dir-listing #block-nhtsa-content table[summary] thead th a img {
    display: none
}

.node-type-dir-listing #block-nhtsa-content table[summary] thead th:nth-child(2) {
    transform: translate(-1.25em)
}

.node-type-dir-listing #block-nhtsa-content table[summary] tbody {
    border: none
}

.node-type-dir-listing #block-nhtsa-content table[summary] tbody td {
    padding-bottom: 15px
}

.node-type-dir-listing #block-nhtsa-content table[summary] tbody td a {
    margin-left: 10px
}

.node-type-dir-listing #block-nhtsa-content table[summary] tbody td:last-child {
    color: #777
}

.node-type-dir-listing #block-nhtsa-content .node-dir-listing table td+td+td+td {
    width: 150px
}

.node-type-dir-listing #block-nhtsa-content .node-dir-listing table td+td+td+td+td {
    width: 350px
}

.node-type-dir-listing .dir-listing-status {
    padding-left: calc(10px + 1.5em)
}

.page-header--alt {
    position: relative;
    background-color: #010101;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 25px
}

.page-header--alt>.container-fluid {
    max-width: 1004px;
    margin: 0 auto
}

.page-header--alt>.container-fluid,
.page-header--alt>.container-fluid>.row {
    background: none
}

.page-header--background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.page-header--alt-inner {
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width: 992px) {
    .page-header--alt-inner {
        padding-left: 10px;
        padding-right: 10px;
        flex: 0 0 auto;
        width: 75%;
        margin-left: 8.33333333%
    }
}

.page-header--alt-inner.black-font .page-header--alt-heading,
.page-header--alt-inner.black-font .page-header-alt-caption {
    color: #111
}

.page-header--alt-label {
    text-transform: uppercase;
    color: #ffcc06;
    font-size: 12px;
    font-weight: 900;
    background-color: transparent
}

.page-header--alt-label:focus,
.page-header--alt-label:hover {
    color: #ffcc06;
    text-decoration: none
}

.page-header--alt-heading {
    color: #fff;
    margin-top: 10px;
    font-size: 45px
}

@media (max-width: 767px) {
    .page-header--alt-heading {
        font-size: 34px
    }
}

.page-header-alt-caption {
    color: #fff;
    -webkit-font-smoothing: antialiased;
    font-size: 18px
}

@media (min-width: 992px) {
    .page-header-alt-caption {
        max-width: 55%;
        display: inline-block
    }
}

@media (max-width: 767px) {
    .page-header--book {
        background-image: none !important;
        background-color: #13386e !important
    }
}

@media (min-width: 768px) {
    .page-header--two-col .row>header {
        display: flex
    }

    .page-header--two-col aside {
        display: block;
        flex: 1
    }
}

.page-header--two-col .row>header {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #222;
    color: #fff;
    min-height: 450px;
    align-items: center
}

@media (min-width: 992px) {
    .page-header--two-col .row>header {
        justify-content: flex-end
    }

    .page-header--two-col .row>header .page-header--header-content {
        width: 820px
    }
}

@media (max-width: 767.98px) {
    .page-header--two-col .row>header {
        min-height: inherit;
        padding-top: 1.875rem;
        padding-bottom: 1.875rem
    }
}

@media (min-width: 768px) {
    .page-header--two-col .row>header {
        min-height: 656px
    }
}

.page-header--two-col .row>header h1,
.page-header--two-col .row>header span {
    margin-left: 1.25rem
}

.page-header--two-col .row>header h1 {
    max-width: 400px;
    display: block;
    margin-top: 0;
    font-size: 2.8125rem;
    margin-bottom: 1.25rem;
    position: relative;
    -webkit-font-smoothing: antialiased
}

.page-header--two-col .row>header h1:before {
    content: attr(data-text);
    position: absolute;
    max-width: 500px;
    width: 100%;
    color: #ffcc06;
    -webkit-font-smoothing: antialiased;
    clip: rect(0, 0, 1400px, 0);
    transition: clip .2s ease-out
}

@media (max-width: 767.98px) {
    .page-header--two-col .row>header h1 {
        font-size: 47px;
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }

    .page-header--two-col .row>header h1:hover {
        color: #ffcc06
    }

    .page-header--two-col .row>header h1:before {
        display: none
    }
}

.page-header--two-col .row>header a {
    color: #fff
}

.page-header--two-col .row>header .black-font {
    color: #111
}

.page-header--two-col aside {
    background-color: #111;
    color: #fff;
    padding: 1.875rem;
    align-items: center
}

.page-header--two-col aside h1,
.page-header--two-col aside p {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: .625rem;
    padding-bottom: .625rem
}

.page-header--two-col aside h1 {
    font-weight: 700;
    font-size: 2.8125rem;
    padding-top: .625rem;
    padding-bottom: .625rem
}

.page-header--two-col aside h1 small {
    display: block;
    color: #fff;
    font-weight: 300;
    font-size: 100%
}

@media (min-width: 768px) {
    .page-header--two-col aside h1 {
        font-size: 3rem
    }

    .page-header--two-col aside h1 small {
        font-size: 80%
    }
}

@media (max-width: 575.98px) {
    .page-header--two-col aside h1 {
        font-size: 2.625rem
    }
}

.page-header--two-col aside h1+p {
    padding-top: .625rem;
    padding-bottom: .625rem
}

@media (max-width: 575.98px) {
    .page-header--two-col aside h1+p {
        font-size: 1.25rem
    }
}

@media (min-width: 576px) {
    .page-header--two-col aside {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media (min-width: 576px) {
    .page-header--two-col--search {
        width: 285px;
        margin: 0 auto
    }
}

.page-header--two-col--search p:not(.small) {
    margin-bottom: 2.1875rem
}

@media (min-width: 768px) {
    .page-header--two-col--search p.small:last-child {
        position: absolute;
        padding-bottom: 0;
        bottom: 2.5rem;
        width: inherit
    }
}

.page-header--two-col--search p a {
    color: #fff;
    display: inline-block;
    position: relative
}

.page-header--two-col--search p a:after {
    content: "";
    border-bottom: 1px solid #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.page-header--two-col--search p a:hover {
    text-decoration: none
}

.page-header--two-col--search p a:hover:after {
    border-bottom: 3px solid #fff;
    bottom: -2px
}

.page-header--two-col--search button {
    margin-top: 1.25rem;
    width: 100%;
    text-transform: uppercase
}

.page-header--two-col--search p.small {
    padding-top: 2.1875rem;
    color: #999;
    text-align: left
}

.page-header--two-col--link {
    display: block;
    position: relative
}

.page-header--two-col--link span {
    max-width: 300px
}

@media (min-width: 576px) {
    .page-header--two-col--link span {
        font-size: 1.25rem
    }
}

@media (max-width: 767.98px) {
    .page-header--two-col--link {
        max-width: 100%;
        text-align: center
    }
}

@media (min-width: 768px) {
    .page-header--two-col--link {
        display: inline-block
    }
}

.page-header--two-col--link:hover,
.page-header--two-col--link:focus,
.page-header--two-col--link:active {
    text-decoration: none;
    cursor: pointer
}

.page-header--two-col--link:hover h1:before,
.page-header--two-col--link:focus h1:before,
.page-header--two-col--link:active h1:before {
    clip: rect(0, 500px, 1400px, 0) !important
}

.page-header {
    margin: 0;
    padding: 110px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #111;
    color: #fff;
    min-height: 450px;
    border: none
}

.page-header>.row {
    padding-left: 10px;
    padding-right: 10px
}

.page-header header {
    max-width: 1004px;
    margin: 0 auto
}

@media (max-width: 767px) {
    .page-header {
        padding: 175px 0 70px;
        background-position: top center;
        text-align: center;
        min-height: inherit
    }
}

@media (max-width: 991px) {
    .page-header {
        padding-left: 10px
    }
}

.page-header--heading-label {
    font-size: 14px;
    font-weight: 900;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

@media (max-width: 767px) {
    .page-header--heading-label {
        font-size: 14px
    }
}

.page-header--heading {
    font-size: 40px;
    font-family: Roboto Slab, serif;
    font-weight: 300;
    margin: 20px 0;
    line-height: 1.25
}

@media (max-width: 767px) {
    .page-header--heading {
        font-size: 24px;
        font-weight: 400;
        line-height: 1.4;
        -webkit-font-smoothing: antialiased
    }
}

.page-header--heading-link {
    color: #fff;
    font-weight: 900;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    line-height: 1
}

.page-header--heading-link:hover {
    color: #fff;
    text-decoration: none
}

.page-header-white-font {
    background-color: #0000008c;
    padding: 15px;
    margin: -15px 0 0 -15px
}

.page-header-black-font {
    background-color: #ffffff8c;
    padding: 15px;
    margin: -15px 0 0 -15px
}

form.quiz {
    border: solid 10px rgb(255, 204, 6);
    box-shadow: none;
    padding: 58px 45px 39px;
    margin-bottom: 80px;
    text-align: center
}

form.quiz .quiz--label {
    margin: 0;
    padding: 0;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px
}

form.quiz h2 {
    color: #000;
    font-size: 44px;
    font-weight: 700;
    line-height: 50px;
    margin-top: 14px
}

form.quiz .quiz--progress {
    color: #363636;
    font-size: 18px;
    margin: 26px 0 18px
}

form.quiz legend {
    border: none;
    color: #363636;
    line-height: 36px;
    font-size: 26px;
    margin-bottom: 0;
    text-align: center
}

form.quiz fieldset ul {
    list-style: none;
    margin: 33px auto 0;
    padding: 0;
    width: 93%
}

form.quiz fieldset label.btn.btn-default {
    box-shadow: 0 1px 2px #00000026;
    color: #222;
    font-size: 18px;
    margin-bottom: 3px;
    padding: 25.5px 20px;
    position: relative;
    width: 100%;
    white-space: normal
}

form.quiz fieldset label.btn.btn-default:hover {
    background-color: #feffff;
    text-decoration: underline
}

form.quiz fieldset label.btn.btn-default input[type=radio] {
    width: 0;
    opacity: .01
}

form.quiz fieldset label.btn.btn-default input~span {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px
}

form.quiz fieldset label.btn.btn-default input:focus+span {
    border: 2px dashed #19acff
}

form.quiz fieldset label.btn.btn-default input:checked+span {
    border: 2px solid rgb(0, 117, 183)
}

form.quiz fieldset button {
    margin-top: 30px;
    color: #0075b7;
    background-color: transparent;
    font-weight: 700
}

form.quiz .quiz--answer-response {
    display: flex;
    justify-content: end;
    background-color: #f6f6f6;
    margin-top: 21px;
    padding: 47px 0 30px
}

form.quiz .quiz--answer-response>div:first-child {
    flex: 1
}

form.quiz .quiz--answer-response>div:first-child>span {
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    height: 64px;
    width: 64px
}

form.quiz .quiz--answer-response>div:first-child>span span[class*=icon-] {
    font-size: 34px
}

form.quiz .quiz--answer-response>div:first-child>span span[class*=icon-]:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

form.quiz .quiz--answer-response>div:first-child>span span:not([class*=icon-]) {
    font-size: 50px;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

form.quiz .quiz--answer-response>div:last-child {
    flex: 3;
    text-align: left
}

form.quiz .quiz--answer-response>div:last-child>span {
    font-size: 14px;
    font-weight: 700;
    color: #777
}

form.quiz .quiz--answer-response>div:last-child>p {
    color: #222
}

.home--recalls {
    background: url(/themes/custom/nhtsa_2024/images/bg-pattern-recalls.png);
    padding-top: 100px;
    padding-bottom: 70px
}

@media (max-width: 767px) {
    .home--recalls {
        padding-top: 40px;
        padding-bottom: 10px
    }
}

.home--recalls header {
    font-size: 2.25rem
}

.home--recalls header a {
    line-height: 2
}

.home--recalls header a h2 {
    margin: 0 -5px 0 0;
    vertical-align: text-top;
    font-size: 24px
}

@media (max-width: 767px) {
    .home--recalls header h1 {
        font-size: 28px
    }

    .home--recalls header a {
        line-height: 2
    }

    .home--recalls header a h2 {
        font-size: 17px;
        margin-right: -.35em
    }
}

.home--recalls article {
    position: relative;
    align-items: center;
    display: flex;
    padding-top: 30px;
    padding-bottom: 30px
}

@media (max-width: 767px) {
    .home--recalls article {
        display: block
    }
}

.home--recalls article:last-of-type:after,
.home--recalls article:before {
    content: "";
    border-top: 1px solid rgb(0, 0, 0);
    left: 10px;
    right: 10px;
    display: block;
    top: 0;
    position: absolute
}

.home--recalls article:last-of-type:after {
    top: auto;
    bottom: 0
}

.home--recalls article:first-child:before {
    display: none
}

.home--recalls article h3 {
    margin-top: -.2em
}

.home--recalls article h3,
.home--recalls article h3 a {
    font-size: 28px;
    font-weight: 700;
    color: #1e1e1e
}

.home--recalls article p {
    margin-bottom: 0;
    color: #1e1e1e
}

.home--recalls article p a {
    color: #1e1e1e
}

.home--recalls article p a:hover {
    color: #1e1e1e;
    text-decoration: none
}

.home--recalls article p b,
.home--recalls article p strong {
    font-family: Roboto Slab, serif
}

.home--recalls-label {
    margin-top: auto;
    margin-bottom: auto;
    display: inline-block;
    font-weight: 700
}

.home--recalls-label:empty {
    display: none
}

.home--recalls-label small {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 15px;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: .5px
}

.home--recalls-label small.highlight {
    color: #bf1e2d
}

.home--recalls-label small:empty {
    display: none !important
}

@media (max-width: 991px) {
    .home--recalls-label {
        font-size: 20px
    }
}

.home--recalls-copy--flex {
    display: flex;
    flex: 1;
    gap: 32px;
    flex-direction: column
}

@media (min-width: 992px) {
    .home--recalls-copy--flex {
        gap: 76px;
        align-items: center;
        flex-direction: row;
        flex: 2
    }
}

.home--recalls-copy-content {
    max-width: 396px;
    width: 100%
}

.home--recalls-stat-container {
    text-align: right;
    flex: 1
}

@media (max-width: 767px) {
    .home--recalls-stat-container {
        text-align: left
    }
}

.home--recalls-stat {
    font-size: 60px;
    font-weight: 900;
    padding: 0 10px;
    display: inline-block;
    position: relative;
    letter-spacing: -2px
}

@media (max-width: 767px) {
    .home--recalls-stat {
        font-size: 36px;
        margin-right: auto;
        padding-left: 0;
        letter-spacing: 0
    }
}

.home--recalls-stat span {
    position: relative
}

.home--recalls-stat:before {
    content: "";
    display: block;
    width: 100%;
    height: 35%;
    right: 0;
    background-color: #ffcc06;
    position: absolute;
    top: 50%;
    transform: translateY(-45%);
    transition: all .75s ease-in
}

.home--recalls-stat span.scrolled-into-view+:after {
    width: 100%
}

.home--recalls-stat--label {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .5px
}

@media (max-width: 991px) {
    .home--recalls-stat--label {
        font-size: 15px
    }
}

.home--recalls-body {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1104px;
    margin-top: 60px;
    padding-bottom: 100px
}

@media (min-width: 768px) {
    .home--recalls-main {
        padding-right: 52px
    }
}

@media (min-width: 992px) {
    .home--recalls-main {
        padding-right: 92px
    }
}

.home--recalls-aside {
    padding-top: 60px
}

@media (min-width: 768px) {
    .home--recalls-aside {
        padding-top: 20px
    }
}

.home--recalls-header+*:not(.home--recalls-copy) {
    margin-top: 54px
}

*+.home--recalls-copy-cta {
    margin-top: 30px
}

.home--recalls-eyebrow {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    color: #222;
    text-transform: uppercase
}

.home--recalls-list {
    padding: 0;
    margin-top: 30px;
    max-width: 412px;
    list-style: none;
    column-count: 2;
    column-gap: 40px;
    font-weight: 700;
    font-size: 16px
}

.home--recalls-list li+li {
    margin-top: 12px
}

.home--recalls-title {
    margin-top: 6px;
    font-size: 54px;
    font-weight: 700;
    color: #000
}

.home--recalls-callout {
    padding: 40px 56px;
    background-color: #fff;
    border: 5px solid rgb(255, 204, 6);
    color: #000
}

.home--recalls-callout .home--recalls-callout-title {
    font-family: Roboto Slab, serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    text-transform: uppercase
}

.home--recalls-callout .home--recalls-callout-title+* {
    margin-top: 21px
}

.home--recalls-callout .home--recalls-callout-body {
    font-family: Roboto Slab, serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px
}

.home--recalls-callout .home--recalls-callout-link {
    display: block;
    margin-top: 24px
}

.home--recalls .btn {
    width: auto;
    padding: 15px 38px;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.home--recalls.bg-yellow,
.home--recalls.bg-yellow .home--recalls-callout {
    background: #ffcc06
}

.home--recalls.bg-yellow .btn,
.home--recalls.bg-yellow .btn:hover {
    background-color: #222;
    border-color: #222;
    color: #fff
}

.home--recalls.bg-yellow .home--recalls-callout {
    border-color: #000
}

.home--recalls.bg-yellow,
.home--recalls.bg-yellow .home--recalls-callout,
.home--recalls.bg-yellow .home--recalls-callout .home--recalls-callout-link,
.home--recalls.bg-yellow .home--recalls-callout .home--recalls-callout-link:hover {
    color: #000
}

.home--recalls.bg-red,
.home--recalls.bg-red .btn,
.home--recalls.bg-red .btn:hover,
.home--recalls.bg-red .home--recalls-callout {
    background: #c02232
}

.home--recalls.bg-red .btn,
.home--recalls.bg-red .btn:hover {
    border: 2px solid rgb(255, 255, 255);
    color: #fff
}

.home--recalls.bg-red .home--recalls-callout {
    border-color: #fff
}

.home--recalls.bg-red,
.home--recalls.bg-red .btn,
.home--recalls.bg-red .home--recalls-eyebrow,
.home--recalls.bg-red .home--recalls-title,
.home--recalls.bg-red .home--recalls-label,
.home--recalls.bg-red .home--recalls-label small,
.home--recalls.bg-red .home--recalls-copy-content,
.home--recalls.bg-red .home--recalls-copy-content p,
.home--recalls.bg-red .home--recalls-callout,
.home--recalls.bg-red .home--recalls-callout .home--recalls-callout-link,
.home--recalls.bg-red .home--recalls-callout .home--recalls-callout-link:hover {
    color: #fff
}

.home--recalls.bg-red a,
.home--recalls.bg-red a:hover,
.home--recalls.bg-red a:hover:before {
    color: #fff
}

.home--recalls.bg-red h3 {
    color: #fff
}

.recall-alert--container {
    background: #13386e;
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(3, 98, 151);
    color: #fff
}

@media (max-width: 768px) {
    .recall-alert--container {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.recall-alert--container.elevated {
    background: #671018
}

.recall-alert--container.elevated a {
    color: #fff
}

.recall-alert--container.default,
.recall-alert--container.yellow {
    padding: 12.0481927711px 20px;
    background: #ffcc06;
    color: #222
}

.recall-alert--container.default .recall-alert--content p,
.recall-alert--container.default .recall-alert--links,
.recall-alert--container.yellow .recall-alert--content p,
.recall-alert--container.yellow .recall-alert--links {
    display: inline;
    font-size: 16px
}

.recall-alert--container.default .recall-alert--links a,
.recall-alert--container.yellow .recall-alert--links a {
    display: inline;
    color: #222;
    padding-left: 4px
}

.recall-alert--container.default .recall-alert--content p:empty,
.recall-alert--container.yellow .recall-alert--content p:empty {
    display: none !important
}

.recall-alert--container .container-fluid {
    display: flex;
    justify-content: center;
    margin: 0 auto
}

.recall-alert--container p {
    margin-top: 10px;
    margin-bottom: 10px
}

.recall-alert--container .recall-alert--close {
    display: none;
    position: absolute;
    right: 17px;
    z-index: 5;
    transition: transform .25s ease-out
}

@media (min-width: 768px) {
    .recall-alert--container .recall-alert--close {
        height: 40px;
        width: 40px;
        top: 20px
    }
}

@media (max-width: 767px) {
    .recall-alert--container .recall-alert--close {
        height: 30px;
        width: 30px;
        top: 15px
    }
}

.recall-alert--container .recall-alert--close:hover {
    transform: rotate(360deg)
}

.recall-alert--container .close {
    position: absolute;
    color: #fff;
    font-size: 66px;
    font-weight: 200;
    line-height: .25em;
    opacity: 1;
    transition: transform .25s ease-out;
    z-index: 1056
}

@media (min-width: 768px) {
    .recall-alert--container .close {
        top: -2px;
        left: 2px
    }
}

.recall-alert--container .close:hover {
    opacity: .75
}

@media (max-width: 767px) {
    .recall-alert--container .close {
        font-size: 45px;
        top: 1px;
        right: 4px
    }
}

.recall-alert--container .recall-alert--links a {
    display: block;
    color: #fff;
    font-weight: 700;
    padding-bottom: 3px
}

.yellow .recall-alert--container .recall-alert--links a {
    color: #111
}

@media (max-width: 767px) {
    .recall-alert--container .recall-alert--links a:last-of-type {
        width: 80%;
        margin-bottom: 10px
    }
}

.recall-alert--container .recall-alert--close:focus,
.recall-alert--container .recall-alert--close .close:focus {
    outline: none;
    border: 0
}

.recall-alert--container .alert-admin-edit {
    display: inline-block;
    padding-right: 20px
}

.recall-alert--tagline {
    color: #ffcc06;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    padding-bottom: 10px
}

.yellow .recall-alert--tagline {
    color: #bf1e2d
}

.recall-alert--headline h1 {
    max-width: 450px;
    display: block;
    margin-top: 0;
    font-size: 32px;
    position: relative;
    -webkit-font-smoothing: antialiased
}

.recall-alert--headline h1:before {
    content: attr(data-text);
    position: absolute;
    max-width: 450px;
    width: 100%;
    color: #ffcc06;
    -webkit-font-smoothing: antialiased;
    clip: rect(0, 0, 1400px, 0);
    transition: clip .2s ease-out
}

@media (max-width: 767px) {
    .recall-alert--headline h1 {
        font-size: 28px
    }

    .recall-alert--headline h1:hover {
        color: #ffcc06
    }

    .recall-alert--headline h1:before {
        display: none
    }
}

.recall-alert--headline a {
    color: #fff
}

.recall-alert--image {
    height: 100%
}

.recall-alert--image img {
    max-width: 100%
}

@media (min-width: 991px) {
    .recall-alert--image img {
        padding-left: 10%
    }
}

.recall-alert--headline-link {
    display: block;
    position: relative
}

@media (max-width: 767px) {
    .recall-alert--headline-link {
        max-width: 100%
    }
}

.recall-alert--headline-link:hover,
.recall-alert--headline-link:focus,
.recall-alert--headline-link:active {
    text-decoration: none;
    cursor: pointer
}

.recall-alert--headline-link:hover h1:before,
.recall-alert--headline-link:focus h1:before,
.recall-alert--headline-link:active h1:before {
    clip: rect(0, 500px, 1400px, 0) !important
}

.ratings--safety-tech {
    background: #ffcc06;
    padding: 50px 0;
    position: relative;
    z-index: 2
}

.ratings--safety-tech .container-fluid {
    max-width: 1004px
}

.ratings--safety-tech .container-fluid a {
    color: #222
}

.ratings--safety-tech .container-fluid .ratings--safety-tech-heading h1 {
    font-weight: 300;
    font-family: Roboto Slab, serif
}

.ratings--safety-tech .container-fluid .ratings--safety-tech-row {
    border-bottom: 1px solid #e4af12;
    display: flex;
    flex-direction: row
}

.ratings--safety-tech .container-fluid .ratings--safety-tech-item {
    border-right: 1px solid #e4af12;
    margin: 40px 0;
    text-align: center
}

.ratings--safety-tech .container-fluid .ratings--safety-tech-item img {
    display: block;
    margin: 0 auto
}

.ratings--safety-tech .container-fluid .ratings--safety-tech-item span {
    display: block;
    padding-top: 10px;
    width: 70%;
    margin: 0 auto
}

.ratings--safety-tech .container-fluid .ratings--safety-tech-item:last-of-type {
    border-right: 0
}

@media (max-width: 767px) {
    .ratings--safety-tech .container-fluid .ratings--safety-tech-item {
        border: none
    }

    .ratings--safety-tech .container-fluid .ratings--safety-tech-item span {
        padding-bottom: 10px;
        border-bottom: 1px solid #e4af12
    }
}

.ratings--safety-tech .container-fluid .ratings--safety-tech-list span {
    display: block;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 13px;
    padding: 1px 0
}

.ratings--safety-tech .container-fluid .ratings--safety-tech-list span.link-arrow:after {
    margin-top: -1px
}

.share-and-language {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f6f6f6
}

@media (max-width: 767px) {
    .share-and-language {
        padding-top: 0;
        position: relative
    }
}

.share-and-language:after {
    content: "";
    padding-top: 15px;
    position: relative;
    display: block;
    width: 100%
}

.share-and-language>.container-fluid {
    max-width: 1004px;
    margin: 0 auto;
    position: relative
}

.share-and-language>.container-fluid:after {
    border-bottom: 1px solid rgb(221, 221, 221);
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: -10px
}

@media (max-width: 767px) {
    .share-and-language>.container-fluid:after {
        left: 0;
        right: 0;
        bottom: 0
    }
}

@media (max-width: 991.98px) {
    .share-and-language--share {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 767px) {
    .share-and-language--share {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.share-and-language--share-label {
    font-size: 18px;
    color: #111;
    font-family: Roboto Slab, serif
}

.share-and-language--share [class^=icon-],
.share-and-language--share [class*=" icon-"],
.share-and-language--share [class^=faq-Icon],
.share-and-language--share [class*=" faq-Icon"] {
    font-size: 20px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block
}

.share-and-language--share [class^=icon-].icon-Facebook,
.share-and-language--share [class*=" icon-"].icon-Facebook,
.share-and-language--share [class^=faq-Icon].icon-Facebook,
.share-and-language--share [class*=" faq-Icon"].icon-Facebook {
    color: #3a589a
}

.share-and-language--share [class^=icon-].icon-x,
.share-and-language--share [class*=" icon-"].icon-x,
.share-and-language--share [class^=faq-Icon].icon-x,
.share-and-language--share [class*=" faq-Icon"].icon-x {
    color: #000
}

.share-and-language--share [class^=icon-].icon-Twitter,
.share-and-language--share [class*=" icon-"].icon-Twitter,
.share-and-language--share [class^=faq-Icon].icon-Twitter,
.share-and-language--share [class*=" faq-Icon"].icon-Twitter {
    color: #1da8e2
}

.share-and-language--share [class^=icon-].icon-LinkedIn,
.share-and-language--share [class*=" icon-"].icon-LinkedIn,
.share-and-language--share [class^=faq-Icon].icon-LinkedIn,
.share-and-language--share [class*=" faq-Icon"].icon-LinkedIn {
    color: #0076b8
}

.share-and-language--share [class^=icon-].icon-Mail,
.share-and-language--share [class*=" icon-"].icon-Mail,
.share-and-language--share [class^=faq-Icon].icon-Mail,
.share-and-language--share [class*=" faq-Icon"].icon-Mail {
    color: #acacac
}

.share-and-language--lang .dropdown>span:hover,
.share-and-language--lang .dropdown-menu a:hover {
    color: #636363
}

.share-and-language--lang .dropdown-menu {
    margin-left: -20px;
    border: none;
    padding-bottom: 10px;
    padding-top: 10px;
    box-shadow: none;
    background-color: #f6f6f6;
    min-width: auto
}

@media (max-width: 768px) {
    .share-and-language--lang .dropdown-menu {
        border: 1px solid #999;
        border-top: 0;
        margin-top: 1px
    }
}

@media (min-width: 768px) {
    .share-and-language--lang .dropdown-menu {
        border: 0;
        padding-top: 30px
    }

    .share-and-language--lang .dropdown-menu:before {
        content: "";
        height: 1px;
        background-color: #999;
        position: absolute;
        left: 20px;
        right: 20px;
        width: 100%;
        top: 11px;
        display: block;
        margin-left: -20px
    }
}

.share-and-language--lang .dropdown-menu li a {
    color: #000
}

@media (min-width: 768px) {
    .share-and-language--lang {
        text-align: right
    }
}

@media (max-width: 767px) {
    .share-and-language--lang {
        display: block;
        background-color: #000;
        color: #fff;
        padding-left: 20px;
        padding-right: 20px
    }
}

.share-and-language--lang-label {
    margin-right: 5px;
    font-size: 14px;
    color: #fff
}

@media (min-width: 768px) {
    .share-and-language--lang-label {
        color: #5a5a5a
    }
}

.landing-page-lang #language-selector-button,
.share-and-language--lang #language-selector-button {
    font-weight: 900;
    font-size: 14px;
    cursor: pointer;
    padding: 4px 0
}

@media (max-width: 767.98px) {

    .landing-page-lang #language-selector-button,
    .share-and-language--lang #language-selector-button {
        color: #fff
    }
}

.share-and-language--lang-label+.dropdown>[type=button] {
    font-weight: 900;
    font-size: 14px;
    cursor: pointer;
    padding: 0;
    color: inherit
}

.safety-issue-search .form-control,
.safety-issue-search .form-check {
    margin-top: 10px;
    margin-bottom: 10px
}

@media (max-width: 767.98px) {
    .safety-issue-search .search-bar {
        row-gap: 20px
    }
}

.safety-issue-search .form-check {
    gap: 20px;
    position: relative;
    padding-left: 0
}

@media (min-width: 768px) {
    .safety-issue-search .form-check {
        top: 10px
    }
}

.safety-issue-search .safety-issues--search-list>div {
    border-bottom: 1px solid rgb(204, 204, 204)
}

.progressbar {
    position: relative;
    z-index: 2;
    height: 5px;
    background: transparent;
    margin-top: -1px;
    background: #ebebeb;
    width: 100%
}

.progressbar .scroll-progress {
    width: 100%;
    height: 5px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.progressbar .scroll-progress-inner {
    position: absolute;
    left: 0;
    height: 100%;
    width: 0;
    background-color: #ffcc06
}

.page-topic--subnav-mobile .progressbar,
.page-topic--subnav-mobile .scroll-progress {
    height: 3px
}

@keyframes pulse {
    0% {
        transform: scale(.1);
        opacity: 0
    }

    50% {
        transform: scale(2);
        opacity: .5
    }

    to {
        transform: scale(.1);
        opacity: 0
    }
}

@keyframes pulse-large {
    0% {
        transform: scale(.1);
        opacity: 0
    }

    50% {
        transform: scale(3);
        opacity: .5
    }

    to {
        transform: scale(.1);
        opacity: 0
    }
}

.big-sliding-car,
.floating-links {
    position: relative;
    z-index: 1;
    transition: all 1s;
    transform: translateY(50%);
    will-change: transform
}

.big-sliding-car {
    display: inline-block;
    transform: translateY(50%)
}

.big-sliding-car.no-static {
    display: block;
    text-align: center
}

.big-sliding-car.no-static>div {
    display: inline-block;
    position: relative
}

.big-sliding-car img {
    max-width: 100%
}

.red-dot {
    height: 20px;
    width: 20px;
    background: #bf1e2d;
    border-radius: 100%;
    position: absolute;
    opacity: 0;
    transition: all .5s;
    transform: translate(-50%, -50%)
}

.red-dot.active {
    opacity: 1;
    transition: all .5s
}

.red-dot:before {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    background: inherit;
    border-radius: 50%;
    position: relative;
    animation: pulse 1s ease-in infinite
}

.red-dot:after {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    top: -20px;
    background: inherit;
    border-radius: 50%;
    position: relative;
    animation: pulse-large 1s ease-in infinite
}

.red-dot.frontal {
    position: absolute;
    bottom: -5px;
    left: calc(50% - 10px)
}

.red-dot.pole {
    position: absolute;
    bottom: 20%;
    right: 0
}

.red-dot.barrier {
    position: absolute;
    bottom: 50%;
    right: 0
}

.big-flipped-car img {
    display: block;
    position: relative;
    padding: 0;
    margin: 0 auto
}

.ratings--crash-scenario {
    contain: paint;
    position: relative;
    will-change: transform
}

.ratings--crash-scenario .big-sliding-car-container {
    position: absolute;
    height: 100%;
    background: transparent;
    z-index: 1;
    overflow: hidden;
    padding: 0
}

.ratings--crash-scenario .container-fluid {
    padding: 0
}

.ratings--crash-scenario .container-fluid>.row {
    padding: 40px 0
}

.ratings--crash-scenario .container-fluid .ratings--safety-tech-item-title {
    display: block;
    font-size: 18px;
    font-weight: 900;
    padding: 5px 0
}

.ratings--crash-scenario .container-fluid .ratings--safety-tech-item-content {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px
}

@media (min-width: 1004px) {
    .ratings--crash-scenario .container-fluid .ratings--safety-tech-item-content {
        width: 80%
    }
}

.ratings--crash-scenario .container-fluid .ratings--safety-tech-item-list-title {
    display: block;
    font-size: 16px;
    font-weight: 900;
    padding: 20px 0
}

@media (max-width: 767px) {
    .ratings--crash-scenario .container-fluid .ratings--safety-tech-item-list-title {
        text-align: center
    }
}

.ratings--crash-scenario .container-fluid .static-stability {
    padding: 0
}

.ratings--crash-scenario .container-fluid .small-car img {
    display: block;
    margin: 10px auto;
    width: 100px;
    height: auto
}

.ratings--crash-scenario .container-fluid .ratings--crash-img {
    display: block;
    margin: 0;
    text-align: center
}

.ratings--crash-scenario .container-fluid .ratings--crash-img img {
    display: block;
    margin: 0 auto
}

@media (max-width: 768px) {
    .ratings--crash-scenario .container-fluid .ratings--crash-img {
        padding: 10px
    }
}

@media (min-width: 679px) {
    .ratings--crash-scenario .container-fluid .ratings-safety-tech-item-list ul {
        min-height: 70px;
        padding-left: 10px
    }
}

.ratings--crash-scenario .container-fluid .ratings-safety-tech-item-list li {
    padding-bottom: 10px;
    -webkit-font-smoothing: antialiased
}

.ratings--crash-scenario .container-fluid .ratings-safety-tech-item-list li p {
    margin-bottom: 0
}

.ratings--crash-scenario .container-fluid .ratings-safety-tech-item-list li span {
    color: #222
}

.ratings--crash-scenario .container-fluid .top-header {
    padding: 80px 10px 20px;
    overflow: visible
}

.ratings--crash-scenario .container-fluid .top-header p:not(:empty) {
    padding-bottom: 70px;
    border-bottom: 1px solid rgb(204, 204, 204)
}

.ratings--crash-scenario .container-fluid .top-header h4 {
    font-size: 36px;
    font-weight: 300;
    font-family: Roboto Slab, serif
}

.ratings--crash-scenario .container-fluid .alternating-colors {
    background: #fff;
    padding: 40px 10px
}

.ratings--crash-scenario .container-fluid .alternating-colors:nth-child(odd) {
    background: #f6f6f6
}

.ratings--crash-scenario .container-fluid .rollover {
    position: relative;
    z-index: 2;
    transform: translateZ(0)
}

.ratings--crash-scenario .ratings--inset--safety-info {
    width: 90%;
    font-size: 14px;
    padding-top: 20px
}

.ratings--crash-scenario .ratings--inset--safety-info .ratings--safety-tech-item-title {
    font-size: 16px
}

@media (min-width: 1004px) {
    .ratings--crash-scenario .ratings--inset--safety-info .ratings--safety-tech-item-content {
        width: 70%
    }
}

@media (min-width: 1004px) {
    .ratings--crash-scenario .col-sm-2 {
        width: 80px
    }
}

.ratings--crash-scenario-sticky-column {
    display: none;
    position: absolute;
    top: -100%;
    left: 0;
    height: 200%;
    width: 33.33%;
    z-index: 1;
    will-change: transform
}

@media (min-width: 768px) {
    .ratings--crash-scenario-sticky-column {
        display: flex
    }
}

.ratings--crash-scenario-sticky-column>div {
    position: sticky;
    top: 25%;
    margin: 20px auto;
    align-self: flex-start;
    transition: all .2s ease-out;
    padding: 0 10px;
    will-change: transform
}

.ratings--crash-scenario-sticky-column>div img {
    transform: translateZ(0);
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 0;
    transition: all 1s ease-out
}

.ratings--crash-scenario-sticky-column>div img.loaded {
    opacity: 1
}

.ratings--crash-scenario-nav {
    display: none;
    position: absolute;
    top: 0;
    right: 8.33%;
    height: 100%;
    width: 16.67%;
    z-index: 2
}

@media (min-width: 768px) {
    .ratings--crash-scenario-nav {
        display: flex
    }
}

.ratings--crash-scenario-nav>ul {
    position: sticky;
    padding: 60px 0;
    list-style-type: none;
    top: 35%;
    font-size: 14px;
    margin: 0 auto;
    align-self: flex-start;
    justify-self: center;
    transition: all .2s ease-out
}

.ratings--crash-scenario-nav>ul li {
    display: block;
    width: 100%;
    padding: 5px 30px
}

.ratings--crash-scenario-nav>ul li:before {
    padding-right: 5px
}

.ratings--crash-scenario-nav>ul .active a {
    color: #222;
    text-shadow: 1px 0px
}

.ratings--crash-scenario-nav>ul .active:before {
    content: "▶";
    position: absolute;
    left: 15px;
    padding-top: 2px;
    font-size: 10px;
    font-family: icomoon !important
}

@media screen and (max-width: 992px) {

    .ratings--safety-tech-item-content,
    .ratings--safety-tech-item-title,
    .ratings-safety-tech-item-list {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .ratings-safety-tech-item-list ul {
        margin-left: 15px
    }

    .ratings--crash-scenario .col-md-6.offset-md-4 .row {
        padding-left: 10px;
        padding-right: 10px
    }
}

.small-block-video {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    clear: both
}

.small-block-video .container-fluid {
    max-width: 1004px !important;
    margin-left: auto;
    margin-right: auto
}

.small-block-video .small-block-video-container {
    display: block;
    height: auto;
    margin: 5px auto
}

@media (min-width: 1004px) {
    .small-block-video .small-block-video-container {
        margin: 10px auto
    }
}

.small-block-video .block-video--inner {
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #222;
    color: #fff
}

@media (max-width: 767px) {
    .small-block-video .block-video--inner {
        padding: 20px
    }
}

.small-block-video .block-video--inner .tag-h5 {
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px
}

.small-block-video .block-video--inner .tag-h1 {
    font-family: Roboto Slab, serif;
    font-size: 48px;
    line-height: 1.25;
    padding: 10px 0
}

@media (min-width: 768px) {
    .small-block-video .block-video--inner .tag-h1 {
        letter-spacing: .5px
    }
}

@media (max-width: 767px) {
    .small-block-video .block-video--inner .tag-h1 {
        padding-top: 5px;
        padding-bottom: 10px;
        font-size: 30px
    }
}

@media (max-width: 480px) {
    .small-block-video .block-video--inner .tag-h1 {
        font-size: 16px
    }
}

.small-block-video img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.small-block-video .block-video--inner-copy {
    position: relative;
    text-align: center;
    max-width: 450px
}

.small-block-video .block-video--inner-copy .btn {
    margin: 10px 0;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .small-block-video .block-video--inner-copy .btn {
        margin-top: 5px
    }
}

spinny-tire svg {
    display: none
}

[data-react=spinny-tire] {
    padding: 0 !important
}

#spinny-tire {
    margin: 40px auto;
    padding-left: 0;
    padding-right: 0;
    max-width: 1004px
}

#spinny-tire .topic--nested-content .tab-content {
    margin-left: 0;
    margin-right: 0
}

#spinny-tire .active[data-clickable-area]>*,
#spinny-tire .cls-2.active {
    fill: #ffcc06 !important
}

#spinny-tire .nav-pills {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin: 0 auto
}

@media (min-width: 992px) {
    #spinny-tire .nav-pills {
        width: 75%
    }
}

#spinny-tire .nav-pills button {
    cursor: pointer;
    border-radius: 6px
}

#spinny-tire span.instructions {
    display: none;
    font-weight: 700;
    text-align: center
}

#spinny-tire .spinny-tire--content {
    background: #fff;
    border-top: 0;
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 992px) {
    #spinny-tire .spinny-tire--content {
        padding-bottom: 30px
    }
}

#spinny-tire .spinny-tire--container {
    width: 100%
}

@media (max-width: 992px) {
    #spinny-tire .spinny-tire--container {
        margin: 0 !important;
        padding: 0 !important
    }
}

@media (min-width: 992px) {
    #spinny-tire .spinny-tire--container {
        display: flex;
        padding-left: 20px;
        padding-right: 20px
    }
}

#spinny-tire .spinny-tire--list button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: #fff;
    font-weight: 700;
    text-align: left;
    max-width: 200px;
    padding-bottom: 10px
}

@media (min-width: 992px) {
    #spinny-tire .spinny-tire--list button {
        display: none
    }
}

@media (min-width: 992px) {

    #spinny-tire .spinny-tire--list button [class^=icon-],
    #spinny-tire .spinny-tire--list button [class*=" icon-"],
    #spinny-tire .spinny-tire--list button [class^=faq-Icon],
    #spinny-tire .spinny-tire--list button [class*=" faq-Icon"] {
        display: none
    }
}

#spinny-tire .spinny-tire--list button.active [class^=icon-],
#spinny-tire .spinny-tire--list button.active [class*=" icon-"],
#spinny-tire .spinny-tire--list button.active [class^=faq-Icon],
#spinny-tire .spinny-tire--list button.active [class*=" faq-Icon"] {
    transform: rotate(180deg)
}

#spinny-tire .spinny-tire--list ul {
    list-style-type: none;
    padding: 0 10px;
    margin: 0;
    display: none;
    max-width: 280px
}

@media (max-width: 991px) {
    #spinny-tire .spinny-tire--list ul {
        max-width: initial
    }

    #spinny-tire .spinny-tire--list ul.open {
        display: block;
        position: absolute;
        background: #fff;
        border: 1px solid rgb(204, 204, 204);
        border-top: 0;
        z-index: 2;
        min-height: 100%;
        width: 100%;
        top: calc(100% + 2px);
        left: 0;
        box-shadow: 1px 5px 10px #5a5a5a80
    }
}

@media (min-width: 992px) {
    #spinny-tire .spinny-tire--list ul {
        display: block;
        position: static
    }
}

#spinny-tire .spinny-tire--list ul li {
    padding: 5px;
    cursor: pointer
}

@media (min-width: 992px) {
    #spinny-tire .spinny-tire--list ul li {
        padding: 8px 0
    }

    #spinny-tire .spinny-tire--list ul li.active {
        font-weight: 700;
        position: relative
    }

    #spinny-tire .spinny-tire--list ul li.active:before {
        content: "";
        display: block;
        position: absolute;
        left: -20px;
        top: 50%;
        transform: translateY(-50%);
        border: 10px solid rgb(255, 204, 6);
        border-top-color: transparent;
        border-bottom-color: transparent;
        border-right: 0
    }
}

#spinny-tire .spinny-tire--tire {
    padding: 20px 0;
    border-top: 2px solid rgb(204, 204, 204);
    position: relative;
    min-height: 400px
}

@media (min-width: 992px) {
    #spinny-tire .spinny-tire--tire {
        padding: 0;
        border: 0;
        margin-top: 85px
    }
}

@media (max-width: 991px) {
    #spinny-tire .spinny-tire--tire {
        min-height: 300px;
        max-height: 30vh;
        overflow: hidden
    }
}

#spinny-tire .spinny-tire--tire svg {
    width: 500px;
    height: 500px;
    max-width: 90%;
    display: block;
    margin: 0 auto;
    transition: all 1.5s ease
}

@media (max-width: 991px) {
    #spinny-tire .spinny-tire--tire svg {
        max-width: 100%;
        width: 440px
    }
}

@media (max-width: 320px) {
    #spinny-tire .spinny-tire--tire svg {
        width: 500px
    }
}

#spinny-tire .spinny-tire--tire svg.hide {
    visibility: hidden
}

#spinny-tire .spinny-tire--tire .spinny-tire--holder {
    transition: all .5s ease;
    margin-top: -20px
}

@media (max-width: 992px) {
    #spinny-tire .spinny-tire--tire .spinny-tire--holder {
        margin-right: -70px;
        margin-left: -70px
    }
}

#spinny-tire .spinny-tire--desc h2 {
    border-bottom: 2px solid rgb(204, 204, 204);
    padding-bottom: 20px
}

@media (max-width: 991px) {
    #spinny-tire .spinny-tire--desc {
        padding-left: 20px;
        padding-right: 20px
    }
}

#spinny-tire .spinny-tire--arrow {
    width: 100%;
    position: relative;
    display: block
}

#spinny-tire .spinny-tire--arrow>span {
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    z-index: 2;
    top: -40px;
    border: 20px solid rgb(255, 204, 6);
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom: 0
}

@media (max-width: 991px) {
    #spinny-tire .spinny-tire--arrow>span {
        width: 20px;
        position: static;
        margin: 20px auto;
        transform: none
    }
}

@media (min-width: 992px) {
    #spinny-tire .spinny-tire--arrow:after {
        content: "";
        display: block;
        width: 3px;
        background-color: #ffcc06;
        height: 20px;
        position: absolute;
        top: -55px;
        left: 50%;
        transform: translate(-50%)
    }

    #spinny-tire .spinny-tire--arrow:before {
        content: "";
        display: block;
        height: 3px;
        background-color: #ffcc06;
        width: 45%;
        position: absolute;
        top: -55px;
        left: 50%
    }
}

#spinny-tire .cls-1 {
    fill: #231f20
}

#spinny-tire .start {
    fill: #ffcc06
}

#spinny-tire .cls-2 {
    fill: #fff
}

#spinny-tire .cls-3 {
    fill: #939393
}

#spinny-tire [data-clickable-area] {
    cursor: pointer;
    stroke: transparent;
    stroke-width: 4px
}

#spinny-tire g[data-clickable-area]:hover path,
#spinny-tire path[data-clickable-area]:hover {
    fill: #ffd50f !important
}

@media (min-width: 992px) {
    #spinny-tire.tire-detail-page .spinny-tire--list {
        display: none
    }

    #spinny-tire.tire-detail-page span.instructions {
        display: block;
        margin-bottom: 20px
    }

    #spinny-tire.tire-detail-page .spinny-tire--content {
        padding-top: 20px
    }

    #spinny-tire.tire-detail-page .spinny-tire--tire {
        width: 60%
    }

    #spinny-tire.tire-detail-page .spinny-tire--desc {
        width: 40%
    }

    #spinny-tire.tire-detail-page .spinny-tire--holder {
        margin-top: -80px
    }
}

.table-filters .ajax-progress.ajax-progress-throbber {
    display: none !important
}

.table-filters .view-filters {
    margin-bottom: 60px
}

@media (max-width: 767px) {
    .table-filters .view-filters {
        margin-bottom: 20px
    }
}

.table-filters .view-header {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 20px;
    position: relative
}

@media (max-width: 767px) {
    .table-filters .view-header {
        font-size: 24px
    }
}

.table-filters .view-header p {
    font-size: 16px;
    -webkit-font-smoothing: antialiased
}

.table-filters .table-filter--wrapper,
.table-filters .table-filter--search {
    display: inline-block;
    vertical-align: top
}

.table-filters .table-filter--wrapper .custom-select,
.table-filters .table-filter--wrapper input,
.table-filters .table-filter--search .custom-select,
.table-filters .table-filter--search input {
    margin-right: 20px;
    margin-bottom: 10px;
    font-size: 16px
}

@media (max-width: 767px) {

    .table-filters .table-filter--wrapper .custom-select,
    .table-filters .table-filter--wrapper input,
    .table-filters .table-filter--search .custom-select,
    .table-filters .table-filter--search input {
        width: 100%;
        margin-right: 0
    }
}

.table-filters .table-filter--wrapper select,
.table-filters .table-filter--search select {
    height: 64px;
    display: inline-block;
    position: relative;
    border-radius: 0;
    border: 1px solid rgb(204, 204, 204);
    background-color: #fff;
    top: 1px
}

@media (max-width: 767px) {

    .table-filters .table-filter--wrapper select,
    .table-filters .table-filter--search select {
        width: 100%
    }
}

@media (max-width: 992px) {

    .table-filters .table-filter--wrapper select,
    .table-filters .table-filter--search select {
        max-width: 205px
    }
}

.table-filters .table-filter--wrapper select::-ms-expand,
.table-filters .table-filter--search select::-ms-expand {
    display: none
}

.table-filters .table-filter--wrapper input,
.table-filters .table-filter--search input {
    height: 64px;
    font-size: 16px;
    padding: 20px 15px;
    border-radius: 0;
    border: 1px solid rgb(204, 204, 204)
}

@media (max-width: 767px) {

    .table-filters .table-filter--wrapper input,
    .table-filters .table-filter--search input {
        width: 100%
    }
}

@media (max-width: 992px) {

    .table-filters .table-filter--wrapper input,
    .table-filters .table-filter--search input {
        max-width: 286px
    }
}

@media (max-width: 767px) {

    .table-filters .table-filter--wrapper,
    .table-filters .table-filter--search {
        padding-right: 20px;
        width: 100%
    }
}

.table-filters .table-filter--search .views-exposed-widget {
    float: left
}

.table-filters .table-filter--search .views-exposed-widget label {
    font-size: 22px;
    font-weight: 900
}

.table-filters .table-filter--search .views-exposed-widget input {
    padding-left: 20px
}

.table-filters .table-filter--search .views-exposed-widget .icon-Search {
    position: absolute;
    top: 50%;
    transform: translateY(-70%);
    left: 50px;
    font-size: 80%
}

.table-filters .table-filter--search .views-exposed-widget .views-widget {
    position: relative
}

.table-filters .table-filter--search .views-exposed-widget .views-widget .form-text {
    margin-top: inherit
}

@media (max-width: 767px) {
    .table-filters .table-filter--search .views-exposed-widget label {
        font-size: 17px;
        margin-bottom: 20px
    }

    .table-filters .table-filter--search .views-exposed-widget input {
        font-size: 17px
    }

    .table-filters .table-filter--search .views-exposed-widget .icon-Search {
        font-size: 120%;
        left: 40px
    }
}

@media (min-width: 768px) {
    .table-filters #edt-field-laws-regs-topic-target-id-wrapper {
        margin-top: 9px
    }
}

.table-filters #edt-field-laws-regs-topic-target-id-wrapper label {
    font-weight: 700 !important;
    color: #999 !important;
    font-size: 12px !important
}

.table-filters .table-filter--wrapper .views-exposed-widget {
    float: none;
    display: inline-block;
    position: relative
}

.table-filters .table-filter--wrapper .views-exposed-widget .form-item {
    position: relative
}

.table-filters .table-filter--wrapper .views-exposed-widget label {
    height: 30px;
    vertical-align: top;
    display: inline-block;
    line-height: 1;
    font-weight: 700;
    color: #999;
    top: 10px;
    position: relative;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .5px
}

@media (max-width: 767px) {
    .table-filters .table-filter--wrapper .views-exposed-widget {
        width: 100%
    }

    .table-filters .table-filter--wrapper .views-exposed-widget label {
        font-size: 10px;
        width: 100%;
        margin-top: 20px;
        text-align: center;
        color: #5a5a5a;
        font-weight: 700
    }

    .table-filters .table-filter--wrapper .views-exposed-widget .custom-select,
    .table-filters .table-filter--wrapper .views-exposed-widget input {
        font-size: 12px
    }
}

.table-filters .views-reset-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    color: #0075b7;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 50%
}

.table-filters .views-reset-button input {
    letter-spacing: .25px;
    background-color: transparent;
    border: none;
    padding: 0
}

.table-filters .views-reset-button:before {
    content: "×";
    position: absolute;
    left: -25px;
    top: -10%;
    font-size: 300%;
    font-weight: 200;
    line-height: .25em;
    cursor: pointer
}

@media (max-width: 767px) {
    .table-filters .views-reset-button {
        padding-right: 20px;
        font-size: 12px;
        transform: translateY(-25%)
    }

    .table-filters .views-reset-button:before {
        left: -20px;
        top: 0;
        font-size: 30px
    }
}

.table-filters th a {
    color: inherit
}

.table-filters th a:hover {
    text-decoration: none
}

.table-article,
.table-other {
    max-width: 1004px;
    margin: 0 auto;
    padding: 40px 20px
}

@media (max-width: 767px) {

    .table-article,
    .table-other {
        padding: 10px 0 10px 20px
    }

    .table-article>p,
    .table-other>p {
        padding-right: 20px
    }
}

@media (min-width: 768px) {

    .table-article>p,
    .table-other>p {
        width: 58%
    }
}

.table-article td:not(:first-child):not(:last-child),
.table-article th:not(:first-child):not(:last-child),
.table-other td:not(:first-child):not(:last-child),
.table-other th:not(:first-child):not(:last-child) {
    padding-left: 10px;
    padding-right: 10px
}

.table-article td br,
.table-other td br {
    content: "";
    display: block;
    height: 0;
    width: 100%;
    background-color: #fff
}

.table-article .table-responsive,
.table-other .table-responsive {
    border: none;
    margin-top: 20px
}

.table-article .table-responsive .view-empty,
.table-other .table-responsive .view-empty {
    margin-top: 40px
}

.table-article .table-responsive small,
.table-other .table-responsive small {
    color: #636363
}

.table-article .article--download-link,
.table-other .article--download-link {
    margin-left: 0;
    float: none;
    display: block;
    position: relative;
    text-indent: -1.1em;
    padding-left: 1.1em;
    padding-bottom: 2px;
    padding-top: 2px;
    line-height: 1.25;
    margin-bottom: 10px
}

.table-article .table>tfoot>tr>td,
.table-other .table>tfoot>tr>td {
    padding: 0 10px
}

.table-article a,
.table-other a {
    font-weight: 700
}

.table-article {
    padding-top: 20px;
    padding-bottom: 20px
}

.table-other strong+p {
    margin-top: 10px
}

.table-article--heading,
.table-other--heading {
    font-size: 30px;
    line-height: 1.5;
    margin-top: 0
}

.table-article .table>thead:first-child>tr>th,
.table-other .table>thead:first-child>tr:not(.table-other--tr-border)>th {
    border-top: 5px solid rgb(255, 204, 6);
    border-bottom: 0
}

.table-article .table>thead tr.table-article--tr-border>th,
.table-article .table>thead tr.table-article--tr-border>td,
.table-other .table>thead tr.table-other--tr-border>* {
    padding: 0;
    border: 0;
    line-height: 6px;
    background: repeating-linear-gradient(-55deg, #fff, #fff 2px, #eee 2px, #eee 4px)
}

.table-article .table>thead>tr>th,
.table-other .table>thead>tr>th {
    color: #5a5a5a;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 0
}

@media (max-width: 767px) {

    .table-article .table>thead>tr>th,
    .table-other .table>thead>tr>th {
        padding-left: 10px;
        padding-right: 10px
    }
}

.table-article .table>tbody>tr>td,
.table-other .table>tbody>tr>td {
    padding: 25px 0;
    border-top: 0;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    -webkit-font-smoothing: antialiased
}

@media (max-width: 767px) {

    .table-article .table>tbody>tr>td,
    .table-other .table>tbody>tr>td {
        padding: 20px 10px
    }
}

.table-article .table>tbody>tr>td:first-child {
    font-weight: 700
}

.table-other .table>tbody>tr>td {
    max-width: 400px;
    min-width: 100px;
    padding-right: 20px
}

@media (max-width: 767px) {
    .table-other .table>tbody>tr>td {
        white-space: inherit;
        min-width: 0
    }
}

.table-article .table,
.table-other .table {
    --bs-table-bg: transparent;
    border-bottom: 3px solid lightgray;
    margin-bottom: 0
}

.table-article .table.d8-port,
.table-other .table.d8-port {
    border-bottom: 0
}

.table-caption {
    display: none
}

.icon-external-link {
    font-size: 12px
}

#edit-submit-fmvss,
#edit-submit-fmvss--2,
#edit-submit-resources-table,
#edit-submit-news,
#edit-submit-home-page-features,
#edit-submit-agency-region-list,
#edit-submit-simple-content,
#edit-submit-document-list,
.table-other [id^=edit-actions] .button {
    position: relative;
    background: #0075b7;
    color: #fff;
    border: 0;
    padding: 19px;
    width: 287px;
    margin-top: 15px;
    display: block
}

@media (min-width: 992px) {

    #edit-submit-fmvss,
    #edit-submit-fmvss--2,
    #edit-submit-resources-table,
    #edit-submit-news,
    #edit-submit-home-page-features,
    #edit-submit-agency-region-list,
    #edit-submit-simple-content,
    #edit-submit-document-list,
    .table-other [id^=edit-actions] .button {
        margin-top: 40px;
        width: auto;
        display: inline-block
    }
}

@media (max-width: 992px) {
    .table-other [id^=edit-actions] .button {
        margin-top: 53px
    }
}

.table-other [id^=edit-actions] {
    float: left
}

@media (min-width: 992px) {
    #edit-submit-resources-table {
        left: -10px
    }
}

#edit-submit-news,
#edit-submit-home-page-features,
#edit-submit-agency-region-list {
    width: auto
}

@media (min-width: 992px) {

    #edit-submit-news,
    #edit-submit-home-page-features,
    #edit-submit-agency-region-list {
        margin-top: 0;
        top: 44px;
        left: -20px;
        width: auto
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    #edit-submit-news,
    #edit-submit-home-page-features,
    #edit-submit-agency-region-list {
        top: 30px;
        left: -20px
    }
}

@media (max-width: 767px) {

    #edit-submit-news,
    #edit-submit-home-page-features,
    #edit-submit-agency-region-list {
        left: 0
    }
}

.associated-products .table-other {
    padding: 0
}

.fixed-width-table {
    max-width: 1004px !important
}

.tabbed-teaser-grid {
    margin-top: 60px;
    padding-top: 40px;
    padding-bottom: 100px;
    max-width: 1104px
}

@media (max-width: 991.98px) {
    .tabbed-teaser-grid {
        padding-left: 18px;
        padding-right: 18px
    }
}

.tabbed-teaser-grid .teasers--nested-content {
    padding-left: 3px;
    padding-right: 3px
}

.tabbed-teaser-grid .teasers--nested-content .nav-pills {
    display: block;
    padding: 4px;
    margin-bottom: 70px;
    border-radius: 6px;
    background-color: #2222220d
}

@media (min-width: 400px) {
    .tabbed-teaser-grid .teasers--nested-content .nav-pills {
        display: inline-flex
    }
}

.tabbed-teaser-grid .teasers--nested-content .nav-pills>li {
    text-align: center
}

.tabbed-teaser-grid .teasers--nested-content .nav-pills>li+li {
    margin-left: 0
}

.tabbed-teaser-grid .teasers--nested-content .nav-pills>li a {
    border-radius: 6px;
    padding: 10px 36px;
    font-weight: 500;
    font-size: 16px
}

.tabbed-teaser-grid .teasers--nested-content .nav-pills>li a:not(.active) {
    color: #000
}

.tabbed-teaser-grid .teasers--nested-content .btn {
    width: auto;
    padding: 15px 38px;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.tabbed-teaser-grid .teasers--nested-content .tab-content {
    padding-left: 0;
    padding-right: 0
}

.tabbed-teaser-grid .news--teaser-item {
    margin-bottom: 40px
}

.tabbed-teaser-grid .news--teaser-item a {
    display: block
}

.tabbed-teaser-grid .news--teaser-item h4 {
    margin-top: 0;
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 11px
}

.tabbed-teaser-grid .news--eyebrow {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    color: #222;
    text-transform: uppercase
}

.tabbed-teaser-grid .news--title {
    margin-top: 6px;
    margin-bottom: 24px;
    font-size: 54px;
    font-weight: 700;
    color: #000
}

.tabbed-teaser-grid .news--tab-link {
    margin-top: 30px;
    text-align: center
}

.tabbed-teaser-grid .news--teaser-image {
    position: relative;
    color: #fff;
    height: 270px;
    max-width: 480px;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 20px
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .tabbed-teaser-grid .news--teaser-image {
        background-size: cover
    }
}

.tabbed-teaser-grid .news--teaser-image .news--teaser-image-content {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

@media (max-width: 991.98px) {
    .tabbed-teaser-grid .news--teaser-image .news--teaser-image-content {
        transform: none;
        right: 13px
    }
}

.tabbed-teaser-grid .news--teaser-image .news--teaser-image-content [class^=icon-],
.tabbed-teaser-grid .news--teaser-image .news--teaser-image-content [class*=" icon-"],
.tabbed-teaser-grid .news--teaser-image .news--teaser-image-content [class^=faq-Icon],
.tabbed-teaser-grid .news--teaser-image .news--teaser-image-content [class*=" faq-Icon"] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px 15px;
    background-color: #ffcc06;
    color: #000;
    transition: transform ease-in .35s
}

.tabbed-teaser-grid .news--teaser-image:hover {
    text-decoration: none
}

.tabbed-teaser-grid .news--teaser-image:hover [class^=icon-],
.tabbed-teaser-grid .news--teaser-image:hover [class*=" icon-"],
.tabbed-teaser-grid .news--teaser-image:hover [class^=faq-Icon],
.tabbed-teaser-grid .news--teaser-image:hover [class*=" faq-Icon"] {
    transform: translate(-28%, -50%);
    transition: transform ease-in .35s
}

.vehicle-issues .accordion-item {
    position: relative
}

.vehicle-issues .accordion-button {
    padding: 20px;
    box-shadow: none;
    font-size: 1.125rem
}

.vehicle-issues .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none
}

.vehicle-issues .accordion-header {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0
}

.vehicle-issues .accordion-header button {
    display: block
}

.vehicle-issues .accordion-header button div>span {
    font-size: 12px;
    color: #6a6a6a !important;
    font-weight: 900;
    text-transform: uppercase
}

.vehicle-issues .accordion-header button div>span.vehicle-detail--investigation-open-label {
    color: #bf1e2d !important;
    margin-left: 20px;
    display: inline-block
}

@media (max-width: 767px) {
    .vehicle-issues .accordion-header button div>span {
        display: block
    }
}

.vehicle-issues .accordion-header [class^=icon-],
.vehicle-issues .accordion-header [class*=" icon-"],
.vehicle-issues .accordion-header [class^=faq-Icon],
.vehicle-issues .accordion-header [class*=" faq-Icon"] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px
}

.vehicle-issues .accordion-header button div:first-child {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px
}

.vehicle-issues .accordion-header button div:first-child span {
    font-size: 12px;
    color: #6a6a6a !important;
    font-weight: 900;
    text-transform: uppercase
}

.vehicle-issues .accordion-header button.collapsed span {
    color: #0075b7
}

.vehicle-issues .accordion-title-caption {
    font-weight: 900;
    font-size: 20px;
    display: inline-block;
    max-width: 90%
}

.vehicle-issues .accordion-title-caption span {
    display: inline-block
}

.vehicle-issues .accordion-title-caption p {
    font-family: roboto slab;
    font-size: 16px;
    font-weight: 400;
    margin-top: 20px;
    color: #000
}

.vehicle-issues .accordion-body {
    border-top: 0 !important;
    padding-top: 20px;
    overflow: hidden
}

.associated-products:not(:last-child),
.associated-documents:not(:last-child),
.associated-investigations:not(:last-child),
.associated-recalls:not(:last-child) {
    margin-bottom: 5px;
    padding-bottom: 10px
}

.associated-products>a,
.associated-products>button,
.associated-documents>a,
.associated-documents>button,
.associated-investigations>a,
.associated-investigations>button,
.associated-recalls>a,
.associated-recalls>button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    border: 0;
    line-height: 1.5;
    font-weight: 700;
    color: #000;
    padding: 0
}

.associated-products>a:active,
.associated-products>a:focus,
.associated-products>button:active,
.associated-products>button:focus,
.associated-documents>a:active,
.associated-documents>a:focus,
.associated-documents>button:active,
.associated-documents>button:focus,
.associated-investigations>a:active,
.associated-investigations>a:focus,
.associated-investigations>button:active,
.associated-investigations>button:focus,
.associated-recalls>a:active,
.associated-recalls>a:focus,
.associated-recalls>button:active,
.associated-recalls>button:focus {
    background-color: transparent
}

.associated-products>a.collapsed,
.associated-products>button.collapsed,
.associated-documents>a.collapsed,
.associated-documents>button.collapsed,
.associated-investigations>a.collapsed,
.associated-investigations>button.collapsed,
.associated-recalls>a.collapsed,
.associated-recalls>button.collapsed {
    color: #0075b7
}

.topic--nested-content [role=tablist] .associated-products li,
.topic--nested-content [role=tablist] .associated-documents li,
.topic--nested-content [role=tablist] .associated-investigations li,
.topic--nested-content [role=tablist] .associated-recalls li {
    margin-top: 10px;
    display: block
}

.associated-investigations .table-other .panel.panel-default:not(:last-child),
.associated-recalls .table-other .panel.panel-default:not(:last-child) {
    position: relative;
    margin-bottom: 20px
}

.associated-investigations .table-other .panel.panel-default:not(:last-child):after,
.associated-recalls .table-other .panel.panel-default:not(:last-child):after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: -20px;
    height: 1px;
    background-color: #ddd
}

.associated-investigations .table-other .panel-heading,
.associated-recalls .table-other .panel-heading {
    color: #000
}

.associated-investigations .table-other .panel-body,
.associated-recalls .table-other .panel-body {
    padding-top: 10px
}

.vehicle-detail--associated-documents,
.technical-reports {
    padding-left: 0
}

.vehicle-detail--associated-documents .article--download-link,
.technical-reports .article--download-link {
    margin-left: 0;
    width: 100%;
    padding: 0
}

.vehicle-detail--associated-documents .article--download-link span,
.technical-reports .article--download-link span {
    color: #0075b7
}

.vehicle-details--complaints-sidebar {
    position: relative;
    margin-bottom: 20px
}

.vehicle-details--complaints-sidebar span:first-child {
    font-size: 12px;
    color: #6a6a6a !important;
    font-weight: 900;
    text-transform: uppercase;
    display: inline-block;
    max-width: 100px;
    width: 100%
}

.vehicle-details--complaints-sidebar span:first-child.vehicle-details--complaints-sidebar-injuries {
    color: #bf1e2d !important
}

.vehicle-details--complaints-sidebar span:last-child {
    font-size: 12px;
    font-weight: 900;
    width: 2em;
    display: inline-block;
    text-align: center
}

.vehicle-details--complaints-sidebar p:last-child {
    margin-bottom: 0
}

.vehicle-details--complaints-sidebar:after {
    content: "";
    width: 1px;
    height: 100%;
    right: 10px;
    position: absolute;
    display: block;
    background: #ddd;
    top: 0
}

.modal .vehicle-details--complaints-sidebar:after {
    right: 0
}

.vehicle-table-filters .badge {
    background-color: #fff;
    color: #6a6a6a;
    border: 1px solid #d7d7d7;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1
}

.vehicle-table-filters .badge.active {
    background-color: #0075b7;
    border-color: #0075b7;
    color: #fff
}

.vehicle-table-filters p {
    color: #6a6a6a;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 900
}

.vehicle-table-filters hr {
    margin-top: 15px;
    margin-bottom: 15px
}

body.modal-open.modal-open-video-modal {
    overflow: visible !important
}

.video-modal .close {
    text-shadow: none;
    font-size: 200%;
    font-weight: 300;
    margin-top: 20px;
    margin-right: 20px;
    color: #fff;
    opacity: 1;
    position: relative;
    z-index: 1056
}

.video-modal .modal-content {
    margin-top: 50%;
    position: absolute;
    width: 100%;
    transform: translateY(-50%)
}

.vin-search-input--term-count {
    position: absolute;
    right: 2.25em;
    bottom: 5px;
    font-weight: 200;
    font-size: 42px
}

@media (min-width: 768px) and (max-width: 991px) {
    .vin-search-input--term-count {
        font-size: 30px
    }
}

@media (max-width: 767px) {
    .vin-search-input--term-count {
        font-size: 17px
    }
}

.vin-search input[type=text]::-ms-clear {
    font-family: roboto;
    font-weight: thin;
    color: #444;
    width: .75em;
    padding-top: .25em;
    right: -3px;
    position: relative
}

.vin-search--find-a-dealer {
    background-color: #dfdfdf;
    padding: 30px 20px
}

.vin-search--find-a-dealer h1 {
    margin: 0 0 20px;
    font-size: 35px;
    font-weight: 700
}

.vin-search--find-a-dealer h1 small {
    color: inherit;
    font-weight: 300;
    font-size: inherit;
    display: inline !important
}

.vin-search--find-a-dealer p {
    padding: 0;
    margin: 0;
    font-size: 18px
}

.vin-search--find-a-dealer p+div {
    margin-bottom: 0 !important
}

.vin-search--find-a-dealer .btn-HUGE {
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 10px 40px;
    font-weight: 900;
    width: inherit
}

.vin-search--find-a-dealer .btn-HUGE [class^=icon-],
.vin-search--find-a-dealer .btn-HUGE [class*=" icon-"],
.vin-search--find-a-dealer .btn-HUGE [class^=faq-Icon],
.vin-search--find-a-dealer .btn-HUGE [class*=" faq-Icon"] {
    margin-right: 10px
}

.vin-search--find-a-dealer .p-small {
    font-size: 12px;
    max-width: 400px
}

.license-plate-search-input--term-count {
    position: absolute;
    right: 2.25em;
    bottom: 5px;
    font-weight: 200;
    font-size: 42px
}

@media (min-width: 768px) and (max-width: 991px) {
    .license-plate-search-input--term-count {
        font-size: 30px
    }
}

@media (max-width: 767px) {
    .license-plate-search-input--term-count {
        font-size: 17px
    }
}

.license-plate-search input[type=text]::-ms-clear {
    font-family: roboto;
    font-weight: thin;
    color: #444;
    width: .75em;
    padding-top: .25em;
    right: -3px;
    position: relative
}

[class*=license-plate-search] {
    display: table-cell
}

.input-group select.form-control.license-plate-search-select {
    margin: 0;
    width: 32%;
    height: 55px
}

.input-group select .js-selected-item {
    display: none
}

.input-group .license-plate-search-separator {
    position: absolute;
    left: 35%;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    width: 1px;
    height: 50%;
    background-color: #00000040;
    z-index: 2
}

.input-group input.form-control.license-plate-search-input {
    width: 62%;
    margin-left: 13px
}

.input-group .license-plate-ymmvin-search-btn {
    width: 1%
}

#left-rail {
    padding-bottom: 20px
}

@media (min-width: 991px) {
    #left-rail {
        border-right: 2px solid #e9ecec
    }
}

@media (min-width: 991px) {
    #left-rail {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (max-width: 991px) {
    #left-rail {
        padding: 0
    }
}

#left-rail .left-rail--heading {
    display: block;
    font-size: 22px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 15px
}

#left-rail .left-rail--heading.left-rail--heading-not-top {
    margin-top: 40px
}

@media (max-width: 991px) {
    #left-rail .left-rail--heading {
        position: relative;
        padding: 25px 20px;
        margin: 0;
        font-size: 20px
    }
}

#left-rail .left-rail--heading i {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    border-width: 6px
}

@media (min-width: 992px) {
    #left-rail .left-rail--heading i {
        display: none
    }
}

#left-rail ul {
    list-style-type: none;
    font-size: 14px
}

#left-rail ul ul {
    padding-left: 10px;
    padding-top: 5px
}

#left-rail ul ul a {
    color: #636363
}

#left-rail ul ul a.active {
    font-weight: 700
}

#left-rail ul ul a:hover {
    color: #0075b7
}

#left-rail ul li {
    padding: 4px 0
}

#left-rail ul li a.active {
    color: #636363;
    font-weight: 700
}

@media (max-width: 991px) {
    #left-rail .left-rail--campaign-parents {
        display: none
    }
}

#left-rail .left-rail--campaign-parents:not(.left-rail--inner-campaign) a {
    color: #222
}

#left-rail .left-rail--campaign-parents li.left-rail--current {
    color: #222;
    font-weight: 700
}

#left-rail .left-rail--show-all {
    font-weight: 700
}

@media (max-width: 991px) {
    #left-rail .left-rail--show-all {
        display: none;
        padding: 20px
    }

    #left-rail .left-rail--show-all.active {
        display: block
    }
}

#left-rail .left-rail--show-all a {
    font-size: 14px;
    color: #222
}

@media (min-width: 1266px) and (max-width: 1375px) {
    #left-rail .left-rail--show-all {
        padding-right: 40px
    }
}

#left-rail .left-rail--campaign-listings,
#left-rail .left-rail--filter-listings {
    padding-bottom: 20px
}

#left-rail .left-rail--campaign-listings>ul,
#left-rail .left-rail--filter-listings>ul {
    padding: 0;
    margin: 0
}

@media (max-width: 991px) {

    #left-rail .left-rail--campaign-listings,
    #left-rail .left-rail--filter-listings {
        padding-bottom: 0;
        border-top: 2px solid;
        cursor: pointer
    }

    #left-rail .left-rail--campaign-listings>ul,
    #left-rail .left-rail--filter-listings>ul {
        padding-left: 20px;
        display: none
    }

    #left-rail .left-rail--campaign-listings.active .left-rail--campaign-parents,
    #left-rail .left-rail--filter-listings.active .left-rail--campaign-parents {
        display: block;
        padding-bottom: 20px
    }

    #left-rail .left-rail--campaign-listings.active>ul,
    #left-rail .left-rail--filter-listings.active>ul {
        display: block
    }

    #left-rail .left-rail--campaign-listings.active .caret,
    #left-rail .left-rail--campaign-listings.active .custom-select:before,
    #left-rail .left-rail--filter-listings.active .caret,
    #left-rail .left-rail--filter-listings.active .custom-select:before {
        transform: rotate(180deg);
        border-color: #0075b7;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        border-width: 6px
    }
}

@media (max-width: 991px) {
    #left-rail .left-rail--filter-listings .left-rail--filter-container {
        display: none;
        padding: 0 20px 20px
    }

    #left-rail .left-rail--filter-listings.active .left-rail--filter-container {
        display: block
    }
}

#left-rail .left-rail--filter-listings .left-rail--filter-title {
    font-weight: 700;
    font-size: 14px;
    padding: 5px 0
}

#left-rail .left-rail--filter-listings .left-rail--filter-title:not(:first-of-type) {
    padding-top: 20px
}

#left-rail .left-rail--filter-listings .left-rail--filter-title .tsm-tooltip {
    padding: 10px 5px
}

#left-rail .left-rail--filter-listings label {
    cursor: pointer;
    font-weight: 400;
    display: flex;
    align-items: center;
    padding: 5px 0;
    font-size: 14px
}

#left-rail .left-rail--filter-listings label>span {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: #f6f6f6;
    border: 3px solid rgb(246, 246, 246);
    transition: background .2s;
    margin-right: 15px
}

#left-rail .left-rail--filter-listings input[type=checkbox] {
    visibility: hidden;
    position: absolute
}

#left-rail .left-rail--filter-listings input[type=checkbox]:checked+span,
#left-rail .left-rail--filter-listings input[type=checkbox]:checked:hover+span {
    background: #0075b7
}

#left-rail .left-rail--filter-listings input[type=checkbox]:hover+span {
    background: #ccc
}

#left-rail .views-exposed-form label {
    font-weight: 400;
    display: block
}

#left-rail .left-rail--mobile-open {
    margin: 0 -20px;
    padding: 20px 30px;
    border-bottom: 2px solid #e9ecec;
    position: relative;
    cursor: pointer
}

#left-rail .left-rail--mobile-open .caret,
#left-rail .left-rail--mobile-open .custom-select:before {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    border-width: 6px;
    pointer-events: none
}

@media (min-width: 992px) {
    #left-rail .left-rail--mobile-open {
        display: none
    }
}

#left-rail .left-rail--mobile-open span {
    padding: 10px
}

#left-rail.filters-open .left-rail--mobile-open {
    border-bottom: 0
}

#left-rail.filters-open .left-rail--mobile-open .caret,
#left-rail.filters-open .left-rail--mobile-open .custom-select:before {
    transform: rotate(180deg);
    border-color: #0075b7;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-width: 6px
}

#left-rail.filters-open .left-rail--content {
    background: #fff;
    max-height: 100%;
    width: 100%
}

@media (max-width: 991px) {
    #left-rail.filters-open .left-rail--content {
        padding: 0
    }
}

#left-rail.filters-open .left-rail--content:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #e9ecec
}

@media (max-width: 991px) {
    #left-rail .left-rail--content {
        max-height: 0;
        overflow: hidden
    }

    #left-rail .left-rail--content.active {
        z-index: 5;
        background: #fff;
        max-height: initial;
        width: 100%;
        border-bottom: 2px solid #e9ecec
    }
}

#left-rail .campaign-listings--topic-title {
    font-weight: 700
}

.navbar-primary--dot-banner {
    background-color: #0075b7;
    color: #fff;
    letter-spacing: .5px;
    padding: 1rem 1.25rem .75rem;
    font-size: .75rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 11px
}

@media (min-width: 768px) {
    .navbar-primary--dot-banner {
        gap: .875rem
    }
}

@media (min-width: 992px) {
    .navbar-primary--dot-banner {
        padding-top: .5rem;
        padding-bottom: .5rem;
        align-items: center
    }
}

.navbar-primary--dot-banner img {
    width: .9375rem;
    height: .9375rem;
    vertical-align: sub;
    margin-left: .3125rem;
    opacity: .306
}

.navbar-primary--dot-banner a {
    color: #fff
}

.navbar-primary--dot-banner .top-nav-search-container {
    display: none
}

@media (min-width: 576px) {
    .navbar-primary--dot-banner .top-nav-search-container {
        display: flex
    }
}

.nav-search-form-container,
.topnav-search-form-container {
    background: none;
    max-width: 100%;
    width: 100%;
    position: relative
}

.nav-search-form-container .icon-Search,
.topnav-search-form-container .icon-Search {
    display: inline-block;
    font-size: 1.25rem;
    color: #a5a5a5;
    position: absolute;
    top: 10px
}

.nav-search-form-container .input-group,
.topnav-search-form-container .input-group {
    width: 100%;
    text-align: right
}

.nav-search-form-container input,
.topnav-search-form-container input {
    background: none;
    border: none;
    color: #fff;
    font-size: .9375rem;
    padding: 0 0 0 2.8125rem;
    border-bottom: solid 1px rgba(255, 255, 255, .1);
    width: 100% !important;
    transition: width ease .15s
}

@media (min-width: 576px) {

    .nav-search-form-container input,
    .topnav-search-form-container input {
        width: 80px !important
    }
}

.nav-search-form-container input::-webkit-input-placeholder,
.topnav-search-form-container input::-webkit-input-placeholder {
    color: #fff
}

.nav-search-form-container input::-moz-placeholder,
.topnav-search-form-container input::-moz-placeholder {
    color: #fff
}

.nav-search-form-container input:-ms-input-placeholder,
.topnav-search-form-container input:-ms-input-placeholder {
    color: #fff
}

.nav-search-form-container input:-moz-placeholder,
.topnav-search-form-container input:-moz-placeholder {
    color: #fff
}

.nav-search-form-container input ::placeholder,
.topnav-search-form-container input ::placeholder {
    color: #fff
}

.nav-search-form-container input:focus,
.topnav-search-form-container input:focus {
    border: none;
    box-shadow: none;
    transition: width ease .15s;
    width: 100%
}

@media (min-width: 576px) {

    .nav-search-form-container input:focus,
    .topnav-search-form-container input:focus {
        width: 280px !important
    }
}

.topnav-report_problem_container {
    margin-left: 0
}

.topnav-report_problem_container .btn {
    white-space: nowrap;
    width: 100%;
    margin-bottom: .5rem
}

@media (min-width: 992px) {
    .topnav-report_problem_container .btn {
        margin-bottom: 0
    }
}

.topnav-report_problem_container a {
    font-size: .75rem;
    text-transform: uppercase;
    text-decoration: none
}

@media (min-width: 992px) {
    .topnav-report_problem_container {
        margin-left: 10px
    }
}

.nav-search-container {
    display: block;
    padding: .625rem 1.25rem .625rem .625rem;
    background-color: #006e9f;
    margin-bottom: -.8125rem
}

@media (min-width: 576px) {
    .nav-search-container {
        display: none
    }
}

.nav-report_problem_container {
    display: block;
    margin: 0 1rem
}

.nav-report_problem_container a {
    font-size: .75rem;
    text-transform: uppercase;
    text-decoration: none
}

@media (min-width: 576px) {
    .nav-report_problem_container {
        display: none
    }
}

.hideChatComponentWhenMobileOpen {
    display: none !important;
    right: -9999px !important
}

.usa-banner {
    --bs-accordion-btn-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb(0, 117, 183)'><path d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb(0, 117, 183)'><path d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
    --bs-accordion-btn-icon-width: 12px;
    --bs-accordion-btn-icon-height: 12px;
    color: #1b1b1b;
    line-height: 24px;
    padding-top: 0;
    padding-bottom: 0
}

.usa-banner__header-action {
    position: relative;
    display: flex;
    align-items: center;
    padding: .25rem .5rem;
    font-size: .8rem;
    font-weight: 400;
    height: 47px;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0
}

@media (min-width: 576px) {
    .usa-banner__header-action {
        height: 33px;
        display: inline-flex;
        align-items: center
    }
}

.usa-banner__header-action:after {
    content: none
}

@media (min-width: 576px) {
    .usa-banner__header-action:after {
        content: "";
        margin-left: 2px
    }
}

.usa-banner__header-action:not(.collapsed) .banner-button:after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: translateY(-50%) rotate(180deg)
}

.usa-banner__header-action:focus {
    box-shadow: none;
    outline: none
}

.usa-banner__inner {
    display: flex;
    align-items: flex-start;
    width: 100%;
    position: relative;
    z-index: 1;
    pointer-events: none
}

@media (min-width: 576px) {
    .usa-banner__inner {
        align-items: center;
        pointer-events: auto
    }
}

.usa-banner__header-flag {
    margin-right: .5rem;
    width: 1rem
}

.usa-banner__header-text {
    margin: 0;
    font-size: .8rem;
    display: flex;
    flex-direction: column;
    gap: 2px
}

.usa-banner__header-text span {
    line-height: 1
}

.usa-banner__header-text span.banner-button {
    position: relative;
    width: fit-content;
    color: #005ea2;
    text-decoration: underline
}

.usa-banner__header-text span.banner-button:after {
    content: "";
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-height);
    background: var(--bs-accordion-btn-icon) no-repeat center/var(--bs-accordion-btn-icon-width) var(--bs-accordion-btn-icon-height);
    position: absolute;
    right: -14px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .25s ease-in-out
}

@media (min-width: 576px) {
    .usa-banner__header-text span.banner-button:after {
        content: none
    }
}

@media (min-width: 576px) {
    .usa-banner__header-text {
        flex-direction: row;
        gap: 4px
    }
}

.usa-banner__lock-image {
    height: 1.5ex;
    width: 1.21875ex
}

.usa-banner__guidance {
    display: flex;
    align-items: flex-start;
    padding-left: 1rem;
    padding-right: 1rem
}

.usa-banner__guidance p {
    margin-bottom: 0
}

.usa-banner__guidance .usa-media-block__img {
    margin-right: .5rem
}

.usa-banner__guidance:first-child {
    padding-top: 1.5rem
}

.usa-banner__guidance:last-child {
    padding-bottom: 1.5rem
}

@media (min-width: 768px) {

    .usa-banner__guidance:first-child,
    .usa-banner__guidance:last-child {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
}

.usa-banner .usa-accordion {
    border: none;
    background-color: #f0f0f0
}

.usa-banner [class^=icon-],
.usa-banner [class*=" icon-"] {
    font-family: inherit !important;
    font-style: inherit !important;
    font-weight: inherit !important;
    font-variant: inherit !important;
    text-transform: inherit !important;
    line-height: inherit !important;
    -webkit-font-smoothing: inherit !important;
    -moz-osx-font-smoothing: grayscale;
    line-height: 24px !important
}

.usa-banner .icon-lock {
    display: inline-grid
}

.webform-client-form {
    width: 80%;
    margin: auto
}

input.webform-submit.button-primary.form-submit {
    position: relative;
    color: #fff;
    background-color: #007dc2;
    border-color: transparent;
    padding: 19px
}

form.webform-submission-foia-form,
.article--copy form.webform-submission-foia-form {
    display: flex;
    flex-direction: column;
    padding: 20px
}

form.webform-submission-foia-form .fieldset-wrapper,
.article--copy form.webform-submission-foia-form .fieldset-wrapper {
    display: flex;
    flex-direction: column
}

form.webform-submission-foia-form .tab-btn,
.article--copy form.webform-submission-foia-form .tab-btn {
    margin-top: 20px !important
}

form.webform-submission-foia-form .form-item input.form-text,
form.webform-submission-foia-form input:not(.tab-btn),
.article--copy form.webform-submission-foia-form .form-item input.form-text,
.article--copy form.webform-submission-foia-form input:not(.tab-btn) {
    height: 36px
}

form.webform-submission-foia-form legend,
.article--copy form.webform-submission-foia-form legend {
    border-bottom: 0
}

form.webform-submission-foia-form textarea,
.article--copy form.webform-submission-foia-form textarea {
    min-height: 100px
}

form.webform-submission-foia-form .form-item input.form-text,
form.webform-submission-foia-form input:not(.tab-btn),
form.webform-submission-foia-form textarea,
.article--copy form.webform-submission-foia-form .form-item input.form-text,
.article--copy form.webform-submission-foia-form input:not(.tab-btn),
.article--copy form.webform-submission-foia-form textarea {
    border: 1px solid rgb(187, 187, 187);
    background: #fff;
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px
}

.park-it.vin-search {
    margin-top: 20px
}

.park-it-box {
    background: #fff;
    border: 5px solid rgb(191, 30, 45);
    padding: 15px;
    max-width: 600px
}

.park-it-box .h3 {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px
}

.park-it-box p {
    font-size: 18px;
    line-height: 1.5
}

.park-it-box+.park-it-box {
    margin-top: 10px
}

.park-it-box>*:only-child,
.park-it-box>*:last-child {
    margin-bottom: 0
}

*+.park-it--inline {
    margin-top: 10px
}

.park-it--inline .park-it-box {
    display: inline-block;
    border-width: 2px;
    padding: 5px 15px
}

.park-it--inline .park-it-box p {
    font-size: 14px;
    margin: 0
}

.park-it:empty {
    display: none !important
}

.input-gcse .gsc-input-box {
    border: none !important;
    background: none !important;
    padding: 0 !important
}

.input-gcse .gsc-search-box tbody {
    border-top: none !important
}

.input-gcse .gsc-input-box td {
    padding: 0
}

.input-gcse .gsc-input-box input {
    height: 36px !important;
    background: none !important;
    border: none;
    border-bottom: solid 1px rgba(255, 255, 255, .1) !important;
    padding: 0 0 0 10px !important;
    border-radius: 8px !important
}

.input-gcse .gsc-input-box input:focus {
    outline: revert !important
}

.input-gcse input:focus {
    z-index: 0
}

.gsc-control-cse {
    padding-left: 0 !important
}

.gsc-control-cse tbody {
    border: none !important
}

.gsc-result-info-container,
.gcsc-find-more-on-google-root,
.gcsc-branding {
    display: none !important
}

.gsc-above-wrapper-area {
    border: none !important
}

.gsc-control-cse .gsc-input-box {
    border-bottom: 1px solid #e9e9e9 !important
}

.gcsc-more-maybe-branding-root {
    display: none !important
}

.gsc-input input {
    background: none !important
}

.gs-promotion-text-cell {
    margin-left: 0 !important
}

.gsc-cursor-next-page,
.gsc-cursor-previous-page,
.gsc-cursor-numbered-page {
    display: inline-block;
    padding: 10px
}

.gsc-cursor {
    display: flex !important;
    background-color: #0075b7 !important;
    color: #fff
}

.gsc-cursor-next-page:hover,
.gsc-cursor-previous-page:hover,
.gsc-cursor .gsc-cursor-container-next:hover:not(:empty),
.gsc-cursor .gsc-cursor-container-previous:hover:not(:empty) {
    background-color: #13386e66;
    cursor: pointer
}

input.gsc-input,
.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus,
.gsc-input {
    background-image: none !important
}

.gsc-search-button-v2 {
    padding: 6px 27px !important;
    width: auto !important;
    border-radius: 0 !important;
    background-image: linear-gradient(top, #4d90fe, #4787ed) !important
}

.gsc-search-button-v2 svg {
    width: 13px !important
}

.gsc-webResult .gsc-result,
.gsc-webResult .gsc-result :hover {
    border: none !important
}

.gsc-results .gsc-cursor,
.gsc-results .gsc-cursor path {
    color: #fff !important;
    fill: #fff !important
}

.gsc-search-button .gsc-search-button-v2 {
    padding: 6px !important;
    width: auto !important;
    border: none !important;
    background: transparent
}

.paragraph--type--google-search .gsc-input-box {
    border: 1px solid #e9e9e9 !important
}

.paragraph--type--google-search .gscb_a {
    color: #111 !important
}

.paragraph--type--google-search .gsc-search-button {
    background: #0075b7 !important
}

.paragraph--type--google-search .gsc-search-button:hover {
    background: #036297
}

.paragraph--type--google-search .gsc-search-button:has(button:focus) {
    outline: 2px solid rgb(17, 17, 17)
}

.navbar-primary--dot-banner .gscb_a {
    color: #fff !important
}

.input-gcse--dark-mode .gscb_a,
.input-gcse--dark-mode .gsc-input-box input,
.input-gcse--dark-mode .gsc-input-box input::placeholder {
    color: #fff
}

.input-gcse--light-mode .gsc-search-button-v2 svg {
    fill: #0075b7
}

.input-gcse--light-mode .gsst_a .gscb_a {
    color: #0075b7
}

*+.share-my-book {
    margin-top: 40px
}

.share-my-book .share-my-book--view-compact {
    min-height: 550px
}

.share-my-book .share-my-book--view-article {
    min-height: 300px
}

.share-my-book .hide {
    position: absolute;
    top: -100%;
    left: -100%;
    width: 0px;
    height: 0px;
    visibility: hidden;
    pointer-events: none
}

.share-my-book .share-my-book--header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    padding: 5px 0 25px;
    margin-bottom: 40px
}

.share-my-book .share-my-book--header:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: #ffcc06
}

.share-my-book .share-my-book--heading {
    margin: 0;
    font-size: 16px;
    font-weight: 900;
    -webkit-font-smoothing: antialiased
}

.share-my-book .share-my-book--heading-large {
    font-size: 24px
}

.share-my-book .share-my-book--btn {
    padding: 17px;
    width: 100%;
    white-space: normal
}

.share-my-book .share-my-book--btn+.share-my-book--btn,
.share-my-book .share-my-book--btn+.share-my-book--share {
    margin-top: 15px
}

.share-my-book .share-my-book--btn-clear {
    border: 0
}

.share-my-book .share-my-book--help {
    display: inline-block
}

.share-my-book .share-my-book--help .tippy-content {
    padding-top: 0;
    padding-bottom: 0
}

.share-my-book .share-my-book--help--popout .col-sm-12 {
    padding: 1.5rem 3rem
}

.share-my-book .share-my-book--group-deco {
    padding: 12px 40px;
    border: solid 1px rgb(221, 221, 221)
}

.share-my-book .share-my-book--list-wrap {
    margin-top: 15px;
    background-color: #fff
}

.share-my-book .share-my-book--list-wrap small {
    font-size: 12px
}

.share-my-book .share-my-book--list-header {
    margin: 0;
    font-weight: 700
}

.share-my-book .share-my-book--list {
    padding-left: 15px
}

.share-my-book .share-my-book--list.share-my-book--list-nodeco {
    padding-left: 0;
    list-style: none
}

.share-my-book .share-my-book--list a,
.share-my-book .share-my-book--modal-list a {
    display: block;
    color: #13386e
}

.share-my-book .share-my-book--share-container {
    position: relative;
    width: 100%
}

.share-my-book .share-my-book--share-popout {
    position: absolute;
    top: 10px;
    right: 0;
    padding: 20px;
    width: 96vw;
    color: #26323d;
    box-shadow: 0 0 20px 4px #9aa1b126, 0 4px 80px -8px #24282f40, 0 4px 4px -2px #5b5e6926;
    background-color: #fff;
    border-radius: 4px;
    visibility: hidden;
    opacity: 0;
    transition-property: visibility, opacity, transform;
    outline: 0;
    z-index: 1
}

@media (min-width: 480px) {
    .share-my-book .share-my-book--share-popout {
        min-width: 400px;
        width: 100%
    }
}

.share-my-book .share-my-book--share-popout.active {
    visibility: visible;
    opacity: 1
}

.share-my-book .share-my-book--share-popout .arrow {
    position: absolute;
    top: -7px;
    left: 50%;
    transform: translate(-50%);
    margin: 0 3px;
    border-color: transparent;
    border-style: solid;
    border-bottom-color: #fff;
    border-width: 0 8px 8px;
    transform-origin: 50% 7px
}

.share-my-book .share-my-book--share-popout--left {
    left: 0 !important;
    right: auto !important
}

.share-my-book .share-my-book--share-popout--left .arrow {
    left: 20%
}

.share-my-book .share-my-book--share-popout--right {
    right: 0 !important;
    left: auto !important
}

.share-my-book .share-my-book--share-popout--right .arrow {
    left: 80%
}

.share-my-book .share-my-book--share-popout .share-my-book--btn {
    padding: 8px 17px
}

.share-my-book .share-my-book--share-control-close {
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 12px;
    padding: 4px 7px
}

.share-my-book .share-my-book--share-header {
    margin-bottom: 24px;
    font-size: 20px;
    font-weight: 500
}

.share-my-book .share-my-book--share-wrapper {
    padding: 10px;
    margin-bottom: 30px;
    background: #f6f6f6;
    box-shadow: 0 3px 6px #ccc
}

.share-my-book .share-my-book--share-input {
    padding: 0;
    width: 100%;
    height: auto !important;
    color: #111;
    background-color: transparent;
    border-width: 0;
    box-shadow: none;
    border-color: #bbb;
    font-size: 18px;
    font-weight: 200
}

.share-my-book .share-my-book--share-input:focus,
.share-my-book .share-my-book--share-input:active {
    box-shadow: none;
    border-color: #bbb
}

@media (max-width: 768px) {
    .share-my-book .share-my-book--share-input {
        padding: .3em 0
    }
}

.share-my-book .share-my-book--share-status {
    background: #00000080 !important;
    opacity: 0;
    transition: opacity ease .5s
}

.share-my-book .share-my-book--share-status.active {
    opacity: 1;
    transition: opacity ease 1s
}

.share-my-book .share-my-book--modal-curtain {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #000000d9;
    z-index: 1
}

.share-my-book .share-my-book--modal {
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    padding: 20px;
    max-width: 600px;
    width: 90%;
    color: #26323d;
    box-shadow: 0 0 20px 4px #9aa1b126, 0 4px 80px -8px #24282f40, 0 4px 4px -2px #5b5e6926;
    background-color: #fff;
    border-radius: 4px;
    z-index: 10
}

@media (min-width: 480px) {
    .share-my-book .share-my-book--modal {
        min-width: 400px;
        width: 100%
    }
}

.share-my-book .share-my-book--modal .share-my-book--heading,
.share-my-book .share-my-book--modal .share-my-book--modal-body {
    margin-bottom: 20px
}

.share-my-book .share-my-book--modal .share-my-book--modal-controls {
    display: flex;
    justify-content: space-between
}

.share-my-book .share-my-book--modal-list {
    max-height: 300px;
    overflow: auto;
    padding-left: 1rem
}

.share-my-book .share-my-book--modal-list+* {
    margin-top: 20px
}

.share-my-book .share-my-book--control {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    margin: 15px 0;
    border-radius: 6px;
    background-color: #fff;
    border: solid 1px rgb(221, 221, 221);
    overflow: hidden;
    transition: background-color ease .8s
}

.share-my-book .share-my-book--control.success,
.share-my-book .share-my-book--control.selected {
    transition: background-color ease .8s;
    background-color: #0183c120
}

.share-my-book .share-my-book--control .share-my-book--control-area {
    position: relative;
    display: flex;
    align-items: center
}

.share-my-book .share-my-book--control .share-my-book--control-area:first-child {
    padding-right: 40px;
    width: 70%
}

@media (min-width: 768px) {
    .share-my-book .share-my-book--control .share-my-book--control-area:first-child {
        width: 70%
    }
}

.share-my-book .share-my-book--control .share-my-book--control-area:nth-last-child(-n+2) {
    position: relative;
    margin-left: 10px;
    padding-left: 12px
}

.share-my-book .share-my-book--control .share-my-book--control-area:nth-last-child(-n+2):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    border: solid 1px rgb(221, 221, 221);
    border-top: none;
    border-bottom: none;
    border-right: none
}

.share-my-book .share-my-book--control .share-my-book--control-area a {
    color: #13386e
}

.share-my-book .share-my-book--control button {
    font-size: 14px
}

.share-my-book .share-my-book--control .btn-drag {
    pointer-events: none
}

.share-my-book .share-my-book--control .share-my-book--control-inc-dec {
    font-size: 8px
}

.share-my-book .share-my-book--control-label {
    position: relative;
    margin: 0 0 0 25px;
    line-height: 1.2;
    color: #13386e;
    font-weight: 400;
    font-size: 14px
}

.share-my-book .share-my-book--control-label input {
    position: absolute;
    left: -25px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0
}

.share-my-book .share-my-book--page-header {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #13386e
}

.share-my-book .share-my-book--page-header+.share-my-book--page-subheader {
    font-size: 14px;
    font-weight: 400
}

.share-my-book .share-my-book--page-subheader {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #13386e
}

.share-my-book .share-my-book--action-edit-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse
}

.share-my-book .share-my-book--action-edit-controls>div {
    display: inline-block
}

.share-my-book .share-my-book--action-edit-controls button.btn {
    display: inline-block;
    padding: 4px;
    width: auto;
    font-size: 14px;
    background-color: #fff;
    color: #13386e
}

.share-my-book .share-my-book--action-edit-controls button.btn,
.share-my-book .share-my-book--action-edit-controls button.btn:hover,
.share-my-book .share-my-book--action-edit-controls button.btn:focus {
    color: #13386e
}

.share-my-book .share-my-book--action-edit-controls button.btn+button.btn {
    margin: 0
}

.share-my-book-container {
    position: sticky;
    z-index: 20;
    top: 80px
}

.product-detail {
    background-color: #f6f6f6
}

.product-detail .max-width {
    max-width: 1280px !important;
    margin: 0 auto
}

.product-detail .table-other {
    padding: 0
}

.product-detail h1,
.product-detail h2,
.product-detail h3,
.product-detail h4,
.product-detail h5,
.product-detail h6 {
    margin-top: 0
}

.product-detail.product-detail--loading {
    padding: 40px 20px
}

.product-detail img {
    max-width: 100%
}

.product-detail h1,
.product-detail h2 {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    text-wrap: auto
}

@media (min-width: 992px) {

    .product-detail h1,
    .product-detail h2 {
        font-size: 2.5rem
    }
}

@media (min-width: 1400px) {

    .product-detail h1,
    .product-detail h2 {
        font-size: 3.375rem
    }
}

.product-detail #spinny-tire h2 {
    margin-top: 20px;
    font-size: 1.875rem
}

.product-detail--return-search {
    padding: 20px
}

.product-detail--hero {
    padding: 40px 20px
}

.product-detail--hero img {
    display: block;
    max-height: 340px;
    margin: 20px auto;
    object-fit: contain
}

.product-detail--hero h1 small {
    display: block;
    font-size: 1rem;
    font-weight: 400
}

.product-detail--hero .product-detail--hero-card {
    background: #fff;
    box-shadow: 2px 3px 3px #00000012;
    border-radius: 20px;
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.product-detail--hero .product-detail--hero-card strong {
    font-weight: 700
}

.product-detail--hero .product-detail--hero-card span {
    font-size: 3.125rem;
    font-weight: 300
}

.product-detail--hero,
.product-detail--hero .product-detail--hero-cards {
    display: grid;
    gap: 20px
}

@media (min-width: 768px) {
    .product-detail--hero {
        padding: 50px 20px;
        gap: 100px;
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .product-detail--hero .product-detail--hero-title {
        grid-column: 3/1
    }

    .product-detail--hero .product-detail--hero-cards {
        grid-column: 3/6;
        gap: 15px;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .product-detail--hero {
        gap: 50px
    }
}

.product-detail--hero .product-detail--hero-card-column {
    display: grid;
    gap: 20px
}

.product-detail--crash-test .product-detail--crash-test-container {
    gap: 40px;
    padding: 80px 20px 0
}

.product-detail--crash-test .product-detail--crash-test-container>*:first-child {
    flex-basis: 30%
}

.product-detail--crash-test .product-detail--crash-test-container>*:last-child {
    flex-basis: 70%
}

.product-detail--crash-test .product-detail--crash-test-container .carousel {
    padding-top: 0
}

@media (min-width: 992px) {
    .product-detail--crash-test .product-detail--crash-test-container {
        display: flex;
        gap: 40px
    }
}

@media (max-width: 991.98px) {
    .product-detail--crash-test .product-detail--crash-test-container .carousel-wrapper {
        margin-top: 50px;
        width: 100%
    }

    .product-detail--crash-test .product-detail--crash-test-container .carousel-item {
        padding: 0
    }

    .product-detail--crash-test .product-detail--crash-test-container .carosuel-item-wrapper {
        padding: 26px
    }

    .product-detail--crash-test .product-detail--crash-test-container .carousel-caption {
        padding-bottom: 0
    }

    .product-detail--crash-test .product-detail--crash-test-container .carousel-caption--copy {
        display: block
    }

    .product-detail--crash-test .product-detail--crash-test-container .carousel-caption--copy .controls {
        margin-top: 20px
    }
}

.product-detail--crash-test .product-detail--crash-test-container .star-ratings>p:only-child {
    opacity: .8
}

.product-detail--safety-tech {
    background: #fff
}

.product-detail--safety-tech .product-detail--safety-tech-title {
    flex-grow: 1;
    padding: 0 10px;
    font-weight: 700;
    font-size: 1.25rem
}

@media (max-width: 767.98px) {
    .product-detail--safety-tech .product-detail--safety-tech-title:not(.tag-label-w-icon) {
        font-size: 1rem;
        max-width: 90%
    }
}

@media (max-width: 575.98px) {
    .product-detail--safety-tech .product-detail--safety-tech-title:not(.tag-label-w-icon) {
        max-width: 80%
    }
}

.product-detail--safety-tech .product-detail--safety-tech-p {
    flex-grow: 1;
    padding: 0 10px;
    font-size: 1rem
}

.product-detail--safety-tech .product-detail--safety-tech-container {
    display: grid;
    gap: 40px;
    padding: 80px 20px 40px
}

@media (min-width: 992px) {
    .product-detail--safety-tech .product-detail--safety-tech-container {
        gap: 40px
    }
}

@media (max-width: 991.98px) {
    .product-detail--safety-tech .product-detail--safety-tech-container>*:first-child h2+* {
        margin-top: 30px
    }
}

@media (min-width: 992px) {
    .product-detail--safety-tech .product-detail--safety-tech-container>*:first-child {
        display: flex;
        gap: 50px
    }

    .product-detail--safety-tech .product-detail--safety-tech-container>*:first-child>*:first-child {
        flex-basis: 70%
    }
}

.product-detail--safety-tech .product-detail--safety-tech-container>*:first-child:only-child {
    display: block
}

.product-detail--safety-tech+.product-detail--safety-tech .product-detail--safety-tech-container {
    padding-top: 10px
}

.product-detail--safety-tech .product-detail--safety-tech-board-wrapper .board-header {
    margin: 0;
    padding: 0 20px 20px;
    font-size: 1.75rem
}

.product-detail--safety-tech .product-detail--safety-tech-board-wrapper .board-disclaimer {
    padding: 20px 20px 0;
    font-size: .85rem;
    font-style: italic;
    font-family: Roboto Italic, sans-serif;
    font-weight: 900;
    line-height: 1.25
}

@media (min-width: 992px) {

    .product-detail--safety-tech .product-detail--safety-tech-board-wrapper .board-header,
    .product-detail--safety-tech .product-detail--safety-tech-board-wrapper .board-disclaimer {
        max-width: 90%;
        margin: 0 auto
    }
}

.product-detail--safety-tech .product-detail--safety-tech-board {
    padding: 20px;
    background-color: #13386e;
    color: #fff;
    border-radius: 30px
}

@media (min-width: 576px) {
    .product-detail--safety-tech .product-detail--safety-tech-board {
        padding: 40px
    }
}

.product-detail--safety-tech .product-detail--safety-tech-launchers {
    display: grid
}

.product-detail--safety-tech .product-detail--safety-tech-launchers+* {
    margin: 20px 0 0
}

@media (min-width: 768px) {
    .product-detail--safety-tech .product-detail--safety-tech-launchers+* {
        margin: 40px 0 0
    }
}

.product-detail--safety-tech .product-detail--safety-tech-launchers+.product-detail--safety-tech-launchers {
    border-top: 1px solid rgba(255, 255, 255, .15)
}

.product-detail--safety-tech .product-detail--safety-tech-launchers button {
    justify-self: flex-end;
    border: 0;
    background: 0;
    transition: transform .1s ease-out
}

.product-detail--safety-tech .product-detail--safety-tech-launchers button:not([disabled]):hover {
    transform: scale(1.05)
}

.product-detail--safety-tech .product-detail--safety-tech-launchers button[disabled] {
    opacity: .4;
    cursor: not-allowed
}

.product-detail--safety-tech .product-detail--safety-tech-more {
    display: grid;
    margin-top: 100px
}

.product-detail--safety-tech .product-detail--safety-tech-cta {
    margin-top: 60px;
    text-align: center
}

.product-detail--safety-tech .product-detail--safety-tech-cta .btn {
    padding: 18px 26px;
    border-radius: 6px;
    background-color: #13386e
}

.product-detail--safety-tech .product-detail--safety-tech-row {
    padding: 17px 0 18px;
    display: grid;
    gap: 10px;
    align-items: center
}

.product-detail--safety-tech .product-detail--safety-tech-row+.product-detail--safety-tech-row {
    border-top: 1px solid rgba(255, 255, 255, .15)
}

@media (min-width: 480px) {
    .product-detail--safety-tech .product-detail--safety-tech-row {
        padding: 20px 0;
        grid-template-columns: 1.5fr 1.5fr .25fr;
        grid-template-rows: auto
    }
}

@media (max-width: 650px) {
    .product-detail--safety-tech .product-detail--safety-tech-row {
        grid-template-columns: 1fr .125fr;
        margin-left: 10px;
        margin-right: 10px
    }

    .product-detail--safety-tech .product-detail--safety-tech-row>*:nth-child(1) {
        grid-column: 1/-1;
        grid-row: 1;
        padding: 0;
        margin-bottom: 10px
    }

    .product-detail--safety-tech .product-detail--safety-tech-row>*:nth-child(2) {
        grid-column: 1;
        grid-row: 2;
        gap: 10px;
        padding: 0
    }

    .product-detail--safety-tech .product-detail--safety-tech-row>*:nth-child(3) {
        grid-column: 2;
        grid-row: 1/span 2;
        align-self: center;
        padding: 0
    }

    .product-detail--safety-tech .product-detail--safety-tech-row>*:nth-child(3) svg {
        position: relative;
        left: 6px;
        width: 52px;
        height: 52px
    }
}

@media (min-width: 480px) {
    .product-detail--safety-tech .product-detail--safety-tech-row.product-detail--safety-tech-row-alt {
        grid-template-columns: 1.5fr 1.7fr
    }
}

@media (max-width: 767px) {
    .product-detail--safety-tech .product-detail--safety-tech-row.product-detail--safety-tech-row-alt {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr
    }
}

@media (max-width: 767px) {
    .product-detail--safety-tech .product-detail--safety-tech-body {
        margin-left: 30px
    }
}

.product-detail--safety-tech .product-detail--safety-tech-feature {
    display: flex;
    gap: 0px;
    flex-direction: column;
    padding: 10px 0
}

.product-detail--safety-issues {
    background: #fff
}

.product-detail--safety-issues .product-detail--safety-issues-container {
    display: grid;
    gap: 40px
}

@media (min-width: 768px) {
    .product-detail--safety-issues .product-detail--safety-issues-container {
        padding: 80px 20px 0;
        grid-template-columns: 1fr 2fr;
        gap: 100px
    }
}

.product-detail--safety-issues .product-detail--safety-issues-launchers {
    display: grid
}

.product-detail--safety-issues .product-detail--safety-issue-row {
    display: grid;
    grid-template-columns: auto 1fr auto;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-top: 1px solid rgb(221, 221, 221)
}

.product-detail--safety-issues .product-detail--safety-issue-row .product-detail--safety-issue-row-number {
    color: #0075b7;
    font-weight: 300;
    font-size: 1.75rem;
    width: 80px
}

@media (max-width: 767.98px) {
    .product-detail--safety-issues .product-detail--safety-issue-row .product-detail--safety-issue-row-number {
        padding: 0 20px
    }
}

@media (min-width: 768px) {
    .product-detail--safety-issues .product-detail--safety-issue-row .product-detail--safety-issue-row-number {
        font-size: 2.8rem
    }
}

.product-detail--safety-issues .product-detail--safety-issue-row .product-detail--safety-issue-row-title {
    flex-grow: 1;
    padding: 0 10px;
    margin-left: 30px;
    font-weight: 700;
    font-size: 1.25rem
}

@media (min-width: 768px) {
    .product-detail--safety-issues .product-detail--safety-issue-row .product-detail--safety-issue-row-title {
        font-size: 1.75rem
    }
}

@media (max-width: 767.98px) {
    .product-detail--safety-issues .product-detail--safety-issue-row .product-detail--safety-issue-row-title {
        margin-left: 0;
        font-size: 1rem
    }
}

.product-detail--safety-issues .product-detail--safety-issue-row button {
    justify-self: flex-end;
    border: 0;
    background: 0;
    transition: transform .1s ease-out
}

.product-detail--safety-issues .product-detail--safety-issue-row button:not([disabled]):hover {
    transform: scale(1.05)
}

.product-detail--safety-issues .product-detail--safety-issue-row button[disabled] {
    opacity: .4;
    cursor: not-allowed
}

.product-detail--safety-issues .product-detail--safety-issue-row[data-bs-toggle] {
    cursor: pointer
}

.product-detail--safety-issues .product-detail--safety-issue-row:not([data-bs-toggle]) {
    cursor: not-allowed
}

@media (min-width: 768px) {
    .product-detail--safety-issues .product-detail--safety-issue-row {
        padding: 15px 0
    }
}

@media (min-width: 1400px) {
    .product-detail--safety-issues .product-detail--safety-issue-row {
        padding: 20px 0
    }
}

.product-detail--cta {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px
}

@media (min-width: 768px) {
    .product-detail--cta {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 60px 20px
    }
}

@media (min-width: 1400px) {
    .product-detail--cta {
        padding: 80px 20px
    }
}

.product-detail--cta div:first-of-type {
    max-width: 550px
}

.product-detail--cta div:first-of-type h2 {
    font-size: 1.75rem
}

.product-detail--modal .model-features {
    display: grid;
    align-items: center
}

@media (min-width: 768px) {
    .product-detail--modal .model-features {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.product-detail--modal .model-features span:last-of-type {
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase
}

.product-detail--modal.modal {
    --bs-modal-width: min(100% - 40px, 800px)
}

.product-detail--modal.modal.modal-lg {
    max-width: 1056px
}

.product-detail--modal.modal .modal-header {
    border-bottom: none
}

@media (max-width: 767.98px) {
    .product-detail--modal.modal .modal-header {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }
}

.product-detail--modal.modal .modal-content {
    padding: 0;
    border-radius: 30px
}

.product-detail--modal.modal .modal-download>a {
    display: flex;
    gap: 5px;
    align-items: flex-start
}

.product-detail--modal.modal .modal-download .filemetadata {
    display: inline-block
}

.product-detail--modal.modal .modal-download .filemetadata>*+* {
    display: inline-block;
    margin-left: 5px
}

.product-detail--modal.modal .modal-download .filename {
    font-weight: 700
}

.product-detail--modal.modal .modal-content--tech h2 {
    margin: 0 0 10px;
    color: #0075b7;
    font-size: 1.75rem
}

.product-detail--modal.modal .modal-content--tech .modal-header {
    display: block
}

@media (min-width: 1400px) {
    .product-detail--modal.modal .modal-content--tech .modal-header {
        padding: 60px 60px 0
    }
}

.product-detail--modal.modal .modal-content--tech .modal-header .modal-header--content {
    align-items: center;
    gap: 22px
}

@media (max-width: 767.98px) {
    .product-detail--modal.modal .modal-content--tech .modal-header .modal-header--content {
        flex-direction: column-reverse
    }
}

.product-detail--modal.modal .modal-content--tech .modal-header .modal-header--content>* {
    flex: 1;
    width: 100%
}

.product-detail--modal.modal .modal-content--tech .modal-header .modal-header--content .modal-header--content-media {
    text-align: center
}

@media (max-width: 767.98px) {
    .product-detail--modal.modal .modal-content--tech .modal-header .modal-header--content .modal-header--content-media {
        margin-bottom: 20px
    }
}

.product-detail--modal.modal .modal-content--tech hr {
    margin: 30px 0;
    border-top: 1px solid #cccccc
}

.product-detail--modal.modal .modal-content--tech .modal-body {
    display: flex;
    gap: 40px;
    flex-direction: row;
    padding: 0 60px 30px
}

@media (max-width: 1399.98px) {
    .product-detail--modal.modal .modal-content--tech .modal-body {
        flex-direction: column;
        padding: 0 20px 30px;
        gap: 20px
    }
}

.product-detail--modal.modal .modal-content--tech .modal-body>* {
    flex-basis: 50%
}

@media (min-width: 768px) {
    .product-detail--modal.modal .modal-content--tech .modal-body>*:last-child {
        padding-left: 10%
    }
}

.product-detail--modal.modal .modal-content--tech .modal-body>*>* {
    margin-top: 10px
}

.product-detail--modal.modal .modal-content--tech .modal-body .title {
    font-size: 1.125rem;
    font-weight: 700;
    color: #000
}

.product-detail--modal.modal .modal-content--tech .modal-footer {
    border: none
}

.product-detail--modal.modal .modal-content--tech-more {
    color: #000;
    font-size: 1.3125rem
}

.product-detail--modal.modal .modal-content--tech-more h2 {
    margin: 0 0 10px
}

@media (min-width: 768px) {
    .product-detail--modal.modal .modal-content--tech-more h2 {
        font-size: 1.75rem
    }
}

.product-detail--modal.modal .modal-content--tech-more h3 {
    color: #0075b7
}

.product-detail--modal.modal .modal-content--tech-more .modal-header {
    display: block
}

@media (min-width: 1400px) {
    .product-detail--modal.modal .modal-content--tech-more .modal-header {
        padding: 60px 40px !important;
        padding-bottom: 0
    }
}

.product-detail--modal.modal .modal-content--tech-more .modal-body {
    display: flex;
    gap: 40px;
    flex-direction: column;
    padding: 0 60px 60px
}

@media (max-width: 767.98px) {
    .product-detail--modal.modal .modal-content--tech-more .modal-body {
        padding: 0 40px 60px
    }
}

.product-detail--modal.modal .modal-content--tech-more .modal-body .modal-section>*,
.product-detail--modal.modal .modal-content--tech-more .modal-body .modal-section>*>* {
    margin-top: 20px
}

.product-detail--modal.modal .modal-content--tech-more .modal-body .modal-section .modal-features {
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .product-detail--modal.modal .modal-content--tech-more .modal-body .modal-section .modal-features {
        gap: 40px;
        flex-direction: row
    }
}

.product-detail--modal.modal .modal-content--tech-more .modal-body .modal-section .modal-features>* {
    flex-basis: 50%
}

.product-detail--modal.modal .modal-content--tech-more .modal-body .modal-section .modal-features>*:last-child {
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase
}

.product-detail--modal.modal .modal-content--crash-test {
    overflow-y: auto;
    color: #000;
    font-size: 1rem;
    padding: 60px 40px
}

@media (min-width: 768px) {
    .product-detail--modal.modal .modal-content--crash-test {
        padding: 60px
    }
}

.product-detail--modal.modal .modal-content--crash-test>[class*=modal-] {
    padding: 20px
}

.product-detail--modal.modal .modal-content--crash-test>[class*=modal-]+[class*=modal-] {
    margin-top: 35px;
    padding-top: 35px;
    border-top: 1px solid rgb(204, 204, 204)
}

.product-detail--modal.modal .modal-content--crash-test h2 {
    margin: 0 0 24px;
    font-size: 1.75rem
}

.product-detail--modal.modal .modal-content--crash-test .download-label {
    margin-bottom: 24px
}

.product-detail--modal.modal .modal-content--crash-test .modal-header {
    display: block;
    padding: 0
}

.product-detail--modal.modal .modal-content--crash-test .modal-body {
    display: flex;
    gap: 40px;
    flex-direction: column;
    padding: 0;
    overflow-y: unset
}

.product-detail--modal.modal .modal-content--crash-test .modal-footer {
    display: block;
    padding: 0;
    font-weight: 700
}

.product-detail--modal.modal .modal-content--crash-test .modal-section {
    grid-template-columns: 1fr 2fr;
    gap: 20px
}

@media (min-width: 768px) {
    .product-detail--modal.modal .modal-content--crash-test .modal-section {
        display: grid
    }
}

.product-detail--modal.modal .modal-content--crash-test .modal-section+.modal-section {
    margin-top: 40px
}

.product-detail--modal.modal .modal-content--crash-test .modal-section>* {
    margin: 0
}

.product-detail--modal.modal .modal-content--crash-test .modal-section .modal-section--title {
    margin-bottom: 15px
}

.product-detail--modal.modal .modal-content--crash-test .modal-section .modal-section--title img.product-details--safety-concerns {
    max-width: 20px !important
}

.product-detail--modal.modal .modal-content--crash-test .modal-section .star-ratings {
    margin: 0
}

.product-detail--modal.modal .modal-content--crash-test .modal-section .star-ratings+* {
    display: inline-block;
    margin: 20px 0 0
}

@media (max-width: 767.98px) {
    .product-detail--modal.modal .modal-content--crash-test .modal-section .star-ratings img {
        margin-right: 60px
    }
}

@media (max-width: 575.98px) {
    .product-detail--modal.modal .modal-content--crash-test .modal-section .star-ratings img {
        margin-right: 20px;
        max-width: 120px
    }
}

.product-detail--modal.modal .modal-content--crash-test .modal-section .star-ratings span {
    font-size: 120%
}

*+.product-detail--modal.modal .modal-content--crash-test .modal-section-group,
.product-detail--modal.modal .modal-content--crash-test .modal-section-group+.modal-section-group {
    margin-top: 30px
}

.product-detail--modal.modal .modal-content--crash-test .modal-section-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 20px;
    margin-bottom: 0
}

.product-detail--modal.modal .modal-content--crash-test .modal-section-row>* {
    display: inline-block;
    margin-top: 10px;
    font-weight: 700;
    color: #000
}

.product-detail--modal.modal .modal-content--crash-test .modal-section-row .title {
    font-size: 1rem;
    text-transform: capitalize;
    white-space: nowrap
}

.product-detail--modal.modal .modal-content--crash-test .modal-section-row .highlight {
    color: #636363
}

@media (min-width: 576px) {
    .product-detail--modal.modal .modal-content--crash-test .modal-body--flag {
        display: flex;
        gap: 26px
    }
}

@media (min-width: 768px) {
    .product-detail--modal.modal .modal-content--crash-test .modal-body--flag {
        width: 80%
    }
}

@media (min-width: 992px) {
    .product-detail--modal.modal .modal-content--crash-test .modal-body--flag {
        width: 70%
    }
}

.product-detail--modal.modal .modal-content--crash-test .modal-body--flag-media {
    padding: 6px 0
}

.product-detail--modal.modal .modal-content--crash-test .modal-body--flag-media img {
    margin: 0 0 8px;
    width: 2.3rem
}

@media (min-width: 576px) {
    .product-detail--modal.modal .modal-content--crash-test .modal-body--flag-media img {
        margin: 0;
        width: 7rem
    }
}

.product-detail--modal.modal .modal-header {
    padding: 20px 30px 0
}

@media (min-width: 1400px) {
    .product-detail--modal.modal .modal-header {
        padding: 90px 60px 30px
    }
}

.product-detail--modal.modal .modal-body {
    padding: 0 30px 20px
}

@media (min-width: 1400px) {
    .product-detail--modal.modal .modal-body {
        padding: 0 60px 30px
    }
}

.product-detail--modal.modal .btn-close {
    border: 1px solid var(--bs-btn-close-color);
    border-radius: 100%;
    position: absolute;
    top: 20px;
    right: 20px
}

.product-detail--modal.modal .modal-footer {
    justify-content: center;
    padding: 20px
}

.product-detail--modal.modal .product-detail--safety-issue-modal-filter-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    color: #0075b7;
    font-weight: 700;
    background: transparent;
    margin-left: auto
}

@media (max-width: 767.98px) {
    .product-detail--modal.modal .product-detail--safety-issue-modal-filter-button {
        align-self: flex-start;
        margin-top: 10px;
        margin-left: 0;
        padding: 0
    }
}

.product-detail--modal.modal .nhtsa-header {
    align-items: center
}

.product-detail--modal.modal .nhtsa-header .nhtsa-header--number {
    color: #0075b7;
    font-weight: 300;
    font-size: 3.5rem
}

.product-detail--modal.modal .nhtsa-header h2 {
    margin: 0
}

@media (min-width: 768px) {
    .product-detail--modal.modal .nhtsa-header h2 {
        font-size: 1.75rem;
        margin-left: 3.5rem;
        max-width: 250px
    }
}

@media (max-width: 767.98px) {
    .product-detail--modal.modal .nhtsa-header {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }
}

.nhtsa-issue-heading {
    position: sticky;
    top: -20px;
    z-index: 10;
    background: #fff;
    padding: 20px 0;
    font-weight: 700;
    border: 0;
    cursor: pointer;
    width: 100%;
    color: #111
}

@media (min-width: 992px) {
    .nhtsa-issue-heading {
        top: 0
    }
}

.nhtsa-issue-heading .nhtsa-issue-heading--details {
    display: flex;
    column-gap: 1rem;
    font-size: .8125rem;
    text-transform: uppercase;
    color: #5a5a5a;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start
}

@media (min-width: 768px) {
    .nhtsa-issue-heading .nhtsa-issue-heading--details {
        flex-direction: row;
        align-items: flex-end
    }
}

.nhtsa-issue-heading .nhtsa-issue-heading--details .vehicle-detail--investigation-open-label {
    color: #bf1e2d !important;
    display: inline-block
}

@media (min-width: 992px) {
    .nhtsa-issue-heading .nhtsa-issue-heading--details .vehicle-detail--investigation-open-label {
        margin-left: 20px
    }
}

.nhtsa-issue-heading .nhtsa-issue-heading--details .date-field {
    font-size: 1.125rem;
    font-weight: 500
}

.nhtsa-issue-heading .nhtsa-issue-heading--title {
    color: #0075b7;
    font-size: 1.3125rem;
    text-align: left
}

.btn-modern {
    border-radius: 6px;
    padding: 1rem 1.4375rem
}

.product-detail--multiples {
    background: #fff;
    padding-top: 20px;
    padding-bottom: 20px
}

.product-detail--multiples h1 {
    margin-top: 0;
    margin-bottom: 35px
}

.product-detail--multiples ul {
    display: grid;
    list-style-type: none;
    padding: 0;
    row-gap: 10px;
    column-gap: 20px
}

@media (min-width: 768px) {
    .product-detail--multiples ul {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (min-width: 992px) {
    .product-detail--multiples ul {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

.product-detail--multiples li.has-image {
    display: grid
}

.product-detail--multiples li.has-image a {
    display: grid;
    justify-content: center;
    padding: 10px;
    border: 1px solid transparent
}

.product-detail--multiples li.has-image a:hover,
.product-detail--multiples li.has-image a:focus {
    background: #f6f6f6;
    border: 1px solid rgb(221, 221, 221)
}

.product-detail--multiples li.has-image img {
    align-self: flex-end;
    mix-blend-mode: multiply
}

.recently-viewed {
    position: relative;
    padding: 40px 0
}

.recently-viewed h2 {
    font-size: 1.75rem;
    text-align: center;
    margin-bottom: 30px
}

@media (min-width: 992px) {
    .recently-viewed h2 {
        font-size: 2.5rem
    }
}

@media (min-width: 1400px) {
    .recently-viewed h2 {
        font-size: 3.375rem;
        margin-bottom: 50px
    }
}

.recently-viewed--holder {
    display: flex;
    white-space: nowrap;
    gap: 15px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 20px 0
}

.recently-viewed--holder .product-card:first-of-type {
    margin-left: 20px
}

.recently-viewed--holder .product-card:last-of-type {
    margin-right: 20px
}

@media (min-width: 768px) {
    .recently-viewed--holder {
        padding: 20px
    }
}

@media (min-width: 1200px) {
    .recently-viewed--holder {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        max-width: 1350px !important;
        margin: 0 auto
    }

    .recently-viewed--holder .product-card:first-of-type {
        margin-left: 0
    }

    .recently-viewed--holder .product-card:last-of-type {
        margin-right: 0
    }
}

.modern-memory-pagination {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: space-between;
    width: 100%;
    font-size: 1rem;
    font-weight: 700
}

.modern-memory-pagination button {
    display: flex;
    gap: 10px;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: transparent;
    color: #0075b7;
    font-weight: 700
}

.modern-memory-pagination button[disabled] {
    opacity: .5;
    cursor: not-allowed
}

@media (max-width: 767.98px) {
    .modern-memory-pagination button {
        text-transform: lowercase
    }
}

.modern-memory-pagination button.modern-next {
    justify-self: flex-end
}

.product-detail--safety-filters {
    background: #fff
}

@media (min-width: 768px) {
    .product-detail--safety-filters {
        position: relative
    }
}

.product-detail--safety-filters form {
    max-height: 200px;
    overflow: auto
}

.product-detail--safety-filters h3 {
    margin-top: 0
}

.product-detail--safety-filters ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.product-detail--safety-filters input {
    height: 20px;
    width: 20px
}

.product-detail--safety-filters li {
    display: flex;
    gap: 10px;
    padding: 5px 0
}

.product-detail--safety-filters li label {
    text-transform: lowercase
}

.product-detail--filter-remove-button-holder {
    display: inline-flex;
    gap: 10px;
    flex-wrap: wrap
}

.product-detail--filter-remove-button {
    display: flex;
    gap: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #cff0ff;
    color: #0779b0;
    border: 1px solid rgb(7, 121, 176);
    border-radius: 6px;
    text-transform: lowercase
}

.summary-of-complaint .d-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    font-weight: 700
}

.associated-items-container {
    display: grid;
    gap: 5px
}

@media (max-width: 767.98px) {
    .filter-opened .product-detail--visible-issues {
        display: none
    }
}

.product-detail--visible-issues p {
    margin-bottom: 5px
}

.product-detail .safety-issue--consequence {
    color: #111
}

@media (max-width: 767.98px) {
    .product-detail--safety-issues-text {
        padding: 40px 20px 0
    }
}

.product-detail--cms-content {
    background: #fff;
    padding: 40px 0
}

.product-detail--cms-content .max-width>div {
    padding: 0 20px
}

.product-detail--associated-items-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: transparent;
    padding: 0;
    display: flex;
    gap: 5px;
    align-items: center;
    font-weight: 700
}

.product-detail--associated-items-button:not(.collapsed) .caret,
.product-detail--associated-items-button:not(.collapsed) .custom-select:before {
    transform: rotate(180deg)
}

.product-detail--associated-items {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.product-detail--associated-items a {
    display: flex;
    gap: 5px
}

.product-detail--associated-items li {
    margin: 15px 0
}

.product-detail--associated-items-recalls li {
    border-bottom: 1px solid rgb(204, 204, 204);
    padding-bottom: 20px;
    margin-bottom: 20px
}

.product-detail--hero-card-cta {
    margin: 6px auto 0;
    font-weight: 700
}

.product-detail--hero-card-ratings {
    margin: 10px;
    width: 70%;
    font-weight: 700;
    text-align: center
}

.product-detail--hero-card-ratings>img {
    margin: 0 auto
}

.product-detail--hero .product-detail--hero-card span.product-detail--hero-card-smaller {
    font-size: 1.25rem
}

.product-detail--hero-card-tag-label {
    border-top: rgba(0, 0, 0, .05) thin solid
}

.product-detail--hero-card-tag-label:last-of-type {
    border-bottom: rgba(0, 0, 0, .05) thin solid
}

.product-detail--hero-card-tag-label:first-of-type {
    margin-top: 20px
}

.product-detail--hero-card-tag-label:last-of-type {
    margin-bottom: 20px
}

.product-detail--hero-card-tag-label:only-of-type {
    margin-top: auto;
    margin-bottom: auto
}

.product-detail--hero-card-tag-label>.count:only-child {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    max-height: 80px;
    min-height: 80px
}

.product-detail--hero-card-tag-label p.title {
    font-size: 14px;
    font-weight: 400
}

.product-detail--hero-card-tag-label strong {
    font-size: 18px
}

.product-detail--lead .rating-content-block--title {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2
}

@media (min-width: 992px) {
    .product-detail--lead .rating-content-block--title {
        font-size: 2.5rem
    }
}

@media (min-width: 1400px) {
    .product-detail--lead .rating-content-block--title {
        font-size: 3.375rem
    }
}

.product-detail--lead .rating-content-block--star-rating {
    margin-top: 30px;
    text-align: left
}

.product-detail--lead .rating-content-block--star-rating * {
    display: inline-block
}

.product-detail--lead .rating-content-block--star-rating *+* {
    margin-left: 10px
}

.product-detail--lead .rating-content-block--star-rating img {
    position: relative;
    top: -5px;
    width: 170px
}

@media (min-width: 768px) {
    .rating-content-block--note {
        padding-left: 60px;
        font-size: 1.25rem;
        border-left: 5px solid rgb(255, 206, 0)
    }

    *+.rating-content-block--note {
        margin-top: 40px
    }
}

.product-details--safety-concerns {
    position: relative;
    top: -2px;
    margin-left: 20px;
    width: 2rem
}

.safety-issue--chevron {
    position: absolute;
    top: 30px;
    right: 20px;
    translate: 0 -50%
}

[aria-expanded=true] .safety-issue--chevron {
    rotate: 180deg
}

@media (max-width: 767.98px) {
    .product-detail--ease-of-use {
        padding-bottom: 40px
    }

    .product-detail--ease-of-use .product-detail--safety-issues-launchers {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 768px) {
    .product-detail--ease-of-use {
        padding-bottom: 80px
    }
}

.product-detail--rating-pane button {
    border-top: 1px solid rgb(204, 204, 204)
}

.product-detail--rating-pane .product-detail--ease-of-use-row {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    padding: 20px 0;
    border-top: 1px solid rgb(204, 204, 204)
}

.product-detail--rating-pane .product-detail--ease-of-use-row>div:first-of-type {
    grid-column: 1/3
}

.product-detail--rating-pane .product-detail--ease-of-use-row>div:last-of-type {
    grid-column: 3/6
}

.product-detail--rating-pane .product-detail--ease-of-use-star {
    max-width: 100px
}

.product-detail--child-seat-sliders .child-seat-size-range>div:nth-child(-n+2) {
    display: flex;
    flex-wrap: wrap
}

.product-detail--child-seat-sliders .child-seat-size-range>div:not(:first-child) {
    margin-bottom: 40px
}

.product-detail--child-seat-sliders .child-seat-size-range--slider {
    width: 80%;
    color: #363636
}

.product-detail--child-seat-sliders .child-seat-size-range--slider span:first-child {
    position: relative;
    font-size: 9px;
    width: auto;
    transform: translate(-50%);
    white-space: nowrap
}

.product-detail--child-seat-sliders .child-seat-size-range--slider span:first-child:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgb(54, 54, 54)
}

.product-detail--child-seat-sliders .child-seat-size-range--slider span:first-child.error {
    color: #c02232
}

.product-detail--child-seat-sliders .child-seat-size-range--slider span:first-child.error:after {
    border-top-color: #c02232
}

.product-detail--child-seat-sliders .child-seat-size-range--slider .size-range,
.product-detail--child-seat-sliders .child-seat-size-range--slider .size-range-end,
.product-detail--child-seat-sliders .child-seat-size-range--slider .size-range-value {
    display: block;
    position: relative
}

.product-detail--child-seat-sliders .child-seat-size-range--slider .size-range {
    width: 100%;
    height: 20px;
    margin-top: 5px
}

.product-detail--child-seat-sliders .child-seat-size-range--slider .size-range:after {
    content: "";
    height: 1px;
    position: absolute;
    width: 100%;
    background-color: #363636;
    top: 50%;
    transform: translateY(-50%)
}

.product-detail--child-seat-sliders .child-seat-size-range--slider .size-range-value {
    height: 110%;
    width: 40%;
    left: 16%;
    background-color: #363636;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    overflow: hidden
}

.product-detail--child-seat-sliders .child-seat-size-range--slider .size-range-value:after {
    content: "seat range";
    text-transform: uppercase;
    color: #fff;
    font-weight: 200;
    font-size: 8px;
    line-height: 1;
    margin-top: .5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center
}

.product-detail--child-seat-sliders .child-seat-size-range--slider .size-range-end {
    width: 1px;
    background-color: #363636;
    height: 100%;
    position: absolute
}

.product-detail--child-seat-sliders .child-seat-size-range--slider .size-range-end:after {
    content: attr(data-label);
    position: absolute;
    bottom: -15px;
    font-size: 7px;
    display: inline-block;
    transform: translate(-50%);
    white-space: nowrap
}

.product-detail--child-seat-sliders .child-seat-size-range--slider .size-range-end:first-child {
    left: 0
}

.product-detail--child-seat-sliders .child-seat-size-range--slider .size-range-end:first-child:after {
    transform: none
}

.product-detail--child-seat-sliders .child-seat-size-range--slider .size-range-end:last-child {
    right: 0;
    left: auto
}

.product-detail .btn.link-arrow {
    color: #0075b7;
    font-weight: 700;
    padding: 0
}

.product-detail .carousel {
    background: transparent
}

.product-detail .carousel>* {
    margin-top: 30px
}

.product-detail .carousel .carousel-inner {
    margin-top: -30px
}

@media (min-width: 992px) {
    .product-detail .carousel .carousel-inner {
        margin-top: -68px
    }
}

.product-detail .carousel .carousel-item {
    padding: 0 8% 0 0
}

.product-detail .carousel .carousel-item .rating-content-block--star-rating {
    display: flex;
    align-items: center
}

.product-detail .carousel .carousel-item img {
    margin: inherit;
    margin-top: 0
}

.product-detail .carousel .carousel-item .carosuel-item-wrapper {
    padding: 52px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 2px 2px 3px #0075b712
}

.product-detail .carousel .carousel-item img.embed-responsive-item {
    display: block;
    margin: 0 auto
}

.product-detail .carousel .carousel-item .embed-responsive+img {
    display: none
}

.product-detail .carousel .carousel-item .embed-responsive {
    margin: 0 auto;
    max-width: 100%;
    border-radius: 10px
}

.product-detail .carousel .carousel-item .embed-responsive+* {
    margin-top: 40px
}

@media (min-width: 768px) {
    .product-detail .carousel .carousel-item .embed-responsive>* {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .product-detail .carousel .carousel-item .embed-responsive>img {
        height: auto
    }
}

@media (min-width: 768px) and (min-width: 1200px) {
    .product-detail .carousel .carousel-item .embed-responsive>iframe {
        max-width: 1004px;
        margin: 0 auto
    }
}

@media (min-width: 1200px) {
    .product-detail .carousel .carousel-item .embed-responsive.embed-responsive-16by9.block-video {
        padding-bottom: 40%
    }
}

@media (min-width: 768px) {
    .product-detail .carousel .carousel-indicators {
        display: none
    }
}

@media (max-width: 767px) {
    .product-detail .carousel .carousel-control {
        display: none
    }
}

.product-detail .carousel .carousel-indicators {
    z-index: 1;
    bottom: 0
}

.product-detail .carousel .carousel-indicators .active {
    background-color: #999
}

.product-detail .carousel .carousel-indicators li {
    border-color: #999
}

@media (min-width: 768px) {
    .product-detail .carousel-rating-block .rating-content-block--note {
        padding-left: 0;
        border: none
    }
}

.product-detail .carousel-caption {
    position: relative;
    padding: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 1004px;
    -webkit-font-smoothing: antialiased;
    text-align: left;
    color: inherit;
    z-index: 1;
    background: transparent
}

@media (max-width: 767px) {
    .product-detail .carousel-caption {
        padding-bottom: 50px;
        position: relative;
        padding-left: 10px
    }
}

.product-detail .carousel-caption .article--download-link {
    padding-left: 0;
    padding-right: 0;
    margin-left: -.4em
}

.product-detail .carousel-caption--copy a {
    font-weight: 900
}

@media (max-width: 767px) {
    .product-detail .carousel-caption--copy a {
        margin-top: 5px;
        display: block
    }
}

.product-detail .carousel-caption--copy-flex {
    display: flex;
    width: 100%
}

.product-detail .carousel-caption--copy-flex .rating-content-block {
    flex: 1
}

.product-detail .carousel-caption--copy-flex .controls button {
    position: relative
}

.product-detail .carousel-caption--copy-flex .controls button svg {
    position: relative;
    top: -2px;
    right: -4px
}

.product-detail .carousel-controls {
    position: relative;
    display: flex;
    justify-content: flex-end
}

.product-detail .carousel-control-prev,
.product-detail .carousel-control-next {
    position: relative;
    width: auto;
    opacity: 1
}

.product-detail .carousel-wrapper {
    width: 90%;
    margin: 0 auto;
    overflow: visible
}

@media (max-width: 767px) {

    .product-detail .carousel-control-prev,
    .product-detail .carousel-control-next {
        display: block
    }
}

.product-detail--ratings-carousel {
    scroll-snap-type: x mandatory
}

.product-detail--ratings-carousel .custom-carousel-item {
    display: flex;
    aspect-ratio: 16/9
}

.product-detail .safety-tech-cms a {
    display: block;
    margin-top: 20px
}

.crash-ratings-carousel {
    scroll-snap-type: x proximity
}

@media (min-width: 992px) {
    .crash-ratings-carousel {
        padding: 20px
    }
}

.crash-ratings-carousel--item {
    position: relative;
    scroll-snap-align: center;
    border-radius: 20px;
    min-width: 100%;
    padding-bottom: 100px;
    background: #fff;
    box-shadow: 2px 2px 3px #0075b712
}

@media (min-width: 992px) {
    .crash-ratings-carousel--item {
        min-width: 80%;
        padding: 52px 52px 75px
    }
}

.crash-ratings-carousel-item-controls {
    display: flex;
    position: absolute;
    right: 20px;
    bottom: 20px
}

.crash-ratings-carousel-item-controls>div {
    gap: 10px;
    width: 100%;
    display: flex
}

.crash-ratings-carousel-item-controls button[disabled] {
    opacity: .2;
    cursor: not-allowed
}

.crash-ratings-carousel-item-controls button.left {
    margin-right: auto
}

.crash-ratings-carousel-item-controls button.right {
    margin-left: auto
}

.ratings-carousel--arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgb(0, 117, 183);
    background: transparent;
    border-radius: 100%;
    height: 50px;
    width: 50px;
    color: #0075b7
}

.ratings-carousel--arrow>svg {
    position: relative;
    left: -3px
}

.ratings-carousel--arrow.flipped {
    transform: scaleX(-1)
}

.ratings-carousel--arrow.flipped>svg {
    position: relative;
    left: -3px
}

.vehicle-detail--recommended-item-toggle {
    color: #0075b7;
    font-weight: 700
}

.product-detail--table.table-other {
    padding: 0
}

.compare {
    max-width: 1004px;
    padding: 30px 0;
    margin: 0 auto;
    max-width: none;
    overflow: auto !important
}

.compare h1 {
    margin: 0
}

.compare h2 {
    font-family: roboto slab;
    font-weight: 300;
    font-size: 35px
}

.compare h3 {
    font-family: roboto slab;
    font-weight: 400;
    font-size: 22px
}

.compare p a.link-arrow {
    font-weight: 700;
    display: block;
    margin-bottom: 40px
}

.compare a[role=button] .caret,
.compare a[role=button] .custom-select:before {
    transition: transform .25s ease-in;
    transform: rotate(180deg)
}

.compare a[role=button].collapsed .caret,
.compare a[role=button].collapsed .custom-select:before {
    transform: rotate(0)
}

.compare .close,
.compare .close>* {
    background: none;
    line-height: 1;
    padding: 0;
    margin: 0
}

.compare .nav.nav-pills {
    text-align: center
}

.compare.modal .modal-header {
    text-align: center;
    border: none
}

.compare.modal .modal-header h4 {
    color: #000;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    margin: 80px auto auto
}

@media (min-width: 576px) {
    .compare.modal .modal-header h4 {
        font-size: 54px
    }
}

.compare.modal .modal-header .close {
    text-shadow: none;
    opacity: 1;
    font-weight: 200;
    font-size: 52px;
    position: absolute;
    right: 30px;
    top: 10px
}

.compare.modal .modal-content {
    box-shadow: none;
    background-color: transparent;
    border: none
}

.compare.modal .modal-dialog.modal-lg {
    width: 100%;
    max-width: none
}

.compare.modal .modal-body>b,
.compare.modal .modal-body>strong {
    font-size: 20px;
    font-weight: 900
}

.compare.modal .tab-content {
    padding: 40px 10px 2px;
    border-top: 1px solid rgb(204, 204, 204)
}

.compare-header {
    padding: 0
}

@media (min-width: 768px) {
    .compare-header {
        padding-top: 30px
    }
}

.compare-header.compare-panel .compare-row>div {
    padding-left: 0;
    padding-bottom: 0;
    justify-content: flex-start;
    text-align: left
}

@media (max-width: 767.98px) {
    .compare-header.compare-panel .compare-row>div:first-child {
        padding-top: 0
    }
}

.compare-header h1 {
    font-size: 28px;
    font-weight: 700
}

@media (min-width: 576px) {
    .compare-header h1 {
        font-size: 34px
    }
}

@media (min-width: 768px) {
    .compare-header h1 {
        font-size: 44px
    }
}

@media (min-width: 992px) {
    .compare-header h1 {
        font-size: 54px
    }
}

.compare-sectiion {
    position: relative;
    margin: 0 auto;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0
}

@media (max-width: 575.98px) {
    .compare-sectiion {
        padding-top: 0
    }
}

.compare-content {
    position: relative;
    padding: 0 10px;
    background-color: #f6f6f6
}

@media (min-width: 768px) {
    .compare-content {
        margin-bottom: 20px
    }
}

.compare-panel {
    max-width: 1267px !important;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px
}

.compare-poster {
    display: flex;
    gap: 8px
}

@media (min-width: 992px) {
    .compare-poster {
        gap: 2px
    }
}

.compare-poster-item {
    display: flex;
    margin-bottom: 0
}

.compare-poster-item:nth-child(1) {
    flex: 0
}

@media (max-width: 991.98px) {
    .compare-poster-item:nth-child(1) {
        display: none
    }
}

@media (min-width: 992px) {
    .compare-poster-item:nth-child(1) {
        flex: 0 1 300px
    }
}

.compare-poster-item:nth-child(n+2) {
    flex: 1;
    text-align: center;
    justify-content: center
}

.compare-poster-item .compare-poster-title {
    padding: 10px;
    position: relative;
    display: flex;
    flex-direction: column
}

@media (min-width: 992px) {
    .compare-poster-item .compare-poster-title {
        padding: 25px
    }
}

.compare-poster-item .compare-poster-title h1 {
    line-height: 1;
    margin-top: 10px;
    font-weight: 900;
    font-size: 20px;
    color: #000;
    text-align: center
}

.compare-poster-item .compare-poster-title h1 small:first-child {
    font-size: 100%
}

.compare-poster-item .compare-poster-title h1 small:last-child {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400
}

@media (min-width: 576px) {
    .compare-poster-item .compare-poster-title h1 {
        font-size: 24px
    }
}

@media (min-width: 992px) {
    .compare-poster-item .compare-poster-title h1 {
        font-size: 28px
    }
}

.compare-poster-item .compare-poster-title img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    flex-grow: 2;
    object-fit: contain
}

.compare-poster-item .compare-poster-title .close {
    text-shadow: none;
    font-weight: 200;
    color: #0075b7;
    font-size: 50px;
    position: absolute;
    top: 0;
    right: 20px;
    opacity: 1
}

.compare-poster-item .compare-poster-title .close {
    font-size: 34px;
    right: 10px
}

.compare-poster-item .compare-poster-item-select {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 25px;
    width: 100%;
    min-height: 460px;
    background-color: transparent;
    border: 1px solid #acacac
}

.compare-poster-item .compare-poster-item-select>* {
    flex: 1;
    align-content: center
}

.compare-poster-item .compare-poster-item-select small {
    margin: auto;
    width: 100%;
    font-size: 12px;
    color: #979895;
    text-align: center
}

.compare-poster-item .compare-poster-item-select.hidden {
    display: block !important;
    border-style: dashed
}

.compare-poster-item .compare-poster-item-select.hidden * {
    opacity: 0
}

.compare-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    position: relative;
    padding: 10px 40px;
    font-size: 17px;
    font-weight: 700
}

*+.compare-button {
    margin-top: 20px
}

.compare-button-return {
    padding: 10px 16px 10px 7px
}

.compare-table {
    width: 100%
}

.compare-table-inner {
    display: block
}

.compare-table--header {
    display: flex
}

.compare-table--header>div {
    background-color: #ffcc06;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    flex: 1;
    padding: 15px 0;
    margin-bottom: 0
}

.compare-table--header>div:not(:last-child) {
    border-right: 1px solid #fff
}

.compare-table--header>div small {
    display: block;
    color: #6a6a6a;
    font-size: 14px;
    font-weight: 900
}

.compare-table--section-header {
    margin: 50px 0 0;
    font-weight: 700;
    font-size: 20px
}

@media (min-width: 576px) {
    .compare-table--section-header {
        font-size: 24px
    }
}

@media (min-width: 992px) {
    .compare-table--section-header {
        margin: 50px 0 20px;
        font-size: 28px
    }
}

.compare-row-header {
    background-color: #f6f6f6;
    font-size: 16px
}

@media (min-width: 576px) {
    .compare-row-header {
        font-size: 18px
    }
}

@media (min-width: 992px) {
    .compare-row-header {
        font-size: 21px
    }
}

.compare-row {
    display: flex;
    gap: 2px;
    align-items: center;
    color: #000
}

@media (max-width: 991.98px) {
    .compare-row {
        flex-wrap: wrap
    }
}

.compare-row>div {
    align-self: stretch;
    padding: 20px 0
}

@media (min-width: 992px) {
    .compare-row>div {
        padding: 30px 0
    }
}

.compare-row>div:nth-child(1) {
    width: 100%
}

@media (max-width: 767.98px) {
    .compare-row>div:nth-child(1) {
        padding-bottom: 10px
    }
}

@media (min-width: 992px) {
    .compare-row>div:nth-child(1) {
        flex: 0 1 280px
    }
}

.compare-row>div:nth-child(n+2) {
    flex: 1;
    padding: 15px;
    text-align: center;
    background-color: #fff;
    display: flex;
    justify-content: center;
    border-radius: 6px;
    width: 49%
}

@media (min-width: 576px) {
    .compare-row>div:nth-child(n+2) {
        padding: 18px
    }
}

@media (min-width: 768px) {
    .compare-row>div:nth-child(n+2) {
        align-items: center;
        padding: 30px 40px;
        max-height: 100px
    }
}

.compare-table-inner .compare-row:first-child>div:only-child {
    padding-top: 40px;
    padding-bottom: 0;
    margin-top: 0
}

@media (min-width: 992px) {
    .compare-table-inner .compare-row:first-child>div:only-child {
        padding: 0;
        flex: 0 1 320px
    }
}

.compare-row+.compare-row {
    margin-top: 10px
}

@media (min-width: 768px) {
    .compare-row+.compare-row {
        margin-top: 20px
    }
}

.compare-row .star-ratings {
    font-size: 12px;
    line-height: 2.2
}

.compare-row .star-ratings img {
    margin: 5px 0;
    max-width: 128px;
    min-width: 128px;
    width: 100%
}

@media (min-width: 576px) {
    .compare-row .star-ratings {
        font-size: 16px;
        line-height: unset
    }
}

@media (min-width: 768px) {
    .compare-row .star-ratings {
        font-size: 18px
    }

    .compare-row .star-ratings img {
        max-width: 218px
    }
}

@media (min-width: 992px) {
    .compare-row .star-ratings {
        font-size: 21px
    }
}

@media (max-width: 767.98px) {
    .compare-row .compare-recommendation {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px
    }
}

.compare-row .compare-recommendation p.title,
.compare-row .compare-recommendation p.subTitle {
    font-size: 14px
}

.compare-row .compare-recommendation img {
    width: 29px
}

@media (min-width: 768px) {
    .compare-row .compare-recommendation img {
        width: 34px
    }

    .compare-row .compare-recommendation p.title {
        font-size: 16px
    }
}

@media (min-width: 992px) {
    .compare-row .compare-recommendation img {
        width: 39px
    }

    .compare-row .compare-recommendation p.title {
        font-size: 18px
    }
}

.compare-row .compare-table--brand-dislay {
    color: #0075b7;
    font-weight: 300;
    font-size: 28px;
    width: 80px
}

@media (max-width: 767.98px) {
    .compare-row .compare-table--brand-dislay {
        font-size: 36px;
        padding: 0 20px
    }
}

@media (min-width: 768px) {
    .compare-row .compare-table--brand-dislay {
        font-size: 44px
    }
}

.compare-row.compare-row--no-bg>div {
    background: transparent
}

.compare-search .nhtsa-simple-search.with-border,
.compare-search .input-wrapper,
.compare-search.focus .nhtsa-simple-search.with-border,
.compare-search.focus .input-wrapper {
    margin-top: 1rem;
    border: 1px solid #acacac;
    border-radius: 0
}

.compare-search .nhtsa-simple-search.with-border input[type=text],
.compare-search .input-wrapper input[type=text],
.compare-search.focus .nhtsa-simple-search.with-border input[type=text],
.compare-search.focus .input-wrapper input[type=text] {
    padding-left: .75rem;
    color: #bbb;
    font-weight: 300;
    text-align: left
}

.compare-search .nhtsa-simple-search.with-border+div,
.compare-search .input-wrapper+div,
.compare-search.focus .nhtsa-simple-search.with-border+div,
.compare-search.focus .input-wrapper+div {
    padding: 0 5px;
    text-align: left
}

.compare-search .nhtsa-simple-search.with-border+.autocomplete-search-suggestion-list,
.compare-search.focus .nhtsa-simple-search.with-border+.autocomplete-search-suggestion-list {
    margin-top: 5px
}

.compare-search .suggestions .suggest-item .other,
.compare-search.focus .suggestions .suggest-item .other {
    color: #0075b7
}

.compare-search .suggestions .suggest-item.selected,
.compare-search .suggestions .suggest-item.selected *,
.compare-search.focus .suggestions .suggest-item.selected,
.compare-search.focus .suggestions .suggest-item.selected * {
    background-color: #0075b7;
    color: #fff !important
}

.compare-search .suggestions .suggest-item.selected small,
.compare-search .suggestions .suggest-item.selected * small,
.compare-search.focus .suggestions .suggest-item.selected small,
.compare-search.focus .suggestions .suggest-item.selected * small {
    color: #fff !important
}

.compare-search .suggestions .suggest-item.hover,
.compare-search .suggestions .suggest-item.hover *,
.compare-search.focus .suggestions .suggest-item.hover,
.compare-search.focus .suggestions .suggest-item.hover * {
    background-color: #0082cb !important;
    color: #fff !important
}

.compare-search .suggestions .suggest-item.hover small,
.compare-search .suggestions .suggest-item.hover * small,
.compare-search.focus .suggestions .suggest-item.hover small,
.compare-search.focus .suggestions .suggest-item.hover * small {
    color: #fff !important
}

.compare-search .suggestions .suggest-item,
.compare-search.focus .suggestions .suggest-item {
    color: #636363
}

.compare-search .suggestions .suggest-item small,
.compare-search.focus .suggestions .suggest-item small {
    display: block;
    text-transform: uppercase;
    color: #777;
    line-height: 1;
    position: relative;
    margin-top: -.15rem
}

.compare-table--section-disclaimer {
    padding: 20px 0 0;
    width: 72%;
    font-size: 1rem;
    font-style: italic;
    font-family: Roboto Italic, sans-serif;
    font-weight: 900;
    line-height: 1.25
}

.compare-manager {
    flex-direction: column;
    align-items: center;
    padding: 27px;
    margin: 0 auto;
    width: 100%;
    border-radius: 6px;
    box-shadow: 0 4px 24px #0000001a;
    background: #fff
}

.compare-manager>*,
.compare-manager .title {
    margin-top: 0
}

.compare-manager .title {
    font-size: 20px
}

@media (min-width: 768px) {
    .compare-manager {
        padding: 30px 38px 25px 58px;
        display: flex;
        flex-direction: row;
        gap: 30px
    }

    .compare-manager .title {
        font-size: 30px
    }
}

.compare-manager>div:first-child {
    flex: 1
}

.compare-manager .compare-manager-selector-group {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 800px;
    width: 100%;
    gap: 5px;
    flex: 2
}

@media (min-width: 768px) {
    .compare-manager .compare-manager-selector-group {
        gap: 30px
    }
}

.compare-manager .compare-manager-selector {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: auto;
    max-width: 346px;
    width: 100%;
    width: 49%;
    height: 168px;
    border-radius: 6px;
    border: grey dashed thin
}

@media (max-width: 767.98px) {
    .compare-manager .compare-manager-selector {
        padding: 10px
    }

    .compare-manager .compare-manager-selector+.compare-manager-selector {
        margin-left: 2%
    }
}

@media (min-width: 768px) {
    .compare-manager .compare-manager-selector {
        display: flex;
        width: 100%
    }
}

.compare-manager .compare-manager-selector img {
    max-width: 152px;
    width: 100%
}

.compare-manager .compare-manager-selector .heading {
    margin: 10px 0 0;
    font-size: 14px
}

.compare-manager .compare-manager-selector.selected {
    position: relative
}

.compare-manager .compare-manager-selector.selected .icon {
    position: absolute;
    top: -15px;
    right: -15px
}

@media (max-width: 991.98px) {

    .compare-manager>*+*,
    .compare-manager>*+.compare-manager-selector {
        margin-top: 20px
    }
}

@media (max-width: 991.98px) {
    .compare-manager-controls {
        text-align: center
    }
}

.tag-label-w-icon {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    text-align: left
}

.tag-label-w-icon>*:nth-child(2) {
    flex: 1
}

.tag-label-w-icon>*,
.tag-label-w-icon p {
    padding: 0;
    margin: 0
}

.tag-label-w-icon .title {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.1
}

@media (min-width: 768px) {
    .tag-label-w-icon .title {
        font-size: 1rem
    }
}

.tag-label-w-icon .title+* {
    margin-top: 4px
}

.tag-label-w-icon .subTitle {
    font-size: .875rem;
    font-weight: 400
}

.rating-content-block {
    margin: 0
}

.rating-content-block>*+* {
    margin-top: 1rem
}

.rating-content-block--title {
    font-size: 1.75rem;
    font-weight: 700
}

.star-ratings>*,
.rating-content-block--star-rating>* {
    display: inline-block
}

.star-ratings img,
.rating-content-block--star-rating img {
    width: 170px
}

.star-ratings img+*,
.rating-content-block--star-rating img+* {
    margin-left: 20px
}

.star-ratings>p:only-child,
.rating-content-block--star-rating>p:only-child {
    margin: 0
}

.rating-content-block--note {
    font-size: 1rem
}

*+.over-the-air,
.over-the-air .over-the-air-box+.over-the-air-box {
    margin-top: 20px
}

.over-the-air-box {
    background: #fff;
    border: 5px solid rgb(255, 206, 0);
    padding: 15px;
    max-width: 600px
}

.over-the-air-box .h3 {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px
}

.over-the-air-box p {
    font-size: 18px;
    line-height: 1.5;
    margin: 0
}

.over-the-air-box p+p,
.over-the-air-box p+* {
    margin-top: 12px
}

.over-the-air-box+.over-the-air-box {
    margin-top: 10px
}

*+.over-the-air--inline {
    margin-top: 10px
}

.over-the-air--inline .over-the-air-box {
    display: inline-block;
    border-width: 2px;
    padding: 5px 15px
}

.over-the-air--inline .over-the-air-box p {
    font-size: 14px;
    margin: 0
}

.over-the-air:empty {
    display: none !important
}

.product-card {
    padding: 20px 16px;
    max-width: 326px;
    width: 100%;
    border-radius: 6px;
    box-shadow: 0 4px 24px #0000001a;
    background: #fff
}

.product-card,
.product-card .product-card-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 0px
}

@media (max-width: 1199.98px) {
    .product-card {
        min-width: 326px
    }
}

.product-card .close {
    position: absolute;
    top: 0;
    right: 10px;
    font-weight: 200;
    color: #0075b7;
    text-shadow: none;
    font-size: 34px;
    opacity: 1
}

.product-card .close,
.product-card .close>* {
    background: none;
    line-height: 1;
    padding: 0;
    margin: 0
}

.product-card h1 {
    margin: 0;
    line-height: 1;
    font-weight: 700;
    font-size: 20px;
    color: #000;
    text-align: center
}

@media (min-width: 992px) {
    .product-card h1 {
        font-size: 21px
    }
}

.product-card h1 small:last-child {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 400
}

.product-card h1 small:last-child>* {
    display: block;
    line-height: 1.4
}

.product-card h1 small:last-child>*+span {
    margin-top: 10px
}

.product-card img {
    max-width: 100%;
    max-width: 199px;
    display: block;
    margin: 0 auto
}

.product-card p a.link-arrow {
    font-weight: 700;
    display: block;
    margin-bottom: 40px
}

.product-card a[role=button] .caret,
.product-card a[role=button] .custom-select:before {
    transition: transform .25s ease-in;
    transform: rotate(180deg)
}

.product-card a[role=button].collapsed .caret,
.product-card a[role=button].collapsed .custom-select:before {
    transform: rotate(0)
}

.product-card .product-card-ratings {
    min-height: 64px;
    width: 70%;
    font-weight: 700;
    text-align: center
}

.product-card .product-card-ratings-inline {
    position: relative;
    display: flex;
    column-gap: 20px;
    row-gap: 10px;
    flex-wrap: wrap;
    justify-content: center
}

.product-card .product-card-ratings-inline>* {
    gap: 6px;
    width: auto
}

.product-card .product-card-section {
    padding: 16px 0;
    width: 100%
}

.product-card .product-card-section:first-of-type {
    padding-top: 0;
    justify-content: flex-end;
    border-bottom: 1px solid rgba(1, 1, 1, .05)
}

.product-card .product-card-section:last-of-type {
    padding-bottom: 0
}

.product-card .product-card-section img {
    margin: 0 auto
}

.product-card .product-card-section img.product-img {
    aspect-ratio: 1/1;
    max-width: 200px;
    width: 100%;
    object-fit: contain
}

.product-card .product-card-section>*+* {
    margin-top: 10px;
    margin-bottom: 0
}

.product-card .product-card-cta {
    margin: 6px auto 0;
    font-weight: 700
}

.product-card.selected {
    outline: rgb(0, 117, 183) 2px solid
}

.compare-product-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffc0cb33;
    z-index: 10
}

.compare-product-overlay button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    border: 0;
    background: transparent;
    border: 2px solid rgb(0, 117, 183);
    top: 20px;
    right: 20px
}

.product-card-selector {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.product-card-selector .product-card-selector-icon {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 10px;
    right: 12px;
    text-align: center
}

.product-card-selector .product-card-selector-icon p {
    font-weight: 400;
    font-size: 10px
}

.product-card--tooltip {
    position: absolute;
    inset: 100% auto auto 50%;
    transform: translate(-50%);
    padding: 10px 14px;
    width: max-content;
    max-width: 200px;
    white-space: wrap;
    font-weight: 400;
    background: #fff;
    box-shadow: 2px 2px 3px #00000012;
    border-radius: 7px;
    z-index: 100;
    pointer-events: none;
    opacity: 0;
    visibility: hidden
}

.product-card--tooltip,
.product-card--tooltip .title,
.product-card--tooltip>* {
    font-size: .866025em
}

.product-card--tooltip .title {
    font-weight: 600;
    line-height: 1.3
}

.product-card--tooltip>.title+p,
.product-card--tooltip>p+p {
    margin-top: 5px
}

.product-card-ratings-inline>*:hover .product-card--tooltip {
    opacity: 1;
    visibility: visible;
    transition: opacity ease-in .2s
}

.product-card--tooltip.right {
    inset: 110% auto auto -60%
}

.product-card--tooltip.left {
    inset: 110% auto auto 120%
}

.recently-viewed--card .product-card--tooltip {
    inset: auto auto 120% 50%
}

.recently-viewed--card .product-card--tooltip.right {
    inset: auto auto 120% -60%
}

.recently-viewed--card .product-card--tooltip.left {
    inset: auto auto 120% 120%
}

.product-card-ratings-inline>*:hover {
    position: relative
}

.product-card--image {
    width: 199px;
    height: 150px;
    display: flex;
    align-items: center
}

.product-card--image img {
    object-fit: contain
}

.paragraphs-item--text-w-2-column-link-list {
    padding-top: 50px;
    padding-bottom: 60px
}

.paragraphs-item--text-w-2-column-link-list h2 {
    padding-bottom: 10px
}

.paragraphs-item--text-w-2-column-link-list .right-side h4 {
    text-transform: uppercase
}

@media (min-width: 992px) {
    .paragraphs-item--text-w-2-column-link-list .right-side h4 {
        margin-top: 0
    }
}

.paragraphs-item--text-w-2-column-link-list .link-with-long-desc {
    font-size: 14px;
    margin-bottom: 20px;
    -webkit-font-smoothing: antialiased
}

.paragraphs-item--text-w-2-column-link-list .link-with-long-desc a {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 5px
}

.paragraph--type--text-w-image .p-text-image-block {
    display: flex;
    flex-direction: column;
    gap: 40px
}

@media (min-width: 768px) {
    .paragraph--type--text-w-image .p-text-image-block {
        flex-direction: row;
        gap: 92px
    }
}

@media (min-width: 768px) {
    .paragraph--type--text-w-image .p-text-image__media {
        max-width: 630px
    }
}

.paragraph--type--text-w-image .p-text-image__media img {
    max-width: 100%;
    height: auto
}

.paragraph--type--text-w-image .p-text-image__copy {
    flex: 1
}

@media (min-width: 768px) {
    .paragraph--type--text-w-image .p-text-image__copy {
        margin-top: 35px;
        max-width: 550px
    }
}

.paragraph--type--text-w-image .yellow-bar {
    position: relative
}

.paragraph--type--text-w-image .yellow-bar:after {
    content: "";
    position: absolute;
    top: 0;
    left: -46px;
    width: 5px;
    height: 70%;
    background: #ffcc06
}

@media (max-width: 768px) {
    .paragraph--type--text-w-image .yellow-bar:after {
        display: none !important
    }
}

#pg404 {
    position: relative;
    background: #000;
    padding-bottom: 200px
}

.pg404--tire {
    position: relative;
    background: #000;
    background-size: cover;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    padding: 300px 0
}

.pg404--tire:after {
    content: "";
    color: #fff;
    background: linear-gradient(#0000, #000);
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    height: 200px
}

.pg404--inner {
    position: absolute;
    top: 40%;
    left: 10px;
    right: 10px;
    margin: 0 auto;
    bottom: 500px;
    color: #fff;
    text-align: center
}

.pg404--inner .container-fluid {
    background: transparent;
    margin: 0 auto;
    max-width: 1004px;
    width: 100%
}

.pg404--inner .pg404--header {
    font-size: 60px;
    line-height: 1em;
    padding: 20px 0
}

.pg404--inner p {
    font-size: 20px;
    line-height: 1em
}

.pg404--inner .pg404--search-btn {
    cursor: pointer;
    background: transparent;
    color: #fff;
    border: 0;
    border-bottom: 2px solid rgb(204, 204, 204);
    padding: 0
}

@media (max-width: 769px) {
    .pg404--tire {
        padding-bottom: 150px
    }

    .pg404--inner {
        top: 30%
    }

    .pg404--inner .pg404--header {
        font-size: 40px
    }
}

@media (max-width: 544px) {
    .pg404--inner {
        top: 20%
    }

    .pg404--inner .pg404--header {
        font-size: 36px
    }
}

.node-type-campaign-page .article--copy h2:not(.accordion-header) {
    margin-top: 40px
}

.page-laws-regs {
    max-width: 1004px;
    margin: 0 auto;
    position: relative
}

.page-laws-regs a {
    display: block;
    min-height: 115px;
    color: #111;
    font-weight: 900;
    font-size: 24px
}

.page-laws-regs .underlined-header-with-link h3 {
    color: #5a5a5a;
    border-bottom-color: #ffcc06
}

.page-laws-regs:after {
    content: "";
    height: 2px;
    background-color: #ddd;
    position: absolute;
    bottom: 0;
    display: block;
    left: 20px;
    right: 20px
}

@media (max-width: 767px) {
    .page-laws-regs {
        padding-top: 40px;
        padding-bottom: 80px
    }

    .page-laws-regs a {
        font-size: 16px;
        min-height: unset
    }
}

.laws-regs--sidebar-callout {
    background-color: #111;
    padding: 25px 20px 50px
}

.laws-regs--sidebar-callout h3 {
    margin-top: 0;
    color: #ffcc06;
    border: none;
    font-family: roboto slab;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
    padding-bottom: 0;
    line-height: 1.375
}

.laws-regs--sidebar-callout p {
    color: #fff;
    font-family: roboto slab;
    line-height: 1.375
}

.laws-regs--sidebar-callout a {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 900;
    height: auto;
    min-height: auto;
    letter-spacing: .5px;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .laws-regs--sidebar-callout {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .laws-regs--sidebar-callout h3 {
        font-size: 20px;
        font-weight: 700
    }
}

.laws-regs--sidebar-latest-news h3 {
    padding-bottom: 0;
    border: none
}

.laws-regs--sidebar-latest-news a {
    font-size: 22px;
    min-height: auto;
    line-height: 1.181818182;
    margin-bottom: 10px
}

.laws-regs--sidebar-latest-news span {
    font-size: 14px;
    font-weight: 700;
    font-family: roboto slab;
    color: #5a5a5a
}

@media (max-width: 767px) {
    .laws-regs--sidebar-latest-news a {
        font-size: 16px
    }
}

.page-topic--subnav-desktop {
    display: none;
    transform: translateZ(0)
}

@media (min-width: 992px) {
    .page-topic--subnav-desktop {
        display: block
    }
}

.page-topic--subnav-desktop .component--full-width:first-child {
    background-color: #fff;
    color: #0075b7;
    border-top: 1px solid #ebebeb;
    padding-top: 0;
    overflow: visible;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    z-index: 1
}

.page-topic--subnav-desktop .component--full-width:first-child a {
    color: #0075b7
}

.page-topic--subnav-desktop .component--full-width:nth-child(2) {
    background-color: #0075b7;
    color: #fff;
    white-space: nowrap;
    overflow-x: auto;
    z-index: 0;
    top: -1px;
    transform: translateZ(0)
}

.page-topic--subnav-desktop .component--full-width:nth-child(2) a {
    color: #fff
}

.page-topic--subnav-desktop .component--full-width .page-topic--subnav-secondary>div {
    max-height: 0;
    text-align: center;
    padding: 0 32px;
    transition: all .1s ease-in-out;
    visibility: hidden;
    overflow: hidden
}

.page-topic--subnav-desktop .component--full-width .page-topic--subnav-secondary>div.open {
    visibility: visible;
    overflow-x: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    max-height: 65px
}

.page-topic--subnav-desktop .component--full-width .page-topic--subnav-secondary>div .active {
    text-shadow: -1px 0px, -1px 0px
}

.page-topic--subnav-desktop .component--full-width .page-topic--subnav-title {
    font-size: 16px;
    font-weight: 700;
    padding-top: 30px;
    padding-right: 32px;
    padding-bottom: 20px
}

.page-topic--subnav-desktop .component--full-width .page-topic--subnav-title:after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 100%;
    background: #ebebeb;
    position: absolute;
    top: 0;
    margin-left: 32px
}

.page-topic--subnav-desktop .container-fluid {
    max-width: 1004px !important
}

.page-topic--subnav-desktop .page-topic--subnav-primary {
    display: flex;
    align-items: center
}

.page-topic--subnav-desktop .page-topic--subnav-primary>div {
    display: flex;
    align-items: center
}

.page-topic--subnav-desktop .page-topic--subnav-primary a.btn.btn-transparent.btn-huge {
    border-color: #0075b7 !important;
    text-transform: uppercase;
    color: #0075b7;
    width: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px
}

@media (min-width: 769px) {
    .page-topic--subnav-desktop .page-topic--subnav-primary a.btn.btn-transparent.btn-huge {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page-topic--subnav-desktop .page-topic--subnav-primary a.btn.btn-transparent.btn-huge:after {
    background-color: #0075b7 !important
}

.page-topic--subnav-desktop .page-topic--subnav-primary a.btn.btn-transparent.btn-huge:hover {
    color: #fff
}

.page-topic--subnav-desktop .page-topic--subnav-primary a.btn.btn-transparent.btn-huge:hover:focus:after {
    background-color: #0075b7 !important
}

.page-topic--subnav-desktop .page-topic--subnav-primary a.btn.btn-transparent.btn-huge:focus:after {
    background-color: transparent !important
}

.page-topic--subnav-desktop .page-topic--subnav-primary span:not(.caret):not(.custom-select:before) {
    transform: translateY(5px)
}

.page-topic--subnav-desktop .page-topic--subnav-primary .caret,
.page-topic--subnav-desktop .page-topic--subnav-primary .custom-select:before {
    margin-left: 10px;
    transition: transform .1s ease-in-out;
    transform: rotate(0)
}

.page-topic--subnav-desktop .page-topic--subnav-primary a:not(.btn) {
    padding: 30px 32px 20px;
    position: relative;
    margin-bottom: 0;
    border: none
}

@media (max-width: 769px) {
    .page-topic--subnav-desktop .page-topic--subnav-primary a:not(.btn) {
        padding-left: 24px;
        padding-right: 24px
    }
}

.page-topic--subnav-desktop .page-topic--subnav-primary a:not(.btn).active {
    text-shadow: 1px 0px
}

.page-topic--subnav-desktop .page-topic--subnav-primary a:not(.btn).open {
    background-color: #0075b7;
    color: #fff
}

.page-topic--subnav-desktop .page-topic--subnav-primary a:not(.btn).open:before,
.page-topic--subnav-desktop .page-topic--subnav-primary a:not(.btn).open:after {
    display: block
}

.page-topic--subnav-desktop .page-topic--subnav-primary a:not(.btn).open .caret,
.page-topic--subnav-desktop .page-topic--subnav-primary a:not(.btn).open .custom-select:before {
    transform: rotate(-180deg)
}

.page-topic--subnav-desktop .page-topic--subnav-secondary a {
    margin-right: 70px
}

.page-topic--subnav-desktop a {
    display: inline-block
}

body.open {
    overflow: hidden
}

.page-topic--subnav-mobile {
    display: block;
    font-weight: 400
}

@media (min-width: 992px) {
    .page-topic--subnav-mobile {
        display: none
    }
}

.page-topic--subnav-mobile .component--full-width:first-child {
    background-color: #fff;
    color: #0075b7;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 900;
    font-size: 17px
}

.page-topic--subnav-mobile .component--full-width:nth-child(2) {
    background-color: #0075b7;
    color: #fff;
    max-height: 0;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    transition: all .1s ease-in-out;
    position: absolute;
    width: 100%;
    transform: translateZ(0)
}

.page-topic--subnav-mobile .component--full-width:nth-child(2).open {
    width: 100%;
    max-height: 500px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow-y: auto
}

.page-topic--subnav-mobile .page-topic--subnav-title {
    cursor: pointer
}

.page-topic--subnav-mobile .page-topic--subnav-title .caret,
.page-topic--subnav-mobile .page-topic--subnav-title .custom-select:before {
    transition: transform .1s ease-in-out;
    transform: rotate(360deg);
    margin-left: 5px
}

.page-topic--subnav-mobile .page-topic--subnav-title.open .caret,
.page-topic--subnav-mobile .page-topic--subnav-title.open .custom-select:before {
    transform: rotate(180deg)
}

.page-topic--subnav-mobile span {
    -webkit-font-smoothing: auto
}

.page-topic--subnav-mobile ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.page-topic--subnav-mobile ul ul {
    padding-left: 20px
}

.page-topic--subnav-mobile ul+.btn {
    margin-top: 30px
}

.page-topic--subnav-mobile ul:empty+.btn {
    margin-top: 0
}

.page-topic--subnav-mobile li {
    font-size: 17px;
    padding-bottom: 30px
}

.page-topic--subnav-mobile li li {
    padding-bottom: 0;
    padding-top: 30px
}

.page-topic--subnav-mobile ul>li:last-child {
    padding-bottom: 0
}

.page-topic--subnav-mobile li.active,
.page-topic--subnav-mobile a:not(.btn).active {
    font-weight: 900;
    color: #fff !important
}

.page-topic--subnav-mobile a {
    color: #fff;
    font-weight: 400
}

.page-topic--wrapper {
    background-color: #f6f6f6;
    position: relative
}

.page-topic--wrapper ol:first-of-type li,
.page-topic--wrapper ul:first-of-type li {
    color: inherit
}

.page-topic {
    background: inherit;
    margin: 0 auto;
    position: static !important
}

.page-topic--menu {
    background-color: #fff;
    position: absolute;
    width: 350px;
    min-height: 85px;
    right: 0;
    top: 30px;
    overflow: hidden;
    display: flex
}

@media (max-width: 768px) {
    .page-topic--menu {
        display: none
    }
}

.page-topic--menu.open {
    overflow: visible
}

.page-topic--menu-title {
    position: relative;
    align-self: center;
    left: 30px
}

.page-topic--menu-title .tag-h6 {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 900;
    color: #5a5a5a
}

.page-topic--menu-title span {
    color: #0075b7;
    font-size: 18px;
    font-weight: 900
}

.page-topic--menu-modal {
    background-color: #000;
    opacity: 0;
    position: fixed;
    left: 100%;
    top: 0;
    bottom: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    transition: opacity .35s ease-in-out
}

.page-topic--menu.open .page-topic--menu-modal {
    opacity: .85;
    left: 0
}

.page-topic--menu-links {
    background-color: #fff;
    left: 85px;
    right: 0;
    transform: translate(100%);
    position: absolute;
    transition: all .35s ease-in-out;
    z-index: 5;
    padding-left: 30px;
    padding-bottom: 30px
}

.page-topic--menu-links .page-topic--menu-links-heading {
    color: #0075b7;
    margin: 30px 0 20px
}

.page-topic--menu-links ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0
}

.page-topic--menu-links ul li {
    margin-bottom: 20px
}

.page-topic--menu-links ul li:last-child {
    margin-bottom: 0
}

.page-topic--menu-links ul span {
    font-weight: 900;
    color: #5a5a5a
}

.page-topic--menu.open .page-topic--menu-links {
    transform: translate(0)
}

.page-topic--menu-hamburger {
    background-color: #ffcc06;
    width: 85px;
    height: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    transform: translate(-100%);
    left: 100%;
    transition: all .35s ease-in-out;
    z-index: 5;
    border: 0
}

.page-topic--menu-hamburger span {
    height: 4px;
    background-color: #000;
    width: 50%;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0);
    position: absolute;
    transition: all .35s ease-in-out
}

.page-topic--menu-hamburger span:before,
.page-topic--menu-hamburger span:after {
    content: "";
    display: block;
    background-color: #000;
    height: 4px;
    position: absolute;
    right: 0;
    transition: all .35s ease-in-out;
    transform: rotate(0)
}

.page-topic--menu-hamburger span:before {
    top: -10px;
    width: 50%
}

.page-topic--menu-hamburger span:after {
    top: 10px;
    width: 75%
}

.page-topic--menu.open .page-topic--menu-hamburger {
    transform: translate(0);
    left: 0
}

.page-topic--menu.open .page-topic--menu-hamburger span {
    height: 0;
    transform: translate(-50%, -50%) rotate(-180deg)
}

.page-topic--menu.open .page-topic--menu-hamburger span:before,
.page-topic--menu.open .page-topic--menu-hamburger span:after {
    top: 0;
    width: 100%
}

.page-topic--menu.open .page-topic--menu-hamburger span:before {
    transform: rotate(45deg)
}

.page-topic--menu.open .page-topic--menu-hamburger span:after {
    transform: rotate(-45deg)
}

.page-topic--header {
    display: flex
}

.page-topic--header .share-and-language--lang {
    margin-top: auto
}

@media (max-width: 767px) {
    .page-topic--header {
        display: block
    }

    .page-topic--header .share-and-language--lang {
        border-bottom: 1px solid rgb(153, 153, 153);
        margin-left: 10px;
        padding-left: 0;
        margin-right: 10px;
        padding-right: 0
    }

    .page-topic--header .share-and-language--lang,
    .page-topic--header .share-and-language--lang-label {
        background-color: transparent;
        color: #000
    }
}

.page-topic--header .col-sm-9 {
    position: relative
}

.page-topic--header .topic-page-lang {
    border-bottom: 1px solid rgb(153, 153, 153);
    padding-top: 10px;
    padding-bottom: 10px
}

.page-topic--header .topic-page-lang [type=button] {
    color: #111;
    padding: 0;
    font-size: .875rem;
    font-weight: 900;
    line-height: 1
}

@media (min-width: 768px) {
    .page-topic--header .topic-page-lang {
        width: auto;
        border: 0;
        padding-top: 0;
        padding-bottom: 0;
        position: absolute;
        right: -31.7%;
        bottom: -5px
    }

    .page-topic--header .topic-page-lang .dropdown-menu {
        right: 0;
        left: auto
    }
}

.page-topic--heading-wrapper {
    border-bottom: 7px solid rgb(255, 204, 6);
    width: 50vw;
    max-width: 100%;
    padding-top: 60px;
    padding-bottom: 40px
}

@media (max-width: 767px) {
    .page-topic--heading-wrapper {
        padding-top: 40px;
        width: auto;
        max-width: 100%
    }
}

.page-topic--heading {
    font-size: 120px;
    font-size: 5vw;
    font-weight: 700;
    position: relative;
    margin: 0;
    line-height: .9
}

@media (max-width: 767px) {
    .page-topic--heading {
        font-size: 30px
    }
}

.page-topic--overview {
    margin-top: 60px;
    margin-bottom: 60px
}

.page-topic--overview-left h2 {
    margin-top: 0;
    line-height: .75;
    font-size: 36px;
    margin-bottom: 30px
}

.page-topic--overview-left p {
    font-size: 22px
}

.page-topic--overview-left .share-and-language--share {
    margin-top: 40px
}

@media (max-width: 767px) {
    .page-topic--overview-left .share-and-language--share {
        margin-top: 20px
    }
}

@media (max-width:375px) {
    .page-topic--overview-left .share-and-language--share {
        margin-bottom: 11px
    }

    .page-topic--overview-left .share-and-language--share .share-and-language--share-label {
        display: block;
        margin-bottom: 15px
    }
}

@media (min-width: 768px) and (max-width: 810px) {
    .page-topic--overview-left .share-and-language--share .share-and-language--share-label {
        display: block;
        margin-bottom: 15px
    }
}

.page-topic--overview-left .carousel {
    margin-top: 40px;
    margin-bottom: 50px
}

@media (max-width: 767px) {
    .page-topic--overview-left .carousel {
        margin-top: 20px
    }
}

.page-topic--overview-press-releases {
    background-color: #fff;
    padding: 30px;
    margin-top: 40px;
    margin-bottom: 35px
}

.page-topic--overview-press-release span {
    color: #5a5a5a;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 900
}

.page-topic--overview-press-release h1 {
    margin: 5px 0 20px;
    font-size: 24px
}

.page-topic--overview-press-release a {
    font-weight: 900;
    display: inline-block;
    margin-bottom: 40px
}

@media (min-width: 768px) {
    .page-topic--overview-right {
        padding-left: 4%
    }
}

.page-topic--overview-campaign {
    background-color: #ddd;
    background-size: cover;
    height: 0;
    padding-top: 133.5%;
    position: relative;
    margin-bottom: 50px
}

.a11y-darker-bg .page-topic--overview-campaign {
    background-color: #000
}

.page-topic--overview-campaign-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 50px
}

.page-topic--overview-campaign-inner:hover {
    text-decoration: none
}

.page-topic--overview-campaign-inner span {
    color: #ffcc06;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 12px;
    position: relative;
    display: block
}

.page-topic--overview-campaign-inner h1 {
    color: #fff;
    margin: 0;
    font-size: 50px;
    position: relative
}

@media (min-width: 768px) {
    .page-topic--overview-campaign-inner h1 {
        max-width: 255px
    }
}

@media (max-width: 480px) {
    .page-topic--overview-campaign-inner h1 {
        font-size: 25px
    }
}

.page-topic--overview-campaign-inner h1.black-font {
    color: #111
}

.page-topic--overview-campaign-inner h1:before {
    content: attr(data-text);
    position: absolute;
    color: #ffcc06;
    -webkit-font-smoothing: antialiased;
    clip: rect(0, 0, 1400px, 0);
    transition: clip .2s ease-out
}

@media (min-width: 768px) {
    .page-topic--overview-campaign-inner h1:before {
        max-width: 255px
    }
}

@media (max-width: 480px) {
    .page-topic--overview-campaign-inner h1:before {
        font-size: 25px
    }
}

.page-topic--overview-campaign-inner h1:hover {
    text-decoration: none
}

.page-topic--overview-campaign-inner h1:hover:before {
    clip: rect(0, 1000px, 1500px, 0) !important
}

.page-topic--overview .carousel {
    padding-top: 0;
    padding-bottom: 0
}

.page-topic--overview .carousel .carousel-inner {
    background: #007dc2
}

.page-topic--overview .carousel .carousel-inner>div:not(.carousel-item) {
    color: #fff;
    font-size: 36px;
    font-size: 1.6875rem;
    font-weight: 900;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 20px;
    z-index: 2
}

.page-topic--overview .carousel .carousel-inner.carousel-on-left>div:not(.carousel-item) {
    font-size: 27px;
    padding: 0 5px
}

@media (max-width: 376px) {

    .page-topic--overview .carousel .carousel-inner>div:not(.carousel-item),
    .page-topic--overview .carousel .carousel-inner.carousel-on-left>div:not(.carousel-item) {
        font-size: 20px;
        margin: 0 auto;
        display: inline-block;
        top: 20px
    }
}

@media (max-width: 769px) {

    .page-topic--overview .carousel .carousel-inner>div:not(.carousel-item),
    .page-topic--overview .carousel .carousel-inner.carousel-on-left>div:not(.carousel-item) {
        font-size: 27px;
        top: 20px
    }
}

@media (max-width: 850px) {
    .page-topic--overview .carousel .carousel-inner.carousel-on-left>div:not(.carousel-item) {
        top: 15px
    }
}

.page-topic--overview .carousel .carousel-indicators li:not(:last-child) {
    margin-right: 20px
}

.page-topic--overview .carousel .carousel-item {
    background-color: #0075b7;
    color: #fff;
    width: 100%;
    text-align: center;
    height: 280px;
    padding-left: 0;
    padding-right: 0
}

.page-topic--overview .carousel .carousel-item>div {
    position: relative;
    top: 50%;
    margin-top: 30px;
    transform: translateY(-50%)
}

@media (max-width:375px) {
    .page-topic--overview .carousel .carousel-item>div {
        margin-top: 0
    }
}

.page-topic--overview .carousel .carousel-item>div .call-out-stats--stat,
.page-topic--overview .carousel .carousel-item>div .call-out-stats--stat-label {
    color: #fff !important
}

.page-topic--overview .carousel .carousel-item>div .call-out-stats--stat {
    line-height: 1;
    margin-bottom: 10px;
    margin-top: -10px
}

@media (max-width:375px) {
    .page-topic--overview .carousel .carousel-item>div .call-out-stats--stat {
        font-size: 70px
    }
}

@media (max-width: 375px) {
    .page-topic--overview .carousel .carousel-item>div .call-out-stats--stat {
        margin-top: 30px
    }
}

.page-topic--overview .carousel .carousel-item>div .call-out-stats--stat-label {
    width: 75%
}

.page-topic--overview .carousel .carousel-indicators {
    margin-bottom: 0;
    display: flex
}

.page-topic--overview .carousel .carousel-indicators [data-bs-target]:not(.active) {
    opacity: .6
}

#topic-page-stats-carousel.carousel .carousel-indicators .active {
    background-color: #fff
}

.topic--section-heading span {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 900;
    color: #000
}

.topic--section-heading h1 {
    font-size: 45px;
    font-weight: 700;
    color: #000;
    margin: 0 0 35px;
    word-wrap: break-word
}

@media (max-width:375px) {
    .topic--section-heading h1 {
        font-size: 34px
    }
}

.topic--nested-content {
    margin: 0 auto;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0
}

.topic--nested-content .nav.nav-pills {
    max-width: 1004px !important;
    margin-left: auto;
    margin-right: auto
}

.topic--nested-content [role=tablist] {
    display: block;
    white-space: nowrap;
    overflow: auto;
    position: relative;
    z-index: 1
}

.topic--nested-content [role=tablist] li {
    float: none;
    display: inline-block
}

.topic--nested-content [role=presentation] a:after {
    content: "";
    height: 5px;
    background-color: #0075b7;
    width: 100%;
    bottom: 0;
    display: none;
    position: absolute;
    left: 0
}

.topic--nested-content [role=presentation] a.active:after {
    display: block
}

.topic--nested-content [role=presentation] a:hover:after,
.topic--nested-content [role=presentation] a:focus:after {
    display: block
}

.topic--nested-content [role=presentation] a.disabled:after {
    display: none
}

.topic--nested-content [role=presentation] a {
    position: relative;
    display: inline-block;
    color: #6a6a6a;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 900
}

.topic--nested-content [role=presentation] a.active,
.topic--nested-content [role=presentation] a.active:focus,
.topic--nested-content [role=presentation] a.active:hover {
    background-color: transparent;
    color: #000;
    position: relative
}

.topic--nested-content [role=presentation] a:hover {
    color: #0075b7;
    background-color: transparent
}

.topic--nested-content .tab-content {
    padding: 40px 10px 2px;
    border-top: 1px solid rgb(204, 204, 204);
    background-color: #f6f6f6;
    top: -3px;
    position: relative
}

.topic--nested-content .tab-content .tab-pane {
    max-width: 1004px !important;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width: 768px) {
    .topic--nested-content .tab-content {
        margin-bottom: 20px
    }
}

.topic--nested-content .tab-content .article--image-wrapper {
    padding-left: 10px;
    padding-right: 10px
}

.topic--nested-content .tab-content .article--image-wrapper img {
    width: 100%
}

.topic--campaigns {
    padding-bottom: 50px
}

@media (max-width: 767px) {
    .topic--campaigns {
        padding-bottom: 20px
    }

    .topic--campaigns .col-xs-12 {
        float: none
    }
}

.topic--campaigns h2 {
    text-align: center;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .topic--campaigns h2 {
        margin-bottom: 25px
    }
}

.topic--campaign-item {
    background-position: center;
    background-size: cover;
    background-color: #000;
    color: #fff;
    height: 180px;
    margin-right: 30px
}

@media (max-width: 991px) {
    .topic--campaign-item {
        margin-bottom: 20px;
        margin-right: 0
    }
}

.topic--campaign-item .topic--campaign-item-content {
    font-size: 24px;
    line-height: 1.083333333;
    font-weight: 900;
    color: #fff;
    display: block;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    max-width: 65%;
    margin-left: 35px;
    padding-right: 30px;
    width: 100%
}

.topic--campaign-item .topic--campaign-item-content [class^=icon-],
.topic--campaign-item .topic--campaign-item-content [class*=" icon-"],
.topic--campaign-item .topic--campaign-item-content [class^=faq-Icon],
.topic--campaign-item .topic--campaign-item-content [class*=" faq-Icon"] {
    position: absolute;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    right: -28%;
    background-color: #ffcc06;
    color: #000;
    padding: 20px 15px;
    transition: .5s
}

@media (max-width: 767px) {
    .topic--campaign-item .topic--campaign-item-content {
        margin-left: 20px
    }

    .topic--campaign-item .topic--campaign-item-content [class^=icon-],
    .topic--campaign-item .topic--campaign-item-content [class*=" icon-"],
    .topic--campaign-item .topic--campaign-item-content [class^=faq-Icon],
    .topic--campaign-item .topic--campaign-item-content [class*=" faq-Icon"] {
        right: -35%
    }
}

.topic--campaign-item:hover {
    text-decoration: none
}

.topic--campaign-item:hover [class^=icon-],
.topic--campaign-item:hover [class*=" icon-"],
.topic--campaign-item:hover [class^=faq-Icon],
.topic--campaign-item:hover [class*=" faq-Icon"] {
    right: -35%;
    transition: .5s
}

@media (max-width: 767px) {

    .topic--campaign-item:hover [class^=icon-],
    .topic--campaign-item:hover [class*=" icon-"],
    .topic--campaign-item:hover [class^=faq-Icon],
    .topic--campaign-item:hover [class*=" faq-Icon"] {
        right: -40%
    }
}

.page-topic--actions-container-item-heading {
    display: block;
    font-size: 60px;
    line-height: 1
}

@media (max-width: 991px) {
    .page-topic--actions-container-item-heading {
        font-size: 45px
    }
}

@media (max-width: 767px) {
    .page-topic--actions-container-item-heading {
        font-size: 34px
    }
}

.page-topic--actions-container-item-description {
    font-weight: 400;
    display: block;
    font-size: 18px;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .page-topic--actions-container-item-description {
        font-size: 14px
    }
}

.page-topic--actions-container-item-description ul {
    padding-left: 30px
}

.topic--actions-container {
    color: #fff;
    padding: 40px 10px
}

.topic--actions-container .topic--actions-container-centered {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.topic--actions-container>div {
    position: relative
}

.topic--actions-container>div .btn {
    text-transform: uppercase
}

.topic--actions-container>div>div {
    font-size: 1.5rem;
    font-weight: 700;
    padding: 20px
}

@media screen and (min-width: 1004px) {
    .topic--actions-container>div>div {
        padding: 60px
    }
}

.topic--actions-container>div>div a {
    color: #fff
}

.topic--actions-container>div>div a:hover {
    text-decoration: none
}

.topic--actions-container>div>div p {
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 30px
}

.topic--actions-container>div>div p+.page-topic--actions-container-item-description {
    margin-top: -10px
}

@media (min-width: 1004px) {
    .topic--actions-container>div>div {
        padding-right: 40px
    }
}

@media (max-width: 767px) {
    .topic--actions-container>div>div {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .topic--actions-container>div>div a:not(.btn) {
        font-size: 19px
    }

    .topic--actions-container>div>div p {
        font-size: 14px
    }
}

.topic--actions-container .share-and-language--share-label {
    color: #fff
}

@media (min-width: 768px) and (max-width: 810px) {
    .topic--actions-container .share-and-language--share-label {
        display: block;
        margin-bottom: 15px
    }
}

@media (max-width:375px) {
    .topic--actions-container .share-and-language--share-label {
        display: block;
        margin-bottom: 15px
    }
}

.topic--actions-container i[class^=icon] {
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width: 992px) {
    .topic--actions-container {
        grid-template-rows: 1fr 1fr
    }
}

@media (max-width: 991px) {
    .topic--actions-container .large-box {
        order: 3
    }
}

@media (min-width: 992px) {
    .topic--actions-container .large-box {
        grid-auto-columns: auto;
        grid-row: span 2/1;
        grid-column-start: 5;
        grid-column-end: 12
    }

    .topic--actions-container .small-box {
        grid-column-start: 1;
        grid-column-end: 4
    }
}

.footer-site {
    background-color: #010101;
    color: #fff;
    padding-top: 2.5rem;
    padding-bottom: 2.8125rem;
    position: relative
}

.footer-site .container-fluid {
    --bs-gutter-x: 40px
}

.footer-site a:hover {
    color: #777
}

@media (min-width: 768px) {
    .footer-site {
        padding-top: 2.8125rem
    }
}

.footer-site .footer-site--nhtsa-info:before {
    content: "";
    display: block;
    height: 1px;
    background: #777;
    margin: 20px 0
}

@media (min-width: 768px) {
    .footer-site .footer-site--nhtsa-info {
        flex-direction: column;
        position: relative
    }

    .footer-site .footer-site--nhtsa-info:before {
        display: none
    }

    .footer-site .footer-site--nhtsa-info p:last-child {
        position: absolute;
        bottom: 5px
    }
}

.footer-site--nhtsa-logo {
    max-width: 170px;
    margin-bottom: 2.5rem
}

@media (min-width: 768px) {
    .footer-site--nhtsa-logo {
        margin-bottom: .75rem
    }
}

.footer-site--social-link-container {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    display: flex;
    justify-content: space-between;
    max-width: 290px
}

@media (min-width: 768px) {
    .footer-site--social-link-container {
        max-width: 215px
    }
}

.footer-site--social-link {
    color: #fff;
    font-size: 22px;
    display: inline-block;
    text-decoration: none
}

.footer-site--social-link:hover {
    color: #777;
    text-decoration: none
}

.footer-site--accordion-item {
    background: transparent;
    border: none
}

.footer-site--accordion-button {
    --bs-accordion-border-color: transparent;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .125rem transparent;
    background-color: transparent;
    padding: 0;
    color: inherit;
    font-weight: 700
}

@media (max-width: 767.98px) {
    .footer-site--accordion-button {
        --bs-accordion-btn-focus-box-shadow: 0 0 0 .125rem rgba(255, 255, 255, .5)
    }
}

.footer-site--accordion-button:after {
    margin-left: 2px;
    --bs-accordion-btn-icon-width: .75rem
}

@media (min-width: 768px) {
    .footer-site--accordion-button:after {
        display: none
    }
}

@media (min-width: 768px) {
    .footer-site--accordion-button {
        pointer-events: none;
        font-weight: 400
    }
}

.footer-site--accordion-button:not(.collapsed) {
    background-color: transparent;
    color: inherit
}

.footer-site--accordion-body {
    padding: 0
}

.footer-site--links-title {
    outline: none;
    color: #777;
    line-height: 1.75
}

.footer-site--links-title:first-child {
    margin-top: .625rem
}

.footer-site--links-title:not(:first-child) {
    margin-top: .625rem;
    line-height: 1.75
}

.badge.badge-primary {
    background-color: #0075b7
}

.footer-site--links-container {
    -webkit-font-smoothing: antialiased;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0
}

.footer-site--links-container li a {
    color: #fff;
    line-height: 1.75;
    text-decoration: none
}

.footer-site--feedback {
    position: absolute;
    right: .625rem;
    bottom: .625rem
}

.footer-site--feedback--push {
    right: 3.125rem
}

.footer-site--tel-links-container {
    -webkit-font-smoothing: antialiased;
    padding-left: 0;
    list-style: none
}

.footer-site--tel-links-container a {
    color: #fff;
    line-height: 1.45;
    text-decoration: none
}

:root {
    --bs-border-radius: 0;
    --bs-body-line-height: 1.42857;
    --bs-link-color-rgb: var(map-get($colors, "color-2-alt"))
}

.page-alt--heading,
.page-news-comms--heading {
    text-align: left !important
}

.page-alt--heading .page-header,
.page-news-comms--heading .page-header {
    text-align: left
}

.page-alt--heading .page-header h1,
.page-news-comms--heading .page-header h1 {
    font-weight: 900;
    font-size: 2.5em;
    margin: 0
}

@media (max-width: 500px) {

    .page-alt--heading .page-header h1,
    .page-news-comms--heading .page-header h1 {
        font-size: 2em
    }
}

.page-alt {
    max-width: 1004px;
    margin: 0 auto
}

.page-alt .importers--header:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    height: 3px;
    width: 90%;
    background: #ffcc06;
    padding: 0 60px 0 0
}

@media (max-width: 767px) {
    .page-alt .importers--header:after {
        width: 100%
    }
}

.page-alt .importers--file-list>.row {
    margin-left: 0;
    margin-right: 0
}

.page-alt .importers--file-list h4 {
    color: #363636;
    padding-top: 20px
}

.page-alt .importers--file-list h6 {
    padding-top: 10px;
    font-weight: 400;
    font-size: 14px
}

.page-alt .col-sm-5>div>ul:first-child {
    padding-top: 20px
}

.page-alt .importers--file-list ul {
    padding-left: 10px;
    list-style-type: none;
    width: 100%;
    position: relative;
    font-size: 12px;
    font-weight: 400
}

.page-alt .importers--file-list ul ul {
    margin-left: 8px
}

.page-alt .importers--file-list ul li {
    display: block;
    padding: 2px 0
}

.page-alt .importers--file-list ul [class^=icon-],
.page-alt .importers--file-list ul [class*=" icon-"],
.page-alt .importers--file-list ul [class^=faq-Icon],
.page-alt .importers--file-list ul [class*=" faq-Icon"] {
    position: absolute;
    left: 0;
    padding: 9px 2px
}

.page-alt .importers--file-list ul .importers--file-info {
    font-size: 14px;
    padding: 3px 10px
}

.page-alt .importers--file-list ul.importers--no-title {
    padding-top: 20px
}

.page-alt .importers--faq {
    border-left: 6px solid rgb(255, 204, 6);
    padding-left: 20px
}

@media (min-width: 768px) {
    .page-alt .importers--faq {
        margin-left: -10px;
        margin-right: -10px
    }
}

.page-alt .importers--faq>.row {
    margin-left: 10px;
    margin-right: 10px
}

.page-alt .importers--faq h4 {
    font-size: 28px
}

.page-alt .importers--faq ul {
    list-style-type: none;
    padding: 5px 0
}

.page-alt .importers--faq ul li {
    font-weight: 600;
    line-height: 28px;
    font-size: 16px;
    text-indent: -.5em;
    padding: 0 0 0 .5em
}

.page-alt .importers--faq a {
    color: #000
}

@media (max-width: 767px) {
    .page-alt .manufacturers--header {
        padding-top: 0
    }
}

.page-alt .manufacturers--header:first-of-type {
    padding-top: 0
}

.page-alt .manufacturers--header:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    height: 3px;
    width: 90%;
    background: #ffcc06;
    padding: 0 60px 0 0
}

@media (max-width: 767px) {
    .page-alt .manufacturers--header:after {
        width: 100%
    }
}

.page-alt p {
    padding: 10px 0
}

.page-alt p[class*=mt-] {
    margin-top: 0 !important
}

@media (max-width: 767px) {
    .page-alt {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 768px) {
    .page-alt {
        padding-left: 10px;
        padding-right: 10px
    }
}

.page-alt .manufacturers--callout .manufacturers-data--sidebar-latest-news h3 {
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    color: #363636
}

.page-alt .manufacturers--callout .manufacturers-data--sidebar-latest-news a {
    display: block;
    font-weight: 900;
    font-size: 20px;
    color: #222;
    padding: 10px 0
}

.page-alt .manufacturers--callout .manufacturers-data--sidebar-latest-news span {
    color: #363636;
    font-weight: 300
}

.page-alt .manufacturers--content {
    margin-bottom: 30px
}

.page-alt .manufacturers--content span {
    display: block;
    font-weight: 400;
    font-size: 14px
}

.page-alt .manufacturers--content ul {
    list-style-type: none;
    padding: 0;
    font-size: 18px;
    margin-bottom: 40px
}

.page-alt .manufacturers--content ul li {
    margin: 0;
    width: 49%;
    display: inline-block;
    vertical-align: top;
    font-weight: 700
}

@media (max-width: 425px) {
    .page-alt .manufacturers--content ul li {
        display: block;
        width: 100%
    }
}

.page-alt .laws-regs--sidebar-callout {
    margin: 0
}

.page-alt .research-data--special-study {
    font-weight: 400;
    padding: 10px 0 20px
}

.page-alt--tables {
    max-width: 1004px;
    margin: 0 auto;
    padding: 20px 10px
}

.page-alt--tables .research-data--border {
    border-top: 3px solid rgb(204, 204, 204)
}

.page-alt--tables .table-other {
    padding: 10px 10px 40px
}

.page-news-comms {
    max-width: 1004px;
    margin: 0 auto
}

@media (max-width: 676px) {
    .page-news-comms .col-sm-7 p {
        font-size: 24px
    }
}

.page-news-comms .table-other {
    padding-top: 0
}

.topiclanding--page {
    background: #eaecec
}

.topiclanding--page .container-fluid {
    box-sizing: border-box;
    max-width: 1004px;
    padding-top: 20px;
    padding-bottom: 20px
}

.topiclanding--page .topiclanding--page-header {
    padding-top: 20px;
    padding-bottom: 40px
}

.topiclanding--page .topiclanding--page-header p {
    margin-bottom: 20px
}

.topiclanding--page .topic-container-inner {
    display: grid;
    grid-template-columns: 1fr
}

@media screen and (min-width: 992px) {
    .topiclanding--page .topic-container-inner {
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-rows: 1fr
    }
}

.topiclanding--page .topic-card {
    position: relative;
    background: #fff;
    border: 1px solid #eaecec;
    padding: 30px 50px 30px 30px
}

@media (min-width: 992px) {
    .topiclanding--page .topic-card {
        min-height: 400px
    }
}

@media (max-width: 991px) {
    .topiclanding--page .topic-card {
        margin-bottom: 40px
    }
}

.topiclanding--page .topic-card h1 {
    color: #0075b7;
    font-size: 2.25rem;
    display: block !important;
    min-height: 140px
}

.topiclanding--page .topic-card p {
    display: block;
    color: #fff;
    padding-bottom: 100px
}

@media (max-width: 990px) {
    .topiclanding--page .topic-card p {
        color: #222
    }
}

.topiclanding--page .topic-card .link-arrow {
    color: #fff;
    position: absolute !important;
    bottom: 40px;
    font-weight: 900;
    -webkit-font-smoothing: antialiased
}

.topiclanding--page .topic-card .link-arrow:hover {
    color: #fff;
    text-decoration: none
}

.topiclanding--page .topic-card *:not(.topic-card-title, h1) {
    opacity: 0;
    visibility: hidden
}

.topiclanding--page .topic-card:focus *,
.topiclanding--page .topic-card:hover * {
    opacity: 1;
    visibility: visible
}

.topiclanding--page .topic-card:hover,
.topiclanding--page .topic-card:focus {
    background: #017cb7 url(/themes/custom/nhtsa_2024/images/topiclanding-page-hover-bg.jpg);
    box-sizing: border-box
}

.topiclanding--page .topic-card:hover h1,
.topiclanding--page .topic-card:focus h1 {
    color: #fff;
    font-size: 1.5rem;
    min-height: 140px
}

@media (min-width: 320px) {

    .topiclanding--page .topic-card:hover h1,
    .topiclanding--page .topic-card:focus h1 {
        font-size: 28px
    }
}

.topiclanding--page .topic-card:hover p,
.topiclanding--page .topic-card:focus p {
    color: #fff
}

.topiclanding--page .topic-card:hover a,
.topiclanding--page .topic-card:focus a {
    color: #fff
}

.topiclanding--page .bottom-container {
    display: flex;
    flex-direction: column
}

.topiclanding--page .bottom-nav {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex
}

@media (max-width: 990px) {
    .topiclanding--page .bottom-nav {
        padding-top: 0;
        margin-top: -3%;
        color: #0075b7
    }

    .topiclanding--page .bottom-nav:before,
    .topiclanding--page .bottom-nav:after {
        content: ""
    }

    .topiclanding--page .bottom-nav:after {
        display: block;
        width: 1px;
        height: 90%;
        background: #ccc;
        position: absolute;
        left: 50%
    }

    .topiclanding--page .bottom-nav:before {
        display: block;
        height: 1px;
        width: calc(100% - 20px);
        background: #ccc;
        position: absolute;
        bottom: 0;
        left: 10px
    }
}

@media (min-width: 991px) {

    .topiclanding--page .bottom-nav .link-arrow,
    .topiclanding--page .bottom-nav .link-arrow-left {
        display: none
    }
}

.topiclanding--page .flex-topic-nav {
    display: flex;
    justify-content: space-between
}

.topiclanding--page .link h6 {
    display: inline-block;
    margin-top: -5px;
    margin-bottom: 5px;
    color: #363636
}

.topiclanding--page .link h4 {
    padding: 0 0 15px;
    margin: 0;
    min-height: 55px
}

@media (min-width: 991px) {
    .topiclanding--page .link h4 {
        border-bottom: 4px solid rgb(255, 204, 6)
    }
}

@media (max-width: 990px) {
    .topiclanding--page .link h4 {
        font-size: 16px
    }

    .topiclanding--page .link .left-text {
        padding-left: 25px
    }

    .topiclanding--page .link .right-text {
        padding-right: 25px
    }
}

.topiclanding--page .topic-right {
    float: right;
    position: relative
}

.topiclanding--page .topic-right div {
    position: absolute;
    right: 0;
    padding: 0 10px
}

.article--copy-container .topiclanding--page {
    background-color: #efefef;
    clear: both
}

@media (min-width: 992px) {
    .article--copy-container .topiclanding--page {
        padding-bottom: 60px
    }
}

.article--copy-container .topiclanding--page>.container-fluid {
    margin-left: -10px;
    margin-right: -10px
}

@media (min-width: 992px) {
    .article--copy-container .topiclanding--page>.container-fluid {
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width: 992px) {
    .article--copy-container .topiclanding--page .topic-container {
        max-width: 1004px;
        margin: 0 auto
    }
}

.article--copy-container .topiclanding--page.component--full-width .topic-container-inner {
    padding-left: 20px;
    padding-right: 20px
}

.page-alt .manufacturers--content ul li,
.manufacturers--content ul li {
    padding: 10px 40px 10px 0
}

.manufacturers--content {
    margin-bottom: 30px
}

.manufacturers--content span {
    display: block;
    font-weight: 400;
    font-size: 14px
}

.manufacturers--content ul {
    list-style-type: none;
    padding: 0;
    font-size: 18px;
    margin-bottom: 40px
}

.manufacturers--content ul li {
    margin: 0;
    width: 49%;
    display: inline-block;
    vertical-align: top;
    font-weight: 700
}

@media (max-width: 769px) {
    .manufacturers--content ul li {
        display: block;
        width: 100%
    }
}

@media (max-width: 767px) {
    .manufacturers--header {
        padding-top: 0
    }
}

.manufacturers--header:first-of-type {
    padding-top: 0
}

.manufacturers--header:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    height: 3px;
    width: 90%;
    background: #ffcc06;
    padding: 0 60px 0 0
}

@media (max-width: 767px) {
    .manufacturers--header:after {
        width: 100%
    }
}

.article--copy~.manufacturers--header+.row .col-sm-9 p,
.article--copy-container .manufacturers--header+.row .col-sm-9 p {
    padding-top: 1.25em;
    line-height: 1.8;
    color: #5a5a5a;
    width: 100%
}

@media (min-width: 992px) {

    .article--copy~.manufacturers--header+.row .col-sm-9 p,
    .article--copy-container .manufacturers--header+.row .col-sm-9 p {
        margin-left: 12.8%
    }
}

.article--copy~.two-col--links .row .col-sm-9 .mt-4,
.article--copy-container .two-col--links .row .col-sm-9 .mt-4 {
    padding: 0
}

@media (min-width: 992px) {

    .article--copy~.two-col--links .row .col-sm-9>p,
    .article--copy~.two-col--links .row .col-sm-9>*,
    .article--copy-container .two-col--links .row .col-sm-9>p,
    .article--copy-container .two-col--links .row .col-sm-9>* {
        margin-left: 0
    }
}

@media (min-width: 992px) {

    .article--copy~.article--copy-container .row .manufacturers--content .col-sm-12,
    .article--copy~.article--copy-container .manufacturers--header h5,
    .article--copy~.article--copy-container .manufacturers--header:after {
        margin-left: 9.6%;
        width: 90.4%
    }
}

.article--copy-container .page-alt.container-fluid {
    margin: 20px 0
}

@media (min-width: 992px) {
    .article--copy-container .page-alt.container-fluid {
        margin-left: 8.333333%
    }
}

.article--copy-container .page-alt.container-fluid.link-styles-small .manufacturers--header:after {
    width: 100%
}

.article--copy-container .page-alt.container-fluid.link-styles-small h5 {
    font-size: 30px
}

@media (max-width: 767px) {
    .article--copy-container .page-alt.container-fluid.link-styles-small h5 {
        font-size: 24px
    }
}

.article--copy-container .page-alt.container-fluid.link-styles-small .manufacturers--content a {
    font-weight: 400;
    font-size: 16px
}

.article--copy-container .page-alt.container-fluid.link-styles-small .manufacturers--content li {
    width: 40%;
    margin-right: 10%
}

@media (max-width: 767px) {
    .article--copy-container .page-alt.container-fluid.link-styles-small .manufacturers--content li {
        width: 100%;
        margin-right: 0
    }
}

.ratings--header {
    padding: 150px 0;
    background-position: center
}

.ratings--header h1 {
    font-size: 3.5em;
    text-align: center
}

.ratings--tabs {
    background: #eee;
    position: relative
}

.ratings--tabs ul {
    margin-top: -60px;
    display: inline-block
}

@media (min-width: 680px) {
    .ratings--tabs ul {
        display: flex !important
    }
}

.ratings--tabs ul li {
    flex-grow: 1;
    text-align: center;
    padding: 0;
    margin: 0 3%
}

.ratings--tabs ul li:hover,
.ratings--tabs ul li.active {
    border-bottom: 5px solid rgb(0, 117, 183)
}

.ratings--tabs a {
    width: 100%
}

.ratings--tabs button {
    display: block;
    margin: 80px auto 40px
}

.ratings--tabs section {
    padding-bottom: 40px
}

.ratings--tabs .tab-content.container-fluid {
    background: transparent;
    border: none
}

.ratings--tabs .nav.nav-pills {
    margin-top: -60px
}

.ratings--tabs .nav.nav-pills ul li {
    color: #959595;
    flex-grow: 1
}

.ratings--tabs .safety-check h2,
.ratings--tabs .safety-check p {
    text-align: center
}

.ratings--tabs .safety-check a {
    cursor: pointer;
    color: #222;
    border-bottom: 2px solid rgb(204, 204, 204)
}

.ratings--tabs .safety-check .tab-btn {
    display: block;
    border: 0;
    width: 100%;
    max-width: 200px;
    padding-right: 20px;
    padding-left: 20px;
    color: #fff;
    margin: 50px auto 0;
    text-transform: uppercase
}

.ratings--tabs .topic--nested-content .tab-content {
    padding-top: 80px
}

.ratings--tabs .topic--nested-content [role=presentation].active>a,
.ratings--tabs .topic--nested-content [role=presentation].active>a:focus,
.ratings--tabs .topic--nested-content [role=presentation].active>a:hover {
    color: #fff
}

.ratings--tabs .topic--nested-content [role=presentation] a {
    color: #959595
}

.ratings--timeline {
    background: #f6f5f5;
    position: relative
}

.ratings--timeline .container-fluid {
    max-width: 1004px;
    padding: 20px
}

.ratings--timeline .timeline-info {
    padding-top: 40px;
    padding-bottom: 40px
}

.ratings--timeline .timeline-title {
    font-size: 28px;
    font-weight: 300
}

.ratings--timeline .timeline-title strong {
    font-weight: 900
}

.ratings--timeline #ratings--carousel,
.ratings--timeline #ratings--carousel .ratings--carousel-wrapper {
    position: relative
}

.ratings--timeline #ratings--carousel .ratings--carousel-wrapper .right-button,
.ratings--timeline #ratings--carousel .ratings--carousel-wrapper .left-button {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100px;
    z-index: 2;
    font-size: 30px;
    text-shadow: 0 3px #e7e7e7;
    transition: all .2s ease-in
}

@media (max-width: 676px) {

    .ratings--timeline #ratings--carousel .ratings--carousel-wrapper .right-button,
    .ratings--timeline #ratings--carousel .ratings--carousel-wrapper .left-button {
        font-size: 24px
    }
}

.ratings--timeline #ratings--carousel .ratings--carousel-wrapper .right-button .icon-caret-up,
.ratings--timeline #ratings--carousel .ratings--carousel-wrapper .left-button .icon-caret-up {
    background: none;
    border: 0
}

.ratings--timeline #ratings--carousel .ratings--carousel-wrapper .right-button.no-show,
.ratings--timeline #ratings--carousel .ratings--carousel-wrapper .left-button.no-show {
    pointer-events: none;
    opacity: 0
}

.ratings--timeline #ratings--carousel .ratings--carousel-wrapper .left-button {
    left: 0;
    background: transparent linear-gradient(90deg, #f6f5f5 50%, #fff0)
}

.ratings--timeline #ratings--carousel .ratings--carousel-wrapper .left-button .icon-caret-up {
    position: absolute;
    left: 0;
    top: 10px;
    color: #222;
    transform: rotate(-90deg);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0
}

.ratings--timeline #ratings--carousel .ratings--carousel-wrapper .right-button {
    right: 0;
    background: transparent linear-gradient(90deg, #fff0, #f6f5f5 50%)
}

.ratings--timeline #ratings--carousel .ratings--carousel-wrapper .right-button .icon-caret-up {
    position: absolute;
    right: 0;
    top: 10px;
    color: #222;
    transform: rotate(90deg)
}

.ratings--timeline #ratings--carousel .ratings--carousel-wrapper .ratings--carousel-container {
    white-space: nowrap;
    overflow: hidden;
    padding-left: 4px
}

.ratings--timeline #ratings--carousel .ratings--carousel-wrapper .ratings--carousel-inner {
    position: relative;
    transition: all .2s ease-out
}

.ratings--timeline #ratings--carousel .ratings--carousel-wrapper .ratings--carousel-item {
    display: inline-block;
    width: 30%;
    margin-left: -4px;
    vertical-align: top;
    position: relative;
    white-space: normal
}

@media (max-width: 767px) {
    .ratings--timeline #ratings--carousel .ratings--carousel-wrapper .ratings--carousel-item {
        width: 45%
    }
}

.ratings--timeline #ratings--carousel .ratings--carousel-wrapper .ratings--carousel-item div {
    width: 100%;
    display: block
}

.ratings--timeline #ratings--carousel .ratings--carousel-wrapper .ratings--carousel-item div .item-heading {
    font-size: 36px;
    font-weight: 900;
    display: block
}

.ratings--timeline #ratings--carousel .ratings--carousel-wrapper .ratings--carousel-item div .item-border {
    display: block;
    height: 1px;
    border-bottom: 6px solid rgb(255, 204, 6);
    position: relative;
    margin: 30px 0;
    padding-right: -70px
}

.ratings--timeline #ratings--carousel .ratings--carousel-wrapper .ratings--carousel-item div .item-border:before {
    content: "";
    display: block;
    height: 15px;
    width: 15px;
    background: #ffcc06;
    position: relative;
    top: -4.5px;
    left: 0;
    border-radius: 50%
}

.ratings--timeline #ratings--carousel .ratings--carousel-wrapper .ratings--carousel-item div .item-content {
    display: block;
    white-space: normal;
    padding-right: 30px;
    width: 80%
}

@media (max-width: 767px) {
    .ratings--timeline #ratings--carousel .ratings--carousel-wrapper .ratings--carousel-item div .item-content {
        width: 100%
    }
}

.ratings--faqs {
    background: #f5f5f5;
    height: auto
}

.ratings--faqs .container-fluid {
    max-width: 1004px;
    padding: 20px
}

.call-to-action--yellow-large {
    background: #111;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
    position: relative;
    overflow-x: hidden
}

.call-to-action--yellow-large h4 {
    padding: 10px 0;
    font-size: 2.25rem;
    color: #ffcc06
}

.call-to-action--yellow-large p {
    color: #fff;
    padding: 10px 0 40px
}

.call-to-action--yellow-large .background-color-1 {
    color: #111;
    text-transform: uppercase
}

.vehicle-table-ratings--recommended td {
    border-bottom: none !important;
    padding: 0 !important
}

.vehicle-table-ratings--recommended td>div {
    background-color: #ffcc06;
    position: relative;
    top: -1px;
    display: flex
}

.vehicle-table-ratings--recommended td>div>span {
    display: block;
    flex: 1;
    padding: 20px 5px;
    text-align: center;
    position: relative
}

.vehicle-table-ratings--recommended td>div>span:not(:last-child):before {
    content: "";
    display: block;
    right: 0;
    width: 1px;
    top: 10px;
    bottom: 10px;
    background-color: #000;
    position: absolute;
    opacity: .25
}

.vehicle-table-ratings--recommended td>div>span>div {
    display: block
}

.vehicle-table-ratings--recommended td>div:before {
    content: "";
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent rgb(255, 204, 6) transparent;
    position: absolute;
    top: -10px;
    right: 17%
}

.vehicle-table-ratings--recommended td>div .vehicle-detail--recommended-item-type-unknown:not(.col-sm-3) .recommended-evaluation {
    margin-top: 10px;
    padding-top: 10px;
    position: relative
}

.vehicle-table-ratings--recommended td>div .vehicle-detail--recommended-item-type-unknown:not(.col-sm-3) .recommended-evaluation:before {
    content: "";
    display: block;
    top: 0;
    width: 100%;
    background-color: #000;
    position: absolute;
    opacity: .25;
    bottom: 10px;
    height: 1px;
    left: 0
}

.vehicle-table-ratings .table>thead>tr>th {
    vertical-align: middle
}

.vehicle-table-ratings tbody:not(:first-of-type) {
    border-top: none
}

.vehicle-table-ratings-tech--overview {
    position: relative;
    top: -10px
}

.vehicle-table-ratings-tech--overview img.icon {
    max-height: 42px;
    width: auto;
    border: 4px solid rgb(246, 246, 246);
    border-radius: 100%
}

.vehicle-table-ratings-tech--overview img.feature-status {
    background: #fff;
    border-radius: 100%;
    height: 12px;
    z-index: 100;
    position: absolute;
    bottom: -14px;
    left: 25px
}

.vehicle-table-ratings-tech--overview div {
    position: relative;
    height: 42px;
    margin: 5px 0;
    white-space: nowrap
}

.vehicle-table-ratings-tech--overview div span {
    position: relative
}

.vehicle-table-ratings-tech--overview a {
    display: block;
    padding: 0 4px
}

.vehicle-table-ratings--recommended img {
    max-width: 10px;
    vertical-align: middle;
    margin-right: 5px
}

.vehicle-table-ratings--recommended img.performance-icon {
    max-width: 60px;
    vertical-align: middle
}

.vehicle-table-ratings--recommended span {
    display: inline-block;
    vertical-align: middle
}

.vehicle-table-ratings--recommended span>img {
    max-width: 75px;
    margin: 10px auto;
    width: 100%
}

@media (min-width: 767px) {
    .vehicle-table-ratings--recommended span>img {
        max-width: 115px
    }
}

.vehicle-detail--topic--nested-content li img {
    width: 16px;
    vertical-align: baseline;
    position: relative;
    top: 1px
}

div.recommended-evaluation {
    display: flex;
    flex-direction: column;
    align-items: center
}

div.recommended-evaluation img {
    max-width: 80px;
    margin-bottom: 20px
}

div.recommended-evaluation span+img {
    margin-top: 20px
}

.recommended-tech--evaluation-learn-more {
    display: flex;
    flex-direction: column
}

.manufacturer-search-modal {
    color: #fff
}

.manufacturer-search-modal #ratings-manufacturer-search-description {
    margin-bottom: 50px
}

.manufacturer-search-modal .modal-content {
    background-color: transparent;
    box-shadow: none;
    border-color: transparent
}

.manufacturer-search-modal h1 {
    color: #fff;
    font-family: Roboto Slab, serif;
    font-weight: 300;
    padding-bottom: 20px
}

.manufacturer-search-modal .modal-info {
    position: relative
}

.manufacturer-search-modal .manufacturer-search-submit {
    text-transform: uppercase;
    padding: 10px 50px;
    position: relative;
    top: -2px
}

@media (max-width: 525px) {
    .manufacturer-search-modal .manufacturer-search-submit {
        position: relative;
        top: auto;
        margin-top: 15px;
        padding: 10px 50px
    }
}

.manufacturer-search-modal .vehicle-table-ratings {
    background: #efeff0;
    margin-top: 20px;
    color: #222
}

.manufacturer-search-modal .vehicle-table-ratings a {
    color: #006e9f
}

.manufacturer-search-modal .custom-select {
    color: #000;
    margin-right: 15px
}

.manufacturer-search-modal .custom-select select {
    border: 0;
    height: 44px;
    padding: 0 50px
}

.manufacturer-search-modal .custom-select option {
    font-weight: 400;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 0 2px 1px
}

.manufacturer-search-modal .form-tagline {
    width: 100%;
    display: block;
    font-size: 12px
}

.manufacturer-search-modal .btn-close {
    --bs-btn-close-color: white;
    width: 1.5em;
    height: 1.5em;
    background-size: 1.5em;
    font-size: 1.25rem;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1056;
    opacity: 1;
    background-color: transparent;
    filter: invert(1) brightness(2)
}

.manufacturer-search-modal .btn-close:hover {
    opacity: .75
}

@media (max-width: 767px) {
    .manufacturer-search-modal .btn-close {
        width: 1.5em;
        height: 1.5em;
        background-size: 1.5em;
        top: .5rem;
        right: .5rem
    }
}

.manufacturer-search-modal .vehicle-table-ratings-tech--overview img.icon {
    border-color: #efeff0
}

.vehicle-detail--compare.modal {
    margin: 0 auto;
    max-width: none;
    color: #fff;
    padding-left: 0 !important
}

.vehicle-detail--compare.modal .modal-header {
    text-align: center;
    color: #fff;
    border: none
}

.vehicle-detail--compare.modal .modal-header h4 {
    color: #ffcc06;
    font-size: 45px;
    font-weight: 700;
    line-height: 1;
    margin-top: 40px
}

.vehicle-detail--compare.modal .modal-header p {
    margin: 20px auto 40px;
    max-width: 700px
}

.vehicle-detail--compare.modal .modal-header .close {
    text-shadow: none;
    opacity: 1;
    color: #fff;
    font-weight: 200;
    font-size: 52px;
    position: absolute;
    right: 30px;
    top: 10px
}

.vehicle-detail--compare.modal .modal-content {
    box-shadow: none;
    background-color: transparent;
    border: none
}

.vehicle-detail--compare.modal .modal-dialog.modal-lg {
    width: 100%
}

.vehicle-detail--compare.modal .modal-body>b,
.vehicle-detail--compare.modal .modal-body>strong {
    color: #fff;
    font-size: 20px;
    font-weight: 900
}

.vehicle-detail--compare .nav.nav-pills {
    text-align: center
}

.vehicle-detail--compare .topic--nested-content [role=presentation]>a {
    font-weight: 700
}

.vehicle-detail--compare .topic--nested-content [role=presentation].active>a {
    color: #fff
}

.vehicle-detail--compare .topic--nested-content .tab-content {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0
}

.vehicle-detail--compare-vehicle-selector {
    display: flex
}

@media (max-width: 767px) {
    .vehicle-detail--compare-vehicle-selector {
        display: block
    }
}

.vehicle-detail--compare-vehicle-selector-item {
    flex: 1;
    display: flex;
    margin-bottom: 20px
}

.vehicle-detail--compare-vehicle-selector-item:not(:last-child) {
    margin-right: 20px
}

@media (max-width: 767px) {
    .vehicle-detail--compare-vehicle-selector-item {
        display: block
    }

    .vehicle-detail--compare-vehicle-selector-item:not(:last-child) {
        margin-right: 0
    }
}

.vehicle-detail--compare-vehicle-selector-item .vehicle-detail--compare-vehicle-selector-item-car {
    background-color: #fff;
    padding: 25px;
    position: relative
}

.vehicle-detail--compare-vehicle-selector-item .vehicle-detail--compare-vehicle-selector-item-car h1 {
    line-height: 1;
    margin-top: 0;
    font-weight: 900;
    font-size: 30px;
    color: #000
}

.vehicle-detail--compare-vehicle-selector-item .vehicle-detail--compare-vehicle-selector-item-car h1 small:first-child {
    font-size: 100%
}

.vehicle-detail--compare-vehicle-selector-item .vehicle-detail--compare-vehicle-selector-item-car h1 small:last-child {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 900;
    color: #6a6a6a
}

.vehicle-detail--compare-vehicle-selector-item .vehicle-detail--compare-vehicle-selector-item-car img {
    max-width: 100%;
    width: 60%;
    display: block;
    margin: 0 auto
}

.vehicle-detail--compare-vehicle-selector-item .vehicle-detail--compare-vehicle-selector-item-car .close {
    text-shadow: none;
    font-weight: 200;
    color: #0075b7;
    font-size: 50px;
    position: absolute;
    top: 0;
    right: 20px;
    opacity: 1
}

@media (max-width: 767px) {
    .vehicle-detail--compare-vehicle-selector-item .vehicle-detail--compare-vehicle-selector-item-car h1 {
        float: left;
        width: 50%;
        font-size: 24px
    }

    .vehicle-detail--compare-vehicle-selector-item .vehicle-detail--compare-vehicle-selector-item-car h1 small {
        font-weight: 900;
        display: inline
    }

    .vehicle-detail--compare-vehicle-selector-item .vehicle-detail--compare-vehicle-selector-item-car h1 small:first-child {
        margin-right: .25em
    }

    .vehicle-detail--compare-vehicle-selector-item .vehicle-detail--compare-vehicle-selector-item-car h1 small:last-child {
        font-size: 13px;
        display: block;
        margin-top: 5px
    }

    .vehicle-detail--compare-vehicle-selector-item .vehicle-detail--compare-vehicle-selector-item-car img {
        float: right;
        width: 50%
    }
}

.vehicle-detail--compare-vehicle-selector-item .vehicle-detail--compare-vehicle-selector-item-car .close {
    font-size: 34px;
    right: 10px
}

.vehicle-detail--compare-vehicle-selector-item .vehicle-detail--compare-vehicle-selector-item-select {
    background-color: transparent;
    padding: 25px;
    color: #fff;
    position: relative;
    border: 1px solid #acacac;
    width: 100%
}

.vehicle-detail--compare-vehicle-selector-item .vehicle-detail--compare-vehicle-selector-item-select b {
    font-size: 20px;
    line-height: 1
}

.vehicle-detail--compare-vehicle-selector-item .vehicle-detail--compare-vehicle-selector-item-select input {
    display: block;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #000
}

.vehicle-detail--compare-vehicle-selector-item .vehicle-detail--compare-vehicle-selector-item-select button {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 12px;
    color: #fff;
    background-color: #5c5c5c;
    border-color: #5c5c5c;
    padding: 15px;
    margin-bottom: 20px
}

.vehicle-detail--compare-vehicle-selector-item .vehicle-detail--compare-vehicle-selector-item-select small {
    position: relative;
    width: 100%;
    bottom: 0;
    left: 0;
    display: block;
    font-size: 12px;
    margin-top: 90px;
    color: #979895
}

@media (max-width: 767px) {
    .vehicle-detail--compare-vehicle-selector-item .vehicle-detail--compare-vehicle-selector-item-select small {
        margin-top: 0;
        font-size: 10px;
        text-align: center
    }
}

.vehicle-detail--compare-vehicle-selector-item .vehicle-detail--compare-vehicle-selector-item-select.hidden {
    display: block !important;
    border-style: dashed
}

.vehicle-detail--compare-vehicle-selector-item .vehicle-detail--compare-vehicle-selector-item-select.hidden * {
    opacity: 0
}

.modal-backdrop.in {
    opacity: .9
}

.vehicle-detail--compare-vehicle-button {
    margin-top: 20px;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 40px;
    float: right
}

.vehicle-detail--compare-table {
    width: 100%;
    overflow-x: auto
}

@media (max-width: 767px) {
    .vehicle-detail--compare-table-inner {
        width: 160vw
    }
}

.vehicle-detail--compare-table--header {
    display: flex
}

.vehicle-detail--compare-table--header div {
    background-color: #ffcc06;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    flex: 1;
    padding: 15px 0;
    margin-bottom: 0
}

.vehicle-detail--compare-table--header div:not(:last-child) {
    border-right: 1px solid #fff
}

.vehicle-detail--compare-table--header div small {
    display: block;
    color: #6a6a6a;
    font-size: 14px;
    font-weight: 900
}

.vehicle-detail--compare-table--header-other {
    background-color: #eaeaea;
    color: #000;
    padding: 20px 0;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px
}

.vehicle-detail--compare-table--header-other-black {
    background-color: #000;
    color: #fff;
    padding: 35px 0 20px;
    text-align: center;
    font-weight: 700;
    font-size: 18px
}

.vehicle-detail--compare-table--row {
    background-color: #fff;
    color: #000;
    display: flex;
    text-align: center;
    font-size: 14px;
    font-weight: 700
}

.vehicle-detail--compare-table--row div {
    flex: 1;
    padding: 20px 0
}

.vehicle-detail--compare-table--row div:not(:last-child) {
    border-right: 1px solid #cccccc
}

.tab-pane h1 {
    font-size: 30px;
    line-height: 1.4
}

.tab-pane h1 small {
    display: block;
    font-size: 100%;
    color: #000;
    font-weight: 300
}

.child-seat--modal-model-info {
    text-align: left;
    margin-top: -30px;
    margin-bottom: 40px
}

.child-seat--modal-model-info span {
    display: block;
    font-size: 2.25rem;
    font-weight: 700
}

.child-seat--modal-model-info span small {
    font-size: 100%;
    font-weight: 300
}

.vehicle-detail--compare-table+.child-seat-ratings-info {
    margin-top: 40px
}

.vehicle-detail--compare-table+.child-seat-ratings-info a {
    color: #ffcc06
}

.child-seat-ratings-info [data-toggle=collapse] {
    color: #000;
    font-weight: 700;
    font-size: 12px;
    display: block;
    margin-bottom: 10px
}

.child-seat-ratings-info [data-toggle=collapse]:hover {
    color: #000
}

.child-seat-ratings-info p {
    margin-bottom: 50px
}

.tire-ratings--columns {
    margin: 30px 0
}

@media (max-width: 767px) {
    .tire-ratings--columns {
        margin: 20px 0
    }
}

.vehicle-table-ratings--search-results>small {
    display: block;
    margin-top: 25px;
    text-align: center
}

.vehicle-table-ratings--search-results ul.nav.nav-pills {
    margin-top: 20px !important
}

.vehicle-table-ratings--search-results li[role=presentation].active>a {
    color: #000 !important
}

.vehicle-table-ratings--search-results .tab-content {
    padding-top: 0 !important
}

.ratings-vehicle .recalls-search-input {
    padding-bottom: 0
}

.ratings-vehicle .input-group {
    align-items: center
}

.ratings-vehicle .input-group-btn .btn {
    margin-top: 0;
    line-height: 1
}

@media (min-width: 992px) {
    .ratings-vehicle .input-group-btn .btn {
        margin-top: .5rem
    }
}

@media (max-width: 991.98px) {
    .ratings-vehicle .icon-Search {
        font-size: 15px
    }
}

.ratings-vehicle .tab-content {
    padding-top: 0 !important
}

.ratings-vehicle .nav.nav-pills {
    margin-top: 20px !important;
    overflow: unset
}

.ratings-vehicle .nav.nav-pills .nav-item .nav-link {
    padding: 1.25rem 10px
}

.ratings-vehicle .nav.nav-pills .nav-item .nav-link:hover,
.ratings-vehicle .nav.nav-pills .nav-item .nav-link:focus,
.ratings-vehicle .nav.nav-pills .nav-item .nav-link:active,
.ratings-vehicle .nav.nav-pills .nav-item .nav-link.active {
    color: #000 !important
}

.ratings-vehicle .nav.nav-pills .nav-item .nav-link:after {
    border-bottom: 10px solid rgb(0, 117, 183);
    height: 5px
}

.compares-toggle .compares-toggle--ui {
    background: pink;
    display: flex;
    background: #2222221a;
    width: 40px;
    height: 20px;
    border-radius: 20px;
    position: relative;
    transition: all .2s ease-in-out
}

.compares-toggle .compares-toggle--ui input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    height: 20px;
    width: 20px;
    border: 2px solid black;
    background: #fff;
    border-radius: 100%;
    left: 0;
    position: relative;
    transition: all .2s ease-out;
    outline-offset: 2px
}

.compares-toggle .compares-toggle--ui.active {
    background: #0075b7
}

.compares-toggle .compares-toggle--ui.active input {
    left: 20px
}

.vehicle-ratings-display {
    background: #f6f6f6
}

.vehicle-ratings-display--container {
    max-width: 1364px;
    margin: 0 auto
}

.vehicle-ratings-display--grid {
    display: grid
}

.vehicle-ratings-display--grid .product-card {
    max-width: 100%
}

@media (min-width: 576px) {
    .vehicle-ratings-display--grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width: 992px) {
    .vehicle-ratings-display--grid {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (min-width: 1200px) {
    .vehicle-ratings-display--grid {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

.vehicle-ratings-compare {
    position: relative;
    background: #f6f6f6;
    opacity: 0;
    transition: opacity ease-out .25s
}

.vehicle-ratings-compare.isActive {
    opacity: 1;
    transition: opacity ease-out .25s
}

.vehicle-ratings-compare-active {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    z-index: -1;
    pointer-events: none !important
}

.compare-manager-selector button.remove,
.product-card-selector {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0
}

.recalls--head-image {
    background-size: cover;
    background-position: center top
}

.recalls--light-text {
    font-weight: 300
}

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

.page-header {
    min-height: 0
}

.recalls--header {
    padding: 90px 0;
    background-position: center
}

.recalls--header header {
    min-width: 100%;
    margin: 0 auto
}

.recalls--header header strong {
    font-weight: 700
}

@media (max-width: 768px) {
    .recalls--header {
        padding: 100px 0
    }
}

@media (max-width: 480px) {
    .recalls--header {
        padding: 50px 0
    }
}

.recalls--header h1 {
    font-size: 3.5em;
    text-align: center
}

@media (max-width: 375px) {
    .recalls--header h1 {
        font-size: 2.5em
    }
}

.recalls--safety-info .safety-check {
    text-align: center
}

.recalls--safety-info a {
    cursor: pointer;
    color: #222;
    border-bottom: 2px solid rgb(204, 204, 204)
}

@media (max-width: 1199px) {
    .page-topic--wrapper .recalls--recall-steps .component--full-width {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media (max-width: 991px) {
    .page-topic--wrapper .recalls--recall-steps .component--full-width {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 992px) {
    .page-topic--wrapper .recalls--recall-steps .component--full-width {
        padding-left: 30px
    }
}

.recalls--recall-steps.container-fluid.recalls--spacing {
    padding: 0 20px
}

.recalls--text-intro {
    max-width: 1004px
}

.recalls--recall-steps,
.recalls--text-intro {
    margin: 2% auto 0;
    padding-left: 0;
    padding-right: 0
}

.recalls--recall-steps>div,
.recalls--text-intro>div {
    background: #fff;
    padding-left: 10px;
    padding-right: 10px
}

.recalls--recall-steps>div:nth-child(2n),
.recalls--text-intro>div:nth-child(2n) {
    background: #fafafa
}

.recalls--recall-steps>div:nth-child(3n),
.recalls--text-intro>div:nth-child(3n) {
    background: #f6f5f5
}

.recalls--recall-steps h1,
.recalls--text-intro h1 {
    margin: 0;
    padding: 0
}

@media (min-width: 767px) {

    .recalls--recall-steps h1,
    .recalls--text-intro h1 {
        max-width: 300px
    }
}

@media (max-width: 767px) {

    .recalls--recall-steps .recall--p-head-small h1,
    .recalls--recall-steps .recall--p-head-small span,
    .recalls--text-intro .recall--p-head-small h1,
    .recalls--text-intro .recall--p-head-small span {
        display: inline-block;
        font-size: 30px;
        font-weight: 900 !important
    }
}

.recalls--recall-steps .light-text,
.recalls--text-intro .light-text {
    font-weight: lighter
}

.recalls--recall-steps .container-fluid,
.recalls--text-intro .container-fluid {
    max-width: 1004px;
    padding-top: 40px;
    padding-bottom: 40px
}

.recalls--recall-steps .container-fluid .standout-link,
.recalls--text-intro .container-fluid .standout-link {
    padding: 3% 0;
    font-weight: 700
}

.recalls--recall-steps .container-fluid .bolded-font,
.recalls--text-intro .container-fluid .bolded-font {
    font-weight: 700
}

.recalls--recall-steps .container-fluid p.process-section-title,
.recalls--text-intro .container-fluid p.process-section-title {
    padding-top: 3%
}

.recalls--recall-steps .recalls--content-divider,
.recalls--text-intro .recalls--content-divider {
    display: flex;
    padding-bottom: 40px;
    border-bottom: 2px solid rgb(204, 204, 204);
    justify-content: center
}

.recalls--recall-steps .warning-link,
.recalls--text-intro .warning-link {
    color: #bf1e2d;
    font-weight: 700
}

.recalls--recall-steps .recalls--text-divider,
.recalls--text-intro .recalls--text-divider {
    margin: 5% 0;
    border-top: 2px solid rgb(204, 204, 204) !important
}

.recalls--recall-steps .red-letters,
.recalls--text-intro .red-letters {
    font-size: 95pt;
    color: #bf1e2d;
    font-weight: lighter;
    padding: 0;
    margin: 0
}

@media (min-width: 767px) {

    .recalls--recall-steps .red-letters,
    .recalls--text-intro .red-letters {
        margin-left: -6px
    }
}

.recalls--recall-steps .recently-recalled a,
.recalls--text-intro .recently-recalled a {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    padding-bottom: 5px
}

.recalls--spotlight {
    overflow: hidden;
    background: #111;
    color: #fff;
    padding-left: 0;
    padding-right: 0;
    clear: both
}

.recalls--spotlight .container-fluid {
    max-width: 1004px;
    padding: 80px 0
}

.recalls--spotlight .container-fluid>div {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.recalls--spotlight .container-fluid h1 {
    padding: 0 10px;
    margin: 0
}

.recalls--spotlight .container-fluid a {
    color: #fff
}

.recalls--spotlight .container-fluid .link-arrow {
    display: block;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .recalls--spotlight .recalls--center-small {
        text-align: center
    }

    .recalls--spotlight .recalls--center-small .col-md-5.col-sm-5 {
        padding-bottom: 5%
    }

    .recalls--spotlight h4,
    .recalls--spotlight a,
    .recalls--spotlight a strong,
    .recalls--spotlight p {
        font-weight: 400;
        font-size: 16px
    }

    .recalls--spotlight h1,
    .recalls--spotlight .recalls--light-text {
        font-size: 24px;
        font-weight: 500
    }

    .recalls--spotlight p {
        padding: 0 30px
    }
}

.recalls--spotlight.background-color-1 .container-fluid a {
    color: #000;
    font-weight: 700
}

.yellow {
    background: #ff0
}

.green {
    background: green
}

.red {
    background: red
}

.recalls--process {
    background: url(/themes/custom/nhtsa_2024/images/recalls--roles-bg.jpg)
}

.recalls--process .container-fluid {
    padding-top: 60px;
    padding-bottom: 100px
}

.recalls--process .process-header {
    text-align: center;
    font-weight: 300;
    font-family: Roboto Slab, serif;
    margin-bottom: 60px
}

@media (min-width: 679px) {
    .recalls--process .process-header {
        font-size: 46px
    }
}

.recalls--process .recalls--middle-image {
    max-width: 70px;
    min-width: 70px;
    padding: 26px 0
}

.recalls--process .recalls--middle-image img {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.recalls--process .recalls--middle-border {
    width: 2px;
    background: #ccc;
    margin: 0 auto;
    top: 95px;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translate(-50%)
}

.recalls--process .recalls--process--secondary-set .recalls--middle-border {
    background: #ffcc06;
    width: 6px
}

.recalls--process .recalls--process-content-container {
    max-width: 1004px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .recalls--process .recalls--process-content-container>div {
        display: flex;
        justify-content: center
    }
}

.recalls--process .recalls--process-content {
    max-width: 467px;
    width: 100%;
    padding: 40px
}

.recalls--process--primary-content {
    margin-bottom: 40px
}

.recalls--process--primary-content h1 {
    margin-bottom: .9em;
    margin-top: 1em
}

.recalls--process--primary-content img {
    display: block;
    margin: 0 auto
}

@media (min-width: 768px) {
    .recalls--process--primary-content img {
        display: none
    }
}

.recalls--process--secondary-content {
    margin-top: 92px;
    font-weight: 700;
    font-family: Roboto Slab, serif;
    font-size: 14px
}

.recalls--process--secondary-content p {
    font-size: 12px;
    font-weight: 400;
    color: #222
}

.recalls--process--secondary-content p:last-child {
    margin-bottom: 0
}

.recalls--process-content-container--left .recalls--process--secondary-content {
    margin-right: -30px;
    padding-left: 40%
}

.recalls--process-content-container--right .recalls--process--secondary-content {
    margin-left: -30px;
    padding-right: 40%
}

@media (max-width: 767px) {
    .recalls--process--secondary-content {
        margin-top: 20px
    }

    .recalls--process-content-container--left .recalls--process--secondary-content,
    .recalls--process-content-container--right .recalls--process--secondary-content {
        margin: 20px auto auto;
        padding: 0;
        border-left: 6px solid rgb(255, 204, 6)
    }
}

.recalls--process-content-container--left {
    text-align: right
}

@media (max-width: 767px) {

    .recalls--process-content-container--right,
    .recalls--process-content-container--left {
        text-align: center
    }
}

.recalls--tabs {
    background: #eee
}

.recalls--tabs ul:not(.inner-tab) {
    margin-top: -60px
}

@media (min-width: 680px) {
    .recalls--tabs ul:not(.inner-tab) {
        display: flex !important;
        justify-content: center
    }
}

.recalls--tabs ul:not(.inner-tab) li {
    text-align: center;
    padding: 0;
    margin: 0 3%
}

.recalls--tabs a {
    cursor: pointer;
    width: 100%
}

.recalls--tabs p a {
    width: auto
}

.recalls--tabs button:not(.btn, .nav-link, .tool-tip) {
    display: block;
    margin: 80px auto 40px
}

.recalls--tabs button.nav-link,
.recalls--tabs button.nav-link.active {
    background-color: transparent
}

.recalls--tabs section {
    padding-bottom: 40px
}

.recalls--tabs .tab-content.container-fluid {
    background: transparent;
    border: none;
    margin-left: auto;
    margin-right: auto
}

.recalls--tabs .nav.nav-pills {
    margin-top: -54px
}

.recalls--tabs .nav.nav-pills ul li {
    color: #959595
}

.recalls--tabs .safety-check h2,
.recalls--tabs .safety-check p {
    text-align: center
}

.recalls--tabs .safety-check a:not([data-toggle=collapse]):not(.hide-recall-border) {
    color: #222;
    border-bottom: 2px solid rgb(204, 204, 204)
}

.recalls--tabs .topic--nested-content .tab-content {
    padding-top: 80px
}

.recalls--tabs .topic--nested-content [role=presentation]>.nav-link.active,
.recalls--tabs .topic--nested-content [role=presentation]>.nav-link.active:focus,
.recalls--tabs .topic--nested-content [role=presentation]>.nav-link.active:hover {
    color: #fff
}

.recalls--tabs .topic--nested-content [role=presentation] .nav-link {
    color: #959595
}

.recalls--tabs .recalls--vin-list ul {
    display: block !important;
    text-align: left;
    padding: 0;
    margin: 0;
    color: #222
}

.recalls--tabs .recalls--vin-list ul li {
    display: list-item;
    text-align: left;
    margin-left: 20px;
    margin-right: 0;
    padding: 5px 0
}

.recalls--tabs .recalls--vin-list ul li:hover {
    border: none
}

.recalls--tabs .recalls--vin-list h4 {
    display: block
}

@media (max-width: 676px) {
    .recalls--tabs .recalls--vin-list ul {
        padding: 0 40px
    }
}

.recalls--tabs .recalls--vin-info img {
    display: block;
    padding: 15px 0;
    width: 90%;
    max-width: 520px;
    height: auto
}

@media (max-width: 676px) {
    .recalls--tabs .recalls--vin-info img {
        margin: 0 auto
    }
}

.recalls--tabs .nhtsa-regional-offices--component.row {
    margin-left: 0;
    margin-right: 0
}

.recalls--tabs .nhtsa-regional-offices--component.row+.row {
    margin-left: 0;
    margin-right: 0
}

.recalls--tabs [slot=CMS] .row:first-child {
    margin-left: 0;
    margin-right: 0
}

.recalls--tabs .region-search--input-wrapper {
    margin-top: 30px
}

.recalls-pills .nav.nav-pills {
    position: relative;
    display: flex;
    align-items: center;
    padding: 5px;
    margin: 20px auto 40px;
    max-width: 500px;
    width: auto;
    height: 55px;
    background-color: #fff3;
    border-radius: 10px
}

@media (min-width: 476px) {
    .recalls-pills .nav.nav-pills {
        gap: 20px
    }
}

.recalls-pills .nav.nav-pills:before,
.recalls-pills .nav.nav-pills:after {
    content: none
}

.recalls-pills .nav.nav-pills li {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    width: 124px;
    color: #fff;
    z-index: 1
}

.recalls-pills .nav.nav-pills li:hover {
    border: none
}

.recalls-pills .nav.nav-pills li a,
.recalls-pills .nav.nav-pills li button {
    padding-left: 2px;
    padding-right: 2px;
    color: #fff;
    background-color: transparent;
    width: 100%
}

.recalls-pills .nav.nav-pills li a:hover,
.recalls-pills .nav.nav-pills li a.active,
.recalls-pills .nav.nav-pills li button:hover,
.recalls-pills .nav.nav-pills li button.active {
    background: #0075b7;
    color: #fff;
    border-radius: 6px;
    border: none
}

.recalls-pills .recalls--header .page-header--heading {
    padding: 0 20px;
    margin: auto;
    max-width: 670px;
    font-family: Roboto, sans-serif;
    letter-spacing: 0em;
    text-align: center
}

.recalls-pills .recalls--header .page-header--heading>*:nth-child(1) {
    margin-bottom: 16px;
    font-size: 28px;
    font-weight: 700
}

@media (min-width: 768px) {
    .recalls-pills .recalls--header .page-header--heading>*:nth-child(1) {
        font-size: 54px
    }
}

.recalls-pills .recalls--header .page-header--heading>*:nth-child(2) {
    font-size: 18px;
    font-weight: 400
}

@media (min-width: 768px) {
    .recalls-pills .recalls--header .page-header--heading>*:nth-child(2) {
        font-size: 24px
    }
}

.recalls-pills .recalls--header .tab-content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    background-color: transparent
}

@media (max-width: 604px) {
    .recalls-pills .recalls--header .tab-content form {
        margin-bottom: 0
    }
}

.recalls-pills .recalls--header .tab-pane {
    max-width: 810px;
    width: 100%
}

.recalls-pills .recalls--header .tab-pane:not(.active) {
    display: none !important
}

.recalls-pills .recalls--header .tab-pane section {
    padding-bottom: 0;
    width: 100%
}

.recalls-pills .recalls--header .tab-pane .active-recalls form {
    margin-bottom: 0
}

.recalls-pills .recalls--header .tab-pane input[type=text],
.recalls-pills .recalls--header .tab-pane input[type=button],
.recalls-pills .recalls--header .tab-pane select {
    padding-top: 4px;
    border: none;
    font-size: 21px;
    line-height: 55px;
    letter-spacing: -.011em;
    text-align: center
}

.recalls-pills .recalls--header .tab-pane .region-search--input-wrapper,
.recalls-pills .recalls--header .tab-pane .input-group {
    padding: 0 4px;
    width: 100%;
    background: #fff;
    border-radius: 6px;
    box-shadow: none
}

.recalls-pills .recalls--header .recalls-search-input--vehicle .form-fields-inputs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    column-gap: 20px
}

@media (min-width: 605px) {
    .recalls-pills .recalls--header .recalls-search-input--vehicle .form-fields-inputs {
        flex-direction: row
    }
}

.recalls-pills .recalls--header .recalls-search-input--vehicle .form-fields-inputs>.form-fields-separator {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 36px;
    line-height: 36px;
    font-size: 10px
}

@media (min-width: 605px) {
    .recalls-pills .recalls--header .recalls-search-input--vehicle .form-fields-inputs>.form-fields-separator {
        width: auto;
        height: 60px;
        line-height: 60px
    }
}

.recalls-pills .recalls--header .recalls-search-input--vehicle .form-fields-inputs>.form-fields-separator>* {
    display: none
}

.recalls-pills .recalls--header .recalls-search-input--vehicle .form-fields-inputs>.form-fields-separator:before,
.recalls-pills .recalls--header .recalls-search-input--vehicle .form-fields-inputs>.form-fields-separator:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 1px;
    background-color: #fff
}

.recalls-pills .recalls--header .recalls-search-input--vehicle .form-fields-inputs>.form-fields-separator:before {
    left: -40px
}

.recalls-pills .recalls--header .recalls-search-input--vehicle .form-fields-inputs>.form-fields-separator:after {
    right: -40px
}

@media (min-width: 605px) {

    .recalls-pills .recalls--header .recalls-search-input--vehicle .form-fields-inputs>.form-fields-separator:before,
    .recalls-pills .recalls--header .recalls-search-input--vehicle .form-fields-inputs>.form-fields-separator:after {
        top: auto;
        right: auto;
        left: 50%;
        transform: translate(-50%, -50%) rotate(90deg);
        width: 18px
    }

    .recalls-pills .recalls--header .recalls-search-input--vehicle .form-fields-inputs>.form-fields-separator:before {
        top: 8px
    }

    .recalls-pills .recalls--header .recalls-search-input--vehicle .form-fields-inputs>.form-fields-separator:after {
        bottom: 8px
    }
}

.recalls-pills .recalls--header .recalls-search-input--vehicle .form-fields-submit .input-group-btn {
    text-align: center
}

.recalls-pills .recalls--header .recalls-search-input--vehicle .form-fields-submit .input-group-btn>.btn {
    margin: 0;
    padding: 0 8px;
    max-width: 182px;
    width: 100%;
    background: #0075b7;
    border-radius: 6px;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 48px
}

.recalls-pills .recalls--header .recalls-search-input--vehicle .form-fields-submit .input-group-btn>.btn:first-child {
    margin-top: 34px
}

.recalls-pills .recalls--header .recalls-search-input--vehicle .form-fields-submit .input-group-btn>.btn:disabled {
    background-color: #777
}

.recalls-pills .recalls--header .recalls-search-input--vehicle .license-plate-ymmvin-search-btn {
    position: absolute;
    width: 0;
    height: 0;
    z-index: 0
}

.recalls-pills .recalls--header .recalls-search-input--vehicle .license-plate-ymmvin-search-btn>button {
    visibility: hidden;
    opacity: 0
}

.recalls-pills .recalls--header .recalls-search-input--vehicle .license-plate-ymmvin-search-btn>button:disabled {
    visibility: hidden;
    display: none !important
}

.recalls-pills .recalls--tabpanes .topic--nested-content,
.recalls-pills .recalls--tabpanes .topic--nested-content .tab-content {
    padding-top: 20px;
    margin-bottom: 0
}

@media (min-width: 605px) {

    .recalls-pills .recalls--tabpanes .topic--nested-content,
    .recalls-pills .recalls--tabpanes .topic--nested-content .tab-content {
        padding-top: 6px
    }
}

.recalls-pills .recalls--tabpanes .topic--nested-content h2:empty,
.recalls-pills .recalls--tabpanes .topic--nested-content h3:empty,
.recalls-pills .recalls--tabpanes .topic--nested-content h4:empty,
.recalls-pills .recalls--tabpanes .topic--nested-content h5:empty {
    display: none !important
}

.recalls-pills .recalls--tabpanes [id*=js-teleport-results-] .js-recall-results:not(.active) {
    display: none !important
}

.recalls-hero-home .nav.nav-pills {
    max-width: 405px
}

@media (min-width: 476px) {
    .recalls-hero-home .nav.nav-pills {
        gap: 6px
    }
}

.recalls-hero-home .nav.nav-pills li button {
    font-weight: 700;
    color: #222
}

.recalls-hero-home .nav.nav-pills li:hover a,
.recalls-hero-home .nav.nav-pills li.active a {
    color: #fff
}

.recalls-hero-home .hero-home--heading>h2 {
    font-size: 24px;
    font-weight: 700
}

@media (min-width: 768px) {
    .recalls-hero-home .hero-home--heading>h2 {
        font-size: 34px
    }
}

.recalls-hero-home .recalls-pills .recalls--header .tab-pane {
    max-width: 405px;
    width: 100%
}

.recalls-hero-home .recalls-pills .recalls--header .recalls-search-input .input-group {
    border: rgba(0, 0, 0, .5) 2px solid
}

.recalls-hero-home .recalls-pills .recalls--header .recalls-search-input--vehicle .form-fields-inputs {
    flex-direction: column
}

.recalls-hero-home .recalls-pills .recalls--header .recalls-search-input--vehicle .form-fields-inputs>.form-fields-separator {
    height: 36px;
    line-height: 36px
}

.recalls-hero-home .recalls-pills .recalls--header .recalls-search-input--vehicle .form-fields-inputs>.form-fields-separator:before,
.recalls-hero-home .recalls-pills .recalls--header .recalls-search-input--vehicle .form-fields-inputs>.form-fields-separator:after {
    top: 50%;
    left: auto;
    right: auto;
    width: 30px;
    transform: translateY(-50%);
    background-color: #22222280
}

.recalls-hero-home .recalls-pills .recalls--header .recalls-search-input--vehicle .form-fields-inputs>.form-fields-separator:before {
    left: -40px
}

.recalls-hero-home .recalls-pills .recalls--header .recalls-search-input--vehicle .form-fields-inputs>.form-fields-separator:after {
    right: -40px
}

.article--copy-container .recalls--tabs {
    background-color: transparent
}

.recalls--news {
    background: #fff;
    color: #000
}

.recalls--news .news-events--article:after {
    border-color: #ccc
}

.recalls--news a,
.recalls--news a:hover {
    color: #000
}

.manufacturer-list-modal {
    color: #fff
}

.manufacturer-list-modal .modal-content {
    background-color: transparent;
    box-shadow: none;
    border-color: transparent
}

.manufacturer-list-modal h1 {
    color: #fff
}

.manufacturer-list-modal .manufacturer-list-container {
    border-top: 5px solid rgb(255, 204, 6);
    border-bottom: 4px solid rgb(204, 204, 204);
    padding-top: 30px;
    padding-bottom: 30px
}

.manufacturer-list-modal .manufacturer-list-container .container-fluid {
    max-width: 1004px;
    margin: 0 auto
}

.manufacturer-list-modal .manufacturer-list-container span {
    margin: 20px 0;
    width: 100%;
    display: block
}

.manufacturer-list-modal .close {
    background: transparent;
    position: absolute;
    color: #fff;
    top: 10px;
    right: 20px;
    font-size: 66px;
    font-weight: 200;
    opacity: 1;
    border: 0;
    transition: transform .25s ease-out;
    z-index: 1056
}

.manufacturer-list-modal .close:hover {
    opacity: .75
}

@media (max-width: 767px) {
    .manufacturer-list-modal .close {
        font-size: 45px;
        top: 5px;
        right: 20px
    }
}

.active-recalls {
    background-color: transparent
}

.active-recalls form {
    margin-bottom: 80px
}

.active-recalls figure div:first-child {
    background-color: #fff;
    padding: 20px;
    display: inline-block;
    width: 100%
}

.active-recalls figure h1 {
    font-size: 32px;
    word-wrap: break-word
}

.active-recalls figure h1 small {
    color: #000;
    font-size: 100%;
    font-weight: 300;
    display: block
}

.active-recalls figure img {
    width: 60%;
    display: block;
    height: auto;
    margin: 0 auto
}

.active-recalls .active-recalls--vin-tag {
    font-size: 12px;
    font-weight: 900;
    background-color: #000;
    color: #fff;
    display: block;
    width: 100%;
    padding: 35px 0;
    text-align: center
}

.active-recalls .active-recalls--refresh-date {
    font-size: 14px;
    display: inline-block;
    padding: 15px 0
}

.active-recalls .active-recalls--list {
    padding-left: 20px;
    padding-bottom: 20px
}

.active-recalls .active-recalls--list h1 {
    font-size: 30px;
    margin: -.25em 0 0
}

.active-recalls .active-recalls--list h1 span {
    color: #bf1e2d;
    display: inline-block;
    margin-right: .25em
}

.active-recalls .active-recalls--list h1 small {
    font-size: 100%;
    color: #000;
    font-weight: 300;
    display: block
}

.active-recalls .active-recalls--list a.link-arrow {
    font-weight: 900
}

.active-recalls .active-recalls--vehicle-issue {
    margin-top: 80px;
    position: relative
}

@media (min-width: 768px) {
    .active-recalls .active-recalls--vehicle-issue {
        padding-right: 12.5%
    }
}

.active-recalls .active-recalls--vehicle-issue:before {
    content: "";
    display: block;
    height: 1px;
    background-color: #ddd;
    width: 100%;
    top: -40px;
    position: absolute
}

.active-recalls .active-recalls--vehicle-issue:last-of-type {
    margin-bottom: 40px
}

.active-recalls .active-recalls--vehicle-issue:last-of-type:after {
    content: "";
    display: block;
    height: 1px;
    background-color: #ddd;
    width: 100%;
    bottom: -40px;
    position: absolute
}

.active-recalls .active-recalls--vehicle-issue div {
    margin-bottom: 5px
}

.active-recalls .active-recalls--vehicle-issue div:first-child {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px
}

.active-recalls .active-recalls--vehicle-issue div:last-of-type {
    margin-bottom: 20px
}

.active-recalls .active-recalls--vehicle-issue p {
    line-height: 2;
    margin-bottom: 15px
}

.active-recalls .active-recalls--vehicle-issue div b,
.active-recalls .active-recalls--vehicle-issue div strong {
    display: inline-block;
    margin-right: .5em
}

.active-recalls .active-recalls--vehicle-issue p b,
.active-recalls .active-recalls--vehicle-issue p strong {
    display: block
}

.active-recalls .active-recalls--warning-message {
    border: 4px solid rgb(255, 204, 6);
    padding: 30px 40px;
    margin-top: 30px;
    margin-bottom: 35px
}

.active-recalls .active-recalls--warning-message p {
    margin: 0
}

.active-recalls .active-recalls--no-recalls {
    margin-top: 20px;
    position: relative
}

.active-recalls .active-recalls--no-recalls:after {
    content: "";
    display: block;
    height: 1px;
    background-color: #ddd;
    width: 100%;
    bottom: -50px;
    position: absolute
}

#nhtsa-id-search-input {
    height: 100%;
    max-height: 100%;
    min-height: 100%
}

.pdf-generation-throbber {
    visibility: hidden
}

.pdf-generation-throbber.show-throbber {
    visibility: visible
}

.pdf-generation-throbber .throbber {
    background-position-x: 1px;
    background-color: #fff;
    border-radius: 50%;
    position: relative;
    top: 5px
}

.node-type-landing-page #block-system-main>.content>.article--copy,
.node-type-landing-page .region-content>.content>.article--copy {
    max-width: 1004px;
    margin: 0 auto;
    float: none;
    padding: 20px 20px 0
}

.node-type-landing-page #block-nhtsa-2024-content,
.node-type-landing-page .content,
.node-type-landing-page .region-content {
    position: relative
}

.node-type-landing-page .landing-page-lang {
    border-bottom: 1px solid #000;
    color: #fff;
    padding: 10px;
    background: #000;
    z-index: 1
}

@media (min-width: 768px) {
    .node-type-landing-page .landing-page-lang {
        width: auto;
        background: transparent;
        border: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 10px
    }

    .node-type-landing-page .landing-page-lang .language-tool-container {
        padding: 4px 20px;
        right: 0;
        background: #000
    }

    .node-type-landing-page .landing-page-lang .language-tool-container:empty {
        display: none !important
    }

    .node-type-landing-page .landing-page-lang .language-tool-container .dropdown-toggle:after {
        vertical-align: .125rem
    }

    .node-type-landing-page .landing-page-lang .dropdown-menu {
        right: 0;
        left: auto
    }
}

.node-type-landing-page .landing-page-lang .language-tool-container .btn {
    color: #fff;
    padding: 0;
    font-size: .875rem;
    font-weight: 900;
    line-height: 1
}

.node-type-landing-page .landing-page-lang .share-and-language--lang-label {
    color: #fff
}

.recalls-pills .recalls--tabpanes .memory-pagination .btn,
.recalls-pills .recalls--tabpanes a,
.recalls--tabs .nav-pills+.tab-content>section:not(#vehicle) .memory-pagination .btn,
.recalls--tabs .nav-pills+.tab-content>section:not(#vehicle) a {
    color: #006e9f
}

.recalls-pills .recalls--tabpanes .memory-pagination .btn.btn.btn-primary,
.recalls-pills .recalls--tabpanes a.btn.btn-primary,
.recalls--tabs .nav-pills+.tab-content>section:not(#vehicle) .memory-pagination .btn.btn.btn-primary,
.recalls--tabs .nav-pills+.tab-content>section:not(#vehicle) a.btn.btn-primary {
    color: #fff
}

.topic-sticky {
    position: sticky;
    top: -1px;
    margin-bottom: 0;
    margin-top: 0;
    z-index: 3
}

.media-accordion-sticky {
    position: sticky;
    top: 80px;
    margin-top: 1px;
    margin-bottom: 1px;
    z-index: 2
}

.stickytop-wrapper .stickytop-element {
    position: fixed;
    top: 0;
    margin: auto;
    width: 100%;
    background-color: #f6f6f6;
    z-index: 12;
    pointer-events: none;
    transform: translateY(-100%);
    opacity: 0;
    transition: transform ease-in .15s, opacity ease-in .15s
}

.stickytop-wrapper.is-sticky .stickytop-element {
    transform: translateY(0);
    opacity: 1;
    transition: transform ease-out .25s, opacity ease-out .45s
}

.sitewide-search .article--copy-container {
    margin: 20px 0
}

.sitewide-search .article--copy {
    margin: 0;
    padding: 0
}

.sitewide-search .topic--section-heading {
    padding-top: 10px;
    padding-bottom: 10px
}

.sitewide-search .topic--section-heading h4 {
    margin: 0;
    padding: 5px 0
}

.sitewide-search .topic--section-heading span:nth-child(3),
.sitewide-search .topic--section-heading span:nth-child(4) {
    color: #363636
}

.sitewide-search .topic--section-heading p:last-of-type {
    margin-bottom: 0
}

.article--copy h1 {
    margin-bottom: 2px
}

.article--copy h2 {
    margin-top: 10px
}

.article--copy p:last-of-type {
    margin-bottom: 0
}

.article--copy p:empty,
.article--copy p.editor-text:last-of-type,
.article--copy .editor-text:last-of-type {
    margin-bottom: 0
}

.article--copy ul {
    padding-bottom: 20px
}

.article--copy ul+p {
    margin-top: 11px;
    padding-bottom: 9px
}

.article--copy .article--copy-iconlist-text ul {
    padding-bottom: 0;
    padding-left: 20px;
    margin-left: 0
}

.article--copy .article--copy-iconlist-text p:last-of-type {
    margin-bottom: 0
}

.topic--section-heading {
    padding-top: 40px;
    padding-bottom: 10px
}

.article--image-wrapper {
    margin-top: 20px;
    margin-bottom: 20px
}

.page-alt,
.page-laws-regs,
.page-news-comms {
    margin-top: 40px
}

.page-alt,
.page-laws-regs {
    margin-bottom: 40px
}

.importers--callout,
.laws-regs--sidebar-latest-news {
    margin-top: 30px
}

.manufacturers--callout {
    margin-bottom: 30px
}

.page-laws-regs:after {
    bottom: -40px
}

.manufacturers--content li {
    padding: 10px 0 20px
}

.table-other {
    padding-bottom: 60px
}

.importers--file-list>.row {
    padding-bottom: 20px
}

.importers--file-list>.row:last-of-type {
    padding-bottom: 0
}

.about-nhtsa {
    padding-top: 80px;
    padding-bottom: 0
}

.about-nhtsa.two-col-topic-link-list {
    padding-bottom: 80px
}

.call-out-stats {
    padding: 60px 0 20px
}

.article--pullquote {
    margin-top: 20px
}

.underlined-header-with-link {
    padding-bottom: 20px
}

.underlined-header-with-link h3 {
    padding-top: 10px
}

.underlined-header-with-link a {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .underlined-header-with-link {
        padding-bottom: 20px
    }

    .underlined-header-with-link h3 {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

@media (max-width: 767px) {
    .underlined-header-with-link {
        padding-bottom: 0
    }

    .underlined-header-with-link h3 {
        margin-bottom: 0;
        padding-bottom: 15px
    }
}

.page-laws-regs .underlined-header-with-link {
    padding-bottom: 20px
}

.page-laws-regs .underlined-header-with-link h3 {
    padding-top: 0;
    padding-bottom: 20px
}

.page-news-comms .col-sm-7 p {
    padding: 0 10px 20px
}

#nhtsa-id-search-modal .table-other {
    padding: 10px 0
}

#nhtsa-id-search-modal .table-responsive {
    margin-top: 0
}

.two-col--links {
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width: 992px) {
    .two-col--links {
        padding-left: 0;
        padding-right: 0;
        flex: 0 0 auto
    }
}

.two-col--links .manufacturers--content {
    margin-bottom: 0
}

.two-col--links h5 {
    margin-top: 11px
}

@media (min-width: 992px) {
    .node-type-basic-page .two-col--links {
        margin-left: 8.33333333%
    }
}

h1.centered-yellow-bar-heading {
    font-size: 60px;
    text-align: center;
    position: relative;
    padding-bottom: 20px
}

@media (max-width: 992px) {
    h1.centered-yellow-bar-heading {
        font-size: 42px
    }
}

h1.centered-yellow-bar-heading:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translate(-50%);
    height: 5px;
    width: 100%;
    max-width: 150px;
    background: #ffcc06
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 22px;
    margin-bottom: 11px
}

.ctw-print-only {
    display: none !important
}

@media print {

    .footer-site,
    #site-header,
    #block-tabs {
        display: none !important
    }

    body.page-2401 {
        font-size: 12px !important
    }

    body.page-2401.vin-search-started {
        font-size: 12px !important;
        padding: 0 !important;
        margin: 0 !important
    }

    body.page-2401.vin-search-started .col-md-6,
    body.page-2401.vin-search-started .col-md-4 {
        width: 100% !important
    }

    body.page-2401.vin-search-started h4,
    body.page-2401.vin-search-started .recalls--vin-info {
        font-size: 12px !important
    }

    body.page-2401.vin-search-started p,
    body.page-2401.vin-search-started .active-recalls .active-recalls--vehicle-issue:last-of-type,
    body.page-2401.vin-search-started .active-recalls--list,
    body.page-2401.vin-search-started .recalls--tabs section,
    body.page-2401.vin-search-started .active-recalls .active-recalls--refresh-date,
    body.page-2401.vin-search-started .active-recalls .active-recalls--vin-tag,
    body.page-2401.vin-search-started .active-recalls--refresh-date,
    body.page-2401.vin-search-started .topic--nested-content {
        padding: 0 !important;
        margin: 0 !important
    }

    body.page-2401.vin-search-started .topic--nested-content .tab-content .tab-pane {
        width: 100% !important
    }

    body.page-2401.vin-search-started figure {
        float: none !important;
        padding: 0 !important;
        margin: 0 !important
    }

    body.page-2401.vin-search-started .active-recalls figure img {
        display: none !important
    }

    body.page-2401.vin-search-started .active-recalls .active-recalls--vin-tag {
        font-size: 16px;
        font-weight: 900;
        background-color: none !important;
        color: #000 !important;
        padding: 0 !important;
        text-align: left !important
    }

    body.page-2401.vin-search-started .active-recalls figure div {
        background-color: none !important;
        padding: 0 !important
    }

    body.page-2401.vin-search-started .active-recalls figure h1,
    body.page-2401.vin-search-started .active-recalls .active-recalls--list h1 {
        font-size: 12px !important;
        margin: 0 !important;
        padding: 0 !important
    }

    body.page-2401.vin-search-started .active-recalls .active-recalls--warning-message {
        border: none !important;
        padding: 0 !important;
        margin: 0 !important
    }

    body.page-2401.vin-search-started .print-thin {
        width: auto !important
    }

    body.page-2401.vin-search-started .tab-content,
    body.page-2401.vin-search-started .tab-pane,
    body.page-2401.vin-search-started .recalls-tabs {
        margin: 0 !important;
        padding: 0 !important
    }

    body.page-2401.vin-search-started .print-hide-test,
    body.page-2401.vin-search-started .print-hide,
    body.page-2401.vin-search-started img,
    body.page-2401.vin-search-started .recalls--header,
    body.page-2401.vin-search-started ul.nav-pills,
    body.page-2401.vin-search-started .safety-check,
    body.page-2401.vin-search-started .nhtsa-regional-offices--component,
    body.page-2401.vin-search-started .call-to-action,
    body.page-2401.vin-search-started .recalls--head-image,
    body.page-2401.vin-search-started .recalls--recall-steps,
    body.page-2401.vin-search-started .recalls--process,
    body.page-2401.vin-search-started .landing-page-lang,
    .ctw-no-print {
        display: none !important
    }

    .ctw-print-only {
        display: block !important
    }

    .page-topic--menu {
        display: none !important
    }

    .node-type-book header,
    .node-type-book footer,
    .node-type-book .book-sidebar,
    .node-type-book .book--right-sidebar {
        display: none !important
    }

    .node-type-book .book--breadcrumbs {
        padding: 20px 0 !important
    }

    .node-type-book .book--content {
        width: 100% !important
    }

    .node-type-book .book--content .col-md-offset-1.col-md-8,
    .node-type-book .book--content .book--copy {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important
    }

    .lastest-news--featured img,
    .featured-topic img {
        max-width: 300px
    }

    .page-topic--actions-container .col-sm-5 a {
        font-size: .75em !important
    }

    .page-topic--overview-right #carousel-example-generic,
    .topic--nested-content {
        page-break-inside: avoid !important
    }

    .topic-card {
        margin-bottom: 40px !important
    }
}

@media print and (min-width: 1040px) {
    .navbar-primary .navbar-header {
        padding: 20px 0
    }

    ul#main-menu {
        display: none
    }
}

@media print {
    .topic-container-inner {
        display: block !important
    }

    .topic-container-inner .topic-card {
        page-break-inside: avoid;
        width: 100%
    }

    .topic-container-inner .topic-card p {
        color: #000
    }
}

.views-exposed-form .container-inline-date .date-padding {
    padding: 0
}

.views-exposed-form .views-exposed-widget {
    float: left;
    padding: .5em 1em 0 0
}

.views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 1.6em
}

.views-exposed-form .form-item,
.views-exposed-form .form-submit {
    margin-top: 0;
    margin-bottom: 0
}

.views-exposed-form label {
    font-weight: 700
}

.views-exposed-widgets {
    margin-bottom: .5em
}

.views-exposed-form .views-exposed-widget {
    padding: .5em 1em 0 0
}

.pager-current {
    font-weight: 700
}

tbody {
    border-top: 1px solid #ccc
}

li a.active {
    color: #111
}

.book-sidebar {
    background: #f6f6f6;
    padding: 0 20px
}

@media (min-width: 1200px) {
    .book-sidebar {
        max-width: 400px
    }
}

@media (min-width: 992px) {
    .row.columns-container {
        display: flex
    }
}

.book--header {
    margin-top: 0
}

.book--header+span {
    color: #0075b7
}

.book--stars {
    display: flex;
    align-items: center
}

.book--stats {
    display: flex;
    flex-direction: column;
    background: #f6f6f6;
    margin: 20px 0;
    padding: 10px
}

@media (min-width: 992px) {
    .book--stats {
        flex-direction: row;
        margin: 30px 0 50px
    }
}

.book--stats.book--stars {
    display: flex;
    align-items: center;
    padding-left: 10px
}

.book--stats>span:not(.book-stars) {
    display: flex;
    align-items: center;
    padding: 10px
}

.book--stats>span:not(.book-stars) span {
    font-weight: 700;
    color: #111
}

.book--stats>*>*:not([aria-role=tooltip]) {
    margin-left: 6px
}

.book--breadcrumbs {
    height: 45px;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width: 992px) {
    .book--breadcrumbs {
        height: auto
    }
}

.book--breadcrumbs a {
    width: 100%
}

.book--breadcrumbs a:last-of-type {
    color: #0075b7
}

.book--breadcrumbs svg {
    margin: 0 20px
}

@media (min-width: 992px) {
    .book--breadcrumbs {
        padding-left: 30px;
        flex-direction: row
    }

    .book--breadcrumbs a {
        width: auto;
        display: flex;
        align-items: center
    }
}

.book--offset {
    padding-top: 20px;
    padding-bottom: 40px
}

@media (min-width: 992px) {
    .book--offset {
        padding-top: 40px;
        padding-bottom: 80px
    }
}

.book--content {
    padding-bottom: 20px
}

@media (min-width: 992px) {
    .book--content {
        padding-bottom: 40px
    }
}

.book--content .book--copy {
    max-width: 700px
}

.ctw-filter-view .book--copy {
    max-width: auto
}

.book--toc {
    padding-bottom: 20px
}

.book--toc .more-dropdown {
    border-left: 2px solid rgb(221, 221, 221);
    padding-left: 10px
}

.book--toc .more-dropdown:after {
    content: "";
    position: relative;
    font-size: 12px;
    vertical-align: middle;
    margin: -1px 0 0 5px;
    display: inline-block;
    border-top: .5em solid;
    border-right: .5em solid transparent;
    border-bottom: 0;
    border-left: .5em solid transparent
}

.book--toc ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.book--toc .book--toc-list>ul {
    padding-bottom: 20px
}

.book--toc a {
    display: block;
    color: #111;
    padding: 10px
}

.book--toc a:hover {
    color: #0075b7
}

.book--toc a.btn.btn-primary,
.book--toc a.btn.btn-primary-darker {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    border-radius: 25px;
    display: block;
    width: 100%
}

.book--toc-heading {
    padding-bottom: 20px
}

@media (min-width: 992px) {
    #book--toc-nav-toggle {
        display: none
    }

    #book--table-of-contents {
        display: block !important
    }
}

@media (max-width: 992px) {
    .book--toc-heading-desktop {
        display: none
    }
}

#book-search-form {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 25px;
    height: 45px
}

#book-search-form button,
#book-search-form input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: transparent
}

#book-search-form input {
    width: 100%;
    padding: 10px 20px
}

#book-search-form button {
    padding-right: 20px
}

#book-search-form+a {
    color: #036297;
    display: block;
    font-size: 12px;
    text-align: center;
    margin-top: 5px
}

#book-search-form .icon-Search:hover:before {
    color: #0075b7
}

.book--button-info {
    display: flex;
    display: none;
    margin-bottom: 20px
}

.book--button-info .book--tooltip-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    font-size: 14px;
    margin-left: 20px;
    color: #0075b7
}

.book--btn {
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    font-weight: 700;
    border-radius: 5px;
    text-align: center;
    padding: 10px 20px;
    color: #0075b7;
    display: block;
    border: 1px solid rgb(0, 117, 183);
    width: 100%
}

.book--btn:hover {
    background: #0075b7;
    color: #fff
}

.book--btn+.book--btn {
    margin-top: 15px
}

@media (min-width: 992px) {
    .book--on-this-page {
        margin-bottom: 40px
    }
}

.book--on-this-page ul {
    padding-left: 15px
}

#book--toc-nav-toggle,
.book--sidebar-link button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: transparent
}

#book--toc-nav-toggle {
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: space-between
}

#book--toc-nav-toggle span.more-dropdown {
    margin-right: 10px
}

#book--toc-nav-toggle [aria-expanded=true] .more-dropdown:after {
    transform: rotate(180deg)
}

@media (min-width: 992px) {
    #book--toc-nav-toggle {
        display: none;
        pointer-events: none;
        cursor: default !important
    }

    #book--toc-nav-toggle [aria-expanded=true] .more-dropdown:after {
        display: none
    }
}

.book--sidebar-link {
    display: flex;
    align-items: center;
    width: 100%
}

.book--sidebar-link a {
    width: 100%
}

.book--sidebar-link a.active {
    color: #036297
}

.book--sidebar-link button {
    padding: 10px
}

.book--sidebar-link button:hover .more-dropdown:after {
    color: #036297
}

.book--sidebar-link button[aria-expanded=true] .more-dropdown:after {
    transform: rotate(180deg)
}

.ctw.table-other {
    padding-top: 0
}

.ctw.table-other [id^=edit-actions] {
    float: none;
    clear: both
}

.ctw.table-other [id^=edit-actions]>input {
    margin-top: 10px !important;
    top: auto !important;
    left: auto !important
}

[data-react=email-subscriptions] {
    padding-left: 0;
    padding-right: 0
}

.recall-email-signup {
    padding: 60px
}

.email-recall-signup--login+* {
    margin-top: 30px
}

.email-recall-signup--login-holder {
    margin: 20px 0 40px;
    max-width: 500px;
    display: grid;
    gap: 20px
}

.email-recall-signup--login-recaptcha {
    margin: 20px 0
}

.email-recall-signup--login label {
    display: block
}

.email-recall-signup--login input {
    width: 100%;
    padding: 4px 8px;
    max-height: 55px;
    background: transparent;
    border-radius: 6px;
    line-height: 55px;
    color: #111 !important
}

.email-recall-signup--login .error {
    margin-top: 6px;
    font-size: 12px;
    color: #bf1e2d
}

.email-recall-signup--cta-banner {
    background-color: #0075b7
}

.email-recall-signup--cta {
    display: flex;
    gap: 60px;
    padding: 30px 40px;
    color: #fff
}

@media (max-width: 768px) {
    .email-recall-signup--cta {
        display: block
    }

    .email-recall-signup--cta>*+* {
        margin-top: 20px
    }
}

.email-recall-signup--cta .btn {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px
}

.recall-email-signup .vehicle-selector {
    display: grid;
    gap: 20px
}

.recall-email-signup .vehicle-selector.ui-disabled {
    pointer-events: none;
    position: relative
}

.recall-email-signup .vehicle-selector.ui-disabled .loading-animation {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.recall-email-signup .vehicle-selector.ui-disabled>*:nth-child(n+2) {
    opacity: .25
}

.recall-email-signup .vehicle-selector--controls {
    margin: 20px 0 30px
}

.recall-email-signup .vehicle-selector--row {
    display: grid;
    gap: 20px;
    align-items: self-end
}

@media screen and (min-width: 768px) {
    .recall-email-signup .vehicle-selector--row {
        grid-template-columns: 30px repeat(3, minmax(0, 1fr)) 60px
    }
}

.recall-email-signup .vehicle-selector--row button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background: #bf1e2d;
    color: #fff;
    border: 0;
    border-radius: 100%;
    font-size: 14px;
    font-weight: 800
}

.recall-email-signup .vehicle-selector--row button[disabled] {
    cursor: pointer;
    pointer-events: none;
    opacity: .5
}

@media (min-width: 768px) {
    .recall-email-signup .vehicle-selector--row-number span {
        display: none
    }
}

.recall-email-signup .vehicle-selector--dropdown {
    display: flex;
    flex-direction: column
}

.recall-email-signup .checkbox-holder {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.rectangle-checkbox {
    background: #f6f6f6;
    border-radius: 6px;
    display: inline-block;
    border: 2px solid transparent
}

.rectangle-checkbox.checked {
    border: 2px solid rgb(0, 117, 183)
}

.rectangle-checkbox input {
    margin: 0
}

.rectangle-checkbox label {
    display: flex;
    gap: 5px;
    margin-bottom: 0;
    padding: 5px 20px;
    align-items: center;
    font-weight: 400
}

.recall-email-signup--all-recall-signups {
    display: grid;
    margin-bottom: 20px
}

.recall-subscription-error {
    margin: 20px 0;
    padding: 6px;
    font-size: 12px;
    color: #bf1e2d;
    border: rgb(191, 30, 45) thin solid
}

.email-recall-signup--login .loading-animation,
.recall-email-signup .vehicle-selector~div .loading-animation {
    left: auto;
    transform: none;
    margin-bottom: 20px
}

.email-subscription-submit {
    margin-bottom: 20px
}

.recall-subscription-recaptcha .grecaptcha-badge {
    visibility: hidden
}

.recall-subscription-recaptcha .recall-email-signup {
    font-size: .75rem;
    text-align: center;
    padding: 20px
}

.recall-subscription-recaptcha .recall-email-signup p {
    margin: 0
}

.email-subscription--unsubscribe {
    background: transparent;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    color: #bf1e2d;
    text-decoration: underline
}

.nav-pills>li>a:hover,
.nav-pills>li>a:focus {
    text-decoration: none;
    background-color: #ddd
}

.local_tasks_block {
    background: #004f80
}

.local_tasks_block .reset-appearance {
    display: none
}

.local_tasks_block ul {
    position: relative;
    display: block;
    max-width: 1600px;
    padding: 0 10px;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase
}

.local_tasks_block ul:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #0000001a
}

.local_tasks_block ul li.tabs__tab {
    position: relative;
    display: inline-block;
    float: none;
    overflow: hidden;
    margin: 0 -2px;
    vertical-align: bottom;
    border-width: 0;
    background-color: transparent;
    font-size: 14px;
    outline: none
}

.local_tasks_block ul li.tabs__tab>a {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0 12px;
    border-bottom: 2px solid transparent;
    background-color: transparent;
    color: #fff;
    line-height: 48px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    text-decoration: none
}

@media (min-width: 679px) {
    .local_tasks_block ul li.tabs__tab>a {
        padding: 0 24px
    }
}

.local_tasks_block ul li.tabs__tab a:hover,
.local_tasks_block ul li.tabs__tab a:focus,
.local_tasks_block ul li.tabs__tab a:visited,
.local_tasks_block ul li.tabs__tab a:active,
.local_tasks_block ul li.tabs__tab a.is-active {
    background-color: inherit;
    border-bottom: 3px solid #ffffff
}

.local_tasks_block ul li.tabs__tab .tabs__tab {
    max-width: 130px;
    font-size: 14px !important
}

@media (min-width: 679px) {
    .local_tasks_block ul li.tabs__tab .tabs__tab {
        max-width: none;
        font-size: 14px !important
    }
}

.local_tasks_block ul li.tabs__tab .tabs__tab .is-active {
    border-bottom: 2px solid #004f80
}

.toolbar .toolbar-bar .toolbar-icon-nhtsa-site-parent:before {
    -webkit-mask-image: url(/apple-icon.png)
}

.toolbar-menu-administration ul li a {
    font-size: 16px !important
}

.simple-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1000
}

.simple-modal .modal-dialog {
    max-width: 768px;
    width: 100%;
    max-height: 80vh;
    overflow: auto
}

.simple-modal .modal-content {
    background-color: #13386e;
    color: #fff;
    padding: .6rem;
    border-radius: .4rem;
    position: relative;
    box-shadow: 0 4px 6px #0000001a
}

.simple-modal .modal-header {
    padding: 0;
    margin: 0;
    border: 0
}

.simple-modal h2.modal-title {
    padding: .625rem;
    background-color: #0075b7;
    padding: .5rem;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.5625;
    display: block;
    width: 100%;
    margin-top: 0
}

.simple-modal .modal-body {
    padding: 15px 15px 0;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.5;
    display: flex;
    flex-direction: column
}

.simple-modal .close-button {
    margin-top: 1rem;
    padding: .5rem 20px;
    background-color: #0075b7;
    color: #fff;
    border: none;
    border-radius: .5rem;
    cursor: pointer;
    align-self: end;
    font-weight: 700
}

.simple-modal .close-button:hover {
    background-color: #0096ea
}

.custom-login-page {
    background-color: #f4f4f4;
    --custom-max-width: 500px
}

.custom-login-page #block-nhtsa-2024-content {
    display: flex;
    flex-direction: column-reverse
}

.custom-login-page #block-nhtsa-2024-content .container-fluid .row {
    background-color: #f4f4f4
}

.custom-login-page .custom-html-wrapper {
    max-width: var(--custom-max-width);
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.custom-login-page .openid-connect-login-form {
    max-width: var(--custom-max-width);
    width: 100%;
    margin: 0 auto -36px
}

.custom-login-page .openid-connect-login-form .button {
    width: 100%;
    background: #1e85a9;
    border-radius: .5rem;
    color: #fff;
    padding: 1rem 0;
    border: none;
    background-image: url(/themes/custom/nhtsa_2024/images/Microsoft_Entra_ID_color_icon.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 21px
}

.custom-login-page .custom-separator {
    position: relative;
    max-width: var(--custom-max-width);
    width: 100%;
    margin: 0 auto
}

.custom-login-page .custom-separator hr {
    position: relative;
    top: 20px
}

.custom-login-page .custom-separator span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #f4f4f4;
    padding-left: 10px;
    padding-right: 10px
}

.custom-login-page .custom-separator p {
    margin-top: 20px
}

.custom-login-page .custom-login-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    margin: 0 auto 30px;
    max-width: var(--custom-max-width);
    width: 100%
}

.custom-login-page .custom-login-form .form-item-name,
.custom-login-page .custom-login-form .form-item-pass,
.custom-login-page .custom-login-form .form-actions,
.custom-login-page .custom-login-form .form-item-name input,
.custom-login-page .custom-login-form .form-item-pass input,
.custom-login-page .custom-login-form .form-actions input {
    width: 100%
}

.custom-login-page .custom-login-form .form-item-name input,
.custom-login-page .custom-login-form .form-item-pass input {
    padding: 1.125rem 1rem;
    border-radius: .5rem;
    border: 1px solid #dfdfe2
}

.custom-login-page .custom-login-form .form-item-name {
    margin-bottom: 1.25rem
}

.custom-login-page .custom-login-form .form-item-pass {
    margin-bottom: 20px
}

.custom-login-page .custom-login-form .form-submit {
    background: #0f64a0;
    border-radius: .5rem;
    color: #fff;
    padding: 1rem 0;
    border: none
}

.menu-item-title {
    width: 100%
}

.toolbar-menu-administration>.toolbar-menu>.menu-item .toolbar-menu .menu-item {
    float: none !important
}

.nhtsa-simple-search {
    position: relative;
    background: #fff;
    padding: 0;
    border-radius: 6px;
    display: flex;
    align-items: center;
    line-height: 55px;
    max-height: 55px;
    font-size: 1.3125rem
}

.nhtsa-simple-search input[type=text] {
    background: transparent;
    border: 0;
    font-weight: 200;
    text-align: center;
    width: 100%;
    color: #111;
    border-radius: 6px;
    max-height: 55px
}

.nhtsa-simple-search button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: transparent;
    font-size: 30px;
    display: flex;
    align-items: center;
    padding: 10px;
    height: 100%;
    border-color: #bbb;
    color: #0075b7 !important
}

.nhtsa-simple-search.with-border {
    border: rgba(0, 0, 0, .5) 2px solid
}

@media (min-width: 992px) {
    .nhtsa-simple-search.with-larger-size {
        max-height: 75px;
        height: 75px
    }

    .nhtsa-simple-search.with-larger-size input[type=text] {
        max-height: 75px;
        height: 100%;
        font-size: 1.75rem
    }
}

.nhtsa-simple-search .search-separator {
    display: flex;
    align-items: center;
    margin: 4px 0;
    padding: 5px
}

.nhtsa-simple-search .search-separator>div {
    height: 30px;
    width: 1px;
    background: #00000040
}

.nhtsa-simple-search+.vin-tooltip {
    color: #000
}

.nhtsa-autocomplete-search .autocomplete-search-suggestion-list {
    border-radius: 6px;
    padding: 10px 0;
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 1;
    box-shadow: 2px 2px 15px #00000012
}

.nhtsa-autocomplete-search .autocomplete-search-suggestion-list ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.nhtsa-autocomplete-search .autocomplete-search-suggestion-list li {
    padding: 10px;
    position: relative
}

.nhtsa-autocomplete-search .autocomplete-search-suggestion-list li:after {
    content: "";
    display: block;
    width: calc(100% - 20px);
    position: absolute;
    bottom: 0;
    left: 10;
    height: 1px;
    background: #f6f6f6
}

.nhtsa-autocomplete-search .autocomplete-search-suggestion-list li:last-of-type:after {
    display: none
}

.nhtsa-autocomplete-search .autocomplete-search-suggestion-list li:focus,
.nhtsa-autocomplete-search .autocomplete-search-suggestion-list li:hover {
    background: #f6f6f6;
    font-weight: 700;
    cursor: pointer
}

.redesigned-ratings-search .nhtsa-simple-search .iconography {
    padding: 0 20px;
    display: flex;
    height: 100%;
    align-items: center
}

.redesigned-ratings-search .nhtsa-simple-search input {
    text-align: left
}

.redesigned-ratings-search .nhtsa-simple-search+button,
.redesigned-ratings-search .nhtsa-simple-search+a {
    max-height: 55px
}

@media (min-width: 768px) {

    .redesigned-ratings-search .nhtsa-simple-search+button,
    .redesigned-ratings-search .nhtsa-simple-search+a {
        max-width: 100px
    }
}

.rdp-root {
    --rdp-accent-color: rgb(0, 117, 183) !important;
    --rdp-accent-background-color: #eee !important
}

.date-range-picker-presets {
    list-style-type: none;
    padding: 0;
    display: flex;
    gap: 10px;
    max-width: 300px;
    overflow-x: auto;
    flex-wrap: wrap;
    margin: 0;
    font-size: .75rem
}

.date-range-picker-presets button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 1px solid rgb(0, 117, 183);
    padding: 4px 10px;
    border-radius: 6px;
    color: #0075b7
}

.date-range-picker-presets button:hover {
    background: #0075b7;
    color: #fff
}

.nhtsa-date-range-picker {
    max-width: 100%;
    z-index: 1
}

.nhtsa-date-range-picker .calendar-icon {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 10px;
    pointer-events: none;
    top: 25px;
    transform: translateY(-50%)
}

.nhtsa-date-range-picker .calendar-icon+input {
    padding-left: 40px
}

@media screen and (max-width: 400px) {
    .nhtsa-date-range-picker .nhtsa-date-range-picker {
        padding: 20px 10px
    }
}

@media screen and (max-width: 430px) {
    .nhtsa-date-range-picker {
        max-width: 100vw
    }

    .nhtsa-date-range-picker .rdp-day_button {
        width: 10vw
    }
}

.nhtsa-date-range-picker .rdp-day_button {
    border-radius: 0
}

.nhtsa-date-range-picker .rdp-range_start .rdp-day_button {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.nhtsa-date-range-picker .rdp-range_end .rdp-day_button {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.car-seat-table-ratings.table-other .table>thead>tr:first-of-type>th {
    padding: 15px 0;
    color: #fff;
    background: #000;
    text-align: center;
    font-weight: 400;
    text-transform: none
}

.car-seat-table-ratings.table-other .table button[data-bs-toggle] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    color: #0075b7;
    font-weight: 700;
    font-size: inherit
}

.table-filters .resource-table-filters {
    display: grid;
    align-items: last baseline;
    gap: 20px;
    grid-template-columns: 1fr
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .table-filters .resource-table-filters {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

    .table-filters .resource-table-filters .keywords-filter {
        grid-column: 1/-1
    }

    .table-filters .resource-table-filters .audience-filter {
        grid-column: 1/4
    }

    .table-filters .resource-table-filters .year-filter {
        grid-column: 4/-1
    }

    .table-filters .resource-table-filters .resource-table-submit {
        grid-column: 1/-1
    }
}

@media (min-width: 768px) {
    .table-filters .resource-table-filters {
        grid-template-columns: 3fr 2fr 1fr 100px
    }
}

.table-filters .resource-table-filters label {
    font-weight: 900;
    font-size: 1.0625rem
}

@media (min-width: 768px) {
    .table-filters .resource-table-filters label {
        font-size: 1.375rem
    }
}

.table-filters .resource-table-filters input,
.table-filters .resource-table-filters select {
    margin: 0;
    width: 100%;
    max-width: 100%;
    padding: 0 10px
}

.table-filters .resource-table-filters input[type=submit] {
    margin: 0;
    left: 0;
    background: #0075b7;
    font-weight: 700;
    color: #fff;
    border: 0
}